:root{--bg:#050b18;--card:#101a2b;--card2:#0b1424;--text:#f4f8ff;--muted:#a9bad2;--line:rgba(255,255,255,.12);--primary:#37d7ff;--green:#27d878;--warn:#ffd166;--shadow:0 24px 70px rgba(0,0,0,.32);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(26,188,156,.18),transparent 34%),linear-gradient(180deg,#050b18 0%,#07101e 45%,#050b18 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body[dir="rtl"]{font-family:Tajawal,Inter,ui-sans-serif,system-ui,Arial,sans-serif}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}a{color:inherit;text-decoration:none}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(5,11,24,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:58px}.brand small{display:block;text-transform:uppercase;color:#94a3b8;font-size:12px;letter-spacing:.12em;font-weight:800}.brand strong{display:block;font-size:26px;line-height:1.05}.nav-links{display:flex;align-items:center;gap:24px;color:#dcecff;font-weight:800}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:15px;border:1px solid var(--line);font-weight:900;cursor:pointer;background:rgba(255,255,255,.04);color:var(--text)}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--green));color:#04111d;border:0;box-shadow:0 14px 28px rgba(55,215,255,.17)}.btn-secondary{background:rgba(255,255,255,.05)}.lang-toggle{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;padding:13px 15px;font-weight:900;cursor:pointer}.hamburger{display:none;width:46px;height:46px;border:1px solid var(--line);background:transparent;border-radius:14px;color:#fff}.mobile-menu{display:none;border-top:1px solid var(--line);padding:12px 0 18px}.mobile-menu.open{display:block}.mobile-menu a,.mobile-menu button{display:block;width:100%;padding:12px 0;text-align:left;background:transparent;border:0;color:#fff;font-weight:800}body[dir="rtl"] .mobile-menu a,body[dir="rtl"] .mobile-menu button{text-align:right}.hero{padding:76px 0 46px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:center}.hero-card,.panel,.card,.doc-card{background:linear-gradient(180deg,rgba(16,26,43,.94),rgba(10,18,34,.94));border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;color:#9bf3ff;background:rgba(55,215,255,.08);border:1px solid rgba(55,215,255,.22);padding:9px 14px;border-radius:999px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}h1{font-size:64px;line-height:.98;letter-spacing:-.055em;margin:18px 0}h2{font-size:44px;line-height:1.06;letter-spacing:-.04em;margin:12px 0 18px}h3{font-size:22px;margin:0 0 10px}p,li{font-size:18px;line-height:1.7;color:#cbd8ea}.lead{font-size:21px;color:#d9e9ff}.section{padding:86px 0}.section-tight{padding:42px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{padding:26px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(0,0,0,.18)}.stat .num{font-size:28px;font-weight:950}.muted{color:var(--muted)}.list{list-style:none;padding:0;margin:18px 0 0}.list li{position:relative;padding-left:30px;margin:10px 0}.list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}body[dir="rtl"] .list li{padding-left:0;padding-right:30px}body[dir="rtl"] .list li:before{left:auto;right:0}.steps{counter-reset:step;display:grid;gap:16px}.step{position:relative;padding:22px 22px 22px 88px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:44px;height:44px;border-radius:14px;background:linear-gradient(90deg,var(--primary),var(--green));color:#03101c;display:grid;place-items:center;font-weight:950}body[dir="rtl"] .step{padding:22px 88px 22px 22px}body[dir="rtl"] .step:before{left:auto;right:22px}.download-box{border:1px solid rgba(55,215,255,.28);background:linear-gradient(135deg,rgba(55,215,255,.1),rgba(39,216,120,.08));border-radius:28px;padding:28px}.code{font-family:ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--line);background:#050a14;border-radius:14px;padding:12px 14px;display:inline-block;color:#d8f8ff}.alert{border:1px solid rgba(255,209,102,.34);background:rgba(255,209,102,.08);border-radius:20px;padding:18px;color:#ffe6a7}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;border:1px solid var(--line)}.table th,.table td{padding:16px;text-align:left;border-bottom:1px solid var(--line);color:#cbd8ea}.table th{background:rgba(255,255,255,.05);color:#fff}body[dir="rtl"] .table th,body[dir="rtl"] .table td{text-align:right}.footer{border-top:1px solid var(--line);padding:32px 0;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer a{color:#d8ebff}.footer-links{display:flex;flex-direction:column;gap:10px}.hidden-lang{display:none!important}@media(max-width:1000px){.hero-grid,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}h1{font-size:48px}.nav-links,.nav-actions .btn-primary{display:none}.hamburger{display:block}}@media(max-width:640px){.hero{padding:48px 0 24px}.hero-card,.panel,.card,.doc-card{padding:22px}h1{font-size:40px}h2{font-size:32px}.stat-grid{grid-template-columns:1fr}.btn{width:100%}.nav-actions{margin-left:auto}body[dir="rtl"] .nav-actions{margin-left:0;margin-right:auto}}


/* Revision V3: shared language icon, install banner, and unified public footer. */
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.lang-toggle__icon{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px}
.lang-toggle__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu .lang-toggle{display:flex;align-items:center;justify-content:flex-start;gap:9px}
body[dir="rtl"] .mobile-menu .lang-toggle{justify-content:flex-start}
.install-promo-section{padding-top:16px;padding-bottom:72px}
.install-promo-banner{position:relative;overflow:hidden;border:1px solid rgba(55,215,255,.25);border-radius:30px;padding:clamp(28px,5vw,58px);background:radial-gradient(circle at 10% 20%,rgba(55,215,255,.16),transparent 34%),radial-gradient(circle at 92% 82%,rgba(39,216,120,.14),transparent 32%),linear-gradient(135deg,#101d31,#091421);box-shadow:var(--shadow)}
.install-promo-banner:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.07);border-radius:50%;inset-inline-end:-100px;top:-120px}
.install-promo-banner>div{position:relative;z-index:1;max-width:850px}
.install-promo-kicker{display:inline-block;margin-bottom:12px;color:#7fe8ff;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.install-promo-banner h2{max-width:820px;margin-top:0;font-size:clamp(34px,4vw,52px)}
.install-promo-banner p{max-width:820px;margin-bottom:25px;font-size:18px}
.lp-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.lp-footer{margin-top:64px;padding:68px 0 24px;background:#04080e;border-top:1px solid rgba(255,255,255,.09)}
.footer-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.6fr) minmax(170px,.7fr);gap:50px}
.footer-brand .lp-brand{display:inline-flex;align-items:center;gap:13px}
.lp-brand__mark{display:inline-grid;place-items:center;width:auto;height:auto;border:0;background:transparent}
.lp-brand__mark img{display:block;width:44px;max-height:44px;object-fit:contain}

/* Brand refresh v20.33: replace the legacy square mark with the supplied MLC wordmark. */
.nav .brand>span,.mx1-footer-v4 .lp-brand>span:last-child{display:none!important}
.nav .brand img{display:block;width:160px;height:74px;object-fit:contain;flex:0 0 auto}
.lp-brand__mark{display:inline-grid;place-items:center;width:160px;height:74px;border:0;background:transparent;overflow:visible}
.lp-brand__mark img{display:block;width:160px;height:74px;max-height:74px;object-fit:contain}
@media(max-width:640px){.nav .brand img{width:126px;height:58px}.lp-brand__mark,.lp-brand__mark img{width:132px;height:60px;max-height:60px}}
.lp-brand small{display:block;color:#74879b;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lp-brand strong{display:block;color:#edf5fa;font-size:16px;line-height:1.15}
.footer-brand p{max-width:430px;margin:20px 0 0;color:#8194a8;font-size:12px;line-height:1.75}
.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}
.footer-main>div>strong{margin-bottom:5px;color:#e9f2f8;font-size:12px}
.footer-main>div>a{color:#8194a8;font-size:11px;transition:.2s}
.footer-main>div>a:hover{color:#dff5ff}
.footer-bottom{margin-top:48px;padding-top:19px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:center;text-align:center;color:#5f7286;font-size:9px;line-height:1.5}
.footer-bottom>span{margin-inline:auto}
@media(max-width:900px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:650px}}
@media(max-width:640px){.install-promo-section{padding-bottom:50px}.install-promo-banner{padding:27px 21px;border-radius:23px}.install-promo-banner h2{font-size:31px}.install-promo-banner p{font-size:15px}.lp-footer{padding-top:52px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:34px}}
@media(max-width:390px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Revision V5: responsive install-guide video with an animated custom play control. */
.install-guide-hero .hero-card{
  max-width:1040px;
  margin-inline:auto;
  padding:clamp(24px,4vw,44px);
}
.install-guide-hero .hero-card>.lang-en,
.install-guide-hero .hero-card>.lang-ar{
  max-width:820px;
}
.install-video{
  position:relative;
  isolation:isolate;
  width:100%;
  aspect-ratio:16/9;
  margin-top:clamp(24px,4vw,38px);
  overflow:hidden;
  border:1px solid rgba(87,190,255,.34);
  border-radius:clamp(18px,2.4vw,28px);
  background:#020713;
  box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset;
}
.install-video:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,7,19,.02),rgba(2,7,19,.24));
}
.install-video__media{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#020713;
}
.install-video__play{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:100%;
  height:100%;
  padding:24px;
  border:0;
  background:linear-gradient(180deg,rgba(2,7,19,.06),rgba(2,7,19,.46));
  color:#fff;
  cursor:pointer;
  transition:opacity .25s ease,visibility .25s ease,background .25s ease;
}
.install-video__play:hover{
  background:linear-gradient(180deg,rgba(2,7,19,.02),rgba(2,7,19,.34));
}
.install-video__play:focus-visible{
  outline:3px solid var(--primary);
  outline-offset:-6px;
}
.install-video__play-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:clamp(72px,8vw,104px);
  height:clamp(72px,8vw,104px);
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:linear-gradient(145deg,#2c8cff,#1558ef);
  box-shadow:0 18px 45px rgba(19,92,255,.45),0 0 34px rgba(55,215,255,.34);
  transition:transform .22s ease,box-shadow .22s ease;
}
.install-video__play-icon:before,
.install-video__play-icon:after{
  content:"";
  position:absolute;
  inset:-1px;
  border:2px solid rgba(83,208,255,.72);
  border-radius:inherit;
  animation:installVideoPulse 2.2s ease-out infinite;
}
.install-video__play-icon:after{
  animation-delay:1.1s;
}
.install-video__play:hover .install-video__play-icon{
  transform:scale(1.07);
  box-shadow:0 22px 55px rgba(19,92,255,.58),0 0 42px rgba(55,215,255,.46);
}
.install-video__play-icon svg{
  width:42%;
  height:42%;
  margin-inline-start:5%;
  fill:currentColor;
}
.install-video__play-label{
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(2,7,19,.72);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  font-size:clamp(13px,1.5vw,17px);
  font-weight:900;
  line-height:1.2;
  backdrop-filter:blur(12px);
}
.install-video.is-playing .install-video__play{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@keyframes installVideoPulse{
  0%{transform:scale(1);opacity:.8}
  75%,100%{transform:scale(1.65);opacity:0}
}
@media(max-width:640px){
  .install-guide-hero{padding-top:38px}
  .install-guide-hero .hero-card{padding:20px}
  .install-video{margin-top:22px;border-radius:18px}
  .install-video__play{gap:12px;padding:14px}
  .install-video__play-icon{width:68px;height:68px}
  .install-video__play-label{padding:8px 12px;font-size:12px}
}
@media(max-width:390px){
  .install-guide-hero .hero-card{padding:16px}
  .install-video{border-radius:15px}
  .install-video__play-icon{width:58px;height:58px}
  .install-video__play-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .install-video__play-icon:before,
  .install-video__play-icon:after{animation:none}
  .install-video__play,
  .install-video__play-icon{transition:none}
}