@media(max-width:1180px){.sp-nav{display:none;position:absolute;left:24px;right:24px;top:72px;background:#fff;border:1px solid var(--sp-line);border-radius:18px;padding:18px;box-shadow:var(--sp-shadow);flex-direction:column;align-items:stretch}.sp-nav.is-open{display:flex}.sp-mobile-toggle{display:block;margin-left:auto}.sp-header-actions .sp-button-soft{display:none}.sp-service-grid{grid-template-columns:repeat(3,1fr)}.sp-demo-grid{grid-template-columns:repeat(3,1fr)}.sp-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.sp-footer-contact{grid-column:auto}.sp-header-support{display:none}}
@media(max-width:900px){.sp-container{width:min(calc(100% - 30px),var(--sp-container))}.sp-hero{padding-top:30px}.sp-hero-grid{grid-template-columns:1fr;min-height:0}.sp-hero-copy{text-align:center}.sp-hero-copy p{margin-left:auto;margin-right:auto}.sp-hero-actions,.sp-trust-chips{justify-content:center}.sp-live-stat{justify-content:center}.sp-hero-visual{min-height:350px}.sp-login-grid,.sp-tools-grid,.sp-customer-card{grid-template-columns:1fr}.sp-service-grid{grid-template-columns:repeat(2,1fr)}.sp-demo-grid{grid-template-columns:repeat(2,1fr)}.sp-package-grid{grid-template-columns:repeat(2,1fr)}.sp-package-card.is-featured{transform:none}.sp-process-grid{grid-template-columns:repeat(2,1fr)}.sp-process-grid article:nth-child(2)::after{display:none}.sp-blog-grid{grid-template-columns:1fr 1fr}.sp-newsletter-card{grid-template-columns:auto 1fr}.sp-newsletter-form{grid-column:1/-1}.sp-footer-grid{grid-template-columns:repeat(2,1fr)}.sp-demo-modal-grid{grid-template-columns:1fr}}
@media(max-width:620px){.sp-site-frame{inset:2px;border-radius:16px}.sp-header-inner{min-height:67px}.sp-logo{font-size:19px}.sp-logo-wave{transform:scale(.85)}.sp-header-actions{display:none}.sp-hero-copy h1{font-size:39px}.sp-hero-copy p{font-size:15px}.sp-hero-actions{display:grid}.sp-hero-actions .sp-button{width:100%}.sp-hero-visual{min-height:280px}.sp-floating-bubble{width:43px;height:43px;font-size:19px}.sp-section{padding:52px 0}.sp-section-heading h1,.sp-section-heading h2{font-size:32px}.sp-heading-with-actions{display:block}.sp-demo-filters{justify-content:flex-start;margin-top:18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.sp-service-grid,.sp-demo-grid,.sp-package-grid,.sp-process-grid,.sp-blog-grid{grid-template-columns:1fr}.sp-process-grid article::after{display:none!important}.sp-tool-card form,.sp-newsletter-form{grid-template-columns:1fr}.sp-tool-card form .sp-button,.sp-newsletter-form .sp-button{width:100%}.sp-customer-card{padding:25px}.sp-customer-copy h2{font-size:31px}.sp-customer-links{grid-template-columns:1fr}.sp-newsletter-card{grid-template-columns:1fr;text-align:center}.sp-newsletter-icon{display:none}.sp-footer{margin:10px 5px 5px;padding-top:35px}.sp-footer-grid{grid-template-columns:1fr}.sp-footer-bottom{display:block;text-align:center}.sp-footer-bottom>div{justify-content:center;flex-wrap:wrap}.sp-modal{padding:9px}.sp-modal-dialog{padding:26px 19px}.sp-feature-list{grid-template-columns:1fr}.sp-demo-modal-grid h2{font-size:26px}}

/* SpeakyPanel 1.1.0 responsive hero + demo */
@media(max-width:1320px){
  .sp-hero-showcase .sp-hero-grid{grid-template-columns:minmax(400px,.9fr) minmax(560px,1.1fr)}
  .sp-hero-showcase .sp-hero-copy h1{font-size:58px}
  .sp-hero-panel-collage picture{width:108%;margin-right:-4%}
  .sp-demo-showcase-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1030px){
  .sp-hero-showcase{padding-top:28px}
  .sp-hero-showcase .sp-hero-grid{grid-template-columns:1fr;gap:2px}
  .sp-hero-showcase .sp-hero-copy{max-width:820px;text-align:center;margin:auto;padding-bottom:8px}
  .sp-hero-showcase .sp-hero-copy h1{max-width:820px;margin-left:auto;margin-right:auto}
  .sp-hero-benefits,.sp-hero-showcase .sp-hero-actions,.sp-hero-social-proof{justify-content:center}
  .sp-hero-panel-collage{min-height:480px;justify-content:center}
  .sp-hero-panel-collage picture{width:min(100%,920px);margin:0}
}
@media(max-width:760px){
  .sp-hero-showcase .sp-hero-copy h1{font-size:43px;line-height:1.05}
  .sp-hero-showcase .sp-hero-copy>p{font-size:15px}
  .sp-hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-hero-benefits article:last-child{grid-column:1/-1}
  .sp-hero-showcase .sp-hero-actions{display:grid;grid-template-columns:1fr}.sp-hero-showcase .sp-button{width:100%}
  .sp-hero-panel-collage{min-height:330px}.sp-hero-panel-collage img{border-radius:18px}
  .sp-hero-panel-collage .sp-floating-bubble{display:none}
  .sp-demo-topbar{display:block}.sp-all-demos-button{width:100%;margin-top:16px}
  .sp-demo-toolbar{display:block}.sp-demo-carousel-controls{display:none}
  .sp-demo-showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
  .sp-hero-showcase .sp-hero-copy h1{font-size:36px}
  .sp-hero-benefits{grid-template-columns:1fr}.sp-hero-benefits article:last-child{grid-column:auto}
  .sp-hero-social-proof{align-items:flex-start;text-align:left}
  .sp-hero-panel-collage{min-height:240px}
  .sp-demo-showcase-grid{grid-template-columns:1fr}
}

/* SpeakyPanel 1.1.0 responsive additions */
@media(max-width:1320px){.sp-hero-panel-collage>img{width:108%;margin-right:-4%}}
@media(max-width:1030px){.sp-hero-panel-collage>img{width:min(100%,920px);margin:0}.sp-seo-content-grid{grid-template-columns:1fr 1fr}.sp-seo-content-grid article:last-child{grid-column:1/-1}.sp-faq{grid-template-columns:1fr}}
@media(max-width:700px){.sp-logo-image{width:36px;height:36px;border-radius:11px}.sp-seo-content-grid{grid-template-columns:1fr}.sp-seo-content-grid article:last-child{grid-column:auto}.sp-faq{padding:24px 18px;gap:18px}.sp-seo-content-grid article{padding:23px}}