/* UnitDime Public Experience R10: remove hero accent box, keep clean line grid. */
.mp-public .mp-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 58% 32%, rgba(201,182,255,.16), transparent 30%),
    radial-gradient(ellipse at 84% 16%, rgba(221,205,255,.22), transparent 42%),
    radial-gradient(ellipse at 8% 94%, rgba(255,220,192,.12), transparent 40%),
    linear-gradient(90deg, rgba(255,255,255,.93) 0%, rgba(250,247,255,.98) 50%, rgba(248,245,255,.96) 100%),
    #faf9ff !important;
}
.mp-public .mp-hero .mp-hero-grid-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.68;
  background-image:
    linear-gradient(rgba(141,120,220,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141,120,220,.075) 1px, transparent 1px),
    radial-gradient(circle at 56% 40%, rgba(157,128,234,.08), transparent 34%);
  background-size:22px 22px,22px 22px,100% 100%;
  background-position:center center,center center,center center;
  -webkit-mask-image: radial-gradient(ellipse at 56% 42%, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 34%, rgba(0,0,0,.12) 65%, transparent 84%);
  mask-image: radial-gradient(ellipse at 56% 42%, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 34%, rgba(0,0,0,.12) 65%, transparent 84%);
}
.mp-public .mp-hero::before{
  content:"";
  position:absolute;
  left:52%; top:43%;
  width:clamp(240px,28vw,360px); height:clamp(180px,22vw,260px);
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse, rgba(160,131,235,.14), rgba(160,131,235,.04) 48%, transparent 76%);
  filter:blur(10px);
  opacity:.92;
  z-index:0;
  pointer-events:none;
}
.mp-public .mp-hero::after{
  content:"";
  position:absolute;
  left:52%; top:43%;
  width:clamp(320px,34vw,420px); height:clamp(220px,24vw,300px);
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300' fill='none'%3E%3Cg fill='%23948ADA' fill-opacity='.62'%3E%3Ccircle cx='22' cy='22' r='4'/%3E%3Ccircle cx='398' cy='22' r='4'/%3E%3Ccircle cx='22' cy='278' r='4'/%3E%3Ccircle cx='398' cy='278' r='4'/%3E%3Ccircle cx='210' cy='22' r='3.2'/%3E%3Ccircle cx='210' cy='278' r='3.2'/%3E%3C/g%3E%3C/svg%3E");
}
.mp-public .mp-hero-grid{position:relative;z-index:1;gap:clamp(28px,3.2vw,50px);align-items:center}
.mp-public .mp-hero-copy h1 em{background:linear-gradient(98deg,#7946ea 12%,#9343d1 58%,#bd42ae 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mp-public .mp-hero .mp-lead{max-width:31rem}
.mp-public .mp-hero .mp-deck{filter:drop-shadow(0 14px 24px rgba(83,54,153,.07))}
.mp-public .mp-hero .mp-deck-glow{background:radial-gradient(ellipse, rgba(177,145,245,.22), transparent 69%)}
.mp-public .mp-hero-visual{position:relative;z-index:1}
/* Remove the large translucent rounded box accent completely. */
.mp-public .mp-hero-visual::before{display:none !important;content:none !important}
@media (max-width:1080px){
  .mp-public .mp-hero .mp-hero-grid-bg{background-size:20px 20px,20px 20px,100% 100%}
}
@media (max-width:700px){
  .mp-public .mp-hero{
    background:
      radial-gradient(ellipse at 92% 4%, rgba(196,165,255,.15), transparent 48%),
      radial-gradient(ellipse at 8% 96%, rgba(255,206,173,.12), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.93), rgba(250,248,255,.98)),
      #fbf9ff !important;
  }
  .mp-public .mp-hero .mp-hero-grid-bg{
    opacity:.58;
    background-size:18px 18px,18px 18px,100% 100%;
    -webkit-mask-image: radial-gradient(ellipse at 70% 22%, rgba(0,0,0,.76) 0%, rgba(0,0,0,.24) 46%, transparent 74%);
    mask-image: radial-gradient(ellipse at 70% 22%, rgba(0,0,0,.76) 0%, rgba(0,0,0,.24) 46%, transparent 74%);
  }
  .mp-public .mp-hero::before{left:74%; top:18%; width:118px; height:98px; opacity:.48}
  .mp-public .mp-hero::after{left:74%; top:18%; width:148px; height:108px; opacity:.24}
  .mp-public .mp-hero-grid{gap:24px}
}