/* Customer interface: desktop, tablet and phone */
html{scroll-padding-top:100px}
html[data-view=public] .public-main,
html[data-auth=client] main,
html[data-checkout=true] main{min-width:0}
html[data-view=public] .wrap{max-width:1240px}
html[data-view=public] h1,html[data-view=public] h2,
html[data-auth=client] h1,html[data-checkout=true] h1{overflow-wrap:break-word;text-wrap:balance}
html[data-view=public] p,html[data-auth=client] p,html[data-checkout=true] p{line-height:1.65}
html[data-view=public] img{max-width:100%;height:auto}
html[data-view=public] .btn,html[data-auth=client] .btn,
html[data-checkout=true] .btn,.password-toggle,.locale,.menu-toggle{min-height:44px;white-space:normal}
html[data-checkout=true] .checkout-page .form label,
html[data-auth=client] .auth-card label{font-size:14px;line-height:1.5}
html[data-checkout=true] .checkout-page .form input,
html[data-auth=client] .auth-card input,
html[data-view=public] .contact-form input,
html[data-view=public] .contact-form textarea{font-size:16px;min-height:48px;max-width:100%;box-sizing:border-box}
html[data-checkout=true] .checkout-page .form input[type=checkbox]{min-height:20px}
html[data-checkout=true] .checkout-page .btn{font-size:15px;min-height:48px}
html[data-checkout=true] .checkout-page .checkout-notice,
html[data-checkout=true] .checkout-page .help,
html[data-auth=client] .help{font-size:14px;color:#50586c}
html[data-checkout=true] .service-progress ol{display:flex;flex-wrap:wrap;gap:12px 22px;padding:0;list-style:none}
html[data-checkout=true] .purchase-actions{gap:16px}
html[data-checkout=true] .banner{overflow-wrap:anywhere;line-height:1.65}
html[data-checkout=true] .banner .btn{margin-right:12px}
html[data-auth=client] .client-auth-footer,html[data-checkout=true] .client-auth-footer{padding:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
html[data-view=public] .faq summary{min-height:48px;line-height:1.5}
html[data-view=public] .content-card .inline-link{min-height:44px;display:flex;align-items:center}
html[data-view=public] .plan .price{white-space:nowrap}
html[data-view=public] .plan .price small{font-size:14px}
html[data-view=public] .contact-grid>*{min-width:0}
html[data-view=public] .footer a{overflow-wrap:anywhere}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #7963d8;outline-offset:3px}
@media(max-width:1100px){
 html[data-view=public] .public-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-view=public] .header{gap:16px}
 html[data-view=public] .header nav{gap:14px}
}
@media(max-width:820px){
 html[data-view=public] .contact-grid,html[data-view=public] .footer-grid{grid-template-columns:1fr}
 html[data-checkout=true] .checkout-page{width:calc(100% - 32px);max-width:650px}
 html[data-view=public] .services-grid,html[data-view=public] .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-auth=client] .auth-card{padding:24px}
}
@media(max-width:560px){
 html[data-view=public] .wrap{width:calc(100% - 32px)}
 html[data-view=public] .public-plans,html[data-view=public] .services-grid,
 html[data-view=public] .process-grid{grid-template-columns:1fr}
 html[data-view=public] .section{padding-top:40px;padding-bottom:40px}
 html[data-view=public] .photo-hero h1{font-size:clamp(32px,9vw,44px);line-height:1.15}
 html[data-view=public] .section h2{font-size:28px;line-height:1.25}
 html[data-view=public] .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
 html[data-view=public] .hero-actions .btn{width:100%}
 html[data-checkout=true] .checkout-page .card{padding:20px}
 html[data-checkout=true] .purchase-actions .btn,
 html[data-checkout=true] .banner .btn{display:flex;width:100%;margin:12px 0 0}
 html[data-checkout=true] .checkout-steps{flex-wrap:wrap;gap:12px}
 html[data-checkout=true] .checkout-steps li+li:before{display:none}
 html[data-auth=client] .auth-card{padding:22px 20px}
 html[data-auth=client] .admin-topbar,html[data-checkout=true] .admin-topbar{padding:14px 16px;gap:12px;flex-wrap:wrap}
 html[data-auth=client] .admin-top-actions,html[data-checkout=true] .admin-top-actions{flex-wrap:wrap;gap:12px}
 html[data-checkout=true] .checkout-consent{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html[data-view=public] *,html[data-auth=client] *,html[data-checkout=true] *{animation:none!important;transition:none!important}
}