/* Mobile reading rhythm; the desktop layout and animation stay as approved. */
@media(max-width:760px){
 .feature-overview,.continuity-section,.manual-gallery,.beta-invitation,.feedback-section,.faq-section{padding-block:56px}
 .feature-heading h2,.continuity-copy h2,.manual-gallery-heading h2,.beta-invitation .beta-copy h2,.feedback-invite h2,.faq-layout h2{font-size:36px;line-height:1.16;letter-spacing:-.04em;text-wrap:balance}
 .feature-heading .eyebrow,.continuity-copy>.eyebrow,.manual-gallery-heading .eyebrow,.beta-copy>.eyebrow,.feedback-invite .eyebrow,.faq-layout .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.075em;margin-bottom:16px}
 .feature-heading,.manual-gallery-heading{margin-bottom:28px}
 .feature-heading>p,.continuity-copy>p,.beta-invitation .beta-copy>p{font-size:17px;line-height:1.7;margin-top:18px}
 .site-header .brand{min-height:44px}
 .nav-wrap{gap:8px}
 .nav-actions{gap:6px}
 .nav-actions>.button.button-small{font-size:12px;padding:10px 12px;white-space:nowrap}
 .hero-lead{font-size:17px;line-height:1.7;margin-top:21px}
 .hero-copy .hero-onsite{margin-top:22px}
 .hero-details{line-height:1.6}
 .platform-dock{column-gap:14px;row-gap:10px}
 .feature-bento{gap:20px}
 .feature-card:nth-child(n){padding:24px 22px}
 .feature-card-header{margin:-24px -22px 0;padding:20px;gap:14px;align-items:center}
 .feature-card:nth-child(n) .feature-icon{width:50px;height:50px;flex:0 0 50px}
 .feature-card h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
 .feature-details{margin-top:21px}
 .feature-detail{padding-top:16px;margin-top:16px}
 .feature-detail:first-child{padding-top:0;margin-top:0}
 .feature-detail dt{padding-left:30px;font-size:17px;line-height:1.45}
 .feature-detail dt::before{width:20px;height:20px;top:2px}
 .feature-detail dt::after{left:7px;top:6px}
 .feature-detail+.feature-detail::before{left:30px}
 .feature-detail dd{margin:7px 0 0 30px;font-size:16px;line-height:1.7}
 .cartoon-journey{margin-top:32px}
 .approval-extras{gap:24px;margin-top:26px;padding-top:26px}
 .approval-extras h4{font-size:21px;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty}
 .approval-extras p{font-size:16px;line-height:1.7}
 .approval-pdf-link{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .feature-extras{margin-top:28px;padding-top:28px;gap:26px}
 .feature-extra{gap:14px}
 .feature-extra>.icon{width:48px;height:48px;padding:11px;flex:0 0 48px}
 .feature-extra h3{font-size:20px;line-height:1.3}
 .feature-extra p{font-size:16px;line-height:1.7;margin-top:8px}
 .feature-status{font-size:14px;line-height:1.5;padding:5px 8px}
 .continuity-layout{gap:26px}
 .continuity-heading{min-height:162px;margin:-6px 0 0}
 .cloud-proof{padding:24px 20px}
 .continuity-path{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:6px;margin-bottom:24px}
 .continuity-path>span{min-width:0}
 .continuity-path>span>small{font-size:12px;line-height:1.4}
 .continuity-path>.icon{position:static;left:auto;top:auto;width:14px;height:18px;justify-self:center;align-self:start;margin-top:16px}
 .continuity-path .continuity-cloud-mark{width:58px;max-width:100%}
 .cloud-proof h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;text-wrap:pretty}
 .cloud-proof h3 br{display:none}
 .cloud-proof>p{font-size:16px;line-height:1.7;margin-top:16px}
 .cloud-proof>.sync-note{font-size:14px;line-height:1.7;margin-top:20px;padding-top:20px}
 .gallery-platform-controls{padding:10px;gap:6px}
 .gallery-platform-tab{min-height:48px;font-size:clamp(12px,3.2vw,14px);line-height:1.4;padding:10px 6px;gap:6px}
 .gallery-platform-tab>.icon{width:16px;height:16px}
 .gallery-controls{padding:10px 16px}
 .gallery-counter{font-size:13px}
 .gallery-slide>figcaption{min-height:0;padding:20px 20px 22px}
 .gallery-slide>figcaption>h3{font-size:21px;line-height:1.3;text-wrap:pretty}
 .gallery-slide>figcaption>p{font-size:16px;line-height:1.7;margin-top:10px}
 .gallery-slide>figcaption>.gallery-provenance{display:block;margin-top:10px;font-size:11px;line-height:1.6;letter-spacing:0;color:#60738c}
 .beta-invitation .beta-layout{gap:28px}
 .beta-invitation .beta-copy>.beta-stage{font-size:15px;line-height:1.7;margin-top:20px;padding-left:14px}
 .beta-invitation .beta-card{padding:26px 22px}
 .beta-invitation .beta-card>h3{font-size:24px;line-height:1.3;margin-bottom:23px;text-wrap:pretty}
 .beta-invitation .beta-card>label{font-size:16px;line-height:1.5;margin-top:19px;margin-bottom:8px}
 .beta-invitation .beta-card>label>span{font-size:14px}
 .beta-invitation .beta-card>input,.beta-invitation .beta-card>textarea{font-size:16px;line-height:1.6;min-height:54px}
 .beta-invitation .beta-card>textarea{min-height:120px}
 .beta-invitation .form-note{font-size:14px;line-height:1.7;margin-top:18px}
 .feedback-invite{gap:24px}
 .feedback-invite-copy>p,.feedback-invite-copy>.feedback-customization{font-size:16px;line-height:1.7;margin-top:18px}
 .feedback-invite-copy>.feedback-customization{margin-top:16px}
 .feedback-dialog-header h2{font-size:24px;line-height:1.3}
 .feedback-dialog-body>p,.feedback-privacy-note{font-size:16px;line-height:1.7}
 .faq-layout h2{margin-bottom:28px}
 .faq-list summary{font-size:17px;line-height:1.5;padding:19px 20px;gap:16px;min-height:64px}
 .faq-list details>div{font-size:16px;line-height:1.7;padding:4px 20px 21px}
 .site-footer{padding-block:40px 26px}
 .footer-top{padding-bottom:22px}
 .footer-top .brand{min-height:44px}
 .footer-top>nav{margin-top:20px;gap:6px 22px}
 .footer-bottom{padding-top:16px;gap:4px 20px}
}
@media(max-width:480px){
 .hero h1{font-size:clamp(35px,10.8vw,48px);line-height:1.08;letter-spacing:-.05em}
 .hero-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.045em;margin-bottom:20px}
 .hero-layout{padding-block:40px 42px}
}
@media(max-width:350px){
 .feature-overview,.continuity-section,.manual-gallery,.beta-invitation,.feedback-section,.faq-section{padding-block:52px}
 .feature-heading h2,.continuity-copy h2,.manual-gallery-heading h2,.beta-invitation .beta-copy h2,.feedback-invite h2,.faq-layout h2{font-size:33px}
 .nav-actions>.button.button-small{font-size:11px;padding-inline:8px}
 .site-header .brand{font-size:24px}
 .feature-card:nth-child(n){padding:23px 19px}
 .feature-card-header{margin:-23px -19px 0;padding:18px 17px;gap:12px}
 .feature-card:nth-child(n) .feature-icon{width:48px;height:48px;flex-basis:48px}
 .feature-card h3{font-size:23px}
 .cloud-proof{padding:23px 18px}
 .cloud-proof h3{font-size:22px}
 .gallery-slide>figcaption{padding-inline:17px}
 .beta-invitation .beta-card{padding:24px 20px}
 .beta-invitation .beta-card>h3{font-size:23px}
}