/* ESPO Home Hero v2.5.1.123.112 — isolated implementation of the approved
   editorial reference.  No site-wide layout or shared component overrides. */
.espo-premium-hero.espo-hero-reference {
  --espo-href-navy:#071f49;
  --espo-href-muted:#647b9c;
  --espo-href-gold:#fcb800;
  isolation:isolate;
  background:radial-gradient(ellipse at 63% 74%,rgba(190,229,249,.57),transparent 47%),
             radial-gradient(ellipse at 92% 4%,rgba(225,243,253,.9),transparent 43%),
             linear-gradient(180deg,#fff 0%,#f8fcff 78%,#fff 100%);
}
.espo-premium-hero.espo-hero-reference::before {
  opacity:1;
  z-index:-2;
  background:radial-gradient(ellipse at 53% 107%,rgba(193,231,253,.4) 0%,rgba(193,231,253,.16) 32%,transparent 60%);
  background-size:cover;
  mask-image:none;
}
.espo-premium-hero.espo-hero-reference::after {
  content:"";
  position:absolute;
  width:65%; height:31%;
  left:19%; bottom:3%;
  z-index:-1;
  background:linear-gradient(112deg,rgba(228,246,253,.22),rgba(196,230,248,.56),rgba(246,252,255,.06));
  border-radius:50% 50% 45% 55%;
  transform:rotate(-9deg);
  pointer-events:none;
}
.espo-hero-reference .espo-premium-hero__ambient span:first-child {
  right:-9rem;top:-7rem;width:28rem;height:28rem;border-color:rgba(0,125,212,.14);
}
.espo-hero-reference .espo-premium-hero__ambient span:last-child {
  left:42%;bottom:4%;width:19rem;height:19rem;border-color:rgba(0,125,212,.06);
}
body .espo-premium-hero.espo-hero-reference .espo-premium-hero__inner {
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;
  gap:clamp(2.1rem,3vw,3.9rem) !important;
  align-items:center;
  max-width:105rem;
  width:100%;
  min-height:clamp(590px,44vw,710px) !important;
  padding-top:clamp(1.6rem,3.1vw,3.5rem) !important;
  padding-bottom:clamp(2.75rem,4.2vw,4.8rem) !important;
}
body .espo-hero-reference .espo-premium-hero__inner > .espo-premium-hero__content,
body .espo-hero-reference .espo-premium-hero__inner > .espo-premium-hero__visual-wrap {
  grid-column:auto !important;
  min-width:0;
  max-width:none;
}
body .espo-hero-reference .espo-premium-hero__content {
  position:relative;
  z-index:5;
  width:100%;
  max-width:39rem;
  padding-top:.5rem;
}
body .espo-hero-reference .espo-section-label {
  display:flex;align-items:center;gap:13px;margin-bottom:1.55rem;
  color:#6f83a2;
}
body .espo-hero-reference .espo-section-label > span:first-child {
  width:30px;height:3px!important;
  flex:0 0 30px;
  border-radius:1px;
}
body .espo-hero-reference .espo-section-label > span:last-child {
  font-size:clamp(.67rem,.75vw,.8rem);
  font-weight:750;
  letter-spacing:.055em;
}
body .espo-hero-reference .espo-premium-hero__title {
  display:block;
  width:100%;
  margin:0;
  min-width:0;
  overflow:visible;
}
body .espo-hero-reference .espo-premium-hero__brand {
  position:relative;
  display:block;
  margin:0 0 .6rem;
  padding:0;
  color:#6d83a3;
  font-size:clamp(1.75rem,2.2vw,2.45rem);
  font-weight:520;
  line-height:1.16;
  letter-spacing:-.025em;
}
body .espo-hero-reference .espo-premium-hero__brand::before {display:none!important;content:none!important;}
body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
  display:block;
  margin:0!important;
  padding:0 0 .15em!important;
  max-width:100%!important;
  color:var(--espo-href-navy);
  font-size:clamp(2.65rem,3.72vw,4rem)!important;
  font-weight:810!important;
  line-height:1.14!important;
  letter-spacing:-.053em!important;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  overflow:visible;
}
body .espo-hero-reference .espo-premium-hero__slogan::after {display:none!important;content:none!important;}
html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
  font-size:clamp(2.2rem,3.15vw,3.5rem)!important;
  letter-spacing:0!important;
  line-height:1.45!important;
  padding-bottom:.15em!important;
}
html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
  font-size:clamp(2.25rem,3.05vw,3.45rem)!important;
  letter-spacing:-.028em!important;
  line-height:1.22!important;
}
body .espo-hero-reference .espo-premium-hero__copy {
  max-width:36rem;
  margin-top:1.2rem;
  color:var(--espo-href-muted);
  font-size:clamp(1rem,1.15vw,1.15rem);
  font-weight:440;
  line-height:1.75;
  text-wrap:pretty;
}
body .espo-hero-reference .espo-premium-hero__actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-top:1.55rem;
}
body .espo-hero-reference .espo-premium-hero__actions .espo-btn {
  min-height:3.45rem;
  padding:0 1.3rem;
  border-radius:.95rem;
  font-size:clamp(.82rem,.98vw,1rem);
  font-weight:690;
  line-height:1.4;
  white-space:nowrap;
  flex:0 1 auto;
  min-width:0;
}
body .espo-hero-reference .espo-premium-hero__primary {
  color:white!important;
  border:1px solid #091f43!important;
  background:linear-gradient(120deg,#0b2749,#071b37)!important;
  box-shadow:0 12px 25px rgba(8,32,64,.12);
}
body .espo-hero-reference .espo-premium-hero__secondary {
  color:#112d57!important;
  border:1px solid #cfdfed!important;
  background:rgba(255,255,255,.88)!important;
}
body .espo-hero-reference .espo-premium-hero__event-link {
  flex:0 0 100%;
  width:max-content;
  min-height:2.2rem;
  margin-top:1.2rem;
  padding:0 0 .65rem;
  background-size:2rem 2px;
  color:#0b2a51;
  font-size:.97rem;
  font-weight:720;
}
body .espo-hero-reference .espo-premium-hero__visual-wrap {
  position:relative;
  z-index:3;
  width:100%;
  min-width:0;
  padding:0 0 2.5rem;
  margin:0;
}
body .espo-hero-reference .espo-premium-hero__halo {
  inset:7% 0 0 0;
  border-radius:3rem;
  filter:blur(34px);
  background:rgba(103,177,230,.13);
}
body .espo-hero-reference .espo-premium-hero__visual {
  width:100%;
  padding:5px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:2.2rem;
  background:#fff;
  box-shadow:0 20px 58px rgba(20,77,125,.1);
}
body .espo-hero-reference .espo-premium-hero__image {
  width:100%;
  aspect-ratio:1.65;
  border-radius:calc(2.2rem - 6px);
  background:#d4e9f8;
}
body .espo-hero-reference .espo-premium-hero__image img,
body .espo-hero-reference .espo-premium-hero__image video {
  width:100%;height:100%;object-fit:cover;object-position:center;
}
body .espo-hero-reference .espo-premium-hero__corner {
  right:-1rem;top:-.5rem;
  width:6rem;height:3px;
  background:#f7bd24;
}
body .espo-hero-reference .espo-premium-hero__visual-wrap::before {
  content:"";pointer-events:none;
  position:absolute;z-index:-1;
  right:-1.1rem;top:-1.35rem;
  width:24%;height:37%;
  border-top:2px solid #2496ef;
  border-right:2px solid #2496ef;
  border-top-right-radius:4rem;
}
body .espo-hero-reference .espo-premium-hero__visual-wrap::after {
  content:"";pointer-events:none;
  position:absolute;z-index:-1;
  left:-1.45rem;top:28%;
  width:2.2rem;height:9rem;
  border-left:2px solid #edb91e;
  border-top:2px solid #edb91e;
  border-top-left-radius:2.8rem;
}
body .espo-hero-reference .espo-premium-hero__inset {
  position:absolute;
  z-index:5;
  right:-2%;
  bottom:-.75rem;
  width:min(47%,28.5rem);
  aspect-ratio:1.53;
  padding:5px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:1.9rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 21px 45px rgba(16,59,98,.17);
}
body .espo-hero-reference .espo-premium-hero__inset::after {
  content:"";position:absolute;inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
body .espo-hero-reference .espo-premium-hero__inset-image {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  border-radius:calc(1.9rem - 6px);
}
body .espo-hero-reference .espo-premium-hero__stats,
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {
  position:absolute;
  z-index:6;
  left:-1.6rem;
  right:auto;
  bottom:1.45rem;
  width:min(56%,28.2rem);
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  border:1px solid rgba(231,239,249,.8);
  border-radius:1.6rem;
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 36px rgba(12,70,118,.12);
  backdrop-filter:blur(16px);
}
body .espo-hero-reference .espo-premium-hero__stat {
  min-width:0;
  padding:1.1rem 1.4rem;
}
body .espo-hero-reference .espo-premium-hero__stat + .espo-premium-hero__stat {
  border-left:1px solid #dde7f1;
  border-right:none;
}
body .espo-hero-reference .espo-premium-hero__stat strong {
  display:block;
  font-size:clamp(1.7rem,2.7vw,2.75rem);
  line-height:1.08;
  color:#08224a;
  font-weight:810;
}
body .espo-hero-reference .espo-premium-hero__stat span {
  display:block;
  margin-top:.45rem;
  color:#7a8caa;
  font-weight:750;
  font-size:clamp(.57rem,.68vw,.72rem);
  letter-spacing:.025em;
  line-height:1.28;
}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {right:auto;left:-2%;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {right:-1.6rem;left:auto;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stat + .espo-premium-hero__stat {border-left:0;border-right:1px solid #dde7f1;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::before {right:auto;left:-1.1rem;border-right:0;border-left:2px solid #2496ef;border-radius:4rem 0 0 0;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::after {left:auto;right:-1.45rem;border-left:0;border-right:2px solid #edb91e;border-radius:0 2.8rem 0 0;}
@media (max-width:1280px) and (min-width:1024px) {
  body .espo-premium-hero.espo-hero-reference .espo-premium-hero__inner {gap:1.6rem!important;}
  body .espo-hero-reference .espo-premium-hero__actions .espo-btn {padding-inline:.95rem;font-size:.8rem;}
  body .espo-hero-reference .espo-premium-hero__copy {font-size:1rem;}
  body .espo-hero-reference .espo-premium-hero__stats {width:60%;}
  body .espo-hero-reference .espo-premium-hero__stat {padding:.8rem 1rem;}
}
@media (max-width:1023px) {
  body .espo-premium-hero.espo-hero-reference .espo-premium-hero__inner {
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
    gap:2.2rem!important;
    padding-block:2.5rem 3rem!important;
  }
  body .espo-hero-reference .espo-premium-hero__inner > .espo-premium-hero__content,
  body .espo-hero-reference .espo-premium-hero__inner > .espo-premium-hero__visual-wrap {
    grid-column:1/-1!important;
    width:100%;
    max-width:100%;
  }
  body .espo-hero-reference .espo-premium-hero__content {max-width:42rem;}
  body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {font-size:clamp(2.25rem,5.7vw,3.55rem)!important;max-width:100%!important;}
  body .espo-hero-reference .espo-premium-hero__visual-wrap {max-width:760px!important;margin-inline:auto;}
}
@media (max-width:767px) {
  body .espo-premium-hero.espo-hero-reference .espo-premium-hero__inner {
    padding-top:1.75rem!important;
    padding-bottom:2rem!important;
    gap:1.2rem!important;
  }
  body .espo-hero-reference .espo-section-label {margin-bottom:1.1rem;}
  body .espo-hero-reference .espo-premium-hero__brand {font-size:1.65rem;margin-bottom:.3rem;}
  body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size:clamp(2rem,8vw,2.9rem)!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere;
  }
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size:clamp(1.95rem,7vw,2.55rem)!important;
    line-height:1.5!important;
    letter-spacing:0!important;
  }
  body .espo-hero-reference .espo-premium-hero__copy {font-size:.96rem;line-height:1.65;margin-top:.95rem;}
  body .espo-hero-reference .espo-premium-hero__actions {margin-top:1.2rem;gap:.6rem;}
  body .espo-hero-reference .espo-premium-hero__actions .espo-btn {min-height:3.2rem;flex:1 1 auto;}
  body .espo-hero-reference .espo-premium-hero__event-link {margin-top:.5rem;}
  body .espo-hero-reference .espo-premium-hero__visual-wrap {padding:0!important;}
  body .espo-hero-reference .espo-premium-hero__visual {border-radius:1.35rem;padding:4px;}
  body .espo-hero-reference .espo-premium-hero__image {aspect-ratio:1.5;border-radius:1.08rem;}
  body .espo-hero-reference .espo-premium-hero__inset {
    width:44%;
    right:.3rem;
    bottom:5.8rem;
    aspect-ratio:1.34;
    border-radius:1.05rem;
    padding:3px;
  }
  body .espo-hero-reference .espo-premium-hero__inset-image {border-radius:.86rem;}
  body .espo-hero-reference .espo-premium-hero__stats,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {
    position:relative;
    left:auto;right:auto;bottom:auto;
    width:100%;max-width:100%;
    margin:.9rem auto 0;
    border-radius:1rem;
  }
  body .espo-hero-reference .espo-premium-hero__stat {padding:.8rem 1rem;}
  body .espo-hero-reference .espo-premium-hero__stat strong {font-size:1.75rem;}
  body .espo-hero-reference .espo-premium-hero__stat span {font-size:.65rem;}
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {left:.3rem;right:auto;}
  body .espo-hero-reference .espo-premium-hero__visual-wrap::before,
  body .espo-hero-reference .espo-premium-hero__visual-wrap::after {display:none;}
}
@media (max-width:470px) {
  body .espo-hero-reference .espo-premium-hero__actions .espo-btn {flex:1 1 100%;justify-content:center;min-width:0;}
  body .espo-hero-reference .espo-premium-hero__stat {padding:.75rem .7rem;}
  body .espo-hero-reference .espo-premium-hero__stat span {font-size:.58rem;line-height:1.33;}
}
@media (prefers-reduced-motion:reduce) {
  body .espo-hero-reference .espo-premium-hero__visual,
  body .espo-hero-reference .espo-premium-hero__inset,
  body .espo-hero-reference .espo-premium-hero__stats {transition:none!important;transform:none!important;}
}

/* ESPO 2.5.1.123.112 — controlled overlapping cards + approved full slogans.
   All offsets stay INSIDE the media column in both LTR and RTL so neither
   image nor stats can be obscured by the neighboring text column. */
body .espo-hero-reference .espo-premium-hero__title {
  min-height:0!important;
  padding-inline:0!important;
  background-image:none!important;
}
body .espo-hero-reference .espo-premium-hero__brand,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand,
html:lang(tr) body .espo-hero-reference .espo-premium-hero__brand {
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  margin:0 0 .35rem!important;
  font-size:clamp(1.45rem,2.05vw,2.1rem)!important;
  line-height:1.45!important;
  font-weight:570!important;
  color:#667d9e!important;
  max-width:100%;
}
/* Keep the English em dash in the full H1 text and accessible name while
   retaining the elegant two-line brand/tagline layout of the reference. */
body .espo-hero-reference .espo-premium-hero__joiner {
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
  margin-top:0!important;
  max-width:100%!important;
  overflow:visible!important;
  word-break:normal!important;
  padding-block:.06em .21em!important;
}
body .espo-hero-reference .espo-premium-hero__visual-wrap {
  --espo-hero-footroom:2.7rem;
  position:relative!important;
  padding:0 0 var(--espo-hero-footroom)!important;
  overflow:visible!important;
  perspective:none!important;
  isolation:isolate;
}
body .espo-hero-reference .espo-premium-hero__visual {
  position:relative;
  z-index:1;
  overflow:hidden;
  transform:none;
}
body .espo-hero-reference .espo-premium-hero__image {
  overflow:hidden;
  aspect-ratio:1.68;
}
body .espo-hero-reference .espo-premium-hero__inset,
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {
  z-index:4!important;
  width:41%!important;
  max-width:22rem!important;
  aspect-ratio:1.5!important;
  bottom:1.35rem!important;
  margin:0!important;
  border-radius:1.42rem!important;
  padding:4px!important;
  box-sizing:border-box;
  box-shadow:0 18px 35px rgba(17,55,92,.17)!important;
}
body .espo-hero-reference .espo-premium-hero__inset {left:auto!important;right:1rem!important;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {right:auto!important;left:1rem!important;}
body .espo-hero-reference .espo-premium-hero__inset-image {border-radius:1.16rem!important;}
body .espo-hero-reference .espo-premium-hero__stats,
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {
  position:absolute!important;
  z-index:5!important;
  bottom:calc(var(--espo-hero-footroom) + 1.12rem)!important;
  width:46%!important;
  max-width:25rem!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  border-radius:1.2rem!important;
  overflow:hidden!important;
  box-shadow:0 16px 36px rgba(8,52,91,.14)!important;
  transform:none!important;
}
body .espo-hero-reference .espo-premium-hero__stats {left:1rem!important;right:auto!important;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {right:1rem!important;left:auto!important;}
body .espo-hero-reference .espo-premium-hero__stat {padding:.85rem .6rem!important;min-width:0;}
body .espo-hero-reference .espo-premium-hero__stat strong {
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:block!important;
  text-align:center!important;
  font-size:clamp(1.55rem,2.45vw,2.35rem)!important;
  line-height:1.15!important;
}
body .espo-hero-reference .espo-premium-hero__stat span {
  display:block;
  text-align:center!important;
  line-height:1.35!important;
  font-size:clamp(.57rem,.63vw,.71rem)!important;
  letter-spacing:0!important;
  overflow-wrap:break-word;
}
@media (min-width:1024px) and (max-width:1200px) {
  body .espo-hero-reference .espo-premium-hero__inset,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {width:39%!important;}
  body .espo-hero-reference .espo-premium-hero__stats,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {width:49%!important;}
  body .espo-hero-reference .espo-premium-hero__stat {padding:.7rem .4rem!important;}
}
@media (max-width:1023px) {
  body .espo-hero-reference .espo-premium-hero__visual-wrap {
    width:100%!important;
    max-width:760px!important;
    margin-inline:auto!important;
    padding-bottom:0!important;
  }
  body .espo-hero-reference .espo-premium-hero__visual {border-radius:1.3rem;}
  body .espo-hero-reference .espo-premium-hero__inset,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {
    width:39%!important;
    bottom:7.1rem!important;
  }
  body .espo-hero-reference .espo-premium-hero__stats,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;max-width:100%!important;
    margin:1.1rem 0 0!important;
    border-radius:1.05rem!important;
  }
  body .espo-hero-reference .espo-premium-hero__stat strong {font-size:1.85rem!important;}
  body .espo-hero-reference .espo-premium-hero__stat span {font-size:.68rem!important;}
}
@media (max-width:600px) {
  body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand {
    font-size:1.48rem!important;margin-bottom:.15rem!important;
  }
  body .espo-hero-reference .espo-premium-hero__inset,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset {
    width:43%!important;
    bottom:6.55rem!important;
    border-radius:.95rem!important;
    padding:3px!important;
  }
  body .espo-hero-reference .espo-premium-hero__inset-image {border-radius:.78rem!important;}
  body .espo-hero-reference .espo-premium-hero__stats,
  html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__stats {
    margin-top:1rem!important;
  }
  body .espo-hero-reference .espo-premium-hero__stat {padding:.75rem .45rem!important;}
  body .espo-hero-reference .espo-premium-hero__stat strong {font-size:1.65rem!important;}
  body .espo-hero-reference .espo-premium-hero__stat span {font-size:.62rem!important;}
}

/* Never let the legacy motion mask hide the approved corporate headline. */
body .espo-hero-reference .espo-premium-hero__brand,
body .espo-hero-reference .espo-premium-hero__slogan {
  clip-path:none!important;
  opacity:1!important;
  visibility:visible!important;
}


/* ESPO 2.5.1.123.113 — HOME HERO TYPOGRAPHY REFINEMENT
   Applies only to the Home Hero. Uses the existing per-language webfonts:
   Manrope (EN/TR), Vazirmatn (FA), Noto Sans Arabic (AR).
   The complete approved slogan remains one semantic H1, with its brand
   and message split optically onto two lines. No changes to the copy,
   photographs, media-card geometry, header or other home sections. */
body .espo-premium-hero.espo-hero-reference {
  --espo-hero-type-ink: #092348;
  --espo-hero-type-muted: #506683;
  --espo-hero-type-eyebrow: #69809d;
}
body .espo-hero-reference .espo-premium-hero__content {
  min-width: 0;
  text-rendering: optimizeLegibility;
}
body .espo-hero-reference .espo-section-label {
  gap: .78rem;
  margin-bottom: clamp(1.02rem, 1.75vw, 1.55rem) !important;
}
body .espo-hero-reference .espo-section-label > span:last-child {
  color: var(--espo-hero-type-eyebrow) !important;
  font-size: clamp(.72rem, .79vw, .82rem) !important;
  font-weight: 740 !important;
  line-height: 1.5 !important;
  letter-spacing: .075em !important;
}
body .espo-hero-reference .espo-premium-hero__title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  font-kerning: normal;
  text-wrap: balance;
}
body .espo-hero-reference .espo-premium-hero__brand,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand,
html:lang(tr) body .espo-hero-reference .espo-premium-hero__brand {
  position: relative;
  display: block !important;
  margin: 0 0 clamp(.25rem, .6vw, .48rem) !important;
  padding: 0 !important;
  color: #627a9a !important;
  font-size: clamp(1.42rem, 1.85vw, 1.88rem) !important;
  font-weight: 690 !important;
  line-height: 1.32 !important;
  letter-spacing: -.018em !important;
  text-transform: none;
  opacity: 1 !important;
  visibility: visible !important;
}
body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan,
html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
  display: block !important;
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  padding: .035em 0 .19em !important;
  color: var(--espo-hero-type-ink) !important;
  font-size: clamp(2.75rem, 3.68vw, 4.12rem) !important;
  font-weight: 800 !important;
  line-height: 1.17 !important;
  letter-spacing: -.052em !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-wrap: balance;
}
body .espo-hero-reference .espo-premium-hero__copy {
  max-width: 35.5rem !important;
  margin-top: clamp(1rem, 1.3vw, 1.3rem) !important;
  color: var(--espo-hero-type-muted) !important;
  font-size: clamp(1.01rem, 1.12vw, 1.12rem) !important;
  font-weight: 440 !important;
  line-height: 1.83 !important;
  letter-spacing: -.007em !important;
  text-wrap: pretty;
}
body .espo-hero-reference .espo-premium-hero__actions {
  margin-top: clamp(1.3rem, 1.8vw, 1.75rem) !important;
  gap: .78rem !important;
}
body .espo-hero-reference .espo-premium-hero__actions .espo-btn,
body .espo-hero-reference .espo-premium-hero__event-link {
  font-size: clamp(.85rem, .95vw, .97rem) !important;
  font-weight: 720 !important;
  letter-spacing: -.012em !important;
}
body .espo-hero-reference .espo-premium-hero__event-link {
  line-height: 1.65 !important;
}
body .espo-hero-reference .espo-premium-hero__stat strong {
  font-family: var(--espo-font-latin, 'Manrope', 'Inter', sans-serif);
  font-variant-numeric: lining-nums tabular-nums;
  font-weight: 800 !important;
  letter-spacing: -.05em !important;
}
body .espo-hero-reference .espo-premium-hero__stat span {
  font-weight: 720 !important;
  line-height: 1.5 !important;
  letter-spacing: .018em !important;
}
/* No Latin tracking in connected Persian/Arabic scripts. Keep the
   descenders and combining marks clear without introducing large gaps. */
html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand {
  font-size: clamp(1.4rem, 1.73vw, 1.88rem) !important;
  font-weight: 650 !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
}
html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan {
  font-family: var(--espo-font-fa, 'Vazirmatn', Tahoma, sans-serif) !important;
  font-size: clamp(2.6rem, 3.4vw, 3.9rem) !important;
  font-weight: 790 !important;
  line-height: 1.47 !important;
  letter-spacing: 0 !important;
  padding: .04em 0 .16em !important;
}
html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
  font-family: var(--espo-font-ar, 'Noto Sans Arabic', 'Vazirmatn', sans-serif) !important;
  font-size: clamp(2.45rem, 3.25vw, 3.65rem) !important;
  font-weight: 780 !important;
  line-height: 1.59 !important;
  letter-spacing: 0 !important;
  padding: .05em 0 .16em !important;
}
html:lang(fa) body .espo-hero-reference .espo-premium-hero__copy,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__copy {
  font-size: clamp(1rem, 1.07vw, 1.12rem) !important;
  font-weight: 450 !important;
  line-height: 1.95 !important;
  letter-spacing: 0 !important;
}
html:lang(fa) body .espo-hero-reference .espo-section-label > span:last-child,
html:lang(ar) body .espo-hero-reference .espo-section-label > span:last-child,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__actions .espo-btn,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__actions .espo-btn,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__event-link,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__event-link,
html:lang(fa) body .espo-hero-reference .espo-premium-hero__stat span,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__stat span {
  letter-spacing: 0 !important;
}
html:lang(fa) body .espo-hero-reference .espo-premium-hero__stat span,
html:lang(ar) body .espo-hero-reference .espo-premium-hero__stat span {
  line-height: 1.65 !important;
  font-size: clamp(.64rem, .72vw, .8rem) !important;
}
html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
  font-size: clamp(2.55rem, 3.35vw, 3.8rem) !important;
  font-weight: 800 !important;
  line-height: 1.23 !important;
  letter-spacing: -.033em !important;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.28rem, 3.3vw, 3.4rem) !important;
  }
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.18rem, 3.15vw, 3.25rem) !important;
  }
  body .espo-hero-reference .espo-premium-hero__copy {font-size: .97rem !important;}
}
@media (max-width: 1023px) {
  body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__brand {
    font-size: clamp(1.4rem, 3.1vw, 1.82rem) !important;
  }
  body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.4rem, 5.6vw, 3.65rem) !important;
  }
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.25rem, 5.15vw, 3.45rem) !important;
  }
}
@media (max-width: 767px) {
  body .espo-hero-reference .espo-section-label {margin-bottom: .95rem !important;}
  body .espo-hero-reference .espo-section-label > span:last-child {
    font-size: .68rem !important;
    line-height: 1.55 !important;
  }
  body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__brand,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__brand {
    font-size: 1.33rem !important;
    margin-bottom: .15rem !important;
    line-height: 1.6 !important;
  }
  body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.1rem, 8.35vw, 2.9rem) !important;
    line-height: 1.24 !important;
    letter-spacing: -.035em !important;
  }
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.12rem, 7.9vw, 2.8rem) !important;
    line-height: 1.51 !important;
    letter-spacing: 0 !important;
  }
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.04rem, 7.65vw, 2.7rem) !important;
    line-height: 1.61 !important;
    letter-spacing: 0 !important;
  }
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {
    font-size: clamp(2.06rem, 7.75vw, 2.75rem) !important;
    line-height: 1.26 !important;
  }
  body .espo-hero-reference .espo-premium-hero__copy,
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__copy,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__copy {
    max-width: 100% !important;
    margin-top: .8rem !important;
    font-size: .96rem !important;
    line-height: 1.85 !important;
  }
  body .espo-hero-reference .espo-premium-hero__actions {margin-top: 1.15rem !important;}
  body .espo-hero-reference .espo-premium-hero__actions .espo-btn {
    min-height: 3.15rem;
    font-size: .87rem !important;
  }
  body .espo-hero-reference .espo-premium-hero__event-link {font-size: .91rem !important;}
}
@media (max-width: 375px) {
  body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(tr) body .espo-hero-reference .espo-premium-hero__slogan {font-size: 1.95rem !important;}
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__slogan,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__slogan {font-size: 1.91rem !important;}
}

/* Stats remain readable at narrow widths even with longer localized labels. */
body .espo-hero-reference .espo-premium-hero__stat span {
  text-wrap: balance;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
@media (max-width: 600px) {
  body .espo-hero-reference .espo-premium-hero__stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body .espo-hero-reference .espo-premium-hero__stat span {
    font-size: .68rem !important;
    line-height: 1.5 !important;
    font-weight: 680 !important;
  }
  html:lang(fa) body .espo-hero-reference .espo-premium-hero__stat span,
  html:lang(ar) body .espo-hero-reference .espo-premium-hero__stat span {
    font-size: .7rem !important;
    line-height: 1.65 !important;
  }
}

/* 2.5.1.123.114 — reference decorations, preserving v113 typography. */
body .espo-premium-hero.espo-hero-reference {background:#fff;}
body .espo-premium-hero.espo-hero-reference::before {content:"";position:absolute;inset:0;width:auto;height:auto;opacity:1;transform:none;z-index:-1;background:url('../images/hero/flow-wave-background.webp') center bottom/cover no-repeat;pointer-events:none;}
body .espo-premium-hero.espo-hero-reference::after,
body .espo-hero-reference .espo-premium-hero__ambient,
body .espo-hero-reference .espo-premium-hero__corner {display:none;}
body .espo-hero-reference .espo-section-label > span:first-child {height:2px!important;background:#ffca00!important;box-shadow:none!important;}
body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand {padding-inline-start:48px!important;}
body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand::before {content:""!important;display:block!important;position:absolute;inset-inline-start:0;top:50%;width:34px;height:2px;background:#ffca00;}
body .espo-hero-reference .espo-premium-hero__event-link {position:relative;background-image:none;}
body .espo-hero-reference .espo-premium-hero__event-link::after {content:"";position:absolute;inset-inline-start:0;bottom:0;width:26px;height:2px;background:#ffca00;}
body .espo-hero-reference .espo-premium-hero__visual-wrap::before,
body .espo-hero-reference .espo-premium-hero__visual-wrap::after,
body .espo-hero-reference .espo-premium-hero__inset::before {content:"";display:block!important;position:absolute;pointer-events:none;padding:2px;border:0!important;z-index:-1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;}
body .espo-hero-reference .espo-premium-hero__visual-wrap::before {right:-18px;left:auto;top:-28px;width:120px;height:165px;border-radius:0 30px 32px 0;clip-path:inset(0 0 0 2px);background:linear-gradient(180deg,#70d2ff 4%,#0089ed 32%,#d448bc 55%,#ffd100 83%);}
body .espo-hero-reference .espo-premium-hero__visual-wrap::after {left:-28px;right:auto;top:28%;width:90px;height:143px;border-radius:40px 0 0 0;clip-path:inset(0 0 2px 0);background:linear-gradient(180deg,#ffd000 2%,#ffc400 27%,#00a450 96%);}
body .espo-hero-reference .espo-premium-hero__inset {isolation:isolate;overflow:visible;}
body .espo-hero-reference .espo-premium-hero__inset::before {left:-27px;bottom:-18px;width:150px;height:120px;border-radius:0 0 0 31px;clip-path:inset(0 2px 0 0);background:linear-gradient(135deg,#ffcf00 13%,#00a047 48%,#008bfa 72%,#73d4ff 100%);}
body .espo-hero-reference .espo-premium-hero__actions .espo-btn {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px;}
body .espo-hero-reference .espo-premium-hero__actions .espo-btn > svg {width:17px;height:17px;flex:0 0 17px;}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::before {left:-18px;right:auto;transform:scaleX(-1);}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::after {right:-28px;left:auto;transform:scaleX(-1);}
html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset::before {right:-27px;left:auto;transform:scaleX(-1);}
@media(max-width:767px) {
 body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand {padding-inline-start:35px!important;}
 body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand::before {width:24px;}
 body .espo-hero-reference .espo-premium-hero__visual-wrap::before {right:-8px;top:-16px;width:75px;height:110px;}
 body .espo-hero-reference .espo-premium-hero__visual-wrap::after {left:-10px;width:50px;height:85px;}
 body .espo-hero-reference .espo-premium-hero__inset::before {left:-10px;bottom:-11px;width:75px;height:70px;}
 html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::before {left:-8px;right:auto;}
 html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__visual-wrap::after {right:-10px;left:auto;}
 html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__inset::before {right:-10px;left:auto;}
}

/* Outside-frame traces must not be clipped by the legacy entrance mask. */
body .espo-hero-reference .espo-premium-hero__visual-wrap {clip-path:none!important;}

/* Reset inherited physical offsets before placing the brand rule in RTL. */
body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand::before {left:auto;right:auto;inset-inline-start:0;transform:none!important;}

html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand {padding-inline-start:48px!important;}
@media(max-width:767px){html[dir="rtl"] body .espo-hero-reference .espo-premium-hero__title .espo-premium-hero__brand {padding-inline-start:35px!important;}}
