@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav, .header-actions .text-button { display: none; }
  .menu-toggle { display: block; }
  .header-actions .btn { display: none; }
  .section-heading { grid-template-columns: .55fr 1.45fr; }
  .section-heading > p:last-child { grid-column: 2; }
  .canvas-body { grid-template-columns: 1fr 60px 1fr; }
  .solution-grid { grid-template-columns: 1fr 1fr; }
  .solution-card { grid-template-columns: 1fr; }
  .solution-card--large { min-height: 620px; }
  .technology { gap: 55px; }
}

@media (max-width: 820px) {
  .hero { min-height: auto; padding-top: 10.5rem; }
  .hero-title { font-size: clamp(3.7rem, 15vw, 6.8rem); }
  .workflow-stage { grid-template-columns: 1fr; }
  .workflow-rail { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .workflow-tab { flex: 1; min-width: max-content; }
  .workflow-canvas { min-height: 560px; }
  .capability-row { grid-template-columns: 48px 1fr 48px; }
  .row-meta { display: none; }
  .capability-intro { grid-template-columns: 1fr; gap: 8px; }
  .solutions-head { align-items: flex-start; flex-direction: column; }
  .solution-grid { grid-template-columns: 1fr; }
  .solution-card, .solution-card--large { grid-template-columns: 1fr 1fr; min-height: 380px; }
  .solution-card--large { grid-row: auto; }
  .technology { grid-template-columns: 1fr; }
  .studio-visual { max-width: 650px; width: 100%; margin: auto; }
  .closing-inner { min-height: 560px; }
}

@media (max-width: 600px) {
  .site-header { top: 10px; width: calc(100% - 20px); padding-left: 14px; }
  .brand img { width: 124px; }
  .hero { padding-inline: 15px; }
  .hero-copy { margin-bottom: 34px; }
  .hero-title { font-size: clamp(3.4rem, 18vw, 5.4rem); line-height: .9; }
  .intent-composer { min-height: 260px; padding: 16px; border-radius: 22px; }
  .composer-topline > span:nth-child(2) { max-width: 190px; }
  .composer-tags { display: none; }
  .composer-prompt { min-height: 105px; }
  .signal-strip { gap: 10px; }
  .section-heading { grid-template-columns: 1fr; gap: 10px; }
  .section-heading > p:last-child { grid-column: 1; margin-top: 20px; }
  .section-heading h2, .solutions-head h2, .studio-copy h2, .closing h2 { font-size: clamp(2.8rem, 13vw, 4.3rem); }
  .platform, .capabilities, .solutions, .technology { padding-inline: 16px; }
  .workflow-stage { border-radius: 24px; }
  .workflow-rail { padding: 12px; }
  .workflow-tab { padding: 13px 10px; }
  .workflow-canvas { min-height: 650px; padding: 14px; }
  .canvas-header { grid-template-columns: 1fr 1fr; }
  .canvas-header > :nth-child(2) { display: none; }
  .canvas-body { grid-template-columns: 1fr; gap: 18px; padding-block: 24px; }
  .flow-line { width: 1px; height: 45px; justify-self: center; flex-direction: column; }
  .flow-line::before { width: 1px; height: 100%; background: linear-gradient(var(--color-border),var(--color-accent)); }
  .flow-node { min-height: 0; padding: 23px; }
  .capability-row { grid-template-columns: 34px 1fr; gap: 12px; }
  .capability-row button { display: none; }
  .solution-card, .solution-card--large { grid-template-columns: 1fr; min-height: 570px; }
  .solution-art { min-height: 300px; }
  .technology { gap: 48px; }
  .studio-visual { border-radius: 24px; }
  .studio-core { width: 125px; height: 125px; }
  .orbit-label { font-size: .6rem; }
  .closing { padding: 10px 10px 50px; }
  .closing-inner { min-height: 610px; padding: 48px 26px; border-radius: 26px; }
  .closing-actions { flex-direction: column; align-items: stretch; }
  .footer-lead { align-items: flex-start; flex-direction: column; gap: 30px; }
  .footer-lead p { text-align: left; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-links > div:last-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 8px; }
  .modal-panel { padding: 42px 24px 28px; border-radius: 22px; }
}