/* Responsive safety layer shared by every Echoalic screen. */
.mobile-app-promotion[hidden]{display:none!important}.mobile-app-promotion{position:relative;z-index:80;display:none;grid-template-columns:44px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-bottom:1px solid #dce3ed;box-shadow:0 4px 14px #10182816}.mobile-app-promotion img{width:44px;height:44px;border-radius:11px}.mobile-app-promotion div{display:flex;min-width:0;flex-direction:column;gap:2px}.mobile-app-promotion strong{font-size:14px}.mobile-app-promotion small{color:#667085;font-size:11px;line-height:1.25}.mobile-app-promotion a{padding:10px 13px;border-radius:9px;background:var(--theme-primary,#0667f5);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.mobile-app-promotion button{padding:0;border:0;background:transparent;color:#667085;font-size:25px}
html,body{max-width:100%;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}p,h1,h2,h3,h4,a,span,small,strong,b,code{overflow-wrap:anywhere}.shell,.pp-wrap,.app-shell,.access-card,.dash-main,.form-card,.legal{min-width:0}.cards>*,.form-grid>*,.two-cols>*,.page-head>*,.footer-grid>*,.pp-footer>*,.pp-pro>*,.hero-grid>*,.pro-grid>*{min-width:0}

@media(max-width:700px){
 .mobile-app-promotion{display:grid}
 input,select,textarea{font-size:16px!important}button{touch-action:manipulation}
 .access-page{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .access-page>.brand{margin-bottom:18px}.access-card,.access-flow{width:100%;max-width:100%;padding:24px 18px;margin:0 auto;border-radius:14px}.access-card h1,.access-flow h1{font-size:clamp(27px,9vw,34px)}
 .access-card form,.role-choice,.role-choice>div,.service-picker,.password-field,.password-rules{min-width:0;width:100%}.role-choice>div{grid-template-columns:1fr}.role-choice label{min-height:78px;padding:16px 14px 16px 48px}.role-choice input{left:15px;top:17px}.password-rules{grid-template-columns:1fr;padding:14px}.service-options{left:-1px;right:-1px}.service-chip{max-width:100%}
 .appbar{height:auto;min-height:64px;padding:11px 14px;gap:12px;flex-wrap:wrap}.appbar .pp-logo{font-size:18px}.appbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.appbar nav a,.appbar nav button{font-size:12px}.app-shell{width:100%;padding:22px 14px 50px}.page-head{gap:16px;margin-bottom:24px}.page-head .primary{width:100%;justify-content:center}.cards{grid-template-columns:minmax(0,1fr)}.cards article,.form-card,.conversation,.detail,.package-grid article,.empty{padding:18px}.table{overflow-x:auto}.table>div{min-width:0}.conversation p{max-width:92%}.legal{padding:22px 17px}.breadcrumbs{font-size:12px;line-height:1.6}
 .dashboard>aside{min-width:0;gap:10px;flex-wrap:wrap}.dashboard>aside form{margin-left:auto}.dash-main>header{align-items:flex-start}.dash-main h1{overflow-wrap:anywhere}.lead-copy,.lead-action{min-width:0}.contact span{overflow-wrap:anywhere}.credit-note button{width:100%}
 .pp-wrap,.shell{width:calc(100% - 28px)}.pp-nav{height:auto;min-height:72px;padding:10px 0}.pp-nav>.pp-wrap{gap:10px}.pp-logo{font-size:24px}.pp-nav .echo-mark{width:40px!important;height:40px!important;min-width:40px!important}.pp-account{gap:8px}.pp-account .pp-pro-link{padding:9px 10px}.pp-hero-grid{gap:20px}.pp-hero-copy{padding-top:45px}.pp-hero h1{font-size:clamp(36px,11vw,46px);letter-spacing:-1.5px}.pp-hero-copy>p{font-size:15px}.pp-search{width:100%;padding:10px}.pp-search label{padding:12px 14px!important}.pp-search label>span{font-size:11px;margin-bottom:8px}.pp-search label div{min-height:42px}.pp-search input{font-size:16px}.pp-search button{min-height:56px;font-size:17px}.pp-hero-visual{max-width:100%;overflow:hidden}.pp-blob{right:50%;transform:translateX(50%) rotate(-8deg)}.pp-person{right:50%;transform:translateX(50%)}.pp-float-top{left:5px}.pp-float-bottom{right:5px}.pp-services,.pp-how,.pp-testimonials,.pp-pro,.pp-final{padding:60px 0}.pp-section-head h2,.pp-section-center h2,.pp-pro h2,.pp-final h2{font-size:clamp(28px,9vw,36px)}.pp-footer>.pp-wrap{grid-template-columns:1fr}.pp-copy{width:calc(100% - 28px)}
 .hero-grid{gap:30px}.hero h1{font-size:clamp(38px,12vw,48px)}.hero-lede{font-size:16px}.search-box{width:100%}.hero-card-wrap{width:100%;max-width:100%}.floating-stat{right:0}.section-heading h2,.pro-section h2,.cta h2{font-size:clamp(32px,10vw,39px)}.opportunity{gap:8px}.opp-main{min-width:0}.opp-main>div{min-width:0}.opportunity button{white-space:normal}.cta>div{flex-direction:column}.cta a,.cta button{width:100%}.footer-grid{gap:32px}
}

@media(max-width:380px){
 .access-card{padding:21px 14px}.access-page{padding-inline:8px}.role-choice label{padding-right:10px}.pp-account .pp-pro-link{font-size:11px}.echo-brand,.pp-logo{gap:8px}.opportunity{align-items:flex-start;flex-direction:column}.opportunity button{width:100%}.quality{flex:0 0 auto}
}

/* Native app promotion: desktop QR, Android install banner, hidden on iOS. */
body:has(.pp-nav) .pp-account{margin-right:92px}
@media(min-width:701px){.pp-nav>.pp-wrap{justify-content:flex-start}.pp-nav nav{margin-left:auto}.pp-account{margin-left:28px}}
.mobile-app-promotion.is-desktop{position:fixed;right:24px;bottom:24px;display:grid;width:330px;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:18px;border:1px solid #dce3ed;border-radius:16px;background:#fff;box-shadow:0 12px 38px #10182824;z-index:80}
.mobile-app-promotion .mobile-app-icon{width:52px;height:52px;border-radius:13px}.mobile-app-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.mobile-app-promotion.is-desktop .mobile-app-qr{grid-column:1/-1;width:150px;height:150px;margin:8px auto;border-radius:8px}.mobile-app-promotion.is-desktop a{grid-column:1/-1;text-align:center}.mobile-app-promotion.is-desktop button{position:absolute;right:12px;top:9px;cursor:pointer}
@media(max-width:700px){
 .mobile-app-promotion.is-desktop{display:none}
 .mobile-app-promotion.is-android{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:10px 12px;border-width:0 0 1px;border-radius:0;background:#fff;box-shadow:0 4px 14px #10182816;z-index:80}.mobile-app-promotion.is-android .mobile-app-icon{width:44px;height:44px}.mobile-app-promotion.is-android .mobile-app-qr{display:none}
 .pp-nav>.pp-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.pp-account{grid-column:1/-1;justify-content:flex-end;margin-right:0!important;padding-right:0}
}