/* Final responsive overrides loaded after the site stylesheet. */
@media(max-width:950px){
  .nav-shell{position:sticky;top:0;height:68px;padding:0 18px;background:#fff;box-shadow:0 4px 18px rgba(14,58,76,.08)}
  .brand{width:130px}.nav-toggle{margin-left:auto}.nav-toggle i{background:#087f9b}.nav-actions{gap:8px}.login{padding:10px 14px;font-size:11px}
  #main-nav{z-index:20;max-height:calc(100vh - 68px);overflow-y:auto;padding:10px 18px 18px;background:#fff;border-bottom:1px solid #dce8ee;box-shadow:0 16px 30px rgba(14,58,76,.16)}
  #main-nav>a,.nav-games button{width:100%;padding:13px 2px;border-bottom:1px solid #e8f0f3;color:#173449;font-size:13px}
  .nav-games button{display:flex;align-items:center;justify-content:space-between}.nav-games button span{font-size:18px}.nav-games:hover .games-menu{display:none}.nav-games.mobile-open .games-menu{display:grid}
  .games-menu{margin:8px 0 5px;border-color:#cfe2e9;box-shadow:none}.game-menu-grid{grid-template-columns:1fr 1fr}
  .hero{min-height:650px;padding:100px 28px 58px}.hero-bg{background-position:62% center}.scroll-mark{display:none}
  .section{padding:74px 28px}.plans-heading{gap:22px}.plan-grid{border-radius:12px}.drive-top{gap:38px}.drive-strip{padding:24px;gap:18px}.drive-pricing{gap:20px}
}
@media(max-width:700px){
  .nav-shell{padding:0 15px}.brand{width:120px}.login{padding:9px 12px}.locale{display:none}
  .game-menu-grid{grid-template-columns:1fr}.games-menu{padding:12px}.game-menu-grid>a{min-height:58px}.menu-vps{padding:12px!important}
  .hero{min-height:620px;padding:82px 20px 48px}.hero-bg{background:linear-gradient(90deg,#f3f8fbf2,#f3f8fbc2),url('assets/datacenter.png') 63% center/cover no-repeat}.hero-grid{display:none}
  h1{margin:18px 0;font-size:clamp(38px,12vw,54px);line-height:1.02;letter-spacing:-2.3px}.security-pill{max-width:100%;font-size:8px;letter-spacing:.65px}.hero-copy>p{font-size:13px;line-height:1.65}.hero-benefits{margin:23px 0 28px;font-size:12px}.hero-buttons{width:100%;gap:10px}.hero-buttons .button{width:100%;min-width:0}
  .metrics{grid-template-columns:1fr 1fr}.metrics div{min-height:86px;padding:18px 20px}.metrics div:nth-child(2n){border-right:0}.metrics b{font-size:18px}.metrics span{font-size:10px}
  .section{padding:62px 20px}.section h2{font-size:clamp(33px,10vw,45px);letter-spacing:-2px}.section-intro>p,.performance-copy>p,.network p{font-size:13px;line-height:1.65}
  .game-grid{margin-top:34px;grid-template-columns:1fr;grid-auto-rows:235px;gap:12px}.game-card:first-child{min-height:265px}.game-card div{inset:auto 17px 17px}.game-card h3,.feature h3{font-size:28px}.game-card small{font-size:10px}
  .performance,.cloud,.faq{gap:36px}.performance-image>img{min-height:285px}.floating-spec{right:8px;bottom:-17px;width:190px;padding:14px}.performance-copy ul{margin:24px 0}.performance-copy li{font-size:12px}
  .plans-heading{display:block;margin-bottom:28px}.plan-switch{width:100%;margin-top:20px}.plan-switch button{flex:1;justify-content:center;padding:11px 7px;font-size:11px}.plan-switch button small{display:none}.plan-card{padding:22px}.plan-card h3{font-size:29px}.plans-foot{gap:14px;font-size:10px}.plans-foot a{font-size:11px}
  .infra-cover{min-height:360px}.infra-cover>div{top:50%;left:18px;right:18px;transform:translateY(-50%);padding:18px}.infra-cover h2{font-size:36px}.infra-cover p{font-size:12px}.infra-points{gap:10px;margin-top:10px}.infra-points article{padding:20px}
  .network{min-height:470px;padding-top:70px;padding-bottom:70px}.network>img{width:150%;right:-72%;top:16%;opacity:.26}.network .button{margin-top:10px}
  .drive-top,.drive-pricing{grid-template-columns:1fr}.drive-visual{order:-1;min-height:190px}.drive-visual .chip-label{left:17px;bottom:17px;font-size:9px}.drive-feature-list{grid-template-columns:1fr;gap:11px;margin:20px 0}.drive-feature-list article{align-items:center}.drive-feature-list strong{font-size:11px}.drive-feature-list small{font-size:9px}.drive-actions .button{width:100%}.drive-strip{grid-template-columns:1fr;margin:28px 0;padding:20px;min-height:0}.drive-strip article+article{padding-top:15px;border-top:1px solid #e6f0f3}.drive-strip article>img{width:38px;height:38px;flex-basis:38px}.drive-strip strong{font-size:11px}.drive-strip small{font-size:9px}.drive-pricing-copy h2{font-size:31px}.drive-plan-grid{grid-template-columns:1fr;gap:12px}.drive-plan-grid article{min-height:0;padding:18px}.drive-plan-grid article>b{font-size:25px}
  .accordion summary{font-size:14px}.accordion p{margin-right:0;font-size:12px}footer{padding:30px 20px;gap:14px}footer img{width:145px}footer>div{gap:12px 16px;font-size:11px}footer small{font-size:9px;line-height:1.55}
}
@media(max-width:380px){.brand{width:108px}.login{padding:8px 10px;font-size:10px}.hero{padding-left:16px;padding-right:16px}.section{padding-left:16px;padding-right:16px}.security-pill{font-size:7px}.plan-switch button{font-size:10px}.metrics div{padding-left:16px;padding-right:16px}}

/* VPS plans: swipeable carousel on tablets and phones. */
@media(max-width:950px){
  .plans .plan-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 14px;scroll-snap-type:x mandatory;scroll-padding-left:2px;border-radius:14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#2bc3d5 #0b2635}
  .plans .plan-card,.plans .plan-card:nth-child(2){flex:0 0 min(84vw,410px);min-width:0;border:1px solid #1d3d4d!important;border-radius:12px;scroll-snap-align:start;scroll-snap-stop:always}
  .plans .plan-card:last-child{border:1px solid #1d3d4d!important}
  .plans .plan-card.featured{box-shadow:inset 0 4px #2bc3d5}
  .plans .plan-grid::-webkit-scrollbar{height:7px}.plans .plan-grid::-webkit-scrollbar-track{background:#0b2635;border-radius:10px}.plans .plan-grid::-webkit-scrollbar-thumb{background:#2bc3d5;border-radius:10px}
  .plans-foot{margin-top:12px}
}