/* Codex responsive audit fixes, 2026-06-14 */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
.container{width:100%;max-width:1200px}
.navbar{max-width:100vw}
.navbar-inner{min-width:0}
.navbar-logo{min-width:0;flex:0 1 auto}
.navbar-logo img{max-width:min(220px,52vw);height:auto}
.mobile-overlay{overflow-y:auto}
.mobile-overlay img{max-width:190px}
.hero,.page-hero,.partners-hero{overflow:hidden}
.hero-decor{display:none}
.hero-grid,.grid,.grid-2,.grid-3,.grid-4,.cases-grid,.contacts-grid,.why-contact-grid,.reason-grid,.bonus-grid,.faq-grid,.comm-cards,.partner-types,.blog-grid,.solutions-grid,.ind-grid,.niche-grid,.compare-grid{min-width:0}
.card,.feature-card,.case-card,.contact-card,.why-contact-card,.bonus-card,.comm-card,.pt-card,.blog-card,.ind-card,.niche-card,.pricing-card,.compare-card,.faq-item,.rekv-card{min-width:0;max-width:100%}
table{max-width:100%;border-collapse:collapse}
.table-wrapper,.calc-table-wrap,.compare-section .table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.calc-table,.compare-table{min-width:620px}
.article-body .container,.legal-content .container{max-width:820px}
.article-body p,.article-body li,.legal-content p,.legal-content li,.faq-a{overflow-wrap:anywhere}
.article-body pre,.article-body code,.legal-content pre,.legal-content code{white-space:pre-wrap;word-break:break-word}
.partners-hero .container,.page-hero .container,.hero .container{min-width:0}
.partners-hero [style*="grid"],.partners-hero [style*="display:grid"]{min-width:0}
.pct-bar{max-width:56px}
.cookie-banner{max-width:100vw}
.cookie-content{min-width:0}
.widget-hdr,.widget-body,.widget-foot{min-width:0}

@media(max-width:1100px){
  .navbar-links,.navbar-cta{display:none!important}
  .navbar-burger{display:flex!important}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr!important;gap:28px!important}
  .footer-about{grid-column:1/-1}
  .hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .hero-content{max-width:760px;margin:0 auto;text-align:center}
  .hero .sub,.page-hero .sub{margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
}

@media(max-width:820px){
  .container{padding-left:18px!important;padding-right:18px!important}
  .section,.features-page,.solutions,.blog-section,.pricing-section,.forwhom-section,.steps-section,.why-section,.compare-section,.faq-section,.contacts-section,.cases-section,.article-body,.legal-content{padding-top:52px!important;padding-bottom:52px!important}
  .hero,.page-hero,.partners-hero{min-height:auto!important;padding:96px 0 46px!important}
  .hero-grid{min-height:auto!important;padding:0!important}
  .hero h1,.page-hero h1,.partners-hero h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.04!important;letter-spacing:-.04em!important;margin-bottom:16px!important}
  .hero .sub,.page-hero .sub,.partners-hero .sub{font-size:15px!important;line-height:1.35!important;margin-bottom:22px!important}
  .hero-badge,.page-hero .hero-badge,.eyebrow{font-size:12px!important;min-height:28px!important;padding:0 12px!important;margin-bottom:14px!important}
  .hero-cta{gap:10px!important}
  .hero-cta .btn,.hero-cta a,.btn-lg{height:44px!important;padding:0 16px!important;font-size:14px!important}
  .hero-widget-demo,.hero-widget,.hero-img-wrap{max-width:330px!important;margin-left:auto!important;margin-right:auto!important}
  .hero-widget-demo .widget-body{height:230px!important}
  .section-header{margin-bottom:28px!important}
  .section-header h2,.cta-banner-v2 h2,.cta-banner h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .section-header p{font-size:14px!important;line-height:1.45!important}
  .grid-2,.grid-3,.grid-4,.cases-grid,.contacts-grid,.why-contact-grid,.reason-grid,.bonus-grid,.faq-grid,.comm-cards,.partner-types,.blog-grid,.solutions-grid,.ind-grid,.niche-grid,.compare-grid,.steps-grid{grid-template-columns:1fr!important;gap:14px!important}
  .feature-card,.case-card,.contact-card,.why-contact-card,.bonus-card,.comm-card,.pt-card,.blog-card,.ind-card,.pricing-card,.compare-card,.card{padding:22px 18px!important;border-radius:12px!important}
  .feature-card h3,.case-card h3,.contact-card h3,.blog-card h3,.ind-card h3,.pricing-card .plan-name,.compare-card h3{font-size:20px!important;line-height:1.15!important}
  .feature-card p,.case-card p,.contact-card p,.why-contact-card p,.bonus-card p,.ind-card p,.blog-card .bc-desc,.pricing-card li,.compare-card li{font-size:14px!important;line-height:1.42!important}
  .pricing-grid{grid-template-columns:1fr!important;gap:14px!important}
  .pricing-card{min-height:0!important}
  .pricing-card .price,.price{font-size:34px!important}
  .lead-packs-wrap{padding:22px 16px!important;margin-top:24px!important}
  .lead-packs{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .lead-pack{max-width:none!important;width:100%!important;min-width:0!important;padding:18px 16px!important}
  .faq-category h2{font-size:22px!important}
  .faq-item{padding:16px 0!important}
  .faq-q{font-size:15px!important;line-height:1.25!important;gap:12px!important}
  .faq-a{font-size:14px!important;line-height:1.5!important}
  .article-body{font-size:16px!important}
  .article-body h2{font-size:26px!important;line-height:1.15!important;margin-top:32px!important}
  .article-body h3{font-size:21px!important}
  .meta-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .meta-row span{font-size:12px!important}
  .partners-hero [style*="font-size:64px"],.partners-hero [style*="font-size:56px"]{font-size:42px!important}
  .partners-hero [style*="max-width:620px"]{max-width:100%!important}
  .partners-hero [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .comm-card.popular{transform:none!important}
  .pt-card,.bonus-card,.reason-card{min-height:0!important}
  .back-link{font-size:13px!important;margin-bottom:18px!important}
  .cta-banner,.cta-banner-v2{padding:52px 0!important}
  .cta-banner p,.cta-banner-v2 p{font-size:15px!important;line-height:1.4!important}
  .footer{padding-top:42px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important;padding-bottom:30px!important}
  .footer-about{grid-column:1/-1}
  .footer-logo{max-width:190px!important;width:190px!important}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important;text-align:left!important;gap:10px!important}
  .footer-legal{justify-content:flex-start!important;gap:16px!important;flex-wrap:wrap!important}
  .cookie-content{flex-direction:column;align-items:flex-start!important;gap:12px!important}
  .cookie-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .cookie-actions .btn{width:100%!important}
}

@media(max-width:520px){
  .container{padding-left:16px!important;padding-right:16px!important}
  .navbar{padding-top:8px!important}
  .navbar-inner{height:58px!important;border-radius:999px!important;padding:6px 8px 6px 12px!important}
  .navbar-logo img{max-width:168px!important;max-height:42px!important}
  .mobile-overlay{padding:18px!important}
  .mobile-links{margin-top:22px!important}
  .mobile-links li a{padding:13px 0!important;font-size:16px!important}
  .hero,.page-hero,.partners-hero{padding-top:86px!important;padding-bottom:38px!important}
  .hero h1,.page-hero h1,.partners-hero h1{font-size:clamp(31px,11vw,42px)!important}
  .hero .sub,.page-hero .sub,.partners-hero .sub{font-size:14px!important}
  .hero-cta{display:grid!important;grid-template-columns:1fr!important;width:100%;max-width:310px;margin-left:auto!important;margin-right:auto!important}
  .hero-cta .btn,.hero-cta a{width:100%!important;justify-content:center!important}
  .hero-cta .btn-cta::after,.navbar-cta .btn-primary::after{width:28px!important;height:28px!important}
  .section,.features-page,.solutions,.blog-section,.pricing-section,.forwhom-section,.steps-section,.why-section,.compare-section,.faq-section,.contacts-section,.cases-section,.article-body,.legal-content{padding-top:42px!important;padding-bottom:42px!important}
  .section-header h2,.cta-banner-v2 h2,.cta-banner h2{font-size:32px!important}
  .feature-card,.case-card,.contact-card,.why-contact-card,.bonus-card,.comm-card,.pt-card,.blog-card,.ind-card,.pricing-card,.compare-card,.card{padding:18px 16px!important}
  .niche-card{align-items:flex-start!important;padding:16px!important;gap:12px!important}
  .niche-icon,.n-icon,.ic,.icon-box,.wc-icon{flex:0 0 auto}
  .blog-card h3{font-size:19px!important}
  .blog-card .bc-meta{flex-wrap:wrap!important;gap:8px!important}
  .compare-table th,.compare-table td,.calc-table th,.calc-table td{padding:10px 12px!important;font-size:13px!important}
  .calc-table,.compare-table{min-width:560px!important}
  .partners-hero [style*="font-size:64px"],.partners-hero [style*="font-size:56px"]{font-size:34px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer h4{margin-bottom:10px!important}
  .footer ul{gap:6px!important}
}