/* CSBoost responsive layer */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
table{max-width:100%}

.csb-mobile-toggle{display:none;background:#11161d;border:1px solid rgba(255,255,255,.10);color:#fff;border-radius:8px;width:42px;height:38px;padding:0;align-items:center;justify-content:center;cursor:pointer}
.csb-mobile-toggle span,.csb-mobile-toggle:before,.csb-mobile-toggle:after{content:"";display:block;width:19px;height:2px;background:#fff;border-radius:3px;transition:.2s}
.csb-mobile-toggle span{margin:4px 0}
.csb-mobile-toggle.open span{opacity:0}
.csb-mobile-toggle.open:before{transform:translateY(6px) rotate(45deg)}
.csb-mobile-toggle.open:after{transform:translateY(-6px) rotate(-45deg)}

@media(max-width:900px){
  body>header{min-height:64px!important;height:auto!important;padding:0 15px!important;position:sticky!important;top:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;background:rgba(6,8,11,.97)!important;backdrop-filter:blur(14px)}
  body>header .logo{font-size:19px!important;line-height:64px}
  .csb-mobile-toggle{display:flex!important;flex-direction:column!important}
  body>header>nav{display:none!important;order:10;width:100%!important;flex-direction:column!important;gap:5px!important;padding:8px 0 14px!important;align-items:stretch!important}
  body>header>nav.csb-mobile-open{display:flex!important}
  body>header>nav a{display:block!important;width:100%!important;padding:12px 13px!important;font-size:11px!important;border-radius:8px!important;text-align:left!important}
  .wrap,.s{width:100%!important;max-width:100%!important;padding-left:15px!important;padding-right:15px!important}
  h1{overflow-wrap:anywhere}
  .plans,.features,.cards{grid-template-columns:1fr!important}
  .panel,.box,.csb-live,.csb-top{max-width:100%!important}
  .panel{overflow-x:auto}
  table{min-width:720px}
  .paypal-modal-card,.modal-card,.checkout-card{width:calc(100vw - 24px)!important;max-width:520px!important;max-height:90vh!important;overflow:auto!important;margin:12px!important}
  .actions{width:100%}.actions .btn{flex:1 1 150px}
}
@media(max-width:650px){
  .wrap,.s{padding-top:28px!important;padding-bottom:55px!important}
  h1{font-size:clamp(34px,12vw,52px)!important;line-height:.98!important;letter-spacing:-2px!important}
  .lead{font-size:14px!important;line-height:1.6!important}
  .hero{display:block!important;min-height:auto!important}
  .hero-panel{display:none!important}
  .features{margin-top:28px!important}
  .bottom-cta{margin-top:30px!important;padding:22px!important}
  .csb-live-grid{grid-template-columns:1fr!important}
  .csb-live-number{align-items:center;text-align:center}
  .csb-bars{height:95px!important;gap:5px!important}
  .csb-top-head{align-items:flex-start!important;flex-direction:column!important}
  .csb-server-row{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;padding:11px!important}
  .csb-server-tag{display:none!important}
  .bars{height:220px!important;gap:7px!important;padding:20px 5px!important}
  .labs{gap:5px!important}.labs span{font-size:8px!important}
  .tabs,.nav2{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important;-webkit-overflow-scrolling:touch}
  .tabs a,.nav2 a{flex:0 0 auto!important;white-space:nowrap!important}
  .box{margin:25px 12px!important;padding:20px!important}
  .cards{grid-template-columns:1fr!important}
  .head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  input,select,textarea{font-size:16px!important}
  button,.btn,.buy-button{min-height:44px}
}