@media(max-width:900px){
  .crm-page .hero{padding-block:35px 44px}
  .crm-page .hero h1{font-size:clamp(36px,10.5vw,46px);line-height:1.04;letter-spacing:-.035em}
  .crm-page .hero-copy>p{font-size:13px;line-height:1.65}
  .crm-page .hero-notes{gap:6px}.crm-page .hero-notes span{font-size:10px}
  .crm-page .hero-visual{width:min(328px,calc(100% - 36px))!important;margin-top:28px!important}
  .crm-page .device-switch{margin-bottom:13px;transform:scale(.9);transform-origin:center bottom}
  .crm-page .hero-visual.preview-mobile{width:min(306px,calc(100% - 42px))!important}
  .crm-page .hero-visual.preview-mobile .live-demo-stage{height:535px!important}
  .crm-page .hero-visual.preview-mobile .live-demo{border-radius:43px}
  .crm-page .hero-visual.preview-mobile .live-demo-bar{height:43px;min-height:43px;border-radius:39px 39px 0 0}
  .crm-page .hero-visual.preview-mobile .live-demo-stage,.crm-page .hero-visual.preview-mobile .live-demo-stage>iframe,.crm-page .hero-visual.preview-mobile .live-demo-cover{border-radius:0 0 38px 38px}
  .crm-page .hero-visual.preview-mobile .live-demo:before{top:13px;width:88px;height:23px}
  .crm-page .hero-visual.preview-mobile .live-demo:after{top:21px;left:calc(50% + 26px)}
  .crm-page .live-demo-cover h3{font-size:21px!important}.crm-page .live-demo-cover p{font-size:10px!important}
}
@media(max-width:360px){.crm-page .hero-visual.preview-mobile{width:min(286px,calc(100% - 38px))!important}.crm-page .hero-visual.preview-mobile .live-demo-stage{height:500px!important}}

/* Complete compact rhythm for the standalone CRM page. */
@media(max-width:900px){
  .crm-page .shell{width:calc(100% - 24px)!important}
  .crm-page .nav{height:58px!important;margin-bottom:0!important;padding:7px 9px!important}
  .crm-page .brand-mark{width:34px!important;height:34px!important}.crm-page .brand b{font-size:13px!important}.crm-page .brand small{font-size:8px!important}
  .crm-page .language-menu summary{height:38px!important;min-width:42px!important;padding:0 8px!important;font-size:10px!important}
  .crm-page .hero{padding:28px 0 34px!important}
  .crm-page .hero-copy>.eyebrow{padding:6px 9px!important;font-size:9px!important}
  .crm-page .hero h1{margin:15px 0 12px!important;font-size:clamp(34px,9.8vw,43px)!important;line-height:1.06!important}
  .crm-page .hero-copy>p{max-width:520px!important;font-size:13px!important;line-height:1.6!important}
  .crm-page .hero-actions{margin-top:18px!important;gap:12px!important}.crm-page .hero-actions .button{min-height:46px!important;padding:12px 15px!important;font-size:11px!important}.crm-page .hero-actions .text-link{font-size:11px!important}
  .crm-page .hero-notes{margin-top:13px!important;padding-top:12px!important;gap:4px!important}.crm-page .hero-notes span{font-size:9px!important}
  .crm-page .hero-visual{margin-top:22px!important}
  .crm-page .proof-inner{min-height:56px!important;padding:10px 12px!important;gap:17px!important}.crm-page .proof-inner>*{font-size:9px!important}
  .crm-page .results{padding:30px 0!important;gap:15px!important}.crm-page .results-copy p{margin:6px 0 0!important;font-size:12px!important;line-height:1.55!important}.crm-page .result-grid{gap:7px!important}.crm-page .result-grid article{min-height:70px!important;padding:9px 10px!important}.crm-page .result-grid strong{font-size:24px!important}.crm-page .result-grid span{font-size:9px!important}
  .crm-page .section,.crm-page .why-section,.crm-page .dark-section,.crm-page .insight-section,.crm-page .setup-section,.crm-page .pricing-section,.crm-page .faq-section{padding-top:34px!important;padding-bottom:34px!important}
  .crm-page .section-heading,.crm-page .dark-heading,.crm-page .split-heading,.crm-page .setup-heading,.crm-page .pricing-heading{margin-bottom:18px!important;gap:10px!important}
  .crm-page .section h2,.crm-page .why-section h2,.crm-page .dark-section h2,.crm-page .insight-section h2,.crm-page .setup-section h2,.crm-page .pricing-section h2,.crm-page .faq-section h2,.crm-page .cta-section h2{margin:6px 0!important;font-size:clamp(24px,7.2vw,29px)!important;line-height:1.22!important}
  .crm-page .section-heading>p,.crm-page .dark-heading>p,.crm-page .why-copy>p,.crm-page .setup-heading>p,.crm-page .pricing-heading>p{font-size:12px!important;line-height:1.6!important}
  .crm-page .feature-grid{gap:7px!important}.crm-page .feature{min-height:0!important;padding:15px!important}.crm-page .feature h3{margin:12px 0 4px!important;font-size:16px!important}.crm-page .feature p{font-size:12px!important;line-height:1.55!important}
  .crm-page .why-grid{gap:17px!important}.crm-page .why-copy p{margin:8px 0 12px!important}.crm-page .benefit-grid{gap:7px!important}.crm-page .benefit-grid article{min-height:0!important;padding:14px!important}.crm-page .benefit-mark{width:28px!important;height:28px!important}.crm-page .benefit-grid h3{font-size:15px!important}.crm-page .benefit-grid p{font-size:11px!important;line-height:1.5!important}
  .crm-page .flow{margin-top:17px!important}.crm-page .flow>div{min-height:58px!important;padding:10px 12px!important}.crm-page .flow b{width:25px!important;height:25px!important}.crm-page .flow span{font-size:11px!important}.crm-page .metric-band{margin-top:19px!important;gap:14px!important}.crm-page .metric-band strong{font-size:24px!important}.crm-page .metric-band span{font-size:9px!important}
  .crm-page .module-showcase,.crm-page .insight-grid{gap:15px!important}.crm-page .module-list article{padding:11px!important;gap:10px!important}.crm-page .module-list article h3{font-size:13px!important}.crm-page .module-list article p{font-size:10px!important}.crm-page .module-dashboard,.crm-page .insight-screen{padding:5px!important;border-radius:10px!important}
  .crm-page .insight-copy ul{margin-top:12px!important}.crm-page .insight-copy li{padding:8px 0!important;font-size:11px!important}
  .crm-page .setup-grid{gap:7px!important}.crm-page .setup-grid article{min-height:0!important;padding:14px!important}.crm-page .setup-mark{width:28px!important;height:28px!important}.crm-page .setup-grid h3{font-size:15px!important}.crm-page .setup-grid p{font-size:11px!important;line-height:1.5!important}
  .crm-page .custom-quote{margin:12px 0!important;padding:15px!important;gap:12px!important}.crm-page .custom-quote h3{font-size:16px!important}.crm-page .custom-quote p{font-size:10px!important}.crm-page .launch-offer{margin:10px 0!important;padding:11px!important;gap:6px!important}.crm-page .pricing-grid{margin-top:6px!important;padding:8px 0!important;gap:7px!important}.crm-page .price-card{padding:17px 15px!important}.crm-page .price strong{font-size:38px!important}.crm-page .price-card ul{margin:12px 0!important}.crm-page .price-card li{padding:6px 0!important;font-size:10px!important}
  .crm-page .faq-section{gap:13px!important}.crm-page .faq-list summary{padding:12px 0!important;font-size:12px!important}.crm-page .faq-list p{margin:0 0 12px!important;font-size:11px!important;line-height:1.55!important}
  .crm-page .cta-section{min-height:0!important;margin:6px auto 32px!important;padding:22px 17px!important;gap:16px!important}.crm-page .cta-copy p{font-size:11px!important;line-height:1.55!important}.crm-page .cta-actions{gap:8px!important}.crm-page .cta-actions>*{min-height:44px!important;font-size:11px!important}
  .crm-page .footer{padding:29px 0!important}.crm-page .footer-main{gap:20px!important}.crm-page .footer-brand p{margin:8px 0!important;font-size:10px!important}.crm-page .footer-column h3{margin-bottom:8px!important;font-size:12px!important}.crm-page .footer-column a{padding:5px 0!important;font-size:10px!important}.crm-page .footer-bottom{margin-top:20px!important;padding-top:14px!important;font-size:8px!important}
}