/* Marvelous Unified Theme System V00.01.37
   Central source for light/dark visual tokens across public, admin, and login UI. */
:root{
  --mth-font-ar:"Tajawal","Cairo","DIN Next LT Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --mth-font-en:"Outfit","Inter","Segoe UI",Arial,sans-serif;
  --mth-radius-sm:14px;
  --mth-radius-md:20px;
  --mth-radius-lg:30px;
  --mth-radius-xl:38px;
  --mth-transition:180ms ease;
}
html[data-theme="light"]{
  color-scheme:light;
  --mth-bg:#fffdf8;
  --mth-bg-2:#fff9ec;
  --mth-bg-3:#fff3d9;
  --mth-surface:#ffffff;
  --mth-surface-2:#fffaf0;
  --mth-surface-3:#fff4de;
  --mth-text:#17130b;
  --mth-title:#0d0b06;
  --mth-muted:#5f574b;
  --mth-muted-2:#786f60;
  --mth-gold:#d99a20;
  --mth-gold-2:#b87908;
  --mth-gold-3:#8f5d02;
  --mth-gold-bright:#f2bd45;
  --mth-gold-pale:#fff0bb;
  --mth-border:rgba(217,154,32,.34);
  --mth-border-strong:rgba(184,121,8,.58);
  --mth-line:rgba(217,154,32,.48);
  --mth-shadow:0 22px 58px rgba(120,82,16,.10),0 4px 18px rgba(21,16,7,.05);
  --mth-shadow-soft:0 14px 40px rgba(120,82,16,.08);
  --mth-logo-surface:linear-gradient(180deg,#ffffff 0%,#fffaf0 62%,#fff0cf 100%);
  --mth-icon-surface:radial-gradient(circle at 32% 20%,#fff9df 0%,#f7d073 48%,#d99a20 100%);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --mth-bg:#090806;
  --mth-bg-2:#11100d;
  --mth-bg-3:#1b160d;
  --mth-surface:#11100d;
  --mth-surface-2:#17140e;
  --mth-surface-3:#20190d;
  --mth-text:#fff5d7;
  --mth-title:#fff7df;
  --mth-muted:#d8cdb9;
  --mth-muted-2:#baad94;
  --mth-gold:#f6c75b;
  --mth-gold-2:#d99a20;
  --mth-gold-3:#a66d07;
  --mth-gold-bright:#ffe08c;
  --mth-gold-pale:#fff2c2;
  --mth-border:rgba(246,199,91,.34);
  --mth-border-strong:rgba(255,224,140,.58);
  --mth-line:rgba(246,199,91,.52);
  --mth-shadow:0 28px 80px rgba(0,0,0,.50),0 0 32px rgba(217,154,32,.08);
  --mth-shadow-soft:0 16px 44px rgba(0,0,0,.34);
  --mth-logo-surface:linear-gradient(180deg,#19160f 0%,#0f0d09 100%);
  --mth-icon-surface:radial-gradient(circle at 32% 20%,#fff0b8 0%,#d99a20 48%,#61400a 100%);
}
html[data-theme="light"],html[data-theme="dark"]{
  --mi-deep:var(--mth-bg) !important;
  --mi-ink:var(--mth-bg-2) !important;
  --mi-panel:var(--mth-surface) !important;
  --mi-panel-2:var(--mth-surface-2) !important;
  --mi-panel-3:var(--mth-surface-3) !important;
  --mi-gold:var(--mth-gold) !important;
  --mi-gold-2:var(--mth-gold-2) !important;
  --mi-gold-3:var(--mth-gold-3) !important;
  --mi-gold-bright:var(--mth-gold-bright) !important;
  --mi-gold-soft:rgba(217,154,32,.16) !important;
  --mi-cyan:var(--mth-gold) !important;
  --mi-cyan-soft:rgba(217,154,32,.14) !important;
  --mi-text:var(--mth-title) !important;
  --mi-white:var(--mth-title) !important;
  --mi-muted:var(--mth-muted) !important;
  --mi-border:var(--mth-border-strong) !important;
  --mi-border-soft:var(--mth-border) !important;
  --mi-shadow:var(--mth-shadow) !important;
  --gold:var(--mth-gold) !important;
  --gold-soft:var(--mth-gold-bright) !important;
  --gold-bright:var(--mth-gold-bright) !important;
  --gold-pale:var(--mth-gold-pale) !important;
  --ink:var(--mth-title) !important;
  --muted:var(--mth-muted) !important;
  --page:var(--mth-bg) !important;
  --cyan:var(--mth-gold) !important;
  --cyan2:var(--mth-gold-2) !important;
  --violet:var(--mth-gold) !important;
  --violet2:var(--mth-gold-2) !important;
  --white:var(--mth-title) !important;
  --text:var(--mth-muted) !important;
  --text2:var(--mth-muted-2) !important;
  --gborder:var(--mth-border) !important;
  --gborder2:var(--mth-border-strong) !important;
}
html[lang="ar"] body,
html[dir="rtl"] body{font-family:var(--mth-font-ar) !important;}
html[lang="en"] body,
html[dir="ltr"] body{font-family:var(--mth-font-en) !important;}
html[data-theme="light"] body.mi-live-identity,
html[data-theme="light"] body.admin-login-page,
html[data-theme="light"] body{
  color:var(--mth-text) !important;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(217,154,32,.10),transparent 34%),
    radial-gradient(ellipse at 88% 8%,rgba(217,154,32,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fffdf8 42%,#fff7e9 100%) !important;
}
html[data-theme="dark"] body.mi-live-identity,
html[data-theme="dark"] body.admin-login-page,
html[data-theme="dark"] body{
  color:var(--mth-text) !important;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(246,199,91,.10),transparent 34%),
    radial-gradient(ellipse at 88% 8%,rgba(246,199,91,.08),transparent 28%),
    linear-gradient(180deg,#060504 0%,#0d0c09 44%,#050403 100%) !important;
}
body.mi-live-identity:before,
body.mi-live-identity .mi-home-page:before{
  opacity:.22 !important;
  background-image:radial-gradient(circle,rgba(217,154,32,.34) 1px,transparent 2px) !important;
}
html[data-theme="light"] body.mi-live-identity:before{opacity:.10 !important;}
.cursor-dot,.cursor-ring{display:none !important;}
/* Theme toggle */
.mi-theme-toggle{
  position:relative;
  min-width:82px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid var(--mth-border) !important;
  border-radius:999px;
  background:var(--mth-surface) !important;
  color:var(--mth-text) !important;
  box-shadow:var(--mth-shadow-soft) !important;
  cursor:pointer;
  font:800 13px/1 var(--mth-font-ar);
  white-space:nowrap;
}
.mi-theme-toggle-icon{
  width:18px;height:18px;border-radius:50%;display:inline-block;flex:0 0 auto;
  background:linear-gradient(135deg,var(--mth-gold-pale),var(--mth-gold),var(--mth-gold-3));
  box-shadow:0 0 0 4px rgba(217,154,32,.10),0 0 16px rgba(217,154,32,.34);
}
html[data-theme="dark"] .mi-theme-toggle-icon{background:#f7ead0;box-shadow:0 0 0 4px rgba(246,199,91,.10),inset -5px -4px 0 #715112;}
.mi-theme-toggle:hover{border-color:var(--mth-border-strong) !important;transform:translateY(-1px);}
.mi-theme-toggle-admin,.mi-theme-toggle-login{margin-inline:8px;}
.mi-theme-toggle-login{position:fixed;inset-block-start:18px;inset-inline-start:18px;z-index:20;}
/* Header / navigation */
body.mi-live-identity .mi-accepted-header{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,240,.94)) !important;
  border:1px solid var(--mth-border) !important;
  box-shadow:0 10px 36px rgba(120,82,16,.09) !important;
  backdrop-filter:blur(16px);
}
html[data-theme="dark"] body.mi-live-identity .mi-accepted-header{
  background:linear-gradient(180deg,rgba(18,16,12,.96),rgba(8,7,5,.94)) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.36) !important;
}
body.mi-live-identity .mi-accepted-header::before{display:none !important;}
body.mi-live-identity .mi-accepted-nav,
body.mi-live-identity .mi-accepted-nav a,
body.mi-live-identity .mi-accepted-lang,
body.mi-live-identity .mi-accepted-lang button,
body.mi-live-identity .mi-accepted-footer-copy,
body.mi-live-identity .mi-accepted-footer-links{color:var(--mth-text) !important;text-shadow:none !important;}
body.mi-live-identity .mi-accepted-nav a:hover,
body.mi-live-identity .mi-accepted-nav a.active,
body.mi-live-identity .mi-accepted-lang button.active{color:var(--mth-gold-2) !important;}
html[data-theme="dark"] body.mi-live-identity .mi-accepted-nav a:hover,
html[data-theme="dark"] body.mi-live-identity .mi-accepted-nav a.active,
html[data-theme="dark"] body.mi-live-identity .mi-accepted-lang button.active{color:var(--mth-gold-bright) !important;}
body.mi-live-identity .mi-accepted-contact,
body.mi-live-identity .mi-gold-action,
body.mi-live-identity .mi-mini-action,
body.mi-live-identity .btn.primary,
body.mi-live-identity .contact,
body.mi-live-identity .send-btn,
body.mi-live-identity .mi-quote-btn,
body.mi-live-identity .mi-home-section-actions a:first-child,
body.mi-live-identity .mi-about-v48-actions a:first-child,
body.mi-live-identity .mi-services-v49-actions a:first-child,
body.mi-live-identity .mi-service-detail-v89-actions a:first-child,
body.mi-live-identity .mi-product-detail-v56-actions a:first-child,
body.mi-live-identity .mi-products-v55-request,
body.mi-live-identity .mi-products-v56-actions a:first-child,
body.mi-live-identity .mi-products-v57-actions a:first-child,
body.mi-live-identity .mi-products-v58-actions a:first-child,
body.mi-live-identity .mi-products-v59-actions a:first-child,
body.mi-live-identity .mi-products-v63-actions a:first-child,
body.mi-live-identity .mi-quote-v101-submit{
  color:#161006 !important;
  background:linear-gradient(180deg,#fff1ba 0%,#f2c24f 42%,#c8850b 100%) !important;
  border:1px solid rgba(184,121,8,.55) !important;
  box-shadow:0 14px 28px rgba(184,121,8,.22),inset 0 1px 0 rgba(255,255,255,.72) !important;
  text-shadow:none !important;
}
body.mi-live-identity .btn.secondary,
body.mi-live-identity .mi-about-v48-actions a:nth-child(2),
body.mi-live-identity .mi-services-v49-actions a:nth-child(2),
body.mi-live-identity .mi-service-detail-v89-actions a:nth-child(2),
body.mi-live-identity .mi-product-detail-v56-actions a:nth-child(2),
body.mi-live-identity .mi-products-v55-demo,
body.mi-live-identity .mi-products-v56-actions a:nth-child(2),
body.mi-live-identity .mi-products-v57-actions a:nth-child(2),
body.mi-live-identity .mi-products-v58-actions a:nth-child(2),
body.mi-live-identity .mi-products-v59-actions a:nth-child(2),
body.mi-live-identity .mi-products-v63-actions a:nth-child(2),
body.mi-live-identity .mi-service-detail-v89-back,
body.mi-live-identity .mi-product-detail-v56-back,
body.mi-live-identity .service-link,
body.mi-live-identity .srv-link{
  color:var(--mth-gold-3) !important;
  background:var(--mth-surface) !important;
  border:1px solid var(--mth-border) !important;
  box-shadow:0 10px 25px rgba(120,82,16,.07) !important;
  text-shadow:none !important;
}
html[data-theme="dark"] body.mi-live-identity .btn.secondary,
html[data-theme="dark"] body.mi-live-identity .mi-about-v48-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-services-v49-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-service-detail-v89-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-product-detail-v56-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-products-v55-demo,
html[data-theme="dark"] body.mi-live-identity .mi-products-v56-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-products-v57-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-products-v58-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-products-v59-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .mi-products-v63-actions a:nth-child(2),
html[data-theme="dark"] body.mi-live-identity .service-link,
html[data-theme="dark"] body.mi-live-identity .srv-link{color:var(--mth-gold-bright) !important;background:rgba(255,255,255,.025) !important;}
/* Global public surfaces */
body.mi-live-identity .mi-home-page,
body.mi-live-identity .mi-main-content,
body.mi-live-identity .mi-home-content,
body.mi-live-identity .mi-about-v48,
body.mi-live-identity .mi-services-v49,
body.mi-live-identity .mi-products-v55,
body.mi-live-identity .mi-products-v56,
body.mi-live-identity .mi-products-v57,
body.mi-live-identity .mi-products-v58,
body.mi-live-identity .mi-products-v59,
body.mi-live-identity .mi-products-v61,
body.mi-live-identity .mi-products-v62,
body.mi-live-identity .mi-products-v63,
body.mi-live-identity .mi-product-detail-v56,
body.mi-live-identity .mi-product-detail-v58,
body.mi-live-identity .mi-product-detail-v60,
body.mi-live-identity .mi-product-detail-v61,
body.mi-live-identity .mi-product-detail-v62,
body.mi-live-identity .mi-product-detail-v63,
body.mi-live-identity .mi-product-detail-v65,
body.mi-live-identity .mi-service-detail-v89,
body.mi-live-identity .mi-solutions-v68,
body.mi-live-identity .mi-quote-v101,
body.mi-live-identity .mi-relations-page,
body.mi-live-identity .clients-stage,
body.mi-live-identity .partners-stage,
body.mi-live-identity .projects-stage,
body.mi-live-identity .sectors-stage,
body.mi-live-identity .contact-stage{
  color:var(--mth-text) !important;
  background:transparent !important;
}
body.mi-live-identity .hero-frame,
body.mi-live-identity .hero-inner,
body.mi-live-identity .services-shell,
body.mi-live-identity .services-command,
body.mi-live-identity .solutions-hero,
body.mi-live-identity .why-panel,
body.mi-live-identity .why-core,
body.mi-live-identity .why-card,
body.mi-live-identity .stats-strip,
body.mi-live-identity .stat-card,
body.mi-live-identity .premium-service,
body.mi-live-identity .client-card,
body.mi-live-identity .partner-item,
body.mi-live-identity .project-card,
body.mi-live-identity .sector-card,
body.mi-live-identity .contact-methods,
body.mi-live-identity .contact-form,
body.mi-live-identity .mi-card,
body.mi-live-identity .mi-block,
body.mi-live-identity .mi-section-panel,
body.mi-live-identity .mi-section,
body.mi-live-identity [class*="mi-"][class*="-card"],
body.mi-live-identity [class*="mi-"][class*="-panel"],
body.mi-live-identity [class*="mi-"][class*="-hero"],
body.mi-live-identity [class*="mi-"][class*="-stage"],
body.mi-live-identity [class*="mi-"][class*="-frame"],
body.mi-live-identity [class*="mi-"][class*="-summary"],
body.mi-live-identity [class*="mi-"][class*="-closing"],
body.mi-live-identity [class*="mi-"][class*="-process"],
body.mi-live-identity [class*="mi-"][class*="-quality"],
body.mi-live-identity [class*="mi-"][class*="-cta"],
body.mi-live-identity [class*="mi-"][class*="-copy"],
body.mi-live-identity [class*="mi-"][class*="-visual"],
body.mi-live-identity [class*="mi-"][class*="-media"],
body.mi-live-identity [class*="mi-"][class*="-body"],
body.mi-live-identity [class*="mi-"][class*="-item"],
body.mi-live-identity [class*="mi-"][class*="-box"],
body.mi-live-identity [class*="mi-"][class*="-logo-slot"]{
  border-color:var(--mth-border) !important;
  background:linear-gradient(180deg,var(--mth-surface) 0%,var(--mth-surface-2) 100%) !important;
  box-shadow:var(--mth-shadow) !important;
  color:var(--mth-text) !important;
  text-shadow:none !important;
}
html[data-theme="dark"] body.mi-live-identity .hero-frame,
html[data-theme="dark"] body.mi-live-identity .hero-inner,
html[data-theme="dark"] body.mi-live-identity .services-shell,
html[data-theme="dark"] body.mi-live-identity .services-command,
html[data-theme="dark"] body.mi-live-identity .solutions-hero,
html[data-theme="dark"] body.mi-live-identity .why-panel,
html[data-theme="dark"] body.mi-live-identity .why-core,
html[data-theme="dark"] body.mi-live-identity .why-card,
html[data-theme="dark"] body.mi-live-identity .premium-service,
html[data-theme="dark"] body.mi-live-identity .stat-card,
html[data-theme="dark"] body.mi-live-identity .stats-strip,
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-card"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-panel"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-hero"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-stage"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-frame"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-summary"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-closing"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-process"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-quality"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-cta"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-copy"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-visual"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-media"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-body"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-item"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-box"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-logo-slot"]{
  background:linear-gradient(180deg,var(--mth-surface) 0%,var(--mth-bg-2) 100%) !important;
}
/* readable typography across all pages */
body.mi-live-identity h1,
body.mi-live-identity h2,
body.mi-live-identity h3,
body.mi-live-identity h4,
body.mi-live-identity h5,
body.mi-live-identity h6,
body.mi-live-identity .title,
body.mi-live-identity .section-title-block,
body.mi-live-identity .mi-title-block,
body.mi-live-identity .why-head h2,
body.mi-live-identity .solution-copy h3,
body.mi-live-identity .service-copy h3,
body.mi-live-identity .premium-service .service-copy h3,
body.mi-live-identity [class*="mi-"] h1,
body.mi-live-identity [class*="mi-"] h2,
body.mi-live-identity [class*="mi-"] h3,
body.mi-live-identity [class*="mi-"] strong{
  color:var(--mth-title) !important;
  text-shadow:none !important;
  filter:none !important;
}
body.mi-live-identity .gtext-gold,
body.mi-live-identity .mi-kicker,
body.mi-live-identity .mi-section-kicker,
body.mi-live-identity .section-kicker,
body.mi-live-identity .kicker,
body.mi-live-identity .why-kicker,
body.mi-live-identity .solutions-badge,
body.mi-live-identity .mi-services-v49-kicker,
body.mi-live-identity .mi-about-v48-kicker,
body.mi-live-identity .mi-about-v48-badge,
body.mi-live-identity .mi-service-detail-v89-card>span,
body.mi-live-identity .mi-service-detail-v89-section-head>span,
body.mi-live-identity .mi-service-detail-v89-quality span,
body.mi-live-identity .mi-service-detail-v89-cta span,
body.mi-live-identity .service-number,
body.mi-live-identity .why-num,
body.mi-live-identity .stat-value,
body.mi-live-identity [class*="mi-"][class*="-badge"],
body.mi-live-identity [class*="mi-"][class*="-kicker"],
body.mi-live-identity [class*="mi-"][class*="-topline"],
body.mi-live-identity [class*="mi-"][class*="-mark"],
body.mi-live-identity [class*="mi-"][class*="-icon"]{
  color:var(--mth-gold-2) !important;
  background-image:none !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
}
html[data-theme="dark"] body.mi-live-identity .gtext-gold,
html[data-theme="dark"] body.mi-live-identity .mi-kicker,
html[data-theme="dark"] body.mi-live-identity .mi-section-kicker,
html[data-theme="dark"] body.mi-live-identity .section-kicker,
html[data-theme="dark"] body.mi-live-identity .kicker,
html[data-theme="dark"] body.mi-live-identity .why-kicker,
html[data-theme="dark"] body.mi-live-identity .solutions-badge,
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-badge"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-kicker"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-topline"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-mark"],
html[data-theme="dark"] body.mi-live-identity [class*="mi-"][class*="-icon"]{color:var(--mth-gold-bright) !important;}
body.mi-live-identity p,
body.mi-live-identity li,
body.mi-live-identity small,
body.mi-live-identity label,
body.mi-live-identity .desc,
body.mi-live-identity .stat-label,
body.mi-live-identity .why-head p,
body.mi-live-identity .solution-copy p,
body.mi-live-identity .premium-service .service-copy p,
body.mi-live-identity .service-copy p,
body.mi-live-identity [class*="mi-"] p,
body.mi-live-identity [class*="mi-"] li,
body.mi-live-identity [class*="mi-"] span:not(.mi-theme-toggle-icon):not(.mi-accepted-phone):not(.phone):not(.arr):not(.dot):not(.arrow){
  color:var(--mth-muted) !important;
  text-shadow:none !important;
  opacity:1 !important;
}
body.mi-live-identity .mi-accepted-contact span,
body.mi-live-identity .contact span,
body.mi-live-identity .mi-gold-action span,
body.mi-live-identity .mi-mini-action span,
body.mi-live-identity .mi-theme-toggle span,
body.mi-live-identity .btn.primary span,
body.mi-live-identity .send-btn span{color:inherit !important;}
/* Icons and logos */
body.mi-live-identity .why-company-logo,
body.mi-live-identity .mi-services-v49-mark,
body.mi-live-identity .mi-about-v48-mark,
body.mi-live-identity .mi-service-detail-v89-brand,
body.mi-live-identity .mi-service-detail-v89-logo,
body.mi-live-identity [class*="logo"],
body.mi-live-identity [class*="-mark"],
body.mi-live-identity .solution-symbol,
body.mi-live-identity .why-seal,
body.mi-live-identity .service-icon,
body.mi-live-identity .why-icon,
body.mi-live-identity .mi-icon{
  background:var(--mth-logo-surface) !important;
  border-color:var(--mth-border) !important;
  box-shadow:var(--mth-shadow-soft) !important;
  opacity:1 !important;
}
body.mi-live-identity img,
body.mi-live-identity svg{
  opacity:1 !important;
}
body.mi-live-identity .mi-company-logo-source,
body.mi-live-identity .why-company-logo img,
body.mi-live-identity .mi-services-v49-mark img,
body.mi-live-identity .mi-about-v48-mark img,
body.mi-live-identity .mi-service-detail-v89-brand img,
body.mi-live-identity [class*="logo"] img,
body.mi-live-identity [class*="-mark"] img{
  filter:drop-shadow(0 12px 24px rgba(107,70,8,.18)) !important;
}
html[data-theme="dark"] body.mi-live-identity .mi-company-logo-source,
html[data-theme="dark"] body.mi-live-identity .why-company-logo img,
html[data-theme="dark"] body.mi-live-identity .mi-services-v49-mark img,
html[data-theme="dark"] body.mi-live-identity .mi-about-v48-mark img,
html[data-theme="dark"] body.mi-live-identity .mi-service-detail-v89-brand img,
html[data-theme="dark"] body.mi-live-identity [class*="logo"] img,
html[data-theme="dark"] body.mi-live-identity [class*="-mark"] img{filter:drop-shadow(0 12px 28px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(246,199,91,.18)) !important;}
body.mi-live-identity [class*="icon"] svg,
body.mi-live-identity .service-icon svg,
body.mi-live-identity .why-icon svg,
body.mi-live-identity .solution-symbol svg,
body.mi-live-identity .mi-icon svg{stroke:var(--mth-gold-2) !important;color:var(--mth-gold-2) !important;filter:none !important;}
html[data-theme="dark"] body.mi-live-identity [class*="icon"] svg,
html[data-theme="dark"] body.mi-live-identity .service-icon svg,
html[data-theme="dark"] body.mi-live-identity .why-icon svg,
html[data-theme="dark"] body.mi-live-identity .solution-symbol svg,
html[data-theme="dark"] body.mi-live-identity .mi-icon svg{stroke:var(--mth-gold-bright) !important;color:var(--mth-gold-bright) !important;}
/* Home page layout safeguards */
body.mi-live-identity .hero-frame{clip-path:none !important;border-radius:var(--mth-radius-xl) !important;padding:2px !important;background:linear-gradient(135deg,var(--mth-border),rgba(255,255,255,.15),var(--mth-border)) !important;filter:none !important;}
body.mi-live-identity .hero-inner{clip-path:none !important;border-radius:calc(var(--mth-radius-xl) - 2px) !important;}
body.mi-live-identity .hero-inner:before,
body.mi-live-identity .hero-inner:after,
body.mi-live-identity .hero-frame:before,
body.mi-live-identity .hero-frame:after,
body.mi-live-identity .why-panel:before,
body.mi-live-identity .why-panel:after,
body.mi-live-identity .why-core:before,
body.mi-live-identity .why-core:after,
body.mi-live-identity .premium-service:before,
body.mi-live-identity .premium-service:after,
body.mi-live-identity [class*="mi-"]::before,
body.mi-live-identity [class*="mi-"]::after{
  opacity:.26 !important;
  mix-blend-mode:normal !important;
}
body.mi-live-identity .hero-orbit,
body.mi-live-identity .mark-glow,
body.mi-live-identity .network-left,
body.mi-live-identity .network-right{opacity:.20 !important;}
html[data-theme="light"] body.mi-live-identity .hero-orbit,
html[data-theme="light"] body.mi-live-identity .mark-glow,
html[data-theme="light"] body.mi-live-identity .network-left,
html[data-theme="light"] body.mi-live-identity .network-right{opacity:.12 !important;}
body.mi-live-identity .service-tag,
body.mi-live-identity .project-chip,
body.mi-live-identity .project-type,
body.mi-live-identity .solution-points span,
body.mi-live-identity .why-proof span,
body.mi-live-identity .mi-services-v49-proof span,
body.mi-live-identity .mi-about-v48-proof span,
body.mi-live-identity [class*="mi-"][class*="-proof"] span,
body.mi-live-identity [class*="mi-"][class*="-facts"] div,
body.mi-live-identity [class*="mi-"][class*="-meta"],
body.mi-live-identity [class*="mi-"][class*="-stat"]{
  color:var(--mth-muted) !important;
  background:rgba(217,154,32,.06) !important;
  border:1px solid var(--mth-border) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body.mi-live-identity .service-number,
body.mi-live-identity .why-num,
body.mi-live-identity [class*="mi-"][class*="-number"],
body.mi-live-identity [class*="mi-"][class*="-order"]{
  color:var(--mth-gold-2) !important;
  background:transparent !important;
  opacity:1 !important;
}
/* Forms */
body.mi-live-identity input,
body.mi-live-identity select,
body.mi-live-identity textarea,
body.admin-login-page input,
body.admin-login-page select,
body.admin-login-page textarea,
body .form-control,
body .form-input,
body .form-select,
body .form-textarea,
body .fake-input,
body .fake-textarea{
  color:var(--mth-text) !important;
  background:var(--mth-surface) !important;
  border:1px solid var(--mth-border) !important;
  box-shadow:0 8px 24px rgba(120,82,16,.06) !important;
}
body.mi-live-identity input::placeholder,
body.mi-live-identity textarea::placeholder,
body.admin-login-page input::placeholder{color:var(--mth-muted-2) !important;opacity:1 !important;}
/* Footer */
body.mi-live-identity .mi-accepted-footer-panel,
body.mi-live-identity .footer,
body.mi-live-identity .mi-site-footer{
  background:linear-gradient(180deg,var(--mth-surface) 0%,var(--mth-surface-2) 100%) !important;
  color:var(--mth-text) !important;
  border-color:var(--mth-border) !important;
  box-shadow:var(--mth-shadow) !important;
}
/* Admin surfaces */
html[data-theme="light"] body:not(.mi-live-identity) .sidebar,
html[data-theme="light"] body:not(.mi-live-identity) .topbar,
html[data-theme="light"] body:not(.mi-live-identity) .page-content,
html[data-theme="light"] body.admin-login-page .login-box,
html[data-theme="light"] body.admin-login-page .login-stage{
  background:var(--mth-bg) !important;
  color:var(--mth-text) !important;
}
html[data-theme="dark"] body:not(.mi-live-identity) .sidebar,
html[data-theme="dark"] body:not(.mi-live-identity) .topbar,
html[data-theme="dark"] body:not(.mi-live-identity) .page-content,
html[data-theme="dark"] body.admin-login-page .login-box,
html[data-theme="dark"] body.admin-login-page .login-stage{
  background:var(--mth-bg) !important;
  color:var(--mth-text) !important;
}
body:not(.mi-live-identity) .sidebar,
body:not(.mi-live-identity) .topbar,
body:not(.mi-live-identity) .card,
body:not(.mi-live-identity) .table-card,
body:not(.mi-live-identity) .form-card,
body.admin-login-page .login-box{
  border-color:var(--mth-border) !important;
  background:linear-gradient(180deg,var(--mth-surface),var(--mth-surface-2)) !important;
  color:var(--mth-text) !important;
  box-shadow:var(--mth-shadow-soft) !important;
}
body:not(.mi-live-identity) h1,
body:not(.mi-live-identity) h2,
body:not(.mi-live-identity) h3,
body:not(.mi-live-identity) .topbar-title,
body:not(.mi-live-identity) .page-title,
body:not(.mi-live-identity) .sidebar-footer-title,
body.admin-login-page .login-title{color:var(--mth-title) !important;}
body:not(.mi-live-identity) .nav-item,
body:not(.mi-live-identity) .nav-section-title,
body:not(.mi-live-identity) p,
body:not(.mi-live-identity) td,
body:not(.mi-live-identity) th,
body.admin-login-page .login-sub,
body.admin-login-page .copyright-text{color:var(--mth-muted) !important;}
body:not(.mi-live-identity) .nav-item.active,
body:not(.mi-live-identity) .nav-item:hover,
body:not(.mi-live-identity) a{color:var(000) !important;}
body:not(.mi-live-identity) button,
body:not(.mi-live-identity) .btn,
body:not(.mi-live-identity) .admin-logout,
body.admin-login-page .btn-login{
  color:#161006 !important;
  background:linear-gradient(180deg,#fff1ba 0%,#f2c24f 42%,#c8850b 100%) !important;
  border-color:rgba(184,121,8,.55) !important;
  box-shadow:0 12px 28px rgba(184,121,8,.18) !important;
}
/* Visibility safeguards: no faint text on light backgrounds */
html[data-theme="light"] body.mi-live-identity *{text-shadow:none !important;}
html[data-theme="light"] body.mi-live-identity p,
html[data-theme="light"] body.mi-live-identity li,
html[data-theme="light"] body.mi-live-identity span,
html[data-theme="light"] body.mi-live-identity a,
html[data-theme="light"] body.mi-live-identity button{filter:none !important;}
html[data-theme="light"] body.mi-live-identity [style*="opacity"]{opacity:1;}
@media(max-width:760px){
  .mi-theme-toggle{height:34px;min-width:74px;font-size:12px;padding-inline:10px;}
  body.mi-live-identity .mi-accepted-actions{gap:8px !important;}
}
/* V00.01.37 readable large-title normalization */
body.mi-live-identity .mi-services-v49 h1,
body.mi-live-identity .mi-about-v48 h1,
body.mi-live-identity .mi-products-v55-head h1,
body.mi-live-identity .mi-products-v56-head h1,
body.mi-live-identity .mi-products-v57-head h1,
body.mi-live-identity .mi-products-v58-head h1,
body.mi-live-identity .mi-products-v59-head h1,
body.mi-live-identity .mi-products-v63-head h1,
body.mi-live-identity .mi-product-detail-v56 h1,
body.mi-live-identity .mi-service-detail-v89 h1{
  font-size:clamp(30px,3.2vw,58px) !important;
  line-height:1.24 !important;
  letter-spacing:0 !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body.mi-live-identity .mi-services-v49 h1 em,
body.mi-live-identity .mi-about-v48 h1 em{
  font-size:clamp(17px,1.3vw,25px) !important;
  line-height:1.7 !important;
  color:var(--mth-muted) !important;
}
body.mi-live-identity .mi-services-v49-copy,
body.mi-live-identity .mi-about-v48-copy,
body.mi-live-identity .mi-service-detail-v89-copy,
body.mi-live-identity .mi-product-detail-v56-copy{
  min-width:0 !important;
  overflow:visible !important;
}
body.mi-live-identity .mi-services-v49-hero,
body.mi-live-identity .mi-about-v48-hero{
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr) !important;
}
@media(max-width:1100px){
  body.mi-live-identity .mi-services-v49-hero,
  body.mi-live-identity .mi-about-v48-hero{grid-template-columns:1fr !important;}
}

/* V00.01.37 — Official transparent company logo without any visual container background */
body.mi-live-identity .mi-company-logo-source,
body.admin-login-page .mi-company-logo-source,
body .mi-company-logo-source{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  outline:0 !important;
  opacity:1 !important;
}
body.mi-live-identity .mi-company-logo-holder,
body.mi-live-identity .mi-company-logo-holder:has(.mi-company-logo-source),
body.mi-live-identity .why-company-logo.mi-company-logo-holder,
body.mi-live-identity .mi-about-v48-company-logo:has(.mi-company-logo-source),
body.mi-live-identity .mi-quote-v101-summary:has(.mi-company-logo-source),
body.admin-login-page .mi-company-logo-holder,
body.admin-login-page .login-logo.mi-company-logo-holder,
body.admin-login-page .login-copyright.mi-company-logo-holder{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
body.mi-live-identity .mi-company-logo-holder::before,
body.mi-live-identity .mi-company-logo-holder::after,
body.admin-login-page .mi-company-logo-holder::before,
body.admin-login-page .mi-company-logo-holder::after{
  display:none !important;
  content:none !important;
}
body.mi-live-identity .mi-company-logo-source,
body.mi-live-identity .mi-company-logo-holder .mi-company-logo-source,
body.admin-login-page .mi-company-logo-source,
body.admin-login-page .mi-company-logo-holder .mi-company-logo-source{
  filter:drop-shadow(0 10px 18px rgba(105,68,8,.18)) !important;
}
html[data-theme="dark"] body.mi-live-identity .mi-company-logo-source,
html[data-theme="dark"] body.mi-live-identity .mi-company-logo-holder .mi-company-logo-source,
html[data-theme="dark"] body.admin-login-page .mi-company-logo-source,
html[data-theme="dark"] body.admin-login-page .mi-company-logo-holder .mi-company-logo-source{
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.44)) drop-shadow(0 0 12px rgba(246,199,91,.14)) !important;
}


/* V00.01.37 — Cursor visibility and remove decorative images behind logos */
html,
body{
  cursor:auto !important;
}
.cursor-dot,
.cursor-ring{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
a,
button,
[role="button"],
input[type="button"],
input[type="submit"],
.mi-theme-toggle,
.mi-accepted-lang button{
  cursor:pointer !important;
}
body.mi-live-identity .mi-company-logo-holder,
body.mi-live-identity .mi-company-logo-holder:has(.mi-company-logo-source),
body.mi-live-identity .why-company-logo.mi-company-logo-holder,
body.mi-live-identity .mi-about-v48-company-logo:has(.mi-company-logo-source),
body.mi-live-identity .mi-quote-v101-summary:has(.mi-company-logo-source),
body.admin-login-page .mi-company-logo-holder,
body.admin-login-page .login-logo.mi-company-logo-holder,
body.admin-login-page .login-copyright.mi-company-logo-holder{
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
body.mi-live-identity .mi-company-logo-holder::before,
body.mi-live-identity .mi-company-logo-holder::after,
body.admin-login-page .mi-company-logo-holder::before,
body.admin-login-page .mi-company-logo-holder::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.mi-live-identity .mi-company-logo-source,
body.admin-login-page .mi-company-logo-source{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  opacity:1 !important;
}
body.mi-live-identity .visual::before,
body.mi-live-identity .visual::after,
body.mi-live-identity .network-left,
body.mi-live-identity .network-right,
body.mi-live-identity .city,
body.mi-live-identity .mark-glow{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.mi-live-identity .mark-box{
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* V00.01.37 — Consolidated Home Hero + Services Layout
   Single authority for: hero frame, hero grid, fixed side logo, language copy alignment, metallic buttons, and services layout. */

/* Hero frame */
body.mi-live-identity .hero-stage{
  margin-top:clamp(24px,2.9vw,50px) !important;
  direction:ltr !important;
}

body.mi-live-identity .hero-frame{
  --hero-frame-inset-x:clamp(36px,4vw,78px);
  --hero-frame-inset-y:clamp(42px,4.4vw,82px);
  --hero-copy-width:760px;
  --hero-frame-shape:polygon(3.1% 0,96.9% 0,100% 7.2%,100% 30%,97.7% 35.5%,97.7% 69.5%,100% 75%,100% 92.8%,96.9% 100%,3.1% 100%,0 92.8%,0 75%,2.3% 69.5%,2.3% 35.5%,0 30%,0 7.2%);
  position:relative !important;
  min-height:clamp(520px,38vw,720px) !important;
  padding:2px !important;
  border:0 !important;
  border-radius:0 !important;
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
  background:linear-gradient(90deg,rgba(255,233,160,.98),rgba(184,109,18,.72),rgba(255,220,118,.98),rgba(184,109,18,.70),rgba(255,236,175,.96)) !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 24px rgba(217,154,32,.20)) drop-shadow(0 28px 54px rgba(107,70,8,.12)) !important;
  overflow:visible !important;
}

html[data-theme="dark"] body.mi-live-identity .hero-frame{
  background:linear-gradient(90deg,rgba(255,233,160,.92),rgba(184,109,18,.62),rgba(255,220,118,.98),rgba(184,109,18,.62),rgba(255,236,175,.92)) !important;
  filter:drop-shadow(0 0 25px rgba(218,153,44,.22)) drop-shadow(0 28px 56px rgba(0,0,0,.50)) !important;
}

body.mi-live-identity .hero-frame::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
  z-index:4 !important;
  pointer-events:none !important;
  opacity:.74 !important;
  mix-blend-mode:normal !important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,243,196,.92) 0 1px,rgba(255,189,64,.38) 2px,transparent 92px),
    radial-gradient(ellipse at 50% 100%,rgba(255,194,76,.76) 0 1px,rgba(255,169,44,.28) 2px,transparent 92px) !important;
}

body.mi-live-identity .hero-inner{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:inherit !important;
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
  isolation:isolate !important;
}

html[data-theme="light"] body.mi-live-identity .hero-inner{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,240,.94)) !important;
}

html[data-theme="dark"] body.mi-live-identity .hero-inner{
  background:linear-gradient(180deg,rgba(18,16,12,.96),rgba(8,7,5,.94)) !important;
}

body.mi-live-identity .hero-inner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  opacity:.64 !important;
  mix-blend-mode:normal !important;
  background:
    radial-gradient(circle at 6% 23%,rgba(24,199,255,.55) 0 1px,transparent 2px),
    radial-gradient(circle at 10% 35%,rgba(24,199,255,.38) 0 1px,transparent 2px),
    radial-gradient(circle at 15% 16%,rgba(217,154,32,.46) 0 1px,transparent 2px),
    radial-gradient(circle at 88% 25%,rgba(24,199,255,.42) 0 1px,transparent 2px),
    radial-gradient(circle at 94% 36%,rgba(217,154,32,.45) 0 1px,transparent 2px),
    linear-gradient(38deg,transparent 0 31%,rgba(24,199,255,.08) 31.15%,transparent 31.45%),
    linear-gradient(138deg,transparent 0 68%,rgba(24,199,255,.08) 68.15%,transparent 68.45%) !important;
}

html[data-theme="light"] body.mi-live-identity .hero-inner::before{
  opacity:.36 !important;
}

/* Hero grid: one flexible source of truth */
body.mi-live-identity .hero-grid{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:none !important;
  min-height:inherit !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-areas:"heroVisual heroCopy" !important;
  grid-template-columns:minmax(340px,.86fr) minmax(520px,1.14fr) !important;
  align-items:center !important;
  gap:clamp(18px,2.2vw,44px) !important;
  padding:var(--hero-frame-inset-y) var(--hero-frame-inset-x) !important;
  direction:ltr !important;
  place-self:stretch !important;
  justify-self:stretch !important;
}

/* Fixed side artwork: independent from AR/EN direction */
body.mi-live-identity .hero-grid .visual{
  grid-area:heroVisual !important;
  grid-column:1 !important;
  order:1 !important;
  position:relative !important;
  justify-self:stretch !important;
  align-self:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:clamp(390px,30vw,560px) !important;
  display:block !important;
  place-items:unset !important;
  overflow:visible !important;
  transform:none !important;
}

body.mi-live-identity .hero-grid .mark-box{
  position:absolute !important;
  left:0 !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  width:clamp(330px,30vw,540px) !important;
  max-width:calc(100% + 10px) !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  transform-origin:left center !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 26px 28px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(217,154,32,.18)) !important;
}

html[data-theme="dark"] body.mi-live-identity .hero-grid .mark-box{
  filter:drop-shadow(0 24px 26px rgba(0,0,0,.52)) drop-shadow(0 0 22px rgba(255,224,140,.18)) !important;
}

body.mi-live-identity .hero-grid .mark-box::before{
  opacity:.32 !important;
}

body.mi-live-identity .hero-grid .mark-box::after{
  opacity:.92 !important;
}

body.mi-live-identity .hero-grid .mark{
  transform:scaleX(-1) !important;
  transform-origin:center center !important;
}

body.mi-live-identity .hero-grid .floor{
  left:clamp(-12px,.4vw,8px) !important;
  right:auto !important;
  width:clamp(360px,32vw,580px) !important;
  max-width:calc(100% + 24px) !important;
  bottom:3% !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Hero copy: text moves by language, logo does not */
body.mi-live-identity .hero-grid .copy{
  grid-area:heroCopy !important;
  grid-column:2 !important;
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:stretch !important;
  align-self:center !important;
  transform:none !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .copy,
html[dir="rtl"] body.mi-live-identity .hero-grid .copy{
  direction:rtl !important;
  text-align:right !important;
}

html[lang="en"] body.mi-live-identity .hero-grid .copy,
html[dir="ltr"] body.mi-live-identity .hero-grid .copy{
  direction:ltr !important;
  text-align:left !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .kicker,
html[lang="ar"] body.mi-live-identity .hero-grid .title,
html[lang="ar"] body.mi-live-identity .hero-grid .en-head,
html[lang="ar"] body.mi-live-identity .hero-grid .desc,
html[lang="ar"] body.mi-live-identity .hero-grid .buttons,
html[dir="rtl"] body.mi-live-identity .hero-grid .kicker,
html[dir="rtl"] body.mi-live-identity .hero-grid .title,
html[dir="rtl"] body.mi-live-identity .hero-grid .en-head,
html[dir="rtl"] body.mi-live-identity .hero-grid .desc,
html[dir="rtl"] body.mi-live-identity .hero-grid .buttons{
  width:min(100%,var(--hero-copy-width)) !important;
  margin-left:auto !important;
  margin-right:0 !important;
}

html[lang="en"] body.mi-live-identity .hero-grid .kicker,
html[lang="en"] body.mi-live-identity .hero-grid .title,
html[lang="en"] body.mi-live-identity .hero-grid .en-head,
html[lang="en"] body.mi-live-identity .hero-grid .desc,
html[lang="en"] body.mi-live-identity .hero-grid .buttons,
html[dir="ltr"] body.mi-live-identity .hero-grid .kicker,
html[dir="ltr"] body.mi-live-identity .hero-grid .title,
html[dir="ltr"] body.mi-live-identity .hero-grid .en-head,
html[dir="ltr"] body.mi-live-identity .hero-grid .desc,
html[dir="ltr"] body.mi-live-identity .hero-grid .buttons{
  width:min(100%,var(--hero-copy-width)) !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .kicker,
html[lang="ar"] body.mi-live-identity .hero-grid .title,
html[lang="ar"] body.mi-live-identity .hero-grid .desc,
html[dir="rtl"] body.mi-live-identity .hero-grid .kicker,
html[dir="rtl"] body.mi-live-identity .hero-grid .title,
html[dir="rtl"] body.mi-live-identity .hero-grid .desc{
  text-align:right !important;
}

html[lang="en"] body.mi-live-identity .hero-grid .kicker,
html[lang="en"] body.mi-live-identity .hero-grid .title,
html[lang="en"] body.mi-live-identity .hero-grid .en-head,
html[lang="en"] body.mi-live-identity .hero-grid .desc,
html[lang="en"] body.mi-live-identity .hero-grid .desc .en,
html[dir="ltr"] body.mi-live-identity .hero-grid .kicker,
html[dir="ltr"] body.mi-live-identity .hero-grid .title,
html[dir="ltr"] body.mi-live-identity .hero-grid .en-head,
html[dir="ltr"] body.mi-live-identity .hero-grid .desc,
html[dir="ltr"] body.mi-live-identity .hero-grid .desc .en{
  text-align:left !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .en-head,
html[dir="rtl"] body.mi-live-identity .hero-grid .en-head{
  text-align:center !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .desc .en,
html[dir="rtl"] body.mi-live-identity .hero-grid .desc .en{
  display:block !important;
  text-align:left !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .title::after,
html[dir="rtl"] body.mi-live-identity .hero-grid .title::after{
  margin:13px 0 17px auto !important;
}

html[lang="en"] body.mi-live-identity .hero-grid .title::after,
html[dir="ltr"] body.mi-live-identity .hero-grid .title::after{
  margin:13px auto 17px 0 !important;
}

html[lang="ar"] body.mi-live-identity .hero-grid .buttons,
html[dir="rtl"] body.mi-live-identity .hero-grid .buttons{
  direction:rtl !important;
  justify-content:flex-start !important;
}

html[lang="en"] body.mi-live-identity .hero-grid .buttons,
html[dir="ltr"] body.mi-live-identity .hero-grid .buttons{
  direction:ltr !important;
  justify-content:flex-start !important;
}

body.mi-live-identity .hero-grid .title{
  color:var(--mth-title) !important;
  background-image:none !important;
  -webkit-text-fill-color:currentColor !important;
  filter:none !important;
  text-shadow:none !important;
}

html[data-theme="dark"] body.mi-live-identity .hero-grid .title{
  color:transparent !important;
  background:linear-gradient(180deg,#fff5ca 0%,#ffd778 28%,#dc982b 64%,#9b5d17 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.46)) !important;
}

body.mi-live-identity .hero-grid .title::after{
  opacity:1 !important;
  background:linear-gradient(90deg,transparent,rgba(217,154,32,.18),rgba(217,154,32,.82),rgba(217,154,32,.18),transparent) !important;
  box-shadow:0 0 16px rgba(217,154,32,.26) !important;
}

body.mi-live-identity .hero-grid .en-head .l2{
  color:var(--mth-gold-2) !important;
  background-image:none !important;
  -webkit-text-fill-color:currentColor !important;
}

html[data-theme="dark"] body.mi-live-identity .hero-grid .en-head .l2{
  color:var(--mth-gold-bright) !important;
}

/* Metallic gold buttons */
body.mi-live-identity .mi-accepted-contact,
body.mi-live-identity .contact,
body.mi-live-identity .btn.primary,
body.mi-live-identity .send-btn,
body.mi-live-identity .mi-gold-action,
body.mi-live-identity .mi-mini-action,
body.mi-live-identity .mi-quote-btn,
body.mi-live-identity .mi-home-section-actions a:first-child,
body.mi-live-identity .mi-about-v48-actions a:first-child,
body.mi-live-identity .mi-services-v49-actions a:first-child,
body.mi-live-identity .mi-service-detail-v89-actions a:first-child,
body.mi-live-identity .mi-product-detail-v56-actions a:first-child,
body.mi-live-identity .mi-products-v55-request,
body.mi-live-identity .mi-products-v56-actions a:first-child,
body.mi-live-identity .mi-products-v57-actions a:first-child,
body.mi-live-identity .mi-products-v58-actions a:first-child,
body.mi-live-identity .mi-products-v59-actions a:first-child,
body.mi-live-identity .mi-products-v63-actions a:first-child,
body.mi-live-identity .mi-quote-v101-submit{
  color:#100804 !important;
  -webkit-text-fill-color:#100804 !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.34) 0%,transparent 18%,rgba(255,247,205,.42) 37%,transparent 58%),
    linear-gradient(180deg,#fff4bc 0%,#ffd96f 18%,#efb441 44%,#c77f16 70%,#7b4308 100%) !important;
  border:1px solid rgba(255,232,154,.98) !important;
  box-shadow:0 0 34px rgba(246,199,91,.32),0 12px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,252,226,.92),inset 0 -14px 22px rgba(86,45,5,.34) !important;
  text-shadow:none !important;
  opacity:1 !important;
}

body.mi-live-identity .mi-accepted-contact > span:not(.mi-accepted-phone),
body.mi-live-identity .mi-accepted-contact > span:not(.mi-accepted-phone) *,
body.mi-live-identity .contact > span:not(.phone),
body.mi-live-identity .contact > span:not(.phone) *,
body.mi-live-identity .btn.primary span,
body.mi-live-identity .btn.primary .arrow,
body.mi-live-identity .send-btn span,
body.mi-live-identity .mi-gold-action span,
body.mi-live-identity .mi-mini-action span,
body.mi-live-identity .mi-quote-btn span,
body.mi-live-identity .mi-quote-v101-submit span{
  color:#100804 !important;
  -webkit-text-fill-color:#100804 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

body.mi-live-identity .mi-accepted-phone,
body.mi-live-identity .phone{
  color:var(--mth-gold-bright) !important;
  -webkit-text-fill-color:var(--mth-gold-bright) !important;
  background:#090805 !important;
  box-shadow:0 0 0 1px rgba(255,224,140,.26),0 8px 16px rgba(0,0,0,.45) !important;
}

/* Services section: keep approved spacious layout */
body.mi-live-identity .services-stage{
  margin:clamp(42px,4.6vw,86px) 0 clamp(54px,5.6vw,100px) !important;
}

body.mi-live-identity .services-shell{
  padding:clamp(32px,3vw,58px) clamp(34px,3.2vw,62px) !important;
  border:1px solid var(--mth-border) !important;
  border-radius:clamp(24px,1.65vw,34px) !important;
  background:radial-gradient(ellipse at 50% 0%,rgba(217,154,32,.08),transparent 42%),linear-gradient(180deg,var(--mth-surface) 0%,var(--mth-surface-2) 100%) !important;
  box-shadow:var(--mth-shadow) !important;
  overflow:hidden !important;
}

html[data-theme="dark"] body.mi-live-identity .services-shell{
  background:radial-gradient(ellipse at 50% 0%,rgba(255,213,117,.10),transparent 42%),radial-gradient(ellipse at 10% 100%,rgba(24,199,255,.08),transparent 38%),linear-gradient(180deg,rgba(8,9,11,.72),rgba(0,0,0,.84)) !important;
}

body.mi-live-identity .section-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:clamp(12px,1.1vw,22px) !important;
  align-items:center !important;
  justify-items:center !important;
  text-align:center !important;
  margin:0 auto clamp(28px,3vw,54px) !important;
  max-width:1180px !important;
}

body.mi-live-identity .section-title-block{
  text-align:center !important;
}

body.mi-live-identity .section-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin:0 auto 10px !important;
  color:var(--mth-gold-2) !important;
}

html[data-theme="dark"] body.mi-live-identity .section-kicker{
  color:var(--mth-gold-bright) !important;
}

body.mi-live-identity .section-kicker::before,
body.mi-live-identity .section-kicker::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,var(--mth-gold-2),transparent) !important;
  opacity:1 !important;
}

html[data-theme="dark"] body.mi-live-identity .section-kicker::before,
html[data-theme="dark"] body.mi-live-identity .section-kicker::after{
  background:linear-gradient(90deg,transparent,var(--mth-gold-bright),transparent) !important;
}

body.mi-live-identity .section-head h2{
  max-width:1120px !important;
  margin:0 auto !important;
  color:var(--mth-title) !important;
  background-image:none !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:clamp(34px,3.15vw,62px) !important;
  line-height:1.22 !important;
  letter-spacing:-.012em !important;
  filter:none !important;
}

html[data-theme="dark"] body.mi-live-identity .section-head h2{
  color:var(--mth-gold-bright) !important;
}

body.mi-live-identity .section-head p{
  max-width:900px !important;
  margin:0 auto !important;
  color:var(--mth-muted) !important;
  font-size:clamp(14px,.95vw,17px) !important;
  line-height:2 !important;
  text-align:center !important;
  direction:rtl !important;
}

body.mi-live-identity .services-command{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:clamp(22px,2vw,34px) !important;
  align-items:stretch !important;
}

body.mi-live-identity .solutions-hero{
  min-height:unset !important;
  display:grid !important;
  grid-template-columns:auto auto minmax(280px,1fr) minmax(260px,.9fr) !important;
  align-items:center !important;
  gap:clamp(18px,2vw,38px) !important;
  padding:clamp(22px,2vw,34px) !important;
  border:1px solid var(--mth-border) !important;
  border-radius:clamp(22px,1.4vw,30px) !important;
  background:linear-gradient(90deg,rgba(217,154,32,.06),rgba(255,255,255,.10),rgba(217,154,32,.045)) !important;
  box-shadow:0 16px 44px rgba(120,82,16,.07) !important;
}

html[data-theme="dark"] body.mi-live-identity .solutions-hero{
  background:linear-gradient(90deg,rgba(255,205,95,.07),rgba(24,199,255,.045),rgba(255,205,95,.035)) !important;
  box-shadow:0 20px 58px rgba(0,0,0,.28) !important;
}

body.mi-live-identity .solutions-badge{
  order:1 !important;
  align-self:center !important;
  color:var(--mth-gold-2) !important;
  background:rgba(217,154,32,.07) !important;
  border-color:var(--mth-border) !important;
}

html[data-theme="dark"] body.mi-live-identity .solutions-badge{
  color:var(--mth-gold-bright) !important;
  background:rgba(255,205,95,.07) !important;
}

body.mi-live-identity .solution-symbol{
  order:2 !important;
}

body.mi-live-identity .solution-copy{
  order:3 !important;
  text-align:right !important;
}

body.mi-live-identity .solution-points{
  order:4 !important;
}

body.mi-live-identity .solution-copy h3{
  font-size:clamp(22px,1.55vw,32px) !important;
  line-height:1.35 !important;
}

body.mi-live-identity .solution-copy p{
  font-size:clamp(13.5px,.9vw,16px) !important;
  line-height:1.9 !important;
}

body.mi-live-identity .services-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(18px,1.45vw,28px) !important;
}

body.mi-live-identity .premium-service{
  min-height:clamp(214px,13vw,268px) !important;
  padding:clamp(20px,1.35vw,28px) !important;
  border:1px solid var(--mth-border) !important;
  border-radius:clamp(18px,1.2vw,26px) !important;
  background:linear-gradient(180deg,var(--mth-surface) 0%,var(--mth-surface-2) 100%) !important;
  box-shadow:0 18px 44px rgba(120,82,16,.07) !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  gap:16px !important;
}

html[data-theme="dark"] body.mi-live-identity .premium-service{
  background:linear-gradient(180deg,rgba(12,12,13,.92),rgba(3,6,9,.96)),radial-gradient(ellipse at 90% 0%,rgba(255,217,119,.12),transparent 44%) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(255,205,95,.06) !important;
}

body.mi-live-identity .premium-service::before{
  opacity:.42 !important;
}

body.mi-live-identity .premium-service::after{
  opacity:.52 !important;
}

body.mi-live-identity .service-row-head{
  align-items:center !important;
}

body.mi-live-identity .premium-service .service-icon{
  width:clamp(54px,3.2vw,68px) !important;
  height:clamp(54px,3.2vw,68px) !important;
  border-radius:18px !important;
}

body.mi-live-identity .premium-service .service-copy{
  margin:0 !important;
}

body.mi-live-identity .premium-service .service-copy h3{
  font-size:clamp(17px,1vw,21px) !important;
  line-height:1.45 !important;
  margin-bottom:10px !important;
}

body.mi-live-identity .premium-service .service-copy p{
  font-size:clamp(12.5px,.82vw,15px) !important;
  line-height:1.82 !important;
}

body.mi-live-identity .services-note{
  margin-top:clamp(20px,1.7vw,30px) !important;
  border-color:var(--mth-border) !important;
  background:linear-gradient(90deg,rgba(217,154,32,.06),rgba(255,255,255,.10),rgba(217,154,32,.045)) !important;
}

html[data-theme="dark"] body.mi-live-identity .services-note{
  background:linear-gradient(90deg,rgba(255,205,95,.07),rgba(24,199,255,.045),rgba(255,205,95,.035)) !important;
}

/* Responsive */
@media (min-width:1501px){
  body.mi-live-identity .hero-frame{
    --hero-frame-inset-x:clamp(42px,4.2vw,82px);
  }

  body.mi-live-identity .hero-grid{
    grid-template-columns:minmax(390px,.88fr) minmax(620px,1.12fr) !important;
  }

  body.mi-live-identity .hero-grid .mark-box{
    width:clamp(350px,30vw,540px) !important;
  }

  body.mi-live-identity .hero-grid .floor{
    width:clamp(380px,33vw,590px) !important;
  }
}

@media (max-width:1500px){
  body.mi-live-identity .hero-frame{
    --hero-frame-inset-x:clamp(36px,4vw,62px);
    --hero-copy-width:720px;
  }

  body.mi-live-identity .hero-grid{
    grid-template-columns:minmax(360px,.80fr) minmax(520px,1.20fr) !important;
  }

  body.mi-live-identity .hero-grid .mark-box{
    width:clamp(310px,29vw,430px) !important;
  }

  body.mi-live-identity .hero-grid .floor{
    width:clamp(340px,31vw,500px) !important;
  }

  body.mi-live-identity .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.mi-live-identity .solutions-hero{
    grid-template-columns:auto minmax(220px,.9fr) minmax(280px,1fr) !important;
  }

  body.mi-live-identity .solutions-badge{
    grid-column:1/-1 !important;
    justify-self:center !important;
  }
}

@media (min-width:1181px){
  body.mi-live-identity .services-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (max-width:1180px){
  body.mi-live-identity .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:1160px){
  body.mi-live-identity .hero-frame{
    min-height:auto !important;
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%) !important;
    border-radius:24px !important;
    overflow:hidden !important;
    --hero-frame-inset-x:34px;
    --hero-frame-inset-y:40px;
  }

  body.mi-live-identity .hero-inner{
    clip-path:none !important;
    border-radius:22px !important;
  }

  body.mi-live-identity .hero-grid{
    grid-template-areas:"heroVisual" "heroCopy" !important;
    grid-template-columns:1fr !important;
    padding:40px 34px 48px !important;
    gap:14px !important;
  }

  body.mi-live-identity .hero-grid .visual{
    min-height:370px !important;
  }

  body.mi-live-identity .hero-grid .mark-box{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:min(56vw,260px) !important;
    max-width:100% !important;
    margin:0 auto !important;
    transform:none !important;
  }

  body.mi-live-identity .hero-grid .floor{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(68vw,420px) !important;
  }

  body.mi-live-identity .hero-grid .copy{
    max-width:none !important;
    text-align:center !important;
    padding-top:0 !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .kicker,
  html[lang="ar"] body.mi-live-identity .hero-grid .title,
  html[lang="ar"] body.mi-live-identity .hero-grid .en-head,
  html[lang="ar"] body.mi-live-identity .hero-grid .desc,
  html[lang="ar"] body.mi-live-identity .hero-grid .buttons,
  html[lang="en"] body.mi-live-identity .hero-grid .kicker,
  html[lang="en"] body.mi-live-identity .hero-grid .title,
  html[lang="en"] body.mi-live-identity .hero-grid .en-head,
  html[lang="en"] body.mi-live-identity .hero-grid .desc,
  html[lang="en"] body.mi-live-identity .hero-grid .buttons,
  html[dir="rtl"] body.mi-live-identity .hero-grid .kicker,
  html[dir="rtl"] body.mi-live-identity .hero-grid .title,
  html[dir="rtl"] body.mi-live-identity .hero-grid .en-head,
  html[dir="rtl"] body.mi-live-identity .hero-grid .desc,
  html[dir="rtl"] body.mi-live-identity .hero-grid .buttons,
  html[dir="ltr"] body.mi-live-identity .hero-grid .kicker,
  html[dir="ltr"] body.mi-live-identity .hero-grid .title,
  html[dir="ltr"] body.mi-live-identity .hero-grid .en-head,
  html[dir="ltr"] body.mi-live-identity .hero-grid .desc,
  html[dir="ltr"] body.mi-live-identity .hero-grid .buttons{
    margin-inline:auto !important;
    text-align:center !important;
  }

  body.mi-live-identity .hero-grid .title::after{
    margin-inline:auto !important;
  }

  body.mi-live-identity .hero-grid .buttons{
    justify-content:center !important;
  }

  body.mi-live-identity .solutions-hero{
    grid-template-columns:1fr !important;
    text-align:center !important;
    justify-items:center !important;
  }

  body.mi-live-identity .solution-copy{
    text-align:center !important;
  }

  body.mi-live-identity .solution-points{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }
}

@media (max-width:720px){
  body.mi-live-identity .hero-grid{
    padding:30px 18px 38px !important;
  }

  body.mi-live-identity .hero-grid .visual{
    min-height:275px !important;
  }

  body.mi-live-identity .hero-grid .mark-box{
    width:min(52vw,190px) !important;
  }

  body.mi-live-identity .services-shell{
    padding:22px 16px !important;
    border-radius:22px !important;
  }

  body.mi-live-identity .section-head h2{
    font-size:29px !important;
  }

  body.mi-live-identity .services-grid,
  body.mi-live-identity .solution-points{
    grid-template-columns:1fr !important;
  }
}

/* V00.01.37 — Hero inner decorative layer containment only.
   Scope: .hero-inner::before. No hero-grid, logo, header, or services layout changes. */
body.mi-live-identity .hero-inner::before{
  inset:0 !important;
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
  border-radius:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.42 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 6% 23%,rgba(24,199,255,.38) 0 1px,transparent 2px),
    radial-gradient(circle at 10% 35%,rgba(24,199,255,.26) 0 1px,transparent 2px),
    radial-gradient(circle at 15% 16%,rgba(217,154,32,.36) 0 1px,transparent 2px),
    radial-gradient(circle at 88% 25%,rgba(24,199,255,.28) 0 1px,transparent 2px),
    radial-gradient(circle at 94% 36%,rgba(217,154,32,.34) 0 1px,transparent 2px),
    linear-gradient(38deg,transparent 0 32%,rgba(24,199,255,.055) 32.12%,transparent 32.38%),
    linear-gradient(138deg,transparent 0 67%,rgba(24,199,255,.055) 67.12%,transparent 67.38%) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
html[data-theme="light"] body.mi-live-identity .hero-inner::before{
  opacity:.24 !important;
}
html[data-theme="dark"] body.mi-live-identity .hero-inner::before{
  opacity:.38 !important;
}
/* V00.01.37 — Hero decorative layer uses the exact same angular frame shape.
   Scope: hero-frame / hero-inner / hero-inner::before only. */
body.mi-live-identity .hero-frame{
  --hero-frame-shape:polygon(3.1% 0,96.9% 0,100% 7.2%,100% 30%,97.7% 35.5%,97.7% 69.5%,100% 75%,100% 92.8%,96.9% 100%,3.1% 100%,0 92.8%,0 75%,2.3% 69.5%,2.3% 35.5%,0 30%,0 7.2%);
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
}
body.mi-live-identity .hero-frame::before,
body.mi-live-identity .hero-inner,
body.mi-live-identity .hero-inner::before{
  clip-path:var(--hero-frame-shape) !important;
  -webkit-clip-path:var(--hero-frame-shape) !important;
}
body.mi-live-identity .hero-inner::before{
  inset:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* V00.01.33 - Hero frame safe-area alignment.
   Purpose: keep hero-grid rectangular for stable layout, but reserve safe space for the angular frame notches.
   Scope: hero-grid / copy only. No logo, frame shape, hero-inner::before, header, services, or JS changes. */
@media (min-width:1161px){
  body.mi-live-identity .hero-frame{
    --hero-safe-left:clamp(46px,5vw,88px);
    --hero-safe-right:clamp(110px,8vw,168px);
  }

  body.mi-live-identity .hero-grid,
  html[lang="ar"] body.mi-live-identity .hero-grid,
  html[lang="en"] body.mi-live-identity .hero-grid,
  html[dir="rtl"] body.mi-live-identity .hero-grid,
  html[dir="ltr"] body.mi-live-identity .hero-grid{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    padding-top:clamp(42px,4.4vw,82px) !important;
    padding-bottom:clamp(38px,4vw,74px) !important;
    padding-left:var(--hero-safe-left) !important;
    padding-right:var(--hero-safe-right) !important;
    overflow:visible !important;
    grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr) !important;
  }

  body.mi-live-identity .hero-grid .copy,
  html[lang="ar"] body.mi-live-identity .hero-grid .copy,
  html[lang="en"] body.mi-live-identity .hero-grid .copy,
  html[dir="rtl"] body.mi-live-identity .hero-grid .copy,
  html[dir="ltr"] body.mi-live-identity .hero-grid .copy{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.mi-live-identity .hero-grid .kicker,
  body.mi-live-identity .hero-grid .title,
  body.mi-live-identity .hero-grid .en-head,
  body.mi-live-identity .hero-grid .desc,
  body.mi-live-identity .hero-grid .buttons{
    max-width:min(100%,760px) !important;
    box-sizing:border-box !important;
  }
}

@media (min-width:1161px) and (max-width:1500px){
  body.mi-live-identity .hero-frame{
    --hero-safe-left:clamp(38px,4vw,66px);
    --hero-safe-right:clamp(96px,8.2vw,138px);
  }

  body.mi-live-identity .hero-grid,
  html[lang="ar"] body.mi-live-identity .hero-grid,
  html[lang="en"] body.mi-live-identity .hero-grid,
  html[dir="rtl"] body.mi-live-identity .hero-grid,
  html[dir="ltr"] body.mi-live-identity .hero-grid{
    grid-template-columns:minmax(390px,.74fr) minmax(0,1.26fr) !important;
  }
}


/* V00.01.37 — Clean Arabic hero copy alignment.
   Final approved behavior:
   - Arabic hero lines 1-4 stay right aligned.
   - Arabic description lines stay centered.
   - English hero keeps the approved English alignment.
   Scope: hero copy only. No frame, logo, services, header, or JS changes. */
@media (min-width:1161px){
  html[lang="ar"] body.mi-live-identity .hero-grid .copy,
  html[dir="rtl"] body.mi-live-identity .hero-grid .copy{
    direction:rtl !important;
    text-align:right !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .kicker,
  html[lang="ar"] body.mi-live-identity .hero-grid .title,
  html[lang="ar"] body.mi-live-identity .hero-grid .en-head,
  html[dir="rtl"] body.mi-live-identity .hero-grid .kicker,
  html[dir="rtl"] body.mi-live-identity .hero-grid .title,
  html[dir="rtl"] body.mi-live-identity .hero-grid .en-head{
    width:min(100%,var(--hero-copy-width)) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .title::after,
  html[dir="rtl"] body.mi-live-identity .hero-grid .title::after{
    margin:13px 0 17px auto !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .desc,
  html[dir="rtl"] body.mi-live-identity .hero-grid .desc{
    display:block !important;
    width:100% !important;
    max-width:720px !important;
    margin-right:0 !important;
    text-align:right  !important;
    direction:rtl !important;
    line-height:1.9 !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .desc *,
  html[dir="rtl"] body.mi-live-identity .hero-grid .desc *{
    display:block !important;
    width:100% !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    margin-top:24px !important;
    text-align:right  !important;
    direction:rtl !important;
    line-height:1.9 !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .copy span.en[data-home-i18n="hero.descEn"],
  html[dir="rtl"] body.mi-live-identity .hero-grid .copy span.en[data-home-i18n="hero.descEn"]{
    display:block !important;
    width:100% !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right  !important;
    direction:rtl !important;
    line-height:1.9 !important;
  }

  html[lang="ar"] body.mi-live-identity .hero-grid .buttons,
  html[dir="rtl"] body.mi-live-identity .hero-grid .buttons{
    width:min(100%,var(--hero-copy-width)) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    margin-top:24px !important;
    direction:rtl !important;
    justify-content:flex-start !important;
  }
}

/* V00.01.34 — News type label is plain text without badge border/background */
body.mi-live-identity .projects-stage .project-gallery-card .project-type,
body.mi-live-identity:not(.mi-prototype-layout) .mi-news-detail-v66 .mi-news-detail-v66-topline .news-chip.news-type-plain{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:auto !important;
  border-radius:0 !important;
}
body.mi-live-identity .projects-stage .project-gallery-card .project-type{
  color:#f8cd68 !important;
}
body.mi-live-identity:not(.mi-prototype-layout) .mi-news-detail-v66 .mi-news-detail-v66-topline .news-chip.news-type-plain{
  color:rgba(255,232,173,.90) !important;
}

/* Marvelous About Light Theme Corrective Override V00.01.41 */
html[data-theme="light"] body.mi-live-identity .mi-about-v48::before{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(217,154,32,.10),transparent 46%),
    radial-gradient(ellipse at 8% 42%,rgba(217,154,32,.06),transparent 32%),
    radial-gradient(ellipse at 92% 74%,rgba(217,154,32,.05),transparent 34%) !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48::after{
  background-image:
    linear-gradient(rgba(184,121,8,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,121,8,.04) 1px,transparent 1px) !important;
  opacity:.22 !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-hero,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-panel,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-card,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values article,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-steps article,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-closing,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-process-title{
  border:1px solid rgba(184,121,8,.22) !important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff7ea 100%) !important;
  box-shadow:0 18px 48px rgba(120,82,16,.10),0 4px 18px rgba(21,16,7,.04) !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-hero{
  background:
    linear-gradient(180deg,#fffefb 0%,#fff8ee 100%),
    radial-gradient(ellipse at 12% 86%,rgba(217,154,32,.06),transparent 42%),
    radial-gradient(ellipse at 88% 10%,rgba(217,154,32,.08),transparent 38%) !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-hero::before{
  background:
    linear-gradient(115deg,transparent 0 22%,rgba(217,154,32,.06) 22.2%,transparent 22.6%,transparent 68%,rgba(217,154,32,.05) 68.2%,transparent 68.6%),
    radial-gradient(circle at 12% 22%,rgba(217,154,32,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 88% 70%,rgba(217,154,32,.18) 0 1px,transparent 2px) !important;
  opacity:.62 !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-panel::after,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-card::after,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values article::after,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-steps article::after,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-closing::after{
  background:linear-gradient(90deg,transparent,rgba(184,121,8,.28),transparent) !important;
  opacity:.8 !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-panel p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-card p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-process-title p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-steps p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-closing p,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-copy > p{
  color:#5f574b !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-panel h2,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-card h2,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values-head h2,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-process-title h2,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-closing h2,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values h3,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-steps h3{
  color:#17130b !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-proof span,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-facts div{
  border-color:rgba(184,121,8,.16) !important;
  background:rgba(255,255,255,.76) !important;
  box-shadow:none !important;
}
html[data-theme="light"] body.mi-live-identity .mi-about-v48-values article b,
html[data-theme="light"] body.mi-live-identity .mi-about-v48-steps article b{
  color:#b87908 !important;
  border-color:rgba(184,121,8,.24) !important;
  background:rgba(217,154,32,.08) !important;
  box-shadow:none !important;
}

/* Marvelous Services + Sectors Light Theme Contrast Override V00.01.43 */
/* Keep branded dark surfaces intact in light mode, but fix local contrast only. */
html[data-theme="light"] body.mi-live-identity .solutions-hero,
html[data-theme="light"] body.mi-live-identity .services-note,
html[data-theme="light"] body.mi-live-identity .sector-card{
  --mth-title:#f8e6b4 !important;
  --mth-text:#f3e7c6 !important;
  --mth-muted:rgba(243,231,198,.84) !important;
  --mth-gold-2:#f1c96b !important;
  --mth-gold-bright:#ffe29a !important;
}

html[data-theme="light"] body.mi-live-identity .solutions-hero,
html[data-theme="light"] body.mi-live-identity .services-note,
html[data-theme="light"] body.mi-live-identity .sector-card{
  border-color:rgba(212,167,44,.22) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.18), 0 0 24px rgba(212,167,44,.06) !important;
}

html[data-theme="light"] body.mi-live-identity .solutions-hero h2,
html[data-theme="light"] body.mi-live-identity .solutions-hero h3,
html[data-theme="light"] body.mi-live-identity .services-note h2,
html[data-theme="light"] body.mi-live-identity .services-note h3,
html[data-theme="light"] body.mi-live-identity .sector-card h2,
html[data-theme="light"] body.mi-live-identity .sector-card h3,
html[data-theme="light"] body.mi-live-identity .solutions-hero strong,
html[data-theme="light"] body.mi-live-identity .services-note strong,
html[data-theme="light"] body.mi-live-identity .sector-card strong{
  color:var(--mth-title) !important;
}

html[data-theme="light"] body.mi-live-identity .solutions-hero p,
html[data-theme="light"] body.mi-live-identity .services-note p,
html[data-theme="light"] body.mi-live-identity .sector-card p,
html[data-theme="light"] body.mi-live-identity .solutions-hero span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow),
html[data-theme="light"] body.mi-live-identity .services-note span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow),
html[data-theme="light"] body.mi-live-identity .sector-card span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow){
  color:var(--mth-muted) !important;
}

html[data-theme="light"] body.mi-live-identity .solutions-hero .section-kicker,
html[data-theme="light"] body.mi-live-identity .solutions-hero .solutions-badge,
html[data-theme="light"] body.mi-live-identity .services-note .section-kicker,
html[data-theme="light"] body.mi-live-identity .sector-card .service-number,
html[data-theme="light"] body.mi-live-identity .sector-card [class*="icon"],
html[data-theme="light"] body.mi-live-identity .sector-card svg{
  color:var(--mth-gold-bright) !important;
  -webkit-text-fill-color:currentColor !important;
}

html[data-theme="light"] body.mi-live-identity .solutions-hero .section-kicker::before,
html[data-theme="light"] body.mi-live-identity .solutions-hero .section-kicker::after,
html[data-theme="light"] body.mi-live-identity .services-note .section-kicker::before,
html[data-theme="light"] body.mi-live-identity .services-note .section-kicker::after{
  background:linear-gradient(90deg,transparent,var(--mth-gold-bright),transparent) !important;
}


/* Marvelous Services + Sectors Light Theme Surgical Override V00.01.44 */
/* Scope: services-note / solutions-hero / sectors-stage / sector-card only. */
html[data-theme="light"] body.mi-live-identity .services-note,
html[data-theme="light"] body.mi-live-identity .solutions-hero{
  border:1px solid rgba(184,121,8,.22) !important;
  background:
    radial-gradient(ellipse at 10% 50%,rgba(217,154,32,.10),transparent 36%),
    radial-gradient(ellipse at 88% 10%,rgba(217,154,32,.07),transparent 34%),
    linear-gradient(180deg,#fffefb 0%,#fff8ee 100%) !important;
  box-shadow:0 18px 48px rgba(120,82,16,.10),0 4px 18px rgba(21,16,7,.04) !important;
}

html[data-theme="light"] body.mi-live-identity .services-note::before,
html[data-theme="light"] body.mi-live-identity .services-note::after,
html[data-theme="light"] body.mi-live-identity .solutions-hero::before,
html[data-theme="light"] body.mi-live-identity .solutions-hero::after{
  opacity:.18 !important;
}

html[data-theme="light"] body.mi-live-identity .services-note h1,
html[data-theme="light"] body.mi-live-identity .services-note h2,
html[data-theme="light"] body.mi-live-identity .services-note h3,
html[data-theme="light"] body.mi-live-identity .services-note strong,
html[data-theme="light"] body.mi-live-identity .solutions-hero h1,
html[data-theme="light"] body.mi-live-identity .solutions-hero h2,
html[data-theme="light"] body.mi-live-identity .solutions-hero h3,
html[data-theme="light"] body.mi-live-identity .solutions-hero strong{
  color:#17130b !important;
  text-shadow:none !important;
}

html[data-theme="light"] body.mi-live-identity .services-note p,
html[data-theme="light"] body.mi-live-identity .services-note li,
html[data-theme="light"] body.mi-live-identity .services-note span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow),
html[data-theme="light"] body.mi-live-identity .solutions-hero p,
html[data-theme="light"] body.mi-live-identity .solutions-hero li,
html[data-theme="light"] body.mi-live-identity .solutions-hero span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow){
  color:#5f574b !important;
}

html[data-theme="light"] body.mi-live-identity .services-note .section-kicker,
html[data-theme="light"] body.mi-live-identity .solutions-hero .section-kicker,
html[data-theme="light"] body.mi-live-identity .solutions-hero .solutions-badge{
  color:#b87908 !important;
  -webkit-text-fill-color:currentColor !important;
}

html[data-theme="light"] body.mi-live-identity .sectors-stage{
  border:1px solid rgba(184,121,8,.24) !important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(217,154,32,.10),transparent 42%),
    radial-gradient(ellipse at 8% 78%,rgba(217,154,32,.06),transparent 34%),
    linear-gradient(180deg,#fffefb 0%,#fff8ef 100%) !important;
  box-shadow:0 22px 58px rgba(120,82,16,.11),0 6px 24px rgba(21,16,7,.04) !important;
}

html[data-theme="light"] body.mi-live-identity .sectors-stage::before,
html[data-theme="light"] body.mi-live-identity .sectors-stage::after{
  opacity:.16 !important;
}

html[data-theme="light"] body.mi-live-identity .sector-card{
  border:1px solid rgba(184,121,8,.22) !important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(217,154,32,.10),transparent 46%),
    linear-gradient(180deg,#fffefb 0%,#fff6e8 100%) !important;
  box-shadow:0 14px 34px rgba(120,82,16,.12),0 4px 14px rgba(21,16,7,.04) !important;
  color:#17130b !important;
  text-shadow:none !important;
}

html[data-theme="light"] body.mi-live-identity .sector-card::before,
html[data-theme="light"] body.mi-live-identity .sector-card::after{
  opacity:.14 !important;
}

html[data-theme="light"] body.mi-live-identity .sector-card h1,
html[data-theme="light"] body.mi-live-identity .sector-card h2,
html[data-theme="light"] body.mi-live-identity .sector-card h3,
html[data-theme="light"] body.mi-live-identity .sector-card strong{
  color:#17130b !important;
  text-shadow:none !important;
}

html[data-theme="light"] body.mi-live-identity .sector-card p,
html[data-theme="light"] body.mi-live-identity .sector-card li,
html[data-theme="light"] body.mi-live-identity .sector-card span:not(.mi-theme-toggle-icon):not(.arr):not(.dot):not(.arrow){
  color:#5f574b !important;
}

html[data-theme="light"] body.mi-live-identity .sector-card .service-number,
html[data-theme="light"] body.mi-live-identity .sector-card [class*="icon"],
html[data-theme="light"] body.mi-live-identity .sector-card svg{
  color:#b87908 !important;
  -webkit-text-fill-color:currentColor !important;
}

/* Marvelous Mobile Responsive Retrofit V00.01.51
   Scope: public website only. Central responsive layer without changing content or database behavior. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

body.mi-live-identity img,
body.mi-live-identity svg,
body.mi-live-identity video,
body.mi-live-identity canvas{
  max-width:100%;
}

body.mi-live-identity .mi-mobile-menu-toggle{
  display:none;
}

@media (max-width:980px){
  body.mi-live-identity .mi-internal-page{
    width:min(100% - 20px,var(--mi-max,1880px)) !important;
    margin:10px auto 0 !important;
  }

  body.mi-live-identity .mi-accepted-header{
    position:relative !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:10px !important;
    padding:10px !important;
    min-height:auto !important;
    overflow:visible !important;
    text-align:initial !important;
    border-radius:20px !important;
  }

  body.mi-live-identity .mi-accepted-brand{
    justify-self:start !important;
    min-width:0 !important;
    width:100% !important;
  }

  html[dir="rtl"] body.mi-live-identity .mi-accepted-brand{
    justify-self:end !important;
  }

  body.mi-live-identity .mi-accepted-brand img{
    width:min(220px,58vw) !important;
    max-height:58px !important;
    object-fit:contain !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    justify-self:end !important;
    min-width:96px !important;
    min-height:44px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    border:1px solid var(--mth-border) !important;
    background:linear-gradient(180deg,var(--mth-surface),var(--mth-surface-2)) !important;
    color:var(--mth-title) !important;
    font:inherit !important;
    font-size:13px !important;
    font-weight:900 !important;
    cursor:pointer !important;
    box-shadow:var(--mth-shadow-soft) !important;
  }

  html[dir="rtl"] body.mi-live-identity .mi-mobile-menu-toggle{
    justify-self:start !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::before,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{
    display:block !important;
    width:18px !important;
    height:2px !important;
    border-radius:999px !important;
    background:currentColor !important;
    transition:.18s ease !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines{
    position:relative !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines::before,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines::before{top:-6px !important;}
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{top:6px !important;}

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines{
    background:transparent !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines::before{
    top:0 !important;
    transform:rotate(45deg) !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines::after{
    top:0 !important;
    transform:rotate(-45deg) !important;
  }

  body.mi-live-identity .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-actions{
    grid-column:1/-1 !important;
    width:100% !important;
    min-width:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    transition:max-height .24s ease, opacity .18s ease, padding .18s ease, margin .18s ease !important;
  }

  body.mi-live-identity .mi-accepted-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:0 !important;
    margin:0 !important;
    direction:inherit !important;
    white-space:normal !important;
    font-size:14px !important;
  }

  body.mi-live-identity .mi-accepted-nav a{
    width:100% !important;
    min-height:42px !important;
    justify-content:center !important;
    border:1px solid var(--mth-border) !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.055) !important;
    color:var(--mth-text) !important;
    text-shadow:none !important;
  }

  html[data-theme="light"] body.mi-live-identity .mi-accepted-nav a{
    background:rgba(255,255,255,.76) !important;
  }

  body.mi-live-identity .mi-accepted-nav a.active::after{
    left:30% !important;
    right:30% !important;
    bottom:5px !important;
  }

  body.mi-live-identity .mi-accepted-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:stretch !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-actions{
    max-height:720px !important;
    opacity:1 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav{
    padding-top:10px !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-actions{
    padding-top:2px !important;
  }

  body.mi-live-identity .mi-accepted-contact,
  body.mi-live-identity .mi-theme-toggle,
  body.mi-live-identity .mi-accepted-lang{
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
  }

  body.mi-live-identity .mi-accepted-divider{
    display:none !important;
  }
}

@media (max-width:720px){
  body.mi-live-identity{
    -webkit-text-size-adjust:100%;
  }

  body.mi-live-identity .mi-main-content{
    width:100% !important;
    padding:0 !important;
  }

  body.mi-live-identity .hero-stage,
  body.mi-live-identity .services-stage,
  body.mi-live-identity .clients-stage,
  body.mi-live-identity .partners-stage,
  body.mi-live-identity .projects-stage,
  body.mi-live-identity .sectors-stage,
  body.mi-live-identity .contact-stage,
  body.mi-live-identity .mi-home-content,
  body.mi-live-identity .mi-about-v48,
  body.mi-live-identity .mi-services-v49,
  body.mi-live-identity .mi-products-v55,
  body.mi-live-identity .mi-products-v56,
  body.mi-live-identity .mi-products-v57,
  body.mi-live-identity .mi-products-v58,
  body.mi-live-identity .mi-products-v59,
  body.mi-live-identity .mi-products-v61,
  body.mi-live-identity .mi-products-v62,
  body.mi-live-identity .mi-products-v63,
  body.mi-live-identity .mi-product-detail-v56,
  body.mi-live-identity .mi-service-detail-v89,
  body.mi-live-identity .mi-news-live-v02,
  body.mi-live-identity .mi-contact-v102,
  body.mi-live-identity .mi-quote-v101,
  body.mi-live-identity .mi-relations-page,
  body.mi-live-identity .mi-sectors-v03{
    width:min(100% - 20px,1320px) !important;
    margin-inline:auto !important;
  }

  body.mi-live-identity h1,
  body.mi-live-identity .mi-sectors-v03-title,
  body.mi-live-identity .mi-news-live-v02-head h1,
  body.mi-live-identity .mi-contact-v102-hero h1,
  body.mi-live-identity .mi-products-v55-head h1,
  body.mi-live-identity .mi-products-v56-head h1,
  body.mi-live-identity .mi-products-v57-head h1,
  body.mi-live-identity .mi-products-v58-head h1,
  body.mi-live-identity .mi-products-v59-head h1,
  body.mi-live-identity .mi-products-v63-head h1{
    font-size:clamp(27px,9vw,38px) !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    overflow-wrap:break-word !important;
  }

  body.mi-live-identity p,
  body.mi-live-identity li{
    overflow-wrap:break-word !important;
  }

  body.mi-live-identity .mi-home-section-actions,
  body.mi-live-identity .mi-about-v48-actions,
  body.mi-live-identity .mi-services-v49-actions,
  body.mi-live-identity .mi-products-v55-actions,
  body.mi-live-identity .mi-products-v56-actions,
  body.mi-live-identity .mi-products-v57-actions,
  body.mi-live-identity .mi-products-v58-actions,
  body.mi-live-identity .mi-products-v59-actions,
  body.mi-live-identity .mi-products-v63-actions,
  body.mi-live-identity .mi-product-detail-v56-actions,
  body.mi-live-identity .mi-service-detail-v89-actions,
  body.mi-live-identity .mi-sectors-v03-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  body.mi-live-identity .mi-home-section-actions a,
  body.mi-live-identity .mi-about-v48-actions a,
  body.mi-live-identity .mi-services-v49-actions a,
  body.mi-live-identity .mi-products-v55-actions a,
  body.mi-live-identity .mi-products-v56-actions a,
  body.mi-live-identity .mi-products-v57-actions a,
  body.mi-live-identity .mi-products-v58-actions a,
  body.mi-live-identity .mi-products-v59-actions a,
  body.mi-live-identity .mi-products-v63-actions a,
  body.mi-live-identity .mi-product-detail-v56-actions a,
  body.mi-live-identity .mi-service-detail-v89-actions a,
  body.mi-live-identity .mi-sectors-v03-actions a,
  body.mi-live-identity .mi-sectors-v03-btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.mi-live-identity .mi-about-v48-hero,
  body.mi-live-identity .mi-about-v48-grid,
  body.mi-live-identity .mi-about-v48-values,
  body.mi-live-identity .mi-about-v48-steps,
  body.mi-live-identity .mi-services-v49-hero,
  body.mi-live-identity .mi-services-v49-grid,
  body.mi-live-identity .mi-services-v49-map,
  body.mi-live-identity .srv-grid,
  body.mi-live-identity .services-grid,
  body.mi-live-identity .why-cards,
  body.mi-live-identity .clients-grid,
  body.mi-live-identity .clients-logo-grid,
  body.mi-live-identity .partners-logo-grid,
  body.mi-live-identity .projects-grid,
  body.mi-live-identity .contact-grid,
  body.mi-live-identity .mi-relations-grid,
  body.mi-live-identity .mi-product-detail-v56-hero,
  body.mi-live-identity .mi-product-detail-v56-grid,
  body.mi-live-identity .mi-product-detail-v65-highlight-grid,
  body.mi-live-identity .mi-service-detail-v89-hero,
  body.mi-live-identity .mi-service-detail-v89-grid,
  body.mi-live-identity .mi-service-detail-v89-grid-compact,
  body.mi-live-identity .mi-service-detail-v89-steps,
  body.mi-live-identity .mi-service-detail-v89-quality,
  body.mi-live-identity .mi-service-detail-v89-quality-points,
  body.mi-live-identity .mi-service-detail-v89-related-grid,
  body.mi-live-identity .mi-contact-v102-grid,
  body.mi-live-identity .mi-quote-v101-grid,
  body.mi-live-identity .mi-news-live-v02-grid,
  body.mi-live-identity .mi-news-live-v02-featured,
  body.mi-live-identity .mi-news-live-v02-topbar,
  body.mi-live-identity .mi-sectors-v03-grid,
  body.mi-live-identity .mi-sectors-v03-steps{
    grid-template-columns:1fr !important;
  }

  body.mi-live-identity .mi-about-v48-card-wide,
  body.mi-live-identity .mi-service-detail-v89-card-wide,
  body.mi-live-identity .mi-product-detail-v56-panel-wide{
    grid-column:auto !important;
  }

  body.mi-live-identity .mi-about-v48-copy,
  body.mi-live-identity .mi-about-v48-panel,
  body.mi-live-identity .mi-about-v48-card,
  body.mi-live-identity .mi-about-v48-process,
  body.mi-live-identity .mi-about-v48-closing,
  body.mi-live-identity .mi-services-v49-copy,
  body.mi-live-identity .mi-services-v49-panel,
  body.mi-live-identity .mi-services-v49-map,
  body.mi-live-identity .mi-services-v49-closing,
  body.mi-live-identity .mi-product-detail-v56-copy,
  body.mi-live-identity .mi-product-detail-v56-panel,
  body.mi-live-identity .mi-service-detail-v89-copy,
  body.mi-live-identity .mi-service-detail-v89-panel,
  body.mi-live-identity .mi-service-detail-v89-card,
  body.mi-live-identity .mi-service-detail-v89-process,
  body.mi-live-identity .mi-service-detail-v89-quality,
  body.mi-live-identity .mi-service-detail-v89-cta,
  body.mi-live-identity .mi-contact-v102-card,
  body.mi-live-identity .mi-contact-v102-form-card,
  body.mi-live-identity .mi-quote-v101-summary,
  body.mi-live-identity .mi-quote-v101-form-card,
  body.mi-live-identity .mi-news-live-v02-shell,
  body.mi-live-identity .mi-sectors-v03-shell{
    padding:clamp(18px,5vw,24px) !important;
    border-radius:22px !important;
    min-height:auto !important;
  }

  body.mi-live-identity .mi-products-v55-card,
  body.mi-live-identity .mi-products-v56-card,
  body.mi-live-identity .mi-products-v57-card,
  body.mi-live-identity .mi-products-v58-card,
  body.mi-live-identity .mi-products-v59-card,
  body.mi-live-identity .mi-products-v61-card,
  body.mi-live-identity .mi-products-v62-card,
  body.mi-live-identity .mi-products-v63-card{
    grid-template-columns:1fr !important;
    padding:18px !important;
    border-radius:22px !important;
  }

  body.mi-live-identity .mi-products-v55-list,
  body.mi-live-identity .mi-products-v56-list,
  body.mi-live-identity .mi-products-v57-list,
  body.mi-live-identity .mi-products-v58-list,
  body.mi-live-identity .mi-products-v59-list,
  body.mi-live-identity .mi-products-v61-list,
  body.mi-live-identity .mi-products-v62-list,
  body.mi-live-identity .mi-products-v63-list{
    gap:18px !important;
  }

  body.mi-live-identity .mi-products-v55-visual,
  body.mi-live-identity .mi-products-v56-visual,
  body.mi-live-identity .mi-products-v57-visual,
  body.mi-live-identity .mi-products-v58-visual,
  body.mi-live-identity .mi-products-v59-visual,
  body.mi-live-identity .mi-products-v61-visual,
  body.mi-live-identity .mi-products-v62-visual,
  body.mi-live-identity .mi-products-v63-visual,
  body.mi-live-identity .mi-product-detail-v56-gallery{
    min-height:auto !important;
  }

  body.mi-live-identity .mi-product-gallery-frame,
  body.mi-live-identity .mi-products-v61-frame,
  body.mi-live-identity .mi-products-v62-frame,
  body.mi-live-identity .mi-products-v63-frame,
  body.mi-live-identity .mi-product-detail-v61-frame,
  body.mi-live-identity .mi-product-detail-v62-frame,
  body.mi-live-identity .mi-product-detail-v63-frame{
    min-height:220px !important;
    aspect-ratio:16/11 !important;
  }

  body.mi-live-identity .mi-contact-v102-form,
  body.mi-live-identity .mi-quote-v101-form{
    grid-template-columns:1fr !important;
  }

  body.mi-live-identity .mi-contact-v102-row-full,
  body.mi-live-identity .mi-quote-v101-row-full,
  body.mi-live-identity .mi-quote-v101-submit,
  body.mi-live-identity .mi-contact-v102-submit{
    grid-column:auto !important;
  }

  body.mi-live-identity .mi-news-live-v02-card-media,
  body.mi-live-identity .mi-news-live-v02-media,
  body.mi-live-identity .mi-news-live-v02-featured-placeholder{
    min-height:190px !important;
  }

  body.mi-live-identity .mi-news-live-v02-controls,
  body.mi-live-identity .mi-news-live-v02-filters{
    width:100% !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
  }

  body.mi-live-identity .mi-sectors-v03-divider{
    display:none !important;
  }

  body.mi-live-identity .mi-sectors-v03-visual{
    min-height:330px !important;
    order:1 !important;
  }

  body.mi-live-identity .mi-sectors-v03-copy{
    order:2 !important;
    text-align:center !important;
  }

  body.mi-live-identity .mi-sectors-v03-orbit-wrap{
    width:min(100%,320px) !important;
    min-height:300px !important;
    transform:scale(.86) !important;
    transform-origin:center !important;
  }

  body.mi-live-identity .mi-sectors-v03-steps{
    margin-top:18px !important;
  }

  body.mi-live-identity .mi-sectors-v03-step{
    min-height:auto !important;
    padding:16px !important;
    align-items:center !important;
    text-align:center !important;
  }

  body.mi-live-identity .mi-accepted-footer{
    margin-top:34px !important;
  }

  body.mi-live-identity .mi-accepted-footer-panel{
    grid-template-columns:1fr !important;
    gap:20px !important;
    text-align:center !important;
  }

  body.mi-live-identity .mi-accepted-footer-content,
  body.mi-live-identity .mi-accepted-footer-links,
  body.mi-live-identity .mi-accepted-footer-brand{
    width:100% !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width:420px){
  body.mi-live-identity .mi-internal-page{
    width:min(100% - 14px,var(--mi-max,1880px)) !important;
  }

  body.mi-live-identity .mi-accepted-brand img{
    width:min(190px,54vw) !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle{
    min-width:84px !important;
    padding-inline:10px !important;
    font-size:12px !important;
  }

  body.mi-live-identity .hero-grid{
    padding:24px 14px 30px !important;
  }

  body.mi-live-identity .mi-news-live-v02-shell,
  body.mi-live-identity .mi-sectors-v03-shell,
  body.mi-live-identity .mi-contact-v102-card,
  body.mi-live-identity .mi-contact-v102-form-card,
  body.mi-live-identity .mi-quote-v101-summary,
  body.mi-live-identity .mi-quote-v101-form-card{
    padding:16px !important;
  }
}

/* Marvelous Mobile Header + Hero Logo Final Lock V00.01.51
   Fixes: desktop menu-word leakage, mobile menu text leakage, and hero mark visibility on phones. */
body.mi-live-identity .mi-mobile-menu-toggle{
  display:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

@media (min-width:981px){
  body.mi-live-identity .mi-mobile-menu-toggle{
    display:none !important;
  }
}

@media (max-width:980px){
  body.mi-live-identity .mi-accepted-header{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  body.mi-live-identity .mi-accepted-brand,
  body.mi-live-identity .mi-company-logo-holder{
    min-width:0 !important;
    width:auto !important;
  }

  body.mi-live-identity .mi-accepted-brand img,
  body.mi-live-identity .mi-company-logo-holder img{
    display:block !important;
    width:min(220px,58vw) !important;
    max-height:64px !important;
    object-fit:contain !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle{
    display:inline-flex !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;
    gap:0 !important;
    border-radius:14px !important;
    border:1px solid rgba(229,185,84,.58) !important;
    background:linear-gradient(180deg,rgba(255,214,116,.18),rgba(10,9,6,.84)) !important;
    color:#f8dd8b !important;
    box-shadow:0 10px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05) !important;
    text-indent:0 !important;
    overflow:hidden !important;
    cursor:pointer !important;
  }

  html[dir="rtl"] body.mi-live-identity .mi-mobile-menu-toggle{
    justify-self:start !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-text{
    display:none !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::before,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{
    display:block !important;
    width:19px !important;
    height:2px !important;
    border-radius:999px !important;
    background:currentColor !important;
    transition:.18s ease !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines{
    position:relative !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines::before,
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
  }

  body.mi-live-identity .mi-mobile-menu-toggle-lines::before{top:-6px !important;}
  body.mi-live-identity .mi-mobile-menu-toggle-lines::after{top:6px !important;}
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines{background:transparent !important;}
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines::before{top:0 !important;transform:rotate(45deg) !important;}
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-mobile-menu-toggle-lines::after{top:0 !important;transform:rotate(-45deg) !important;}

  body.mi-live-identity .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-actions{
    grid-column:1/-1 !important;
    width:100% !important;
    min-width:0 !important;
    max-height:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    padding-top:0 !important;
    margin-top:0 !important;
    transition:max-height .22s ease, opacity .16s ease, padding .16s ease !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-actions{
    max-height:760px !important;
    opacity:1 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav{
    padding-top:10px !important;
  }

  body.mi-live-identity .mi-accepted-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
}

@media (max-width:720px){
  body.mi-live-identity .hero-grid,
  html[lang="ar"] body.mi-live-identity .hero-grid,
  html[lang="en"] body.mi-live-identity .hero-grid,
  html[dir="rtl"] body.mi-live-identity .hero-grid,
  html[dir="ltr"] body.mi-live-identity .hero-grid{
    grid-template-areas:"heroVisual" "heroCopy" !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:24px 14px 32px !important;
  }

  body.mi-live-identity .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .hero-grid .visual{
    grid-area:heroVisual !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:100% !important;
    min-height:265px !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.mi-live-identity .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark-box{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:min(74vw,280px) !important;
    max-width:100% !important;
    aspect-ratio:1 !important;
    margin:0 auto !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:6 !important;
  }

  body.mi-live-identity .hero-grid .mark,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark,
  html[lang="en"] body.mi-live-identity .hero-grid .mark,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:scaleX(-1) !important;
  }

  body.mi-live-identity .hero-grid .floor{
    left:50% !important;
    right:auto !important;
    bottom:16px !important;
    width:min(78vw,330px) !important;
    transform:translateX(-50%) !important;
    opacity:.88 !important;
  }
}


/* Marvelous Live Mobile Menu Final Override V00.01.51 */
body.mi-live-identity .mi-mobile-menu-toggle{
  display:none !important;
}
@media (max-width:980px){
  body.mi-live-identity .mi-accepted-header{
    position:relative !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    overflow:visible !important;
  }
  body.mi-live-identity .mi-mobile-menu-toggle{
    display:inline-flex !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;
    border-radius:14px !important;
    border:1px solid rgba(229,185,84,.58) !important;
    background:linear-gradient(180deg,rgba(255,214,116,.18),rgba(10,9,6,.84)) !important;
    color:#f8dd8b !important;
    box-shadow:0 10px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05) !important;
    overflow:hidden !important;
    cursor:pointer !important;
  }
  html[dir="rtl"] body.mi-live-identity .mi-mobile-menu-toggle{
    justify-self:start !important;
  }
  body.mi-live-identity .mi-mobile-menu-toggle-text{
    display:none !important;
  }
  body.mi-live-identity .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-actions{
    grid-column:1/-1 !important;
    width:100% !important;
    max-height:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-actions,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-actions{
    max-height:760px !important;
    opacity:1 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-nav{
    padding-top:10px !important;
  }
}
@media (min-width:981px){
  body.mi-live-identity .mi-mobile-menu-toggle{
    display:none !important;
  }
}


/* Marvelous Mobile Open Menu Layout Lock V00.01.51
   Forces the live mobile menu to render as a clean vertical mobile panel. */
@media (max-width:980px){
  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"]{
    align-items:start !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    padding:14px 0 8px !important;
    margin:0 !important;
    text-align:center !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav a,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-nav a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:42px !important;
    padding:11px 14px !important;
    margin:0 !important;
    border-radius:14px !important;
    border:1px solid rgba(229,185,84,.18) !important;
    background:rgba(255,255,255,.035) !important;
    white-space:normal !important;
    line-height:1.35 !important;
    font-size:13px !important;
    letter-spacing:0 !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-nav a.active,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-nav a.active{
    background:linear-gradient(180deg,rgba(255,214,116,.18),rgba(255,214,116,.06)) !important;
    border-color:rgba(229,185,84,.42) !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-actions,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    padding:10px 0 4px !important;
    margin:0 !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-contact,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-contact{
    width:min(100%,220px) !important;
    justify-content:center !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-divider,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-divider{
    display:none !important;
  }

  body.mi-live-identity .mi-accepted-header.is-mobile-menu-open .mi-accepted-lang,
  body.mi-live-identity .mi-accepted-header[data-mobile-menu-open="true"] .mi-accepted-lang{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
  }
}


/* Marvelous Mobile Hero Mark Viewport Lock V00.01.51
   Purpose: keep the large hero logo inside the mobile viewport instead of drifting outside the frame.
   Scope: mobile hero artwork only. Desktop hero, header, menu, services, products, and JS are untouched. */
@media (max-width:720px){
  body.mi-live-identity .hero-frame{
    min-height:auto !important;
    overflow:hidden !important;
  }

  body.mi-live-identity .hero-inner{
    overflow:hidden !important;
  }

  body.mi-live-identity .hero-grid,
  html[lang="ar"] body.mi-live-identity .hero-grid,
  html[lang="en"] body.mi-live-identity .hero-grid,
  html[dir="rtl"] body.mi-live-identity .hero-grid,
  html[dir="ltr"] body.mi-live-identity .hero-grid{
    grid-template-areas:"heroVisual" "heroCopy" !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-items:center !important;
    gap:12px !important;
    padding:22px 14px 32px !important;
  }

  body.mi-live-identity .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .hero-grid .visual{
    grid-area:heroVisual !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:clamp(245px,72vw,330px) !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2 !important;
    isolation:isolate !important;
  }

  body.mi-live-identity .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark-box{
    grid-area:1 / 1 !important;
    display:block !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:min(72vw,300px) !important;
    height:auto !important;
    max-width:100% !important;
    aspect-ratio:790 / 891 !important;
    margin:0 auto !important;
    transform:none !important;
    transform-origin:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:4 !important;
    pointer-events:none !important;
    overflow:visible !important;
  }

  body.mi-live-identity .hero-grid .mark,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark,
  html[lang="en"] body.mi-live-identity .hero-grid .mark,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:scaleX(-1) !important;
    transform-origin:center center !important;
    z-index:3 !important;
  }

  body.mi-live-identity .hero-grid .mark-box::before,
  body.mi-live-identity .hero-grid .mark-box::after{
    display:block !important;
    opacity:.55 !important;
  }

  body.mi-live-identity .hero-grid .floor{
    grid-area:1 / 1 !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:clamp(18px,5vw,28px) !important;
    width:min(78vw,330px) !important;
    height:32% !important;
    transform:translateX(-50%) !important;
    opacity:.78 !important;
    z-index:2 !important;
    pointer-events:none !important;
  }

  body.mi-live-identity .hero-grid .copy{
    grid-area:heroCopy !important;
    position:relative !important;
    z-index:5 !important;
    width:100% !important;
  }
}

@media (max-width:420px){
  body.mi-live-identity .hero-grid,
  html[lang="ar"] body.mi-live-identity .hero-grid,
  html[lang="en"] body.mi-live-identity .hero-grid,
  html[dir="rtl"] body.mi-live-identity .hero-grid,
  html[dir="ltr"] body.mi-live-identity .hero-grid{
    padding:20px 12px 30px !important;
    gap:10px !important;
  }

  body.mi-live-identity .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .hero-grid .visual{
    min-height:clamp(230px,74vw,305px) !important;
  }

  body.mi-live-identity .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark-box{
    width:min(76vw,285px) !important;
  }
}


/* Marvelous Mobile Hero Mark Asset Lock V00.01.51
   Purpose: render the hero M mark as a controlled mobile background on the existing mark-box.
   This prevents the artwork from disappearing when the mobile viewport recalculates img positioning.
   Scope: mobile home hero artwork only. Desktop layout is untouched. */
@media (max-width:720px){
  body.mi-live-identity .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .hero-grid .visual{
    display:grid !important;
    grid-template-columns:1fr !important;
    place-items:center !important;
    min-height:clamp(275px,82vw,390px) !important;
    overflow:visible !important;
  }

  body.mi-live-identity .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark-box{
    display:block !important;
    position:relative !important;
    width:min(82vw,340px) !important;
    min-width:230px !important;
    max-width:100% !important;
    aspect-ratio:790 / 891 !important;
    margin:0 auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:6 !important;
    background-image:url('/assets/brand/mi-mark-gold-vector.svg') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:contain !important;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(255,214,116,.20)) !important;
  }

  body.mi-live-identity .hero-grid .mark,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark,
  html[lang="en"] body.mi-live-identity .hero-grid .mark,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:7 !important;
  }

  body.mi-live-identity .hero-grid .mark-glow{
    display:block !important;
    opacity:.45 !important;
    z-index:1 !important;
  }

  body.mi-live-identity .hero-grid .floor{
    width:min(86vw,380px) !important;
    bottom:clamp(8px,3vw,18px) !important;
    opacity:.72 !important;
    z-index:2 !important;
  }
}

@media (max-width:420px){
  body.mi-live-identity .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .hero-grid .visual{
    min-height:clamp(265px,84vw,360px) !important;
  }

  body.mi-live-identity .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .hero-grid .mark-box{
    width:min(84vw,320px) !important;
    min-width:220px !important;
  }
}

/* Marvelous Mobile Hero Mark Real Dimension Lock V00.01.51
   Purpose: fix the live mobile case where .hero-grid .mark is loaded but rendered as 0x0.
   Scope: home hero artwork only on phone/tablet widths. Desktop layout and mobile menu are untouched. */
@media (max-width:920px){
  .mi-home-page .hero-grid,
  body.mi-live-identity .mi-home-page .hero-grid,
  html[lang="ar"] body.mi-live-identity .mi-home-page .hero-grid,
  html[lang="en"] body.mi-live-identity .mi-home-page .hero-grid,
  html[dir="rtl"] body.mi-live-identity .mi-home-page .hero-grid,
  html[dir="ltr"] body.mi-live-identity .mi-home-page .hero-grid{
    grid-template-areas:"heroVisual" "heroCopy" !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-items:center !important;
  }

  .mi-home-page .hero-grid .visual,
  body.mi-live-identity .mi-home-page .hero-grid .visual,
  html[lang="ar"] body.mi-live-identity .mi-home-page .hero-grid .visual,
  html[lang="en"] body.mi-live-identity .mi-home-page .hero-grid .visual,
  html[dir="rtl"] body.mi-live-identity .mi-home-page .hero-grid .visual,
  html[dir="ltr"] body.mi-live-identity .mi-home-page .hero-grid .visual{
    grid-area:heroVisual !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:clamp(245px,78vw,380px) !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:2 !important;
  }

  .mi-home-page .hero-grid .mark-box,
  body.mi-live-identity .mi-home-page .hero-grid .mark-box,
  html[lang="ar"] body.mi-live-identity .mi-home-page .hero-grid .mark-box,
  html[lang="en"] body.mi-live-identity .mi-home-page .hero-grid .mark-box,
  html[dir="rtl"] body.mi-live-identity .mi-home-page .hero-grid .mark-box,
  html[dir="ltr"] body.mi-live-identity .mi-home-page .hero-grid .mark-box{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:clamp(220px,78vw,350px) !important;
    height:clamp(245px,88vw,395px) !important;
    min-width:220px !important;
    min-height:245px !important;
    max-width:88vw !important;
    max-height:420px !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    transform-origin:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:6 !important;
    pointer-events:none !important;
    overflow:visible !important;
    background-image:none !important;
    background:none !important;
  }

  .mi-home-page .hero-grid .mark,
  body.mi-live-identity .mi-home-page .hero-grid .mark,
  html[lang="ar"] body.mi-live-identity .mi-home-page .hero-grid .mark,
  html[lang="en"] body.mi-live-identity .mi-home-page .hero-grid .mark,
  html[dir="rtl"] body.mi-live-identity .mi-home-page .hero-grid .mark,
  html[dir="ltr"] body.mi-live-identity .mi-home-page .hero-grid .mark{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:clamp(220px,78vw,350px) !important;
    height:auto !important;
    min-width:220px !important;
    max-width:88vw !important;
    max-height:420px !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:scaleX(-1) !important;
    transform-origin:center center !important;
    z-index:7 !important;
  }

  .mi-home-page .hero-grid .mark-glow,
  body.mi-live-identity .mi-home-page .hero-grid .mark-glow{
    display:block !important;
    opacity:.45 !important;
    visibility:visible !important;
  }

  .mi-home-page .hero-grid .copy,
  body.mi-live-identity .mi-home-page .hero-grid .copy{
    grid-area:heroCopy !important;
    position:relative !important;
    z-index:8 !important;
  }
}

@media (max-width:420px){
  .mi-home-page .hero-grid .visual,
  body.mi-live-identity .mi-home-page .hero-grid .visual{
    min-height:clamp(225px,76vw,330px) !important;
  }

  .mi-home-page .hero-grid .mark-box,
  body.mi-live-identity .mi-home-page .hero-grid .mark-box{
    width:clamp(210px,76vw,315px) !important;
    height:clamp(235px,86vw,355px) !important;
    min-width:210px !important;
    min-height:235px !important;
    max-width:86vw !important;
  }

  .mi-home-page .hero-grid .mark,
  body.mi-live-identity .mi-home-page .hero-grid .mark{
    width:clamp(210px,76vw,315px) !important;
    min-width:210px !important;
    max-width:86vw !important;
  }
}