@media (max-width: 1080px){
  .navbar{width:min(100% - 30px,var(--max));min-height:82px}
  .nav-menu{gap:10px}
  .nav-menu a{font-size:.9rem}
  .cards-grid,.news-grid,.tutorial-grid,.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 860px){
  .navbar{position:relative}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav-menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    background:rgba(0,12,5,.98);
    border:1px solid rgba(57,255,20,.22);
    border-radius:0 0 18px 18px;
    box-shadow:0 16px 28px rgba(0,0,0,.45);
  }
  .nav-menu.is-open{display:flex}
  .nav-menu li{list-style:none}
  .nav-menu a{display:flex;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
  .brand-logo-img,.eit-header-logo-img{height:52px;max-width:76px}
  .brand-logo-text,.eit-header-brand-text{transform:scale(.92);transform-origin:left center}
  .hero,.compact-hero,.hero-compact,.split-section,.review-layout,.review-grid,.pros-cons{grid-template-columns:1fr}
  .hero{padding-left:22px!important;padding-right:22px!important}
  .hero-visual{min-height:260px}
  .tech-orb,.page-visual{width:min(280px,78vw)}
  .status-card{flex-direction:column}
}

@media (max-width: 620px){
  .navbar{width:min(100% - 22px,var(--max));gap:12px}
  .brand-logo,.eit-logo-image-link{gap:10px!important}
  .brand-logo-img,.eit-header-logo-img{height:44px;max-width:66px}
  .brand-logo-title,.brand-logo-tech,.eit-header-brand-main,.eit-header-brand-tech{font-size:.9rem}
  h1{font-size:clamp(2.25rem,14vw,4rem)}
  .cards-grid,.news-grid,.tutorial-grid,.reviews-grid{grid-template-columns:1fr}
  .section,.news-section,.review-section{width:min(100% - 26px,var(--max))}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
}