@media (max-width:820px){
  .public-site .brand-logo{width:258px}
  .public-site .topnav{gap:12px;flex-wrap:wrap;font-size:14px}
  .public-site .topnav a{font-size:14px}
  .public-site .button{min-height:48px;padding:0 18px;font-size:15px}
  .public-site .showcase-banner,
  .public-site .public-story-band,
  .public-site .section-split-card,
  .public-site .surface-card--padded,
  .public-site .value-card,
  .public-site .feature-card,
  .public-site .persona-card,
  .public-site .price-card-plain{padding:22px}
  .public-site .device-screen{min-height:auto}
  .public-site .dashboard-mini .mini{font-size:34px;min-height:110px;padding:18px}
  .public-site .public-mini-row{grid-template-columns:80px 1fr auto;font-size:15px;padding:14px}
  .public-site .public-mini-row strong,
  .public-site .public-mini-row b{font-size:16px}
  .public-site .carrier-row span,
  .public-site .public-mini-badges span{min-height:42px;padding:0 14px}
  .public-site .public-footer-brand img{width:240px}
}
@media (max-width:560px){
  .public-site .container{width:min(100% - 20px, 100%)}
  .public-site .brand-logo{width:226px}
  .public-site .section-title-xl{font-size:42px}
  .public-site .section-title-lg{font-size:31px}
  .public-site .section-copy{font-size:17px}
  .public-site .bullet-list li{font-size:16px}
  .public-site .metric-card strong{font-size:26px}
  .public-site .dashboard-mini{grid-template-columns:1fr 1fr}
  .public-site .dashboard-mini .mini{font-size:28px;min-height:96px;padding:16px;border-radius:18px}
  .public-site .public-mini-row{grid-template-columns:1fr;gap:6px}
  .public-site .public-mini-row span{font-size:14px}
  .public-site .public-mini-row strong,
  .public-site .public-mini-row b{font-size:17px}
  .public-site .faq-card h3{font-size:20px}
}

@media (max-width:640px){.public-site .surface-frame{padding:18px 14px}.public-site .section-actions{flex-direction:column;align-items:stretch}.public-site .button{justify-content:center}.public-site .story-band-pro{padding:22px}.public-site .public-story-band{padding:24px}.public-site .cta-card-premium h3{font-size:26px}}

@media (max-width:820px){.public-site .trust-mini-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.public-site .trust-mini-grid{grid-template-columns:1fr}}

@media (max-width:820px){.public-site .topnav{padding:8px 10px;border-radius:16px}.public-site .public-footer-brand img{width:238px}}
@media (max-width:560px){.public-site .public-footer-brand img{width:220px}}

@media (max-width: 768px){
  .public-site .brand-logo{width:260px;}
  .trust-inline-bar{grid-template-columns:1fr;}
  .trust-inline-bar > div{border-right:0;border-bottom:1px solid #e8eef8;padding-left:0;padding-right:0;}
  .trust-inline-bar > div:last-child{border-bottom:0;}
  .pricing-bottom-cta{flex-direction:column;align-items:flex-start;}
  .timeline-mini-cards,.integration-bottom-grid{grid-template-columns:1fr;}
  .faq-accordion summary{font-size:18px;padding:20px;}
  .faq-answer{padding:0 20px 20px;font-size:16px;}
  .public-footer-brand--panel img{width:210px;}
}


@media (max-width:820px){
  .public-site .hero-trust-bar{margin-top:20px}
  .public-site .story-cockpit-grid{grid-template-columns:1fr}
  .public-site .story-cockpit-head strong{font-size:24px}
}
@media (max-width:640px){
  .public-site .hero-trust-bar{padding:4px}
  .public-site .story-band-premium{padding:22px}
  .public-site .story-cockpit-card{padding:18px;border-radius:24px}
  .public-site .story-cockpit-metric{min-height:auto;padding:16px;border-radius:18px}
  .public-site .story-cockpit-metric strong{font-size:19px}
  .public-site .story-rail-item{gap:12px}
  .public-site .story-rail-item b{width:38px;height:38px;flex-basis:38px;border-radius:12px}
}
@media (max-width:560px){
  .public-site .story-proof-row .chip{width:100%;justify-content:center}
}