/* Phone layout (<= 600px): tighter rhythm, smaller headings, cards side by side whenever the content allows it.
   Loaded last on purpose; every rule lives inside the media query, so tablet and desktop are untouched. */
@media(max-width:600px){
 /* section rhythm */
 .connections.section,.gateway,.control.section,.faq.section,.join.section,.audience.section.beyond{padding-block:46px}
 .application-gallery{padding-block:44px 30px}
 .mission{padding-block:48px 28px}
 /* headings and lead paragraphs */
 .mission h2,.connections h2,.application-gallery h2,.gateway h2,.control h2,.beyond h2,.faq h2,.team-heading h2{font-size:clamp(29px,8.4vw,35px);line-height:1.07;letter-spacing:-.05em}
 .voice h2{font-size:clamp(40px,12vw,48px);margin-bottom:12px}
 .join h2{font-size:clamp(40px,12vw,50px);line-height:1.04}
 .connections-heading>p,.applications-heading>p,.gateway-heading>p,.private-heading>p,.cmp-lead,.faq-lead,.voice-inner>p:not(.eyebrow),.join>p{font-size:15px;line-height:1.5}
 .connections-heading,.applications-heading,.gateway-heading,.private-heading{margin-bottom:22px}
 /* gateway: compact bento */
 .gw-bento{gap:10px}
 .gw-card{padding:20px 18px;gap:18px;border-radius:24px}
 .gw-card h3{font-size:24px;margin-bottom:8px}
 .gw-copy>p:not(.gw-kicker):not(.gw-big){font-size:14.5px;line-height:1.45}
 .gw-big{font-size:64px}
 .gw-save-card .gw-copy>p:last-child{font-size:15px}
 .gw-save-card,.gw-key-card{grid-column:span 12}
 /* control */
 .ctl-panel{grid-template-columns:1fr 1fr;gap:14px 16px;padding:24px 18px 26px;border-radius:26px}
 .ctl-panel>article:last-child{grid-column:1/-1}
 .ctl-panel p{font-size:13.5px;line-height:1.45}
 .ctl-panel h3{font-size:22px;line-height:1.12}
 .private-scene{margin-top:26px}
 /* applications: shorter slides */
 .application-card-heading{padding:20px 20px 0}
 /* beyond work */
 .beyond .bw-stage{margin-top:34px}
 .beyond .bw-panel{padding:20px 16px;border-radius:26px}
 .beyond .bw-panel h3{font-size:40px}
 .beyond .bw-link{height:84px}
 .beyond .bw-core{width:52px;height:52px}.beyond .bw-core img{height:48px}
 .beyond .bw-companion{margin-top:56px}
 .cp2-stage{grid-template-columns:1fr 1fr;gap:12px;max-width:none}
 .cp2-pair{grid-column:1/-1;width:min(250px,64vw)}
 .cp2-card{padding:16px 14px 12px;border-radius:22px}
 .cp2-card h3{font-size:19px}.cp2-card>small{font-size:12px;margin-bottom:8px}
 .cp2-card li{padding:8px 0;font-size:13px;gap:9px}
 .bw-cta{margin-top:30px}
 .bw-ch{font-size:clamp(26px,7.6vw,32px)}
 /* faq + footer */
 .faq summary{padding:16px 0}
 .faq .download-band{margin-top:30px}
 .site-footer{padding-inline:20px}
 .footer-top{padding:30px 0}
 /* gateway flow */
 .gw-tasks{gap:6px}.gw-tasks li{padding:8px 12px}.gw-tasks b{font-size:13px}
 .gw-link{height:18px}
 .gw-logos li{min-height:0}
 .gw-flow{gap:0}
 /* companion: pair on top, both cards full width with two-column lists */
 .cp2-pair{width:min(210px,56vw)}
 .cp2-card{grid-column:1/-1}
 .cp2-card ul{grid-template-columns:1fr 1fr;column-gap:16px}
 .cp2-card li{border-top:0;border-bottom:1px solid #f0ebf4}
 /* scroll scenes: shorter runway on phones */
 .hero.motion-ready{height:calc(100svh - var(--hh) + 62svh)}
 .team-hierarchy.team-cinematic{height:206svh}
 .ctl-panel{margin-top:22px}
}