/* UnitDime R12R5 corrective mobile hero: remove overlap, restore hierarchy.
   Deliberately lightweight: no external assets, filters, observers or layout animation. */
.ud-r12r5-mobile-accents { display:none; }
@media (max-width:700px) {
  /* Reestablish a single consistent left edge across the mobile hero. */
  body.mp-public .mp-hero { padding-top:20px; }
  body.mp-public .mp-hero .mp-hero-grid { gap:20px!important; }
  body.mp-public .mp-hero .mp-hero-copy {
    position:relative; text-align:left!important; width:100%; min-width:0;
    max-width:100%!important; margin:0!important;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-pill {
    display:inline-flex; max-width:calc(100% - 47px);
    margin:0 0 18px 0!important; padding-inline:11px;
    font-size:clamp(9px,2.75vw,11px); letter-spacing:.055em;
    white-space:nowrap;
  }
  body.mp-public .mp-hero .mp-hero-copy h1 {
    width:100%!important; max-width:none!important; margin:0!important;
    font-size:clamp(38px,11vw,48px)!important;
    line-height:1.075!important; letter-spacing:-.056em!important;
    text-align:left!important; word-break:normal!important;
    overflow-wrap:normal!important; text-wrap:initial!important;
  }
  body.mp-public .mp-hero .mp-hero-copy h1 br { display:initial!important; }
  body.mp-public .mp-hero .mp-hero-copy h1 em {
    display:inline!important; white-space:nowrap!important;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-lead {
    width:100%; max-width:36ch!important; margin:17px 0 0!important;
    text-align:left!important; font-size:clamp(14px,3.7vw,16px)!important;
    line-height:1.55!important;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-actions {
    display:flex; justify-content:flex-start!important; align-items:stretch;
    flex-wrap:wrap; gap:9px!important; margin-top:22px;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-actions .mp-button {
    flex:0 1 auto; min-width:0; min-height:47px;
    padding:11px 15px!important; font-size:clamp(12px,3.65vw,14px)!important;
    line-height:1.25!important; text-align:center;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-hero-proof {
    display:flex; justify-content:flex-start!important; align-items:center;
    flex-wrap:wrap; gap:9px 15px!important; margin-top:15px;
    text-align:left!important;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-hero-proof > span {
    display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
    font-size:clamp(10px,2.95vw,12px); line-height:1.3;
  }
  body.mp-public .mp-hero .mp-hero-visual {
    margin-top:0!important; width:100%; min-width:0;
  }
  /* The previous floaters physically covered hero text. Keep them off mobile. */
  body.mp-public .mp-hero .mp-hero-visual > .mp-hero-floaters { display:none!important; }
  /* Two tiny decorative accents sit beside the pill, never over the heading. */
  body.mp-public .mp-hero .ud-r12r5-mobile-accents {
    position:absolute; z-index:1; top:0; right:0;
    display:flex; align-items:center; gap:7px; height:34px;
    pointer-events:none;
  }
  body.mp-public .mp-hero .ud-r12r5-accent {
    display:grid; place-items:center; flex:none;
    width:32px; height:32px; border-radius:11px;
    border:1px solid rgba(134,104,212,.18);
    background:linear-gradient(145deg,#fff,#f3eaff);
    box-shadow:0 5px 11px rgba(71,48,141,.10),inset 0 1px 0 #fff;
    color:#7953d6;
  }
  body.mp-public .mp-hero .ud-r12r5-accent:nth-child(2) {
    color:#218e7b; background:linear-gradient(145deg,#fff,#e5f8f2);
  }
  body.mp-public .mp-hero .ud-r12r5-accent svg {
    display:block; width:18px; height:18px; stroke-width:1.85;
  }
  @keyframes ud-r12r5-drift-a {
    0%,100%{transform:translate3d(0,0,0) rotate(-6deg)}
    50%{transform:translate3d(0,-3px,0) rotate(-3deg)}
  }
  @keyframes ud-r12r5-drift-b {
    0%,100%{transform:translate3d(0,0,0) rotate(5deg)}
    50%{transform:translate3d(0,-4px,0) rotate(2deg)}
  }
  :root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-accent:first-child {
    animation:ud-r12r5-drift-a 7.5s ease-in-out infinite;
  }
  :root:not(.mp-reduce-motion) body.mp-public .mp-hero .ud-r12r5-accent:nth-child(2) {
    animation:ud-r12r5-drift-b 8.2s ease-in-out infinite;
  }
}
@media (max-width:360px) {
  body.mp-public .mp-hero .ud-r12r5-mobile-accents > :nth-child(2) { display:none; }
  body.mp-public .mp-hero .mp-hero-copy .mp-pill { max-width:calc(100% - 38px); }
  body.mp-public .mp-hero .mp-hero-copy h1 {
    font-size:clamp(36px,11.2vw,40px)!important;
  }
  body.mp-public .mp-hero .mp-hero-copy .mp-actions .mp-button {
    flex:1 1 155px; padding-inline:10px!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.mp-public .mp-hero .ud-r12r5-accent { animation:none!important; }
}