@media (max-width: 1050px) {
  .navbar__panel { margin-right: 24px; }
  .navbar__links { gap: 1px; }
  .navbar__links a { padding-inline: 9px; font-size: 11px; }
  .hero { min-height: 790px; }
  .hero__grid { gap: 42px; }
  .services-grid, .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: 1.2fr repeat(3, .8fr); gap: 25px; }
}

@media (max-width: 960px) {
  .container { width: min(calc(100% - 30px), var(--container)); }
  .section { padding: 88px 0; }
  .navbar-wrap { top: 10px; }
  .navbar { min-height: 62px; border-radius: 15px; }
  .navbar__toggle { display: grid; width: 42px; height: 42px; place-items: center; }
  .navbar__panel {
    position: fixed;
    top: 83px;
    right: 15px;
    left: 15px;
    display: block;
    max-height: calc(100vh - 105px);
    overflow-y: auto;
    padding: 16px;
    margin: 0;
    border: 1px solid rgba(183, 197, 240, .17);
    border-radius: 18px;
    opacity: 0;
    background: rgba(7, 12, 25, .96);
    box-shadow: 0 30px 80px rgba(0,0,0,.46);
    backdrop-filter: blur(20px);
    transform: translateY(-12px) scale(.98);
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease;
  }
  .navbar__panel.is-open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
  .navbar__links { display: grid; margin-bottom: 14px; }
  .navbar__links a { padding: 12px; font-size: 13px; }
  .navbar__panel .button { width: 100%; }
  .hero { min-height: auto; padding: 130px 0 90px; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__content { max-width: 700px; text-align: center; margin-inline: auto; }
  .hero__hello { margin-inline: auto; }
  .hero__content > p { margin-inline: auto; }
  .hero__actions, .hero__trust { justify-content: center; }
  .hero__visual { min-height: 470px; width: min(100%, 560px); margin-inline: auto; }
  .hero__scroll { display: none; }
  .process-layout, .about-grid, .faq-layout { grid-template-columns: 1fr; }
  .process-intro, .faq-intro { position: static; }
  .process-layout, .faq-layout { gap: 45px; }
  .about-grid { gap: 60px; }
  .about-visual { order: 2; }
  .about-content { order: 1; }
  .testimonials-grid, .blog-grid { grid-template-columns: 1fr 1fr; }
  .testimonial-card:last-child, .post-card:last-child { grid-column: span 2; }
  .footer__grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer__grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .section { padding: 72px 0; }
  .hero { padding-top: 112px; }
  .hero h1 { font-size: clamp(35px, 10vw, 50px); }
  .hero__content > p { font-size: 14px; }
  .hero__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .hero__actions .button { width: 100%; }
  .hero__trust { align-items: flex-start; text-align: right; }
  .hero__visual { min-height: 400px; }
  .code-card { width: calc(100% - 22px); border-radius: 17px; transform: none; animation-name: dockFloat; }
  .code-card__body { padding: 22px 18px 25px; font-size: 11px; }
  .orbit--one { width: 340px; height: 340px; }
  .orbit--two { width: 270px; height: 270px; }
  .tech-dock { right: 50%; bottom: 5px; padding: 10px 12px; transform: translateX(50%); animation: none; }
  .tech-chip { width: 34px; height: 34px; }
  .floating-note--top { left: 0; top: 8px; }
  .floating-note--bottom { right: 0; bottom: 68px; }
  .section-heading { margin-bottom: 38px; }
  .services-grid, .projects-grid, .testimonials-grid, .blog-grid { grid-template-columns: 1fr; }
  .testimonial-card:last-child, .post-card:last-child { grid-column: auto; }
  .project-card__media { height: 205px; }
  .process-list::before { right: 24px; }
  .process-item { grid-template-columns: 50px 1fr; gap: 16px; }
  .process-item__number { width: 50px; height: 50px; border-radius: 14px; font-size: 12px; }
  .about-visual { min-height: 420px; }
  .about-window { width: calc(100% - 28px); }
  .about-orbit-label--one { right: 0; }
  .about-orbit-label--two { left: 0; }
  .stats-panel { grid-template-columns: repeat(2, 1fr); margin-top: 65px; }
  .stat-item:nth-child(3)::before { display: none; }
  .stat-item:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
  .cta-card { display: block; }
  .cta-card__actions { display: grid; margin-top: 25px; }
  .cta-card__actions .button { width: 100%; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__about, .footer__grid > div:last-child { grid-column: 1 / -1; }
  .footer__bottom { display: grid; gap: 8px; text-align: center; }
  .back-to-top { left: 14px; bottom: 14px; }
}

@media (max-width: 390px) {
  .container { width: min(calc(100% - 22px), var(--container)); }
  .hero__hello { font-size: 11px; }
  .hero h1 { font-size: 33px; }
  .hero__trust { display: block; }
  .hero__avatars { justify-content: center; margin-bottom: 10px; }
  .hero__trust > div:last-child { text-align: center; }
  .code-card__body { font-size: 10px; }
  .floating-note { display: none; }
  .service-card, .testimonial-card { padding: 22px; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__about, .footer__grid > div:last-child { grid-column: auto; }
}