/* MTM premium presentation layer — keeps the existing design system intact. */
:root{
  --premium-cyan:#42e3bd;
  --premium-ice:#d9e9ff;
  --premium-navy:#07101c;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(115,156,205,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(115,156,205,.025) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);
          mask-image:linear-gradient(to bottom,#000,transparent 78%);
}

.nav::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  opacity:0;
  transition:opacity .3s ease;
}
.nav.scrolled::before{opacity:1}
.nav.scrolled .nav__in{padding-block:10px}
.nav__in{transition:padding .3s ease}
.brand__mark{transition:transform .35s ease,box-shadow .35s ease}
.brand:hover .brand__mark{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 0 1px rgba(212,226,248,.45),0 0 34px rgba(79,209,197,.22)}

.hero{min-height:900px}
.hero::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:45px;
  height:160px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--bg));
}
.hero__layout{
  position:relative;
  display:block;
}
.hero__content{max-width:760px}
/* بطاقات النصوص العائمة كانت تملأ فراغ الهيرو؛ الآن تعلوه لقطة المنتج فتزاحمها. */
.hero-insight-stream{display:none}
.hero h1{font-size:clamp(2.55rem,5.4vw,4.65rem);text-wrap:balance;text-shadow:0 12px 50px rgba(0,0,0,.55)}
.hero h1 .wm{filter:drop-shadow(0 7px 20px rgba(162,186,219,.13))}
.hero__badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.18)}
/* التكوين النصي ثنائي اللغة بجانب المحتوى على الشاشات الواسعة */
@media (min-width:1100px){
  .hero{padding-block:112px 96px}
  .hero__layout{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:clamp(34px,4vw,62px);
    align-items:center;
  }
  .hero__content{max-width:none}
  /* العمود صار أضيق: نُصغّر العنوان حتى لا ينكسر إلى أربعة أسطر */
  .hero h1{font-size:clamp(2.05rem,3.1vw,3.02rem)}
  .hero__sub{font-size:.98rem}
  .hero__cta{flex-wrap:nowrap}
}

.hero-insight-stream{position:absolute;inset:90px max(24px,5vw) 92px;z-index:3;pointer-events:none;transform-style:preserve-3d}
.hero-insight{
  position:absolute;
  width:min(210px,42vw);
  padding:12px 14px;
  border:1px solid rgba(181,208,238,.2);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(13,25,41,.94),rgba(6,13,23,.88));
  box-shadow:0 20px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055),0 0 26px rgba(66,227,189,.045);
  backdrop-filter:blur(16px) saturate(140%);
  opacity:0;
  filter:blur(12px);
  transform:translate3d(0,18px,90px) scale(.82);
  transition:opacity .75s ease,filter .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);
}
.hero-insight::before{content:"";position:absolute;top:12px;inset-inline-start:0;width:2px;height:28px;border-radius:2px;background:linear-gradient(var(--premium-cyan),transparent);box-shadow:0 0 10px rgba(66,227,189,.45)}
.hero-insight.is-in{opacity:1;filter:blur(0);transform:translate3d(0,0,105px) scale(1)}
.hero-insight.is-out{opacity:0;filter:blur(9px);transform:translate3d(0,-14px,70px) scale(.92)}
.hero-insight[data-slot="0"]{top:8%;left:5%}
.hero-insight[data-slot="1"]{left:2%;bottom:22%}
.hero-insight[data-slot="2"]{left:29%;bottom:8%}
.hero-insight[data-slot="3"]{left:22%;top:28%}
.hero-insight__kicker{display:flex;align-items:center;gap:7px;color:#61758e;font:800 .54rem var(--f-lat);letter-spacing:1.5px;text-transform:uppercase}
.hero-insight__kicker i{width:6px;height:6px;border-radius:50%;background:var(--premium-cyan);box-shadow:0 0 9px var(--premium-cyan)}
.hero-insight strong{display:block;margin-top:5px;color:#eef5ff;font-size:.96rem;line-height:1.45;letter-spacing:0}
.hero-insight[dir="ltr"] strong{font-family:var(--f-lat);font-size:1.04rem;letter-spacing:.4px}
.hero-insight small{display:block;margin-top:3px;color:#718198;font-size:.63rem;line-height:1.5}
.section::before{content:"";position:absolute;inset-inline:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(166,190,222,.13),transparent)}
.pillar,.card,.plan,.terminal,.method__visual,.cta__box{backdrop-filter:blur(14px)}
.pillar,.card,.plan{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.14)}
.pillar:hover,.card:hover,.plan:hover{border-color:rgba(169,192,222,.42)}
.terminal{box-shadow:0 38px 90px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.02)}

@media(max-width:1080px){
  .hero{min-height:900px}
}
@media(max-width:900px){
  .hero{min-height:auto;padding-block:120px 100px}
  .hero__content{max-width:760px}
  .hero-insight-stream{display:none}
}
@media(max-width:560px){
  .hero{padding-top:105px}
  .hero h1{font-size:clamp(2.2rem,11vw,3.25rem)}
}
@media(prefers-reduced-motion:reduce){.hero-insight{transition:none;filter:none}}