/* Mobile release layer. Keep the desktop composition and fix constrained layouts. */
.trust-layout>div,.trust-layout section,.control-grid>article,.document-links>a>div{min-width:0}
.table-scroll{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.table-scroll:focus-visible{outline:2px solid #4b819f;outline-offset:5px}
body.menu-open{overflow:hidden}
@media(max-width:1000px){
 .site-header{height:76px;padding-inline: max(5%,env(safe-area-inset-left)) max(5%,env(safe-area-inset-right))}
 .site-header .brand{min-height:44px}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;background:none;border:0;color:var(--ink)}
 .menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
 .home-page .site-header:not(.scrolled):not(.open) .menu-toggle{color:#fff}
 .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 6% max(24px,env(safe-area-inset-bottom));background:var(--paper);border-bottom:1px solid var(--rule);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
 .site-header.open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .site-header nav>a:not(.button){font-size:17px;padding:13px 0;min-height:48px}
 .site-header nav .login{display:block;margin:0}
 .site-header nav .button{align-self:flex-start;margin-top:12px;padding:14px 18px;min-height:48px}
 .site-header.open{background:var(--paper);color:var(--ink)}
}
@media(max-width:800px){
 .text-link{min-height:44px;gap:20px;max-width:100%}.text-link:hover{gap:20px}
 .footer-top>div>a{display:flex;align-items:center;min-height:44px;padding:7px 0}
 .footer .brand{min-height:44px}.person-heading>a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .company-details dd a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
 .insight-tabs button{min-height:44px;padding:10px 0;font-size:12px}
 .trust-layout{grid-template-columns:minmax(0,1fr)}
 .trust-layout aside{display:flex;flex-wrap:wrap;gap:0 20px;position:static;max-width:100%}
 .trust-layout aside>a{min-height:44px;display:flex;align-items:center;padding:10px 0}
 .trust-layout aside>span{width:100%;margin-bottom:5px}
 .document-links strong,.document-links span{overflow-wrap:anywhere}
 .button{min-height:48px}
}
@media(max-width:700px){
 .home-page .hero-film.animated-hero{min-height:0;height:auto;display:flex;flex-direction:column;gap:56px;padding:138px 6% 28px}
 .home-page .hero-message{position:relative;top:auto;left:auto;right:auto;width:100%;max-width:100%}
 .hero-animation{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;margin-top:26px}
 .hero-message>p:not(.eyebrow){max-width:370px;line-height:1.7;margin:24px 0}
 .hero-message p br{display:none}
 .hero-explore{display:flex;align-items:center;min-height:44px;width:max-content;max-width:100%;margin-top:12px}
 .hero-animation [data-motion-pause]{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .hero-animation .motion-heading{min-height:50px;height:auto;padding-bottom:8px}
 .animated-hero:after{background:linear-gradient(90deg,#0b1918b8,#0b191844),linear-gradient(0deg,#0b191883,transparent 75%)}
 .scroll-ready .order-pin{height:calc(100svh - 74px);min-height:560px;padding:18px 6%;top:74px}
 .scroll-ready .order-field{min-height:415px}
 .order-section.scroll-ready{height:calc(max(100svh,634px) + 480px)}
 .order-card{width:calc(120px + (98% - 120px) * var(--align));font-size:10px}
 .order-card b,.order-time{font-size:9px}.order-total>span{max-width:180px;line-height:1.5}
 .snippet-scene{min-width:0}.snippet-copy p,.feature-explanation p{font-size:16px;line-height:1.75}
 .integration-roadmap p>span{font-size:11px}
 .edge-panel,.detail-glass{box-shadow:0 12px 32px #0e1b3324}
 .detail-glass{backdrop-filter:blur(8px)}
}
@media(max-width:380px){
 .section{padding-left:5%;padding-right:5%}
 .product-hero h1,.trust-hero h1,.about-hero h1{font-size:clamp(43px,13vw,51px);overflow-wrap:normal}
 .home-page .hero-film.animated-hero{padding-top:124px;padding-inline:5%;gap:35px}
 .hero-message h1{font-size:clamp(35px,10.2vw,40px)}
 .snippet-overlay{width:calc(100% - 24px);left:12px;right:12px}
 .film-matter{flex-wrap:wrap}.film-proposal>p{font-size:10px}.film-review{font-size:8px;gap:8px}
 .detail-bar{font-size:10px}.detail-bar>small{font-size:8px}
 .approval-shot{padding:15px}.approval-description{font-size:13px}.approval-amount{gap:8px}.approval-amount>span{max-width:130px}
 .approval-options{gap:4px}.approval-options>span{padding:9px 6px;font-size:8px}.approval-options .approval-yes{min-width:75px}
 .reply-film{padding:14px}.reply-draft-lines>p{font-size:10px}
 .integration-roadmap p{gap:12px}.roadmap-logo.phonero-logo{width:100px}.integration-roadmap p>span{font-size:10px}
 .company-details dl>div{grid-template-columns:1fr;gap:3px}
}
@media(max-height:650px) and (min-width:701px){
 .scroll-ready .order-pin{height:600px;top:0}
 .site-header nav{max-height:calc(100dvh - 76px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .order-section.scroll-ready{height:auto}
 .scroll-ready .order-pin{position:static;height:auto;min-height:0;overflow:visible}
 .scroll-ready .order-field{height:460px;flex:auto}
}

@media(max-width:1000px){.contact-page{gap:5%;padding-top:55px}.contact-form-panel{padding:28px}.contact-intro h1{font-size:62px}.login-page{gap:6%}.login-photo{min-height:520px}}
@media(max-width:700px){.contact-page{display:flex;flex-direction:column;gap:34px;padding:38px 6% 60px}.contact-intro h1{font-size:clamp(46px,10.6vw,68px);margin-bottom:20px}.contact-intro .eyebrow{margin-bottom:17px}.contact-lead{font-size:16px;margin-bottom:0}.contact-agenda{display:none}.contact-direct{margin-top:22px;font-size:13px}.contact-form-panel{width:100%;padding:26px 22px}.contact-form-heading h2{font-size:37px}.contact-fields{gap:17px 12px}.form-field label{font-size:12px}.form-field label span{display:inline-block;margin-left:3px}.contact-success{padding:20px 0}.contact-success h2{font-size:38px}.login-page{display:block;padding:40px 7% 65px}.login-content h1{font-size:65px}.login-photo{display:none}.login-continue{width:100%}.login-content>p:not(.eyebrow),.login-help{max-width:none}.login-help{margin-top:32px}}
@media(max-width:380px){.contact-fields{grid-template-columns:1fr}.contact-form-panel{padding:24px 18px}.contact-intro h1{font-size:44px}}
@media(max-width:700px){.support-page{display:block;padding:40px 7% 60px}.support-intro h1{font-size:62px}.support-details{margin-top:40px}.support-details h2{font-size:34px}.support-email{font-size:20px}.support-details .text-link{gap:15px}}