/* ===== TABLET ===== */
@media(max-width:1024px){
  .hero-container{grid-template-columns:1fr;gap:48px;text-align:center;padding:60px 0}
  .hero-desc{margin:0 auto 32px}
  .hero-actions{justify-content:center}
  .hero-code-block{max-width:100%}
  .hero-badge{justify-content:center}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .marketplace-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .usecases-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid::before{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .network-regions{grid-template-columns:repeat(3,1fr)}
  .dashboard-layout{grid-template-columns:1fr}
  .dashboard-sidebar{display:none}
  .api-demo{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .dsb-cards{grid-template-columns:repeat(2,1fr)}
  .status-grid{grid-template-columns:1fr}
  .hosting-row,.hosting-row.right{flex-direction:column;gap:24px;padding:72px 0;text-align:left}
  .hosting-row.right .hosting-meta{text-align:left}
  .hosting-value{font-size:clamp(56px,14vw,80px);margin:0}
  .hosting-row.right .hosting-value{margin:0}
  .hosting-meta{padding-top:0;max-width:100%}
  .hosting-desc{max-width:100%}
  .hosting-row.right .hosting-desc{margin-left:0}
  .console-main{padding:24px 20px}
  .console-topbar-right .console-region:first-child{display:none}
}

/* ===== MOBILE ===== */
@media(max-width:640px){
  .navbar.scrolled{background:rgba(9,9,11,.95)}
  .nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(9,9,11,.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:0;transition:right .4s ease;z-index:1000}
  .nav-menu.open{right:0}
  .nav-links{flex-direction:column;gap:8px;margin-bottom:32px}
  .nav-link{font-size:20px;padding:12px 24px}
  .nav-actions{flex-direction:column;gap:12px}
  .nav-toggle{display:flex}
  .section{padding:60px 0}
  .section-header{margin-bottom:40px}
  .section-title{font-size:28px}
  .section-desc{font-size:15px}
  .features-grid{grid-template-columns:1fr}
  .marketplace-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .usecases-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr;gap:0;max-width:400px;margin:0 auto}
  .steps-grid::before{display:none}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .hero{padding-top:64px;min-height:auto}
  .hero-container{padding:40px 0 60px}
  .hero-badge{font-size:10px;padding:4px 12px}
  .hero-title{font-size:36px}
  .stat-item{padding:20px 12px}
  .network-regions{grid-template-columns:repeat(2,1fr)}
  .partner-logos{gap:24px}
  .dsb-cards{grid-template-columns:1fr}
  .dsb-main{padding:16px}
  .pricing-card{padding:28px 20px}
  .cta-box{padding:48px 24px}
  .cta-title{font-size:28px}
  .cta-desc{font-size:15px}
  .auth-card{padding:28px 20px}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .grid-bg{background-size:32px 32px}
  .hosting-row,.hosting-row.right{flex-direction:column;gap:16px;padding:40px 0;text-align:left}
  .hosting-row.right .hosting-meta{text-align:left}
  .hosting-value{font-size:52px}
  .console-layout{grid-template-columns:1fr}
  .console-sidebar{display:none}
  .hosting-row{flex-direction:column;gap:24px;padding:64px 0;text-align:left}
  .hosting-row.right .hosting-meta{text-align:left}
  .hosting-value{font-size:clamp(48px,16vw,72px);margin:0}
  .hosting-row.right .hosting-value{margin:0}
  .hosting-meta{max-width:100%}
  .hosting-desc{max-width:100%}
  .hosting-row.right .hosting-desc{margin-left:0}
  .console-services{grid-template-columns:1fr}
  .console-stats{grid-template-columns:1fr}
  .console-topbar{padding:10px 16px;gap:8px}
  .console-topbar-right{gap:10px}
  .console-username{display:none}
}