/* MEGA Theme — main.css (v2.0 "Editorial Gulf luxury")
   One stylesheet for Arabic (RTL) and English (LTR): logical properties only.
   Brand: navy #23237A, yellow #FFC21A, gold #E0A800, black #0B0B14. Fonts self-hosted: Readex Pro, IBM Plex Sans Arabic, Noto Naskh Arabic (display, Arabic only). */

@font-face{font-family:'Plex';src:url(../fonts/plex-arabic-400.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';src:url(../fonts/plex-arabic-600.woff2) format('woff2');font-weight:600 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';src:url(../fonts/plex-latin-400.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';src:url(../fonts/plex-latin-600.woff2) format('woff2');font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Readex';src:url(../fonts/readex-arabic-600.woff2) format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Readex';src:url(../fonts/readex-latin-600.woff2) format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Naskh';src:url(../fonts/naskh-arabic-700.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}

:root{
  --ink:#0A0920; --ink2:#100E2C; --navy:#23237A; --navy-l:#3434A8; --yel:#FFC21A; --gold:#E0A800; --gold-t:#8A6400; --champ:#F3D27A;
  --line-d:rgba(243,210,122,.24); --ivory:#FBFAF7; --ivory2:#F3EFE5; --line:#E6E0D0; --line2:#EFEAE0;
  --body:#2A2B45; --mut:#5E5F73; --black:#0B0B14; --paper:#F3EFE5; --chip:#F1ECDF; --cream:#FFF4D1;
  --wa:#1FAF54; --err:#C62828; --ok:#1B7F45;
  --r-s:8px; --r:14px; --r-l:20px;
  --wrap:1240px; --gut:16px; --head-h:84px;
  --f-body:'Plex',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif; --f-head:'Readex','Plex',system-ui,sans-serif; --f-disp:'Naskh','Readex',serif;
  --ease:cubic-bezier(.16,.84,.24,1);
  --sh:0 1px 2px rgba(20,20,40,.04),0 18px 40px -24px rgba(35,35,122,.28);
}
body.lang-en{--f-disp:'Readex','Plex',system-ui,sans-serif}
@media (min-width:640px){:root{--gut:28px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--ivory);color:var(--body);font-family:var(--f-body);font-size:1.0625rem;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lang-en{line-height:1.6}
img,svg,video{max-width:100%;height:auto}
svg.ic{flex:none;vertical-align:middle}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--navy-l)}
h1,h2,h3{font-family:var(--f-head);color:var(--black);font-weight:600;line-height:1.3;margin:0 0 .5em}
body.lang-en h1,body.lang-en h2{letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(2.2rem,5vw,3.8rem)}
h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
h3{font-size:1.15rem}
.disp{font-family:var(--f-disp);font-weight:700;line-height:1.3}
body.lang-en .disp{font-weight:600;line-height:1.08;letter-spacing:-.03em}
.h-xl{font-size:clamp(2.2rem,5vw,4.4rem)}
.g,.gold{color:var(--gold)}
p{margin:0 0 1em}
ul,ol{padding:0;margin:0;list-style:none}
bdi.num,.num{unicode-bidi:isolate;direction:ltr;font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:880px}
.sec{padding-block:clamp(64px,9vw,128px)}
.sec-tint{background:var(--ivory2)}
.dark{background:var(--ink);color:rgba(255,255,255,.78)}
.dark h2,.dark h3{color:#fff}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--black);color:#fff;padding:10px 14px;border-radius:var(--r-s)}
.skip:focus{top:8px}
main:focus{outline:none}
.small,small{font-size:.82em}
.vh-m{visibility:hidden}

/* ---------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:50px;padding:.6em 1.5em;border-radius:999px;border:1px solid transparent;font:600 1rem/1.2 var(--f-body);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--ease);white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-pri{background:linear-gradient(135deg,#FFE08A,var(--yel) 45%,var(--gold));color:var(--black);box-shadow:0 14px 34px -14px rgba(224,168,0,.85)}
.btn-pri:hover{color:var(--black);box-shadow:0 18px 40px -12px rgba(224,168,0,.95);transform:translateY(-1px)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-l);color:#fff}
.btn-ghost{background:transparent;color:var(--black);border-color:#CFC6AE}
.btn-ghost:hover{border-color:var(--black);color:var(--black)}
.btn-glass,.btn-ghost-light,.btn-line{background:transparent;color:var(--champ);border-color:var(--line-d)}
.btn-glass:hover,.btn-ghost-light:hover,.btn-line:hover{border-color:var(--champ);color:#fff;background:rgba(243,210,122,.06)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#17964A;color:#fff}
.btn-lg{min-height:56px;font-size:1.05rem;padding-inline:1.8em}
.btn-sm{min-height:42px;padding:.4em 1.2em;font-size:.95rem}
.btn-block{display:flex;width:100%}
.row-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.link-more{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--navy)}
.link-more .ic{transition:transform .2s var(--ease)}
.link-more:hover .ic{transform:translateX(3px)}[dir=rtl] .link-more:hover .ic{transform:translateX(-3px)}
.link-light{color:var(--champ)}.link-light:hover{color:#fff}

/* ---------- header (over the dark page heads) */
.site-head{position:sticky;top:0;z-index:50;height:var(--head-h);margin-bottom:calc(var(--head-h) * -1);transition:background-color .3s,box-shadow .3s}
.site-head.scrolled{background:rgba(10,9,32,.9);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--line-d)}
.head-in{display:flex;align-items:center;gap:22px;height:var(--head-h);border-bottom:1px solid rgba(255,255,255,.08)}
.site-head.scrolled .head-in{border-bottom-color:transparent}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--navy);flex:none}
.brand .wm{font:700 1.45rem/1 var(--f-head);letter-spacing:.02em;color:var(--navy)}
.brand .wm b{color:var(--gold);font-weight:700}
.brand .wm-ar{font:600 .9rem/1 var(--f-head);color:var(--mut);padding-inline-start:8px;border-inline-start:1px solid var(--line)}
.brand.on-dark .wm{color:#fff}.brand.on-dark .wm b{color:var(--yel)}.brand.on-dark .wm-ar{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.2)}
.nav-d{margin-inline-start:auto}
.nav-d ul{display:flex;gap:4px}
.nav-d a{position:relative;display:block;padding:9px 12px;color:rgba(255,255,255,.8);text-decoration:none;font-weight:600;font-size:.97rem;transition:color .2s}
.nav-d a:hover{color:#fff}
.nav-d a[aria-current]{color:var(--champ)}
.nav-d a[aria-current]::after{content:"";position:absolute;inset-inline:12px;bottom:2px;height:1px;background:var(--champ)}
.head-act{display:flex;align-items:center;gap:8px}
.head-cta{background:transparent;color:var(--champ);border-color:var(--line-d);box-shadow:none}
.head-cta:hover{background:linear-gradient(135deg,#FFE08A,var(--yel) 45%,var(--gold));color:var(--black);border-color:transparent}
.lang-sw{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;color:rgba(255,255,255,.85);text-decoration:none;font-weight:600;font-size:.95rem}
.lang-sw:hover{color:#fff}
.nav-m{display:none;position:relative}
.nav-m summary{list-style:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;cursor:pointer;color:#fff;border:1px solid var(--line-d)}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m .i-close{display:none}.nav-m[open] .i-close{display:block}.nav-m[open] .i-open{display:none}
.nav-m-panel{position:fixed;inset-inline:0;top:var(--head-h);bottom:0;background:var(--ink);padding:18px var(--gut) 32px;overflow:auto;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line-d)}
.nav-m-panel ul{display:flex;flex-direction:column}
.nav-m-panel li a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;font:700 1.5rem/1.3 var(--f-disp)}
.nav-m-panel a[aria-current]{color:var(--yel)}
.nav-m-panel .ccsw{background:rgba(255,255,255,.05);border-color:var(--line-d)}
.nav-m-panel .ccsw button{color:rgba(255,255,255,.75)}
@media (max-width:1100px){.nav-d{display:none}.nav-m{display:block}.head-act{margin-inline-start:auto}}
@media (max-width:560px){.head-cta{display:none}.brand .wm-ar{display:none}:root{--head-h:72px}}

/* ---------- country switch */
.ccsw{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line);gap:2px}
.ccsw button{appearance:none;border:0;background:transparent;font:600 .92rem/1.2 var(--f-body);color:var(--mut);padding:8px 16px;border-radius:999px;cursor:pointer;min-height:40px;transition:background-color .2s,color .2s}
.ccsw button small{font-weight:400;opacity:.8}
.cc-sa .ccsw [data-set-cc=sa],.cc-eg .ccsw [data-set-cc=eg]{background:var(--black);color:var(--yel)}
.ccsw.on-dark,.dark .ccsw{background:rgba(255,255,255,.05);border-color:var(--line-d);margin-top:0}
.phead .ccsw.on-dark{margin-top:18px}
.ccsw.on-dark button,.dark .ccsw button{color:rgba(255,255,255,.72)}
.cc-sa .ccsw.on-dark [data-set-cc=sa],.cc-eg .ccsw.on-dark [data-set-cc=eg],.cc-sa .dark .ccsw [data-set-cc=sa],.cc-eg .dark .ccsw [data-set-cc=eg]{background:var(--yel);color:var(--black)}
html:not(.js) .ccsw{display:none}
.cc-sa .ccv[data-cc=eg],.cc-eg .ccv[data-cc=sa]{display:none!important}
.ccsw-m{align-self:flex-start}

/* ---------- hero: one dusk city from Riyadh to Cairo */
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:max(100vh,880px);padding-top:calc(var(--head-h) + clamp(40px,6vw,72px));padding-bottom:120px;background:#07072A}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/hero-sky.webp) center bottom/cover no-repeat}
[dir=ltr] .hero::after{transform:scaleX(-1)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,7,42,.72) 0,rgba(7,7,42,.25) 28%,transparent 40%),linear-gradient(180deg,rgba(7,7,42,.86) 0%,rgba(7,7,42,.35) 40%,transparent 62%)}
[dir=rtl] .hero::before{background:linear-gradient(-90deg,rgba(7,7,42,.72) 0,rgba(7,7,42,.25) 28%,transparent 40%),linear-gradient(180deg,rgba(7,7,42,.86) 0%,rgba(7,7,42,.35) 40%,transparent 62%)}
@media (max-width:1000px){.hero::before,[dir=rtl] .hero::before{background:linear-gradient(180deg,rgba(7,7,42,.86) 0%,rgba(7,7,42,.4) 45%,transparent 70%)}}
.hero-in{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:20px}
.kick{display:flex;align-items:center;gap:14px;color:var(--champ);font-size:.95rem;margin:0 0 18px}
.kick i{width:56px;height:1px;background:currentColor;flex:none}
.hero h1{color:#fff;font-size:clamp(3rem,4.9vw,4.5rem);margin-bottom:0;text-shadow:0 10px 60px rgba(0,0,0,.4)}
.hero h1 .g{display:block;background:linear-gradient(180deg,#FFF1C4,var(--yel) 55%,#C98A00);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.1em}
body.lang-en .hero h1{font-size:clamp(3rem,5vw,4.6rem)}
.hero-sub{max-width:48ch;color:rgba(255,255,255,.82);font-size:clamp(1.03rem,1.4vw,1.17rem);margin:18px 0 30px}
.hero-from{margin:18px 0 0;color:rgba(255,255,255,.65);font-size:.95rem}
.hero-from .money{color:#fff}.hero-from .money small{color:rgba(255,255,255,.6)}
.devs{position:relative;height:440px}
.laptop{position:absolute;left:10px;top:0;width:350px;margin:0}
.laptop .scr{border-radius:16px 16px 0 0;padding:11px 11px 13px;background:linear-gradient(#20202A,#0E0E14);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 60px 120px -30px rgba(0,0,0,.85)}
.laptop .scr img{display:block;border-radius:6px;width:100%}
.laptop .base{height:16px;margin-inline:-8%;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#D8D9E0,#9B9CA8 70%,#6D6E78);position:relative}
.laptop .base::after{content:"";position:absolute;left:50%;top:0;width:110px;height:6px;margin-left:-55px;border-radius:0 0 10px 10px;background:#8A8B96}
.tablet{position:absolute;left:240px;top:190px;width:200px;margin:0;border-radius:22px;padding:11px;background:#111118;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 50px 100px -30px rgba(0,0,0,.85);rotate:-6deg}
.tablet img{display:block;width:100%;border-radius:11px}
.phone{position:absolute;left:-30px;top:140px;width:116px;border-radius:32px;padding:8px;background:#0B0B12;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 50px 100px -30px rgba(0,0,0,.9);rotate:5deg}
.phone .s{border-radius:25px;overflow:hidden;background:#EEF6F7;aspect-ratio:9/18.5;display:flex;flex-direction:column}
.phone .nb{height:28px;background:var(--black);position:relative}.phone .nb::after{content:"";position:absolute;left:50%;top:8px;width:54px;height:13px;margin-left:-27px;border-radius:99px;background:#000}
.phone .pb{padding:9px;display:flex;flex-direction:column;gap:6px}
.phone .c{border-radius:11px;background:#fff;padding:8px;font-size:.6rem;line-height:1.4;color:var(--body);box-shadow:0 2px 6px rgba(0,0,0,.05)}
.phone .c b{display:block;font-size:.66rem;color:var(--black)}
.phone .t{border-radius:11px;background:var(--navy);color:#fff;text-align:center;padding:11px 6px;line-height:1.3}.phone .t b{display:block;font:700 1.4rem/1 var(--f-head);direction:ltr}.phone .t small{font-size:.56rem;opacity:.7}
.phone .k{border-radius:10px;background:var(--yel);color:var(--black);text-align:center;padding:8px;font-size:.64rem;font-weight:600}
.hfacts{position:absolute;inset-inline:0;bottom:0;z-index:3;border-top:1px solid var(--line-d);background:linear-gradient(0deg,rgba(6,5,26,.94),rgba(6,5,26,.6));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hfacts ul{display:flex;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-block:20px;font-size:.95rem;color:rgba(255,255,255,.8)}
.hfacts li{display:flex;gap:10px;align-items:center}.hfacts .ic{color:var(--yel)}
@media (min-width:1001px){[dir=ltr] .laptop{left:auto;right:10px}[dir=ltr] .tablet{left:auto;right:240px;rotate:6deg}[dir=ltr] .phone{left:auto;right:-30px;rotate:-5deg}}
@media (prefers-reduced-motion:no-preference){
  .hero::after{animation:sky 2.4s ease-out backwards}@keyframes sky{from{background-position-y:calc(100% + 120px)}}
  .hero-txt>*{animation:fd 1.2s var(--ease) both}.hero-txt>:nth-child(2){animation-delay:.1s}.hero-txt>:nth-child(3){animation-delay:.25s}.hero-txt>:nth-child(4){animation-delay:.35s}.hero-txt>:nth-child(5){animation-delay:.45s}
  @keyframes fd{from{opacity:0;filter:blur(10px);translate:0 24px}to{opacity:1;filter:none;translate:0 0}}
  .laptop{animation:fl 1.4s .2s var(--ease) both}.tablet{animation:fl 1.4s .45s var(--ease) both}.phone{animation:fl 1.4s .65s var(--ease) both}
  @keyframes fl{from{opacity:0;translate:0 80px}to{opacity:1;translate:0 0}}
}
@media (max-width:1000px){
  .hero{min-height:0}
  .hero-in{grid-template-columns:1fr}
  .devs{max-width:600px;width:100%;margin-inline:auto;height:440px;margin:20px auto 360px}
}
@media (max-width:640px){
  .hero{padding-bottom:0}
  .hero::after{background-image:url(../img/hero-sky-m.webp);background-size:100% auto;background-position:center calc(100% - 150px)}
  .hero h1{font-size:clamp(2.6rem,12.5vw,3.5rem)}
  body.lang-en .hero h1{font-size:clamp(2.5rem,11.5vw,3.3rem)}
  .devs{height:300px;margin:24px auto 500px}
  .laptop{width:78%;left:auto;right:-3%;top:0}.laptop .scr{padding:6px 6px 8px;border-radius:10px 10px 0 0}.laptop .base{height:10px}.laptop .base::after{width:60px;height:4px;margin-left:-30px}
  .tablet{width:46%;left:38%;top:140px;padding:6px;border-radius:14px}.tablet img{border-radius:8px}
  .phone{left:-2%;top:100px;width:28%;border-radius:20px;padding:5px}.phone .s{border-radius:16px}.phone .nb{height:16px}.phone .nb::after{width:30px;height:7px;top:4px;margin-left:-15px}.phone .pb{padding:5px;gap:4px}.phone .c{font-size:.42rem;padding:5px;border-radius:7px}.phone .c b{font-size:.48rem}.phone .t{padding:6px}.phone .t b{font-size:.9rem}.phone .t small{font-size:.4rem}.phone .k{font-size:.45rem;padding:5px}
  .hfacts{position:relative}
  .hfacts ul{flex-direction:column;gap:6px;padding-block:14px;font-size:.88rem}
}

/* ---------- numbers spread */
.nums{position:relative;overflow:hidden}
.nums-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end}
.n b{display:block;font:700 clamp(6rem,14vw,13rem)/.85 var(--f-head);color:transparent;-webkit-text-stroke:1.5px var(--champ);letter-spacing:-.04em}
.n span{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-d);color:rgba(255,255,255,.75);max-width:26ch}
.n em{font-style:normal;color:var(--champ);font-family:var(--f-disp);font-weight:700;font-size:1.45rem;display:block;margin-bottom:2px}
.n1{grid-column:1/6}.n1 b{font-size:clamp(9rem,24vw,22rem);-webkit-text-stroke:2px var(--yel)}
.n2{grid-column:6/9;margin-bottom:120px}.n3{grid-column:9/13;margin-bottom:40px}.n3 b{font-size:clamp(4.6rem,8.6vw,8rem)}
.n4{grid-column:7/12;margin-top:40px}.n4 b{font-size:clamp(5rem,10vw,9rem)}
.quote{grid-column:1/7;font-family:var(--f-disp);font-weight:700;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.7;color:#fff;margin:40px 0 0}
body.lang-en .quote{font-weight:600;line-height:1.35}
.quote b{color:var(--yel)}
@media (max-width:1000px){.nums-grid{grid-template-columns:1fr 1fr}.n1,.n2,.n3,.n4,.quote{grid-column:auto;margin:0}.n1,.quote{grid-column:1/-1}}
@media (max-width:640px){.n b{font-size:5rem}.n1 b{font-size:10rem}.n3 b{font-size:3.8rem}.n4 b{font-size:4.4rem}.nums-grid{gap:32px 16px}}

/* ---------- section heads (magazine) */
.sec-head{max-width:820px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head p{color:var(--mut);font-size:1.1rem;margin:0;max-width:60ch}
.dark .sec-head p{color:rgba(255,255,255,.7)}
.sec-head-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sec-head-row>div{max-width:820px}
.mag-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:clamp(40px,6vw,72px);padding-bottom:28px;border-bottom:2px solid var(--black)}
.dark .mag-head{border-color:var(--line-d)}
.mag-head h2{margin:0;font-size:clamp(2.6rem,6.4vw,6rem)}
.mag-head p{color:var(--mut);font-size:1.1rem;margin:0}
.dark .mag-head p{color:rgba(255,255,255,.7)}
.mag-head .ccsw{margin-top:18px}
@media (max-width:900px){.mag-head{grid-template-columns:1fr;gap:18px}}
.rv-on .rv{opacity:0;translate:0 22px;transition:opacity .9s var(--ease),translate .9s var(--ease)}
.rv-on .rv.in{opacity:1;translate:0 0}

/* ---------- products */
.feat{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,72px);align-items:center;margin-bottom:clamp(56px,8vw,90px);text-decoration:none;color:inherit}
.feat .lab{color:var(--gold-t);font-weight:600;margin:0 0 6px}
.feat h3{font-size:clamp(2.3rem,4vw,3.5rem);margin:0}
.feat .fd{color:var(--mut);font-size:1.1rem;margin:14px 0 20px}
.mods{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.mods span{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;font-weight:600;color:#23234A;font-size:.98rem}
.mods .ic{color:var(--gold)}
.feat .fp{margin-top:18px}
.frame{position:relative;margin:0;border-radius:20px;padding:11px;background:#0E0E1A;box-shadow:0 60px 100px -50px rgba(35,35,122,.6)}
.frame img{display:block;border-radius:11px;width:100%}
.frame::after{content:"";position:absolute;inset-inline-end:-24px;bottom:-24px;width:55%;height:55%;border:1px solid var(--gold);border-radius:20px;z-index:-1}
.eco,.prods{overflow:hidden}
.plist{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px}
.it{display:grid;grid-template-columns:46px 1fr;gap:3px 16px;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--body);transition:background-color .2s}
.it:hover{color:var(--body)}
.it:hover h3{color:var(--navy)}
.it .k{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #DCCFA6;color:var(--navy);transition:background-color .2s,color .2s}
.it:hover .k{background:var(--black);color:var(--yel);border-color:var(--black)}
.it h3{font-family:var(--f-disp);font-weight:700;font-size:1.5rem;line-height:1.3;margin:0;transition:color .2s}
body.lang-en .it h3{font-size:1.2rem;font-weight:600}
.it p{font-size:.93rem;color:var(--mut);line-height:1.6;margin:0}
.it .pp{font-size:.88rem;color:#23234A}
.tag{display:inline-block;font:600 .7rem/1.5 var(--f-body);background:var(--yel);color:var(--black);padding:1px 8px;border-radius:999px;vertical-align:middle;margin-inline-start:6px}
.tag-soon{background:var(--cream);color:#7A5600}
.from{color:var(--mut);font-size:.92em}
.money{white-space:nowrap;font-weight:600;color:var(--black)}
.money small{font-weight:400;color:var(--mut);font-size:.82em}
.dark .money{color:#fff}.dark .money small,.dark .from{color:rgba(255,255,255,.6)}
@media (max-width:1000px){.feat{grid-template-columns:1fr}.plist{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.plist{grid-template-columns:1fr}.mods{grid-template-columns:1fr}.frame::after{inset-inline-end:-12px;bottom:-12px}}
/* product card (inner pages: "more products", sector products) */
.egroup{margin-top:44px}.egroup:first-of-type{margin-top:0}
.egroup-h{display:flex;align-items:center;gap:16px;font:700 1.5rem/1.3 var(--f-disp);color:var(--black);margin-bottom:6px}
body.lang-en .egroup-h{font:600 1.15rem/1.3 var(--f-head)}
.egroup-h::after{content:"";flex:1;height:1px;background:var(--line)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}
.pcard{display:grid;grid-template-columns:46px 1fr;gap:3px 16px;padding:24px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--body)}
.pcard:hover{color:var(--body)}.pcard:hover .pname{color:var(--navy)}
.pico{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #DCCFA6;color:var(--navy);flex:none;transition:background-color .2s,color .2s}
.pcard:hover .pico{background:var(--black);color:var(--yel);border-color:var(--black)}
.pico-lg{width:60px;height:60px;border:1px solid var(--line-d);color:var(--yel)}
.pico-wa{background:#E3F6EA;color:var(--wa);border:0}
.pname{font-family:var(--f-disp);font-weight:700;font-size:1.45rem;line-height:1.3;color:var(--black);display:flex;align-items:center;gap:6px;flex-wrap:wrap;transition:color .2s}
body.lang-en .pname{font:600 1.15rem/1.35 var(--f-head)}
.pshort{font-size:.93rem;color:var(--mut);line-height:1.6}
.pprice{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.88rem;color:#23234A}
.pgo{display:none}
.pmods{display:none}
@media (max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pgrid{grid-template-columns:1fr}}

/* ---------- market (SA / EG) */
.market-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-d)}
.mkt{padding:36px 0 0;display:flex;flex-direction:column}
.mkt+.mkt{padding-inline-start:clamp(24px,4vw,56px);border-inline-start:1px solid var(--line-d)}
.mkt:first-child{padding-inline-end:clamp(24px,4vw,56px)}
.mkt-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.mkt-h h3{font:700 clamp(2.4rem,4.4vw,3.8rem)/1.2 var(--f-disp);color:#fff;margin:0}
body.lang-en .mkt-h h3{font-weight:600}
.mkt-h span{color:var(--champ);font-size:.95rem}
.mkt-l{margin-top:auto;padding-top:26px;display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:var(--yel)}
.mkt-l:hover{color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--black);font-size:.92rem;line-height:1.4}
.chip .ic{color:var(--gold)}
.dark .chip{background:transparent;border-color:var(--line-d);color:rgba(255,255,255,.88)}
.chip.soon{border-style:dashed;color:var(--mut)}
.dark .chip.soon{color:rgba(255,255,255,.55)}
.chip i{font-style:normal;font-size:.74rem;background:var(--cream);color:#7A5600;padding:1px 8px;border-radius:999px}
.chips-lg .chip{font-size:1rem;padding:10px 18px}
@media (max-width:760px){.market-grid{grid-template-columns:1fr}.mkt+.mkt{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line-d);margin-top:36px}.mkt:first-child{padding-inline-end:0}}

/* ---------- why / reasons */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.reasons li{padding:30px 28px 30px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
[dir=rtl] .reasons li{padding:30px 0 30px 28px}
.reasons li:not(:nth-child(3n+1)){padding-inline-start:28px;border-inline-start:1px solid var(--line)}
.r-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #DCCFA6;color:var(--navy);margin-bottom:10px}
.reasons h3{margin:0;font:700 1.45rem/1.35 var(--f-disp)}
body.lang-en .reasons h3{font:600 1.12rem/1.35 var(--f-head)}
.reasons p{margin:0;color:var(--mut);font-size:.98rem}
@media (max-width:900px){.reasons{grid-template-columns:1fr 1fr}.reasons li:not(:nth-child(3n+1)){padding-inline-start:0;border-inline-start:0}.reasons li:nth-child(even){padding-inline-start:24px;border-inline-start:1px solid var(--line)}}
@media (max-width:600px){.reasons{grid-template-columns:1fr}.reasons li:nth-child(even){padding-inline-start:0;border-inline-start:0}}

/* ---------- pricing teaser & plans (dark editorial columns) */
.plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-d);border-radius:4px}
.plans-3{grid-template-columns:repeat(3,1fr)}
.plan{position:relative;padding:36px 28px;display:flex;flex-direction:column;gap:4px;color:rgba(255,255,255,.8)}
.plan+.plan{border-inline-start:1px solid var(--line-d)}
.plan-n{font:700 2rem/1.3 var(--f-disp);color:#fff;margin:0}
body.lang-en .plan-n{font:600 1.45rem/1.3 var(--f-head)}
.plan-lim{color:rgba(255,255,255,.6);font-size:.9rem;margin:0}
.plan-p{font:600 2.6rem/1.05 var(--f-head);margin:24px 0 0;color:#fff}
.plan-p .money{color:#fff}.plan-p .money small{font:400 .85rem var(--f-body);color:rgba(255,255,255,.6)}
.plan-su{font-size:.86rem;color:rgba(255,255,255,.6);margin:6px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line-d)}
.plan-su .money{color:#fff}
.plan .ticks{font-size:.93rem;margin-bottom:24px}
.plan .ticks .ic{color:var(--black);background:var(--champ)}
.plan .btn{margin-top:auto;border-radius:4px}
.plan .btn-ghost{color:var(--champ);border-color:var(--line-d)}.plan .btn-ghost:hover{color:#fff;border-color:var(--champ)}
.plan.hot{background:linear-gradient(180deg,rgba(255,194,26,.16),rgba(255,194,26,.02))}
.plan.hot .plan-p,.plan.hot .plan-p .money{color:var(--yel)}
.flag{position:absolute;top:0;inset-inline:0;translate:0 -50%;width:max-content;margin-inline:auto;background:var(--yel);color:var(--black);font-size:.78rem;font-weight:600;padding:4px 14px;border-radius:99px;z-index:1}
.plans-sec,.pricing-teaser{background:radial-gradient(900px 500px at 15% 0%,rgba(224,168,0,.12),transparent 60%),var(--ink)}
.extras{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px;padding:18px 24px;border:1px solid var(--line-d);border-radius:4px;font-size:.96rem;color:rgba(255,255,255,.8)}
.extras b,.extras .money{color:#fff}
.sec:not(.dark) .extras{border-color:var(--line);color:var(--body)}.sec:not(.dark) .extras b,.sec:not(.dark) .extras .money{color:var(--black)}
.note-line{color:var(--mut);font-size:.94rem;margin-top:20px}
.dark .note-line{color:rgba(255,255,255,.6)}
.pt-more{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
@media (max-width:1100px){.plans{grid-template-columns:1fr 1fr}.plan:nth-child(3){border-inline-start:0}.plan:nth-child(n+3){border-top:1px solid var(--line-d)}}
@media (max-width:760px){.plans-3{grid-template-columns:1fr}.plans-3 .plan+.plan{border-inline-start:0;border-top:1px solid var(--line-d)}}
@media (max-width:560px){.plans{grid-template-columns:1fr}.plan+.plan{border-inline-start:0;border-top:1px solid var(--line-d)}.plan{padding:32px 22px}}

/* ---------- sectors */
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.sgrid li{border-bottom:1px solid var(--line)}
.sgrid li:not(:nth-child(4n+1)){border-inline-start:1px solid var(--line)}
.sgrid a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:28px 24px;text-decoration:none;color:var(--body);transition:background-color .25s}
.sgrid a:hover{background:var(--black)}
.s-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #DCCFA6;color:var(--navy);margin-bottom:10px;transition:all .25s}
.sgrid a:hover .s-ic{background:var(--yel);border-color:var(--yel);color:var(--black)}
.s-n{font:700 1.4rem/1.35 var(--f-disp);color:var(--black);transition:color .25s}
body.lang-en .s-n{font:600 1.08rem/1.4 var(--f-head)}
.s-d{font-size:.92rem;color:var(--mut);line-height:1.6;transition:color .25s}
.sgrid a:hover .s-n{color:#fff}.sgrid a:hover .s-d{color:rgba(255,255,255,.7)}
.s-go{position:absolute;top:30px;inset-inline-end:22px;color:var(--yel);opacity:0;transition:opacity .25s}
.sgrid a:hover .s-go{opacity:1}
@media (max-width:960px){.sgrid{grid-template-columns:1fr 1fr}.sgrid li:not(:nth-child(4n+1)){border-inline-start:0}.sgrid li:nth-child(even){border-inline-start:1px solid var(--line)}}
@media (max-width:420px){.sgrid{grid-template-columns:1fr}.sgrid li:nth-child(even){border-inline-start:0}}

/* ---------- video */
.video-sec{background:var(--ink)}
.vbox{position:relative;border-radius:4px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 0 0 1px var(--line-d),0 50px 100px -40px rgba(0,0,0,.8)}
.vbox video{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- clients */
.clients{padding-block:56px}
.clients-h{font-size:1.1rem;color:var(--mut);text-align:center}
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 48px;align-items:center}
.logos img{height:48px;width:auto;filter:grayscale(1);opacity:.7}
.logos-ph li{width:150px;height:60px;border:1px dashed #CFC6AE;display:grid;place-items:center;color:#9A9480;font-size:.85rem}
.admin-note{text-align:center;color:var(--mut);font-size:.88rem;margin-top:16px}

/* ---------- steps (a real sequence) */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:st}
.steps li{position:relative;counter-increment:st}
.steps li::before{content:counter(st);display:block;font:700 clamp(4.5rem,8vw,7rem)/.9 var(--f-head);color:transparent;-webkit-text-stroke:1.5px var(--gold);margin-bottom:16px}
.steps h3{margin:0 0 4px;font:700 1.6rem/1.35 var(--f-disp);padding-top:14px;border-top:1px solid var(--line)}
body.lang-en .steps h3{font:600 1.25rem/1.35 var(--f-head)}
.steps p{margin:0;color:var(--mut)}
.steps-v{grid-template-columns:1fr;gap:0}
.steps-v li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.steps-v li::before{grid-row:1/3;font-size:3rem;margin:0}
.steps-v h3{border:0;padding:0;font-size:1.3rem}
@media (max-width:760px){.steps{grid-template-columns:1fr;gap:36px}}

/* ---------- CTA band */
.cta-band{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:#fff;padding-block:clamp(64px,8vw,110px);border-top:1px solid var(--line-d)}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/hero-sky.webp) center bottom/100% auto no-repeat;opacity:.38;-webkit-mask-image:linear-gradient(transparent 10%,#000 80%);mask-image:linear-gradient(transparent 10%,#000 80%)}
.cta-arc{display:none}
.cta-in{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,60px);align-items:end}
.cta-band h2{color:#fff;margin:0;font:700 clamp(2.4rem,5vw,4.4rem)/1.3 var(--f-disp)}
body.lang-en .cta-band h2{font:600 clamp(2rem,4.4vw,3.6rem)/1.1 var(--f-head);letter-spacing:-.02em}
.cta-band h2 .g{color:var(--yel)}
.cta-band p{color:rgba(255,255,255,.75);margin:0 0 22px}
.cta-act{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.cta-in{grid-template-columns:1fr}}

/* ---------- inner page head */
.phead{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--ink);padding-block:calc(var(--head-h) + clamp(32px,5vw,64px)) clamp(56px,7vw,96px)}
.phead::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/hero-sky.webp) center bottom/100% auto no-repeat;opacity:.75;-webkit-mask-image:linear-gradient(transparent 0,#000 55%);mask-image:linear-gradient(transparent 0,#000 55%)}
[dir=ltr] .phead::before,[dir=ltr] .cta-band::before{transform:scaleX(-1)}
@media (max-width:640px){.phead::before,.cta-band::before{background-size:auto 260px}}
.phead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,9,32,.92),rgba(10,9,32,.55))}
[dir=rtl] .phead::after{background:linear-gradient(-90deg,rgba(10,9,32,.92),rgba(10,9,32,.55))}
.phead h1{color:#fff;margin-bottom:14px;max-width:20ch;font:700 clamp(2.6rem,6vw,5.2rem)/1.25 var(--f-disp)}
body.lang-en .phead h1{font:600 clamp(2.3rem,5vw,4.2rem)/1.08 var(--f-head);letter-spacing:-.025em}
.phead .lede{color:rgba(255,255,255,.8);font-size:clamp(1.03rem,1.6vw,1.18rem);max-width:60ch;margin-bottom:8px}
.phead-price{font-size:1.1rem;color:rgba(255,255,255,.75);margin:14px 0}
.phead-price .money{color:#fff}.phead-price .money small{color:rgba(255,255,255,.65)}
.phead .row-btns{margin-top:24px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.9rem;margin-bottom:22px;color:var(--champ)}
.crumbs ol::before{content:"";width:40px;height:1px;background:currentColor;margin-inline-end:8px}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.5}
.crumbs a{color:rgba(255,255,255,.75);text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
.ctabs{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border-radius:999px;border:1px solid var(--line-d)}
.ctabs a{padding:10px 22px;border-radius:999px;color:rgba(255,255,255,.8);text-decoration:none;font-weight:600}
.ctabs a:hover{color:#fff}
.ctabs a small{font-weight:400;opacity:.8}
.ctabs a[aria-current]{background:var(--yel);color:var(--black)}

/* ---------- product page */
.prod-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}
.prod-hero.no-shot{grid-template-columns:1fr}
.prod-name{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.prod-name h1{margin:0}
.phead .pico-lg{grid-row:auto}
.prod-shot{margin:0;border-radius:18px;padding:10px;background:#111118;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 50px 100px -30px rgba(0,0,0,.85)}
.prod-shot img{display:block;width:100%;border-radius:10px}
.prod-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:start}
.prod-lead{font-size:1.22rem;color:var(--black);max-width:62ch;line-height:1.8}
.prod-main h2{margin-top:44px;font:700 2rem/1.35 var(--f-disp);padding-top:16px;border-top:1px solid var(--line)}
body.lang-en .prod-main h2{font:600 1.5rem/1.3 var(--f-head)}
.ticks{display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start}
.ticks .ic{color:var(--black);background:var(--yel);border-radius:50%;padding:3px;width:22px;height:22px;margin-top:4px}
.ticks-2{grid-template-columns:1fr 1fr}
dl.facts{display:grid;gap:0;margin:32px 0;border-top:1px solid var(--line)}
.contact-info dl.facts{margin-top:0}
dl.facts>div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
dl.facts dt{color:var(--mut);font-weight:600}dl.facts dd{margin:0;color:var(--black)}
.prod-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.pbox{border:1px solid var(--line);border-radius:4px;padding:26px;background:#fff;box-shadow:var(--sh);border-top:3px solid var(--gold)}
.pbox-h{font:700 1.4rem/1.35 var(--f-disp);color:var(--black);margin-bottom:10px}
body.lang-en .pbox-h{font:600 1.08rem/1.4 var(--f-head)}
.pbox ul li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.pl-l{display:flex;flex-direction:column;font-size:.96rem}
.pl-sub{font-size:.82rem;color:var(--mut)}
.pl-v{text-align:end}
.pl-v .money{font-size:1.1rem}
.pl-txt{font-weight:600;color:var(--ok);white-space:nowrap}
.pbox-n{font-size:.82rem;color:var(--mut);margin:12px 0 6px}
.pbox-l{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;font-size:.95rem;margin-top:6px}
.plan-hint{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh);background:#fff}
.plan-hint h2{font-size:1rem;color:var(--mut);margin:0}
.plan-hint-n{font:700 2rem/1.25 var(--f-disp);color:var(--navy);margin:0}
body.lang-en .plan-hint-n{font:600 1.6rem/1.2 var(--f-head)}
.plan-hint p{margin:0}
@media (max-width:960px){.prod-hero{grid-template-columns:1fr;gap:32px}.prod-body{grid-template-columns:1fr;gap:40px}.prod-side{position:static}}
@media (max-width:600px){dl.facts>div{grid-template-columns:1fr;gap:2px}.ticks-2{grid-template-columns:1fr}}

/* ---------- pricing hub & tables */
.cgrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}
.ccard{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(28px,4vw,48px);text-decoration:none;color:var(--body);transition:background-color .25s}
.ccard+.ccard{border-inline-start:1px solid var(--line)}
.ccard:hover{background:#FFFDF6;color:var(--body)}
.ccard-h{font:700 clamp(2.6rem,5vw,4rem)/1.2 var(--f-disp);color:var(--black)}
body.lang-en .ccard-h{font:600 2.2rem/1.2 var(--f-head)}
.ccard-p{font-size:1.1rem}.ccard-p .money{font:600 1.7rem var(--f-head)}
.ccard .btn{align-self:flex-start;margin-top:auto}
.ccard-sug{display:none;position:absolute;top:24px;inset-inline-end:24px;background:var(--yel);color:var(--black);font-size:.8rem;font-weight:600;padding:3px 12px;border-radius:999px}
.cc-sa [data-cc-card=sa],.cc-eg [data-cc-card=eg]{box-shadow:inset 0 3px 0 var(--gold)}
.cc-sa [data-cc-card=sa] .ccard-sug,.cc-eg [data-cc-card=eg] .ccard-sug{display:block}
@media (max-width:760px){.cgrid{grid-template-columns:1fr}.ccard+.ccard{border-inline-start:0;border-top:1px solid var(--line)}}
.table-wrap{overflow-x:auto;border-top:2px solid var(--black)}
.ptable{width:100%;border-collapse:collapse;font-size:.98rem}
.ptable th{text-align:start;font-weight:600;color:var(--mut);padding:14px 18px;font-size:.88rem;border-bottom:1px solid var(--line)}
.ptable td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.ptable tbody tr{transition:background-color .2s}
.ptable tbody tr:hover{background:#fff}
.ptable td b{color:var(--black);font:700 1.25rem/1.4 var(--f-disp)}
body.lang-en .ptable td b{font:600 1rem/1.4 var(--f-head)}
.ptable td a{text-decoration:none}
.td-sub{display:block;color:var(--mut);font-size:.86rem;line-height:1.5;margin-top:2px}
.td-p{white-space:nowrap}
.samm{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;font-size:.92rem}
.samm b{font:600 .95rem var(--f-body)!important}
.mini-notes{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:18px;font-size:.95rem}
.offers{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center}
.offer-big{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:4px;padding:40px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--gold)}
.offer-big b{font:700 3.6rem/1 var(--f-head);color:var(--yel)}
.offer-big span{color:rgba(255,255,255,.82)}
.offers h2{font:700 2.4rem/1.3 var(--f-disp)}
body.lang-en .offers h2{font:600 1.8rem/1.2 var(--f-head)}
.faq{border-top:2px solid var(--black)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:20px 0;font:600 1.08rem/1.5 var(--f-head);color:var(--black);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid #DCCFA6;font-size:1.2rem;line-height:1;color:var(--black)}
.faq details[open] summary::after{content:"−";background:var(--yel);border-color:var(--yel)}
.faq p{color:var(--body);margin:0 0 20px}
.faq-sec h2{font:700 clamp(2.2rem,4vw,3.4rem)/1.3 var(--f-disp)}
body.lang-en .faq-sec h2{font:600 2rem/1.2 var(--f-head)}
@media (max-width:760px){.offers{grid-template-columns:1fr}}
@media (max-width:560px){.samm{grid-template-columns:1fr}.ptable th,.ptable td{padding:14px 10px}}

/* ---------- trial form */
.trial-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.tform{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;padding:clamp(20px,3.6vw,44px);background:#fff;box-shadow:var(--sh)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.fld{display:flex;flex-direction:column;gap:7px}
.fld-wide{grid-column:1/-1}
.fld label{font-weight:600;color:var(--black);font-size:.96rem}
.fld input,.fld select,.fld textarea{width:100%;font:400 1rem/1.4 var(--f-body);color:var(--black);background:var(--ivory);border:1px solid #DCD5C2;border-radius:6px;padding:12px 14px;min-height:50px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.fld textarea{min-height:96px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;background:#fff;border-color:var(--black);box-shadow:0 0 0 4px rgba(255,194,26,.4)}
.fld [aria-invalid=true]{border-color:var(--err);background:#FFF7F7}
.ferr{color:var(--err);font-size:.88rem}
.fcheck{margin:20px 0}
.fcheck label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.fcheck input{width:20px;height:20px;min-height:0;margin-top:4px;accent-color:var(--navy);flex:none}
.falert{padding:12px 16px;border-radius:6px;background:#FFF1F1;color:var(--err);margin-bottom:16px;font-weight:600}
.fsubmit{width:100%;border-radius:6px}
.fsubmit[disabled]{opacity:.7;cursor:progress}
.fnote{color:var(--mut);font-size:.88rem;margin:12px 0 0;text-align:center}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tdone{border:1px solid var(--ok);border-top:3px solid var(--ok);border-radius:4px;padding:36px;background:#F2FBF5;text-align:center}
.tdone>.ic{color:var(--ok);background:#fff;border-radius:50%;padding:8px;width:56px;height:56px;box-shadow:0 0 0 1px #CBEBD6}
.tdone h2{margin-top:12px}
.tdone-ref{font-weight:600;color:var(--black)}
.trial-side h2{font:700 1.6rem/1.35 var(--f-disp)}
body.lang-en .trial-side h2{font:600 1.2rem/1.3 var(--f-head)}
.side-wa{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:4px;background:#fff}
.side-wa p{margin:0 0 10px;font-weight:600;color:var(--black)}
@media (max-width:960px){.trial-grid{grid-template-columns:1fr}}
@media (max-width:600px){.fgrid{grid-template-columns:1fr}}

/* ---------- downloads & guides */
.dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 40px;border-top:2px solid var(--black)}
.dcard{padding:30px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.dcard-h{display:flex;align-items:center;gap:14px}
.dcard-h .pico{grid-row:auto}
.dcard-h h3{margin:0;font:700 1.6rem/1.35 var(--f-disp)}
body.lang-en .dcard-h h3{font:600 1.2rem/1.35 var(--f-head)}
.dcard p{color:var(--mut);margin:0;font-size:.96rem}
.dcard .btn{align-self:flex-start;margin-top:auto}
.dcard-row{display:flex;gap:18px;align-items:center;margin-top:auto}
.dcard-row .btn{margin:0}
.dcard-row .small{margin:6px 0 0;color:var(--mut);word-break:break-all}
.qr{width:112px;height:112px;flex:none;border-radius:6px;border:1px solid var(--line);background:#fff;padding:4px}
.flist{display:grid;gap:0;border-top:2px solid var(--black)}
.flist-2{grid-template-columns:1fr 1fr;column-gap:40px}
.flist a{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--body)}
.flist a:hover b{color:var(--navy)}
.flist .ic{color:var(--gold);margin-top:2px}
.flist span{display:flex;flex-direction:column}
.flist b{color:var(--black);font:700 1.35rem/1.4 var(--f-disp)}
body.lang-en .flist b{font:600 1.05rem/1.4 var(--f-head)}
.fdesc{color:var(--mut);font-size:.94rem}
.flist small{color:var(--mut);margin-top:2px}
@media (max-width:760px){.flist-2{grid-template-columns:1fr}.dcard-row{flex-direction:column;align-items:flex-start}}

/* ---------- contact */
.contact-grid{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:start}
.contact-card{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;box-shadow:var(--sh);background:#fff}
.contact-card .pico{grid-row:auto}
.contact-card h2{margin:0;font:700 1.7rem/1.35 var(--f-disp)}
body.lang-en .contact-card h2{font:600 1.3rem/1.3 var(--f-head)}
.big-num{font:600 1.9rem/1.2 var(--f-head);color:var(--black);margin:0}
.qr-wrap{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--mut)}
.qr-wrap .qr{width:120px;height:120px}
.contact-trial{margin-top:12px;padding:26px;border:1px solid var(--line);border-radius:4px;background:#fff}
.contact-trial h2{font:700 1.5rem/1.35 var(--f-disp)}
body.lang-en .contact-trial h2{font:600 1.2rem/1.3 var(--f-head)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* ---------- prose */
.prose{color:var(--body)}
.prose h2{font:700 1.8rem/1.4 var(--f-disp);margin-top:1.8em}
body.lang-en .prose h2{font:600 1.4rem/1.3 var(--f-head)}
.prose ul{list-style:disc;padding-inline-start:1.4em;margin-bottom:1em}
.prose li{margin-bottom:.4em}
.prose a{text-decoration:underline}

/* ---------- 404 */
.e404{position:relative;isolation:isolate;overflow:hidden;background:#07072A url(../img/hero-sky.webp) center bottom/cover no-repeat;color:#fff;text-align:center;padding-block:calc(var(--head-h) + 90px) 260px}
.e404 h1{color:#fff;font:700 clamp(2.6rem,6vw,4.6rem)/1.3 var(--f-disp)}
body.lang-en .e404 h1{font:600 3rem/1.1 var(--f-head)}
.e404 p{color:rgba(255,255,255,.8)}
.e404 .mark path:first-of-type{fill:#fff}
.e404 .row-btns{justify-content:center}
.e404 .btn-ghost{color:var(--champ);border-color:var(--line-d)}

/* ---------- footer */
.site-foot{position:relative;overflow:hidden;background:var(--ink);color:rgba(255,255,255,.65);padding-top:72px;font-size:.95rem;border-top:1px solid var(--line-d)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.foot-brand p{margin:18px 0;max-width:38ch}
.site-foot h2{color:var(--champ);font:600 1rem/1.4 var(--f-head);margin-bottom:14px}
.site-foot ul li{margin-bottom:9px}
.site-foot a{color:rgba(255,255,255,.72);text-decoration:none;transition:color .2s}
.site-foot a:hover{color:#fff}
.foot-wa{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:600;direction:ltr;margin-bottom:14px}
.foot-wa .ic{color:#4ADE80}
.ccsw-foot{display:flex;width:max-content;background:rgba(255,255,255,.05);border-color:var(--line-d)}
.ccsw-foot button{color:rgba(255,255,255,.7)}
.cc-sa .ccsw-foot [data-set-cc=sa],.cc-eg .ccsw-foot [data-set-cc=eg]{background:var(--yel);color:var(--black)}
.foot-sig{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:64px}
.foot-sig .ar{font:700 clamp(7rem,20vw,18rem)/.95 'Naskh','Readex',serif;background:linear-gradient(180deg,var(--champ),rgba(224,168,0,.12));-webkit-background-clip:text;background-clip:text;color:transparent}
.foot-sig .en{font:700 clamp(3rem,8vw,7rem)/1 var(--f-head);color:transparent;-webkit-text-stroke:1px var(--line-d);letter-spacing:.05em;padding-bottom:36px}
.foot-sig .en b{-webkit-text-stroke:1px rgba(255,194,26,.55)}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px;border-top:1px solid var(--line-d);font-size:.86rem}
.foot-base p{margin:0}
.foot-base ul{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:600px){.foot-sig{flex-direction:column;align-items:flex-start;gap:0}.foot-sig .en{padding-bottom:12px}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}.vh-m{display:none}}

/* ---------- mobile bottom bar */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:flex;gap:10px;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(10,9,32,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line-d)}
  .mbar .btn-pri{flex:1}
  .mbar-wa{width:52px;padding:0}
  body{padding-bottom:72px}
  .pg-trial .mbar{display:none}
  body.pg-trial{padding-bottom:0}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv-on .rv{opacity:1;translate:none}}
@media print{.site-head,.mbar,.cta-band,.site-foot{display:none}}
@media (max-width:480px){.row-btns .btn,.cta-act .btn{flex:1 1 100%}}
@media (max-width:560px){
  .pricing-teaser .plans{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;border:0;margin-inline:calc(var(--gut) * -1);padding:16px var(--gut) 8px;scroll-padding-inline:var(--gut);scrollbar-width:none}
  .pricing-teaser .plans::-webkit-scrollbar{display:none}
  .pricing-teaser .plan{flex:0 0 84%;scroll-snap-align:start;border:1px solid var(--line-d)!important;border-radius:4px}
  .nums .n4,.nums .quote{grid-column:1/-1}
}
.sec-head h2{font:700 clamp(2rem,3.6vw,3rem)/1.35 var(--f-disp)}
body.lang-en .sec-head h2{font:600 clamp(1.7rem,3vw,2.4rem)/1.15 var(--f-head);letter-spacing:-.02em}
/* ---------- language menu (5 languages) */
.lang-dd{position:relative}
.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:9px 10px;color:rgba(255,255,255,.85);font-weight:600;font-size:.95rem;cursor:pointer;border-radius:999px}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary:hover,.lang-dd[open] summary{color:#fff;background:rgba(255,255,255,.06)}
.lang-dd-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:190px;padding:6px;border-radius:14px;background:rgba(10,9,32,.97);border:1px solid var(--line-d);box-shadow:0 24px 50px -18px rgba(0,0,0,.7);z-index:60}
.lang-dd-list a,.lang-m a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:rgba(255,255,255,.85);text-decoration:none;font-weight:600}
.lang-dd-list a:hover{background:rgba(255,255,255,.07);color:#fff}
.lang-dd-list b,.lang-m b{font:600 .72rem/1 var(--f-body);letter-spacing:.04em;color:var(--champ);border:1px solid var(--line-d);border-radius:6px;padding:4px 6px;min-width:30px;text-align:center}
.lang-dd-list a[aria-current],.lang-m a[aria-current]{color:var(--yel)}
.lang-m{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;flex-direction:row!important}
.lang-m li a{border:1px solid rgba(255,255,255,.1);font:600 1rem/1.3 var(--f-body)!important;padding:10px 12px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
@media (max-width:1100px){.lang-dd{display:none}}
/* Urdu: Readex has no Urdu letters, so headings use Plex Arabic; display text keeps the Naskh face */
body.lang-ur{--f-head:'Plex','Naskh',system-ui,sans-serif;line-height:1.9}
body.lang-ur .disp{line-height:1.45}
.legal-note{padding:.8rem 1rem;border-inline-start:3px solid var(--gold);background:rgba(224,168,0,.08);border-radius:8px;font-size:.95em}