/* Phone and tablet presentation. Loaded after the desktop section styles. */
.mobile-menu-toggle{display:none}
@media(max-width:1050px){
 .site-header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:18px}
 .site-header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}
 .site-header .account-actions{margin-left:auto}
}
@media(max-width:760px){
 html{scroll-padding-top:16px}
 .wrap{width:100%;max-width:100%;padding-inline:16px}
 .site-header{height:auto;min-height:0;gap:12px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px;position:relative}
 .site-header .brand{order:0;flex:1;min-width:0}
 .site-header .brand img{width:155px;max-width:100%;height:auto}
 .mobile-menu-toggle{display:flex;order:1;align-items:center;gap:10px;min-height:44px;border:1px solid #dedfe3;border-radius:12px;background:#fff;color:#292d33;padding:0 13px;font-size:14px}
 .site-header nav{order:3;display:none;width:100%;padding:8px;border-radius:14px;background:#f0f1f4;gap:0}
 .site-header nav.is-open{display:grid;grid-template-columns:1fr 1fr}
 .site-header nav a{display:flex;align-items:center;padding:12px;min-height:44px;font-size:14px}
 .site-header .account-actions{order:2;margin:0;width:100%;display:flex;justify-content:space-between;gap:8px;border:0;padding:0;white-space:normal}
 .site-header .account-actions .sign-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px}
 .site-header .account-actions .button{flex:1;max-width:180px;font-size:13px;min-height:44px;padding:10px 12px;gap:10px;border-radius:12px}
 .demo-hero{padding-top:0}
 .hero,.section,.desktop-section-intro{min-width:0;padding-top:48px;padding-bottom:40px}
 .hero{display:block}
 .hero-copy h1{font-size:clamp(30px,7.7vw,42px);line-height:1.15;letter-spacing:-1.2px}
 .hero-copy .intro,.section-heading>p,.desktop-section-intro>p:not(.eyebrow),.team-copy>p{font-size:16px;line-height:1.7}
 .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.3px;flex-wrap:wrap}
 .hero-actions{justify-content:center;gap:16px}
 .hero-actions .button,.hero-actions .text-link{min-height:48px;font-size:14px}
 .desktop-demo-caption{font-size:13px;line-height:1.7;margin-top:16px}
 .desktop-demo-caption span{font-size:11px;line-height:1.7;margin-top:8px}
 .feature-grid,.team-section,.deployment-steps,.section-heading{grid-template-columns:minmax(0,1fr);gap:24px}
 .team-section.wrap{width:calc(100% - 32px);margin-inline:16px}
 .feature-card,.security-shell,.org-explorer,.platform-compare{min-width:0}
 .section-heading{display:flex;flex-direction:column;align-items:flex-start}
 .section-heading>p{max-width:none}
 .feature-card p,.deployment-step p,.faq details p{font-size:15px;line-height:1.75}
 .security-shell{padding:24px 18px}
 .security-heading h2,.org-heading h2,.compare-heading h2{font-size:clamp(28px,7vw,36px);overflow-wrap:break-word}
 .security-copy>p,.security-heading>p,.approval-policy p,.security-principles p,.security-scope{font-size:14px;line-height:1.75}
 .security-principles{grid-template-columns:1fr}
 .model-options li{font-size:12px}
 .connector-intro,.compare-heading>p:last-child,.compare-pillars p,.compare-bottom p{font-size:14px;line-height:1.7}
 .connector-footer p,.compare-scope{font-size:11px;line-height:1.7}
 .connector-pause,.connector-directory summary{font-size:12px;min-height:44px}
 .connector-footer{align-items:center}
 .connector-all{grid-template-columns:repeat(2,minmax(0,1fr))}
 .connector-all .connector-brand{min-width:0;gap:6px;padding-inline:8px}
 .connector-all .connector-brand span{font-size:10px;white-space:normal}
 .compare-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .compare-scroll-hint{font-size:12px}
 .compare-sources{font-size:13px}
 .org-explorer{padding:22px 14px}
 .org-heading>div>p:not(.eyebrow),.org-purpose,.org-facts dd,.org-capacity-copy>p:not(.eyebrow){font-size:14px;line-height:1.75}
 .org-departments{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;overscroll-behavior-x:contain}
 .org-departments button{flex:none;min-height:44px;padding:10px 14px;font-size:13px}
 .org-owners{flex-wrap:wrap}
 .org-owners .org-role,.org-governance>.org-role{font-size:12px;min-height:48px}
 .org-tree{height:380px}.org-details{height:auto;max-height:640px}
 .org-node-row .org-role{font-size:12px;min-height:44px;white-space:normal;line-height:1.4}
 .org-toggle{min-height:36px;min-width:30px}
 .org-tree-toolbar button,.org-mode-options button,.org-next{min-height:44px;font-size:12px}
 .org-tree-help,.org-example-label,.org-footnote,.org-mode small,.org-capacity-summary{font-size:12px;line-height:1.7}
 .org-facts dt,.org-steps li,.org-steps b,.org-capacity-demo>label,.org-capacity-options label{font-size:12px}
 .org-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .org-account strong,.org-account span,.org-account small{font-size:11px}
 .faq summary{min-height:56px;font-size:16px;line-height:1.5}
 footer{gap:18px;flex-wrap:wrap;padding-bottom:max(24px,env(safe-area-inset-bottom))}
 #access-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow-y:auto}
 .access-inner{padding:28px 20px}.form-grid{grid-template-columns:minmax(0,1fr)}
 #access-form input:not([type=checkbox]),#access-form select,#access-form textarea{font-size:16px;min-height:48px;max-width:100%}
 #access-form label,.form-intro{font-size:14px;line-height:1.6}
 .dialog-close{width:44px;height:44px;top:4px;right:4px}
}
@media(max-width:700px){
 .routine-desktop{height:860px;min-height:0;max-height:none;aspect-ratio:auto}
 .routine-desktop .desktop-workspace{inset:0}
 .routine-chat{top:48px;left:4%;width:92%;height:355px}
 .routine-chat-content{padding:14px;gap:10px}
 .routine-chat-head strong{font-size:17px}.routine-chat-head span{font-size:11px}
 .routine-tasks{max-height:104px;min-height:86px;flex:1 1 90px}
 .routine-tasks strong{font-size:12px}.routine-tasks em{font-size:10px}
 .routine-message p{font-size:12px;line-height:1.55}.routine-message>span{font-size:10px}
 .routine-chat-foot{font-size:10px}.routine-chat-foot small{display:none}
 .routine-sheet{top:423px;left:4%;width:92%;height:316px}
 .routine-document,.routine-email,.routine-drive{top:430px;left:6%;right:auto;width:90%;height:310px;min-height:0;max-height:none}
 .routine-app header>strong{font-size:11px}.routine-save{font-size:10px}
 .routine-sheet td,.routine-sheet th{font-size:10px;padding:7px 5px}
 .routine-typed{font-size:11px;line-height:1.65}.routine-paper{padding:14px}
 .routine-paper-wrap{padding:10px 12px 0}.routine-paper h4{font-size:18px}
 .routine-mail-fields{font-size:10px}.routine-mail-fields p{margin:6px 0}
 .routine-mail-body{min-height:0;overflow:hidden}.routine-email-typed{font-size:10px;min-height:70px}
 .routine-drive-path{padding:12px;font-size:11px}.routine-drive-files>div{padding:10px 0}
 .routine-drive-files strong{font-size:11px}.routine-upload{padding:12px}
 .routine-robot{left:auto;right:2%;bottom:64px;width:110px;z-index:10}
 .routine-robot-host{width:110px;height:132px}.routine-robot-label{display:none}
 .routine-dock{left:16px;right:auto;bottom:52px;gap:12px;height:auto}
 .routine-scene-label{bottom:20px;left:5%;max-width:58%;font-size:11px}
 .routine-pause{bottom:12px;min-height:44px;padding:10px 13px;font-size:11px}
 .routine-toast{top:380px}.routine-toast small{font-size:9px}
 .routine-desktop .desktop-menu-bar{height:34px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}