/* UnitDime R12R8: smoother public motion, richer hero polish, better CTA rhythm. */

body.mp-public .mp-public-shell > header,
body.mp-public .site-header,
body.mp-public .mp-site-header {
  background:
    linear-gradient(90deg, rgba(255,242,244,.82) 0%, rgba(255,255,255,.98) 16%, rgba(252,248,255,.98) 54%, rgba(241,255,248,.82) 100%) !important;
  box-shadow:0 1px 0 rgba(117,84,194,.08);
}

body.mp-public .mp-public-shell > header .mp-button,
body.mp-public .site-header .mp-button,
body.mp-public .mp-site-header .mp-button,
body.mp-public .mp-hero .mp-button,
body.mp-public .mp-final-cta .mp-button,
body.mp-public .mp-inline-cta .mp-button {
  position:relative;
  overflow:hidden;
  box-shadow:0 16px 28px rgba(103,72,193,.16), 0 2px 0 rgba(84,56,173,.22) inset;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
body.mp-public .mp-public-shell > header .mp-button::before,
body.mp-public .site-header .mp-button::before,
body.mp-public .mp-site-header .mp-button::before,
body.mp-public .mp-hero .mp-button::before,
body.mp-public .mp-final-cta .mp-button::before,
body.mp-public .mp-inline-cta .mp-button::before {
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:48%;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0));
  pointer-events:none;
}
body.mp-public .mp-public-shell > header .mp-button:hover,
body.mp-public .site-header .mp-button:hover,
body.mp-public .mp-site-header .mp-button:hover,
body.mp-public .mp-hero .mp-button:hover,
body.mp-public .mp-final-cta .mp-button:hover,
body.mp-public .mp-inline-cta .mp-button:hover {
  transform:translateY(-1px);
  box-shadow:0 18px 32px rgba(103,72,193,.18), 0 2px 0 rgba(84,56,173,.24) inset;
}
body.mp-public .mp-button.mp-secondary {
  box-shadow:0 12px 24px rgba(109,83,190,.08);
}

body.mp-public .mp-hero {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(34% 44% at 9% -2%, rgba(255,181,196,.42), rgba(255,181,196,0) 76%),
    radial-gradient(40% 52% at 100% 6%, rgba(167,242,214,.38), rgba(167,242,214,0) 74%),
    radial-gradient(40% 56% at 70% 34%, rgba(186,160,255,.18), rgba(186,160,255,0) 72%),
    linear-gradient(90deg, rgba(255,247,248,.98) 0%, rgba(251,248,255,.98) 22%, rgba(248,243,255,.98) 54%, rgba(244,255,249,.98) 100%) !important;
}
body.mp-public .mp-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(520px 340px at 62% 30%, rgba(191,168,255,.23), rgba(191,168,255,.08) 42%, rgba(191,168,255,0) 74%),
    radial-gradient(250px 180px at 21% 12%, rgba(255,255,255,.7), rgba(255,255,255,0) 75%),
    radial-gradient(340px 200px at 87% 26%, rgba(255,255,255,.54), rgba(255,255,255,0) 74%);
  z-index:0;
}
body.mp-public .mp-hero::after {
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-120px;
  height:260px;
  pointer-events:none;
  background:radial-gradient(58% 100% at 50% 0%, rgba(248,249,252,0) 0%, rgba(248,249,252,.58) 54%, #f8f9fc 100%);
  z-index:0;
}
body.mp-public .mp-hero > * { position:relative; z-index:1; }
body.mp-public .mp-hero .mp-hero-grid-bg {
  opacity:.33;
  background-image:
    linear-gradient(rgba(133,112,205,.10) 1.45px, transparent 1.45px),
    linear-gradient(90deg, rgba(133,112,205,.10) 1.45px, transparent 1.45px);
  background-size:72px 72px;
  background-position:center center;
  mask-image:radial-gradient(circle at 56% 36%, rgba(0,0,0,.96), rgba(0,0,0,.82) 34%, rgba(0,0,0,.5) 62%, rgba(0,0,0,.18) 82%, transparent 100%);
  -webkit-mask-image:radial-gradient(circle at 56% 36%, rgba(0,0,0,.96), rgba(0,0,0,.82) 34%, rgba(0,0,0,.5) 62%, rgba(0,0,0,.18) 82%, transparent 100%);
}

body.mp-public .mp-hero .mp-hero-copy { position:relative; }
body.mp-public .mp-hero .mp-hero-copy h1 em {
  position:relative;
  display:inline-block;
  background:linear-gradient(90deg, #7e4aff 0%, #a155ef 52%, #d54ccb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.mp-public .mp-hero .mp-hero-copy h1 em::after {
  content:"";
  position:absolute;
  top:-18%;
  left:-28%;
  width:18%;
  height:146%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.86), rgba(255,255,255,0));
  filter:blur(.4px);
  pointer-events:none;
}
:root:not(.mp-reduce-motion) body.mp-public .mp-hero .mp-hero-copy h1 em::after {
  animation:ud-r12r8-sheen 4.9s cubic-bezier(.4,0,.2,1) infinite;
}

body.mp-public .mp-hero .ud-r12r5-mobile-accents {
  position:absolute;
  top:24px;
  right:20px;
  width:256px;
  height:176px;
  pointer-events:none;
  z-index:1;
}
body.mp-public .mp-hero .ud-r12r5-accent {
  position:absolute;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:16px;
  border:1px solid rgba(142,112,222,.18);
  box-shadow:
    0 14px 28px rgba(91,69,170,.12),
    0 0 0 1px rgba(255,255,255,.5),
    inset 0 1px 0 rgba(255,255,255,.92);
  overflow:visible;
}
body.mp-public .mp-hero .ud-r12r5-accent svg { width:22px; height:22px; stroke-width:1.9; }
body.mp-public .mp-hero .ud-r12r5-accent::after {
  content:"";
  position:absolute;
  left:-7px;
  bottom:-7px;
  width:13px;
  height:13px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 0 0 1px rgba(141,111,221,.15);
}
body.mp-public .mp-hero .ud-r12r5-accent-note {
  top:2px;
  right:88px;
  transform:rotate(-10deg);
  background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(241,232,255,.92));
  color:#7d58dd;
}
body.mp-public .mp-hero .ud-r12r5-accent-progress {
  top:10px;
  right:24px;
  transform:rotate(7deg);
  background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(230,251,243,.92));
  color:#1f967b;
}
body.mp-public .mp-hero .ud-r12r5-accent-bookmark {
  top:94px;
  right:18px;
  transform:rotate(11deg);
  background:linear-gradient(160deg, rgba(255,255,255,.98), rgba(255,245,224,.92));
  color:#c58d2f;
}
body.mp-public .mp-hero .ud-r12r5-mobile-accents::before {
  content:"";
  position:absolute;
  top:64px;
  right:116px;
  width:68px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(195,171,255,.34), rgba(255,255,255,.04));
  transform:rotate(-18deg);
  box-shadow:0 10px 18px rgba(106,82,184,.08);
}
body.mp-public .mp-hero .ud-r12r5-mobile-accents::after {
  content:"";
  position:absolute;
  inset:22px 0 auto 34px;
  width:138px;
  height:138px;
  border-radius:999px;
  background:radial-gradient(circle at 46% 42%, rgba(194,169,255,.2), rgba(194,169,255,.1) 28%, rgba(194,169,255,0) 70%);
  filter:blur(1px);
  opacity:.9;
}
body.mp-public .mp-hero .mp-hero-copy::before,
body.mp-public .mp-hero .mp-hero-copy::after {
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  background:rgba(153,126,233,.18);
}
body.mp-public .mp-hero .mp-hero-copy::before { width:8px; height:8px; right:76px; top:126px; }
body.mp-public .mp-hero .mp-hero-copy::after { width:6px; height:6px; right:38px; top:188px; background:rgba(126,220,196,.2); }

body.mp-public .mp-inline-cta-section { padding-block:20px 26px; }
body.mp-public .mp-inline-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px;
  border-radius:30px;
  background:
    linear-gradient(120deg, rgba(255,255,255,.92), rgba(252,248,255,.92)),
    linear-gradient(90deg, rgba(255,236,240,.34), rgba(241,255,247,.22));
  border:1px solid rgba(141,111,221,.12);
  box-shadow:0 24px 44px rgba(78,55,152,.07);
}
body.mp-public .mp-inline-cta h3 { margin:0 0 8px; font-size:clamp(1.3rem, 2vw, 1.7rem); }
body.mp-public .mp-inline-cta p { margin:0; color:#665f82; max-width:42rem; }
body.mp-public .mp-inline-cta .mp-actions { flex-wrap:wrap; justify-content:flex-end; }

/* Smoother one-time page section reveal. */
body.mp-public .mp8-reveal-pending {
  opacity:.90;
  transform:translate3d(0,16px,0);
  transition:opacity .32s ease-out, transform .32s cubic-bezier(.22,.72,.22,1);
}
body.mp-public .mp8-reveal-pending.mp8-reveal-shown {
  opacity:1;
  transform:translate3d(0,0,0);
}

@keyframes ud-r12r8-sheen {
  0%, 15% { transform:translateX(0) skewX(-22deg); opacity:0; }
  23% { opacity:.95; }
  36% { transform:translateX(720%) skewX(-22deg); opacity:0; }
  100% { transform:translateX(720%) skewX(-22deg); opacity:0; }
}
@keyframes ud-r12r8-float-note {
  0%,100% { transform:translate3d(0,0,0) rotate(-10deg); }
  50% { transform:translate3d(0,-5px,0) rotate(-7deg); }
}
@keyframes ud-r12r8-float-progress {
  0%,100% { transform:translate3d(0,0,0) rotate(7deg); }
  50% { transform:translate3d(0,-6px,0) rotate(4deg); }
}
@keyframes ud-r12r8-float-bookmark {
  0%,100% { transform:translate3d(0,0,0) rotate(11deg); }
  50% { transform:translate3d(0,-5px,0) rotate(14deg); }
}
@keyframes ud-r12r8-float-strip {
  0%,100% { transform:translate3d(0,0,0) rotate(-18deg); }
  50% { transform:translate3d(0,-4px,0) rotate(-15deg); }
}
:root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-accent-note { animation:ud-r12r8-float-note 7.2s ease-in-out infinite; }
:root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-accent-progress { animation:ud-r12r8-float-progress 8s ease-in-out infinite; }
:root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-accent-bookmark { animation:ud-r12r8-float-bookmark 8.4s ease-in-out infinite; }
:root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-mobile-accents::before { animation:ud-r12r8-float-strip 8.8s ease-in-out infinite; }

@media (max-width:1100px) {
  body.mp-public .mp-hero .ud-r12r5-mobile-accents {
    width:212px;
    height:164px;
    right:8px;
    top:20px;
  }
  body.mp-public .mp-hero .ud-r12r5-accent { width:46px; height:46px; }
  body.mp-public .mp-hero .ud-r12r5-accent-note { right:72px; }
  body.mp-public .mp-hero .ud-r12r5-accent-progress { right:14px; }
  body.mp-public .mp-hero .ud-r12r5-accent-bookmark { right:12px; top:88px; }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents::before { right:92px; width:58px; }
}

@media (max-width:700px) {
  body.mp-public .mp-hero { background:
      radial-gradient(34% 28% at 8% -2%, rgba(255,190,198,.38), rgba(255,190,198,0) 78%),
      radial-gradient(36% 34% at 100% 4%, rgba(180,242,218,.34), rgba(180,242,218,0) 78%),
      radial-gradient(44% 52% at 78% 34%, rgba(188,164,255,.14), rgba(188,164,255,0) 78%),
      linear-gradient(90deg, rgba(255,248,249,.98) 0%, rgba(251,247,255,.98) 24%, rgba(248,243,255,.98) 58%, rgba(245,255,250,.98) 100%) !important; }
  body.mp-public .mp-hero::after {
    bottom:-88px;
    height:182px;
  }
  body.mp-public .mp-hero .mp-hero-grid-bg {
    background-size:60px 60px;
    opacity:.30;
    mask-image:radial-gradient(circle at 56% 32%, rgba(0,0,0,.96), rgba(0,0,0,.82) 34%, rgba(0,0,0,.44) 60%, rgba(0,0,0,.14) 82%, transparent 100%);
    -webkit-mask-image:radial-gradient(circle at 56% 32%, rgba(0,0,0,.96), rgba(0,0,0,.82) 34%, rgba(0,0,0,.44) 60%, rgba(0,0,0,.14) 82%, transparent 100%);
  }
  body.mp-public .mp-hero .mp-hero-copy {
    padding-top:10px;
    text-align:left !important;
  }
  body.mp-public .mp-hero .mp-hero-copy h1 {
    max-width:8.7ch !important;
    line-height:1.02 !important;
    margin-inline:0 !important;
  }
  body.mp-public .mp-hero .mp-lead,
  body.mp-public .mp-hero .mp-actions,
  body.mp-public .mp-hero .mp-hero-proof {
    margin-inline:0 !important;
  }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents {
    top:30px;
    right:8px;
    width:168px;
    height:164px;
  }
  body.mp-public .mp-hero .ud-r12r5-accent {
    width:40px;
    height:40px;
    border-radius:14px;
  }
  body.mp-public .mp-hero .ud-r12r5-accent svg { width:18px; height:18px; }
  body.mp-public .mp-hero .ud-r12r5-accent-note { right:66px; top:0; }
  body.mp-public .mp-hero .ud-r12r5-accent-progress { right:18px; top:8px; }
  body.mp-public .mp-hero .ud-r12r5-accent-bookmark { right:10px; top:94px; }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents::before {
    top:68px;
    right:80px;
    width:46px;
    height:12px;
  }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents::after {
    inset:18px 0 auto 26px;
    width:112px;
    height:112px;
    opacity:.82;
  }
  body.mp-public .mp-inline-cta {
    padding:22px 20px;
    border-radius:24px;
    flex-direction:column;
    align-items:flex-start;
  }
  body.mp-public .mp-inline-cta .mp-actions { justify-content:flex-start; width:100%; }
}

@media (max-width:430px) {
  body.mp-public .mp-hero .mp-hero-grid-bg { background-size:54px 54px; }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents { width:154px; right:6px; }
  body.mp-public .mp-hero .ud-r12r5-accent-note { right:62px; }
  body.mp-public .mp-hero .ud-r12r5-accent-progress { right:14px; }
  body.mp-public .mp-hero .ud-r12r5-accent-bookmark { top:92px; right:8px; }
  body.mp-public .mp-hero .ud-r12r5-mobile-accents::before { right:74px; width:40px; }
}

@media (prefers-reduced-motion: reduce) {
  body.mp-public .mp8-reveal-pending { transition:none; opacity:1; transform:none; }
  body.mp-public .mp-hero .mp-hero-copy h1 em::after,
  body.mp-public .mp-hero .ud-r12r5-accent,
  body.mp-public .mp-hero .ud-r12r5-mobile-accents::before { animation:none !important; }
}