/* Shared phone and tablet refinements. Keep content readable and controls touchable. */
section[id]{scroll-margin-top:90px}
:where(a,button,select,summary):focus-visible{outline:2px solid #76dbe3;outline-offset:4px}
body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){
 .product-nav .menu-toggle{display:block;margin-left:auto}
 .product-nav nav{display:none;position:absolute;left:0;right:0;top:100%;background:#101820;border-bottom:1px solid #ffffff20}
 .product-nav nav.is-open{display:flex;flex-direction:column;gap:0}
 .professional-home .product-hero{display:block;max-width:740px;padding:115px 6% 50px;height:auto;min-height:0;max-height:none}
 .professional-home .product-intro>p{font-size:16px;max-width:560px;line-height:1.75}
 .professional-home .quick-demo{margin-top:32px}
 .professional-home .product-intro>.eyebrow{font-size:10px;flex-wrap:wrap;gap:10px;letter-spacing:.6px}
 .professional-home .product-intro .button{font-size:13px;min-height:48px}
 .professional-home .intro-foot{font-size:12px}
 .professional-home .intro-foot button{min-height:44px;font-size:12px}
 .quick-demo-head{font-size:10px;gap:12px}
 .quick-demo>.readable-caption{font-size:14px}
 .quick-demo-controls{display:flex;flex-wrap:wrap}
 .quick-demo-controls button{min-height:44px;font-size:14px}
 .quick-demo-controls>span,.quick-demo>p,.quick-transcript{font-size:11px}
 .quick-chapters button{min-height:46px;font-size:12px}
 .quick-transcript summary{min-height:44px;display:flex;align-items:center}
 .quick-transcript summary:before{content:'＋';margin-right:8px}
 .quick-transcript[open] summary:before{content:'−'}
 .quick-transcript p{font-size:14px}
 .handoff-steps{grid-template-columns:1fr}
 .handoff-steps>li,.handoff-steps>li+li{padding:24px 0;border-left:0;border-bottom:1px solid #ffffff20}
 .handoff-steps h3{max-width:none}
 .detail-page .pilot-planner,.detail-page .pilot-grid,.detail-page .faq{grid-template-columns:1fr;gap:32px}
}
@media(max-width:900px){
 .product-nav,.professional-home .product-nav{height:72px;padding-inline:5%;gap:12px}
 .product-nav .brand{font-size:20px;white-space:nowrap}
 .product-nav .menu-toggle{min-width:48px;min-height:44px;padding:8px 4px;font-size:12px}
 .product-nav .nav-cta{display:flex;align-items:center;min-height:44px;font-size:11px;padding:10px}
 .product-nav nav{top:100%;max-height:calc(100dvh - 72px);overflow-y:auto;padding:12px 6% 20px;box-shadow:0 20px 30px #0005}
 .product-nav nav a{font-size:16px;min-height:48px;display:flex;align-items:center}
 .professional-home h1{font-size:clamp(36px,10.5vw,54px);letter-spacing:-1.8px}
 .professional-home .product-intro .actions{gap:10px}
 .professional-home .product-intro .actions .button{flex:1;justify-content:center;text-align:center}
 .professional-home .gallery-tabs button{min-height:48px;padding:12px 6px!important}
 .professional-home .gallery-tabs button span{font-size:12px!important}
 .professional-home .gallery-caption p,.professional-home .sales-steps p,.sales-workflow-heading>p,.professional-home .format-question p,.professional-home .format-detail li,.professional-home .format-insight p,.professional-home .release-description,.professional-home .pilot-invite-bottom p,.professional-home .compact-faq p{font-size:15px;line-height:1.75}
 .professional-home .gallery-caption>a,.gallery-note a,.workflow-detail-link,.detail-intro>a,.detail-cta>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:13px;white-space:normal}
 .professional-home .gallery-note,.professional-home .case-note,.professional-home .pilot-scope,.sales-workflow-foot,.sales-section-label{font-size:12px}
 #motion-toggle{min-height:44px;font-size:12px}
 .professional-home .format-tabs button{min-height:48px;font-size:13px}
 .professional-home .release-proof span{font-size:13px}
 .packet-tabs button{min-height:44px;font-size:12px}
 .packet-detail p,.packet-detail li{font-size:14px;line-height:1.7}
 .professional-home .compact-faq .questions summary,.questions summary{font-size:15px;min-height:48px;gap:16px;line-height:1.5}
 .button{min-height:48px;font-size:13px;white-space:normal}
 .pilot-invite-bottom .button{width:100%;justify-content:center}
 .lean-footer nav{width:100%;flex-wrap:wrap;gap:12px 22px}
 .lean-footer nav a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
 .detail-intro h1{font-size:clamp(36px,9vw,48px)}
 .detail-intro>p,.detail-page .section-top>p,.handoff-steps p,.format-spec p,.integration-details p,.planner-intro>p,.pilot-details p,.pilot-details li,.questions p{font-size:15px;line-height:1.75}
 .format-spec strong,.handoff-steps>li>span{font-size:12px}
 .format-spec{grid-template-columns:1fr;gap:5px}
 .format-spec p{margin-bottom:14px}
 .integration-details summary{font-size:14px;min-height:48px;flex-wrap:wrap}
 .integration-details summary span:last-child{font-size:11px;max-width:none;text-align:left}
 .pilot-planner form{min-width:0}
 .pilot-planner label{font-size:14px;line-height:1.5}
 .pilot-planner select{font-size:16px;min-height:48px;max-width:100%;text-overflow:ellipsis}
 .pilot-planner form>.button{width:100%;justify-content:center}
 .brief-actions{flex-wrap:wrap;gap:12px}
 .brief-actions>a,.brief-actions>button{font-size:13px;min-height:44px}
 #brief-result p{font-size:15px;line-height:1.75}
 .film-dialog,.screenshot-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);margin:auto}
 .film-dialog-head,.screenshot-dialog-bar{padding:12px;gap:10px;flex-wrap:wrap}
 .film-dialog-head h2,.screenshot-dialog-bar h2{font-size:13px;max-width:none;flex:1;min-width:140px}
 .screenshot-dialog-bar>div{gap:16px}
 .film-dialog-head button,.screenshot-dialog-bar button{min-height:44px;min-width:64px;font-size:13px}
 .screenshot-dialog-bar a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
 .screenshot-dialog-content img{min-width:0;width:100%}
 .film-dialog>p{font-size:12px;line-height:1.7}
 .film-dialog video{max-height:65dvh}
}
@media(max-width:360px){
 .product-nav{gap:7px}.product-nav .brand{font-size:18px}.product-nav .nav-cta{font-size:10px;padding:8px}.product-nav .nav-cta span{display:none}
 .professional-home .product-intro .actions{flex-direction:column}
 .quick-demo-head{font-size:9px;letter-spacing:0}
 .quick-chapters{padding-inline:10px;gap:4px}.quick-chapters button{font-size:11px}
}