@media (max-width: 980px){.hero-inner,.infra-layout{grid-template-columns:1fr}.hero{padding-top:130px}.hero-panel{transform:none}.hero-stats,.card-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.partner-grid{grid-template-columns:repeat(4,1fr)}.security-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section-header.align-left{text-align:center;margin:0 auto 36px}}
@media (max-width: 768px){.container{width:min(100% - 28px,var(--max))}.navbar{padding:12px 0;background:rgba(11,15,25,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.menu-toggle{display:block}.nav-menu{position:absolute;top:68px;left:14px;right:14px;display:grid;gap:8px;padding:18px;border-radius:22px;background:rgba(18,24,39,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.36);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}.nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{padding:12px}.nav-cta{width:100%}.hero{min-height:auto;padding:118px 0 58px}.hero h1{letter-spacing:-.05em}.hero-lead{font-size:16px}.hero-actions .btn{width:100%}.hero-stats,.card-grid,.pricing-grid,.security-grid,.footer-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,1fr)}.section{padding:68px 0}.price-card.featured{transform:none}.infra-map{min-height:320px}.footer{padding-bottom:34px}}
@media (max-width: 420px){.brand-text{font-size:18px}.brand-mark{width:36px;height:36px;border-radius:12px}.hero-stats article{padding:18px}.hero-stats strong{font-size:27px}.feature-card,.security-card,.price-card{padding:23px}.cta-box{padding:38px 20px}.partner-grid div{padding:10px 8px;font-size:14px}}

/* 4.9.3.1 CSS-only mobile compact pass */
@media (max-width: 768px){
  .hero{padding:104px 0 46px}
  .section{padding:54px 0}
  .partners{padding:40px 0}
  .section-header{margin-bottom:28px}
  .section-header.align-left{margin-bottom:28px}
  .card-grid,.pricing-grid,.security-grid,.footer-grid{gap:14px}
  .partner-grid{gap:10px;margin-top:16px}
  .feature-card,.security-card,.price-card{padding:24px}
  .price-card ul{margin:18px 0}
  .infra-cards{margin-top:16px}
  .infra-map{min-height:280px}
  .cta-box{padding:42px 22px}
  .footer{padding:44px 0 28px}
  .footer-grid{gap:22px}
}

@media (max-width: 420px){
  .hero{padding:96px 0 40px}
  .section{padding:46px 0}
  .feature-card,.security-card,.price-card{padding:20px}
  .hero-stats article{padding:16px}
  .cta-box{padding:34px 18px}
}