/* Responsive safety layer shared by every Echoalic screen. */
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){
 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:64px;padding:10px 0}.pp-nav>.pp-wrap{gap:10px}.pp-logo{font-size:19px}.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%}.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:6px}.echo-mark{width:34px!important;height:34px!important;min-width:34px!important}.opportunity{align-items:flex-start;flex-direction:column}.opportunity button{width:100%}.quality{flex:0 0 auto}
}