/* UnitDime Public Mobile R11: responsive copy, footer rhythm, reliable review first paint.
   Cosmetic only: preserves R10 hero grid, R6 fast reveals and existing reviewer approvals. */
body.mp-public{min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
body.mp-public #main-content{flex:1 0 auto;min-width:0}
body.mp-public .mp-footer{flex-shrink:0;margin-bottom:0!important;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
body.mp-public .mp-footer>.mp-container{margin-bottom:0!important;padding-bottom:0}
body.mp-public .mp-footer-meta{margin-bottom:0!important}
body.mp-public .mp-section h1,body.mp-public .mp-section h2,
body.mp-public .mp-section h3,body.mp-public .mp-page-hero h1,
body.mp-public .mp-page-hero h2{word-break:normal;overflow-wrap:break-word;hyphens:none;text-wrap:balance}
body.mp-public .mp-hero h1{word-break:normal;overflow-wrap:break-word;text-wrap:balance}
/* The first story is selected synchronously before making the carousel visible.
   Keep a harmless fade fallback in case a late stylesheet overrides the R3 active rule. */
body.mp-public .udv3-card[data-active="true"]{opacity:1!important;visibility:visible!important;pointer-events:auto}
body.mp-public .udv3-card[data-active="false"]{visibility:hidden;pointer-events:none}
/* Avoid giant fixed mobile carousel gaps; keep every quote readable. */
body.mp-public .udv3-card{height:auto;max-height:none;min-width:0;overflow-wrap:break-word}
body.mp-public .udv3-stage{min-width:0}
@media(max-width:1024px){
  body.mp-public .mp-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:clamp(20px,3vw,30px)!important}
  body.mp-public .mp-hero-copy{width:100%;max-width:730px!important;margin-inline:auto!important;text-align:center!important}
  body.mp-public .mp-hero-copy .mp-lead,body.mp-public .mp-hero-copy .mp-pill{margin-inline:auto}
  body.mp-public .mp-hero-copy .mp-actions,body.mp-public .mp-hero-copy .mp-hero-proof{justify-content:center!important}
  body.mp-public .mp-hero-visual{width:100%;max-width:560px!important;margin-inline:auto!important}
  body.mp-public .mp-page-hero{text-align:center}
  body.mp-public .mp-page-hero>.mp-container{max-width:860px}
  body.mp-public .mp-page-hero .mp-split{grid-template-columns:minmax(0,1fr)!important;gap:clamp(24px,4vw,36px)!important}
  body.mp-public .mp-page-hero .mp-split>div:first-child{max-width:750px;margin-inline:auto;text-align:center}
  body.mp-public .mp-page-hero .mp-lead{margin-inline:auto;max-width:680px}
  body.mp-public .mp-page-hero .mp-actions,body.mp-public .mp-pricing-trust{justify-content:center}
  body.mp-public .mp-page-hero .mp-about-principle{width:100%;max-width:620px;margin-inline:auto;text-align:left}
  body.mp-public .mp-page-hero .mp-deck{margin-inline:auto}
}
@media(max-width:700px){
  body.mp-public .mp-hero{padding-top:24px;padding-bottom:20px}
  body.mp-public .mp-hero-copy h1{font-size:clamp(38px,9.9vw,54px)!important;line-height:1.08!important;letter-spacing:-.058em!important}
  body.mp-public .mp-hero-copy .mp-lead{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.65!important}
  body.mp-public .mp-hero-copy .mp-actions{gap:9px;align-items:center}
  body.mp-public .mp-hero-copy .mp-actions .mp-button{flex:0 1 auto;min-width:0}
  body.mp-public .mp-hero-proof{justify-content:center;row-gap:7px}
  body.mp-public .mp-page-hero h1{font-size:clamp(35px,9.2vw,47px)!important;line-height:1.11!important;letter-spacing:-.055em!important}
  body.mp-public .mp-page-hero .mp-actions{justify-content:center;flex-wrap:wrap}
  body.mp-public .mp-page-hero .mp-pill{margin-inline:auto}
  body.mp-public .mp-section-heading{text-align:center;max-width:640px;margin-inline:auto}
  body.mp-public .mp-section-heading h2{font-size:clamp(28px,8.1vw,39px)!important;line-height:1.14!important;letter-spacing:-.046em}
  body.mp-public .mp-section-heading p{max-width:540px;margin-left:auto;margin-right:auto}
  body.mp-public .mp-heading-row{display:flex;flex-direction:column;align-items:center;gap:8px}
  body.mp-public .mp-heading-row>div,body.mp-public .mp-heading-row>p{max-width:100%;text-align:center;margin-inline:auto}
  body.mp-public .mp-section,.mp-public .mp-faq-section{scroll-margin-top:78px}
  body.mp-public .mp-footer{padding-top:25px;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
  body.mp-public .mp-footer-main{row-gap:18px!important}
  body.mp-public .mp-footer-action{gap:9px}
  body.mp-public .mp-footer-meta{padding-top:13px}
  body.mp-public .udv3-stage{min-height:0}
  body.mp-public .udv3-card{min-height:280px!important;padding:18px 16px!important}
  body.mp-public .udv3-quote{margin:14px 0 16px!important;line-height:1.58!important}
  body.mp-public .udv3-intro h2{font-size:clamp(31px,8.1vw,40px)!important}
}
@media(max-width:380px){
  body.mp-public .mp-hero-copy h1{font-size:clamp(35px,9.9vw,39px)!important}
  body.mp-public .mp-page-hero h1{font-size:clamp(32px,9.3vw,38px)!important}
  body.mp-public .mp-section-heading h2{font-size:clamp(27px,8.1vw,33px)!important}
  body.mp-public .mp-hero-copy .mp-actions{gap:8px}
  body.mp-public .udv3-card{padding:16px 13px!important}
}
/* Narrow screens: keep the decorative deck glow within the page bounds. */
@media(max-width:700px){body.mp-public .mp-page-hero .mp-deck-glow{left:0!important;right:0!important}}