@media (max-width: 1100px) {
  :root { --shell: min(100% - 36px, 960px); }
  .desktop-nav { display: none; }
  .header-inner { grid-template-columns: 1fr auto; }
  .menu-toggle { display: block; }
  .header-contact { display: none; }

  .hero-layout {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: auto;
    padding-top: 82px;
  }
  .hero-copy { max-width: 790px; }
  .hero-copy h1 { max-width: 800px; font-size: clamp(62px, 9vw, 90px); }
  .hero-visual { width: 115%; min-width: 0; margin: -28px -8% -40px; justify-self: center; }
  .visual-caption { right: 18%; bottom: 15%; }
  .ecosystem-stat { margin-top: -10px; }

  .product-panel { grid-template-columns: 1fr; gap: 28px; }
  .product-copy { padding: 10px 10px 0; }
  .product-media { min-height: 500px; }
  .product-stage,
  .product-panel { min-height: auto; }

  .principles-intro,
  .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .principles-intro p,
  .section-heading p { max-width: 700px; }

  .method-list { grid-template-columns: repeat(2, 1fr); }
  .method-list li:nth-child(2) { border-right: 0; }
  .method-list li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .contact-card { grid-template-columns: 1fr; align-items: start; }
  .contact-card > .button { justify-self: start; }
  .teaser-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root {
    --shell: calc(100% - 28px);
    --header-height: 72px;
    --radius-lg: 25px;
  }

  .section { padding: 84px 0; }
  .brand { gap: 9px; font-size: 16px; }
  .brand-mark { width: 42px; height: 42px; border-radius: 13px; }
  .language-switch button { width: 34px; height: 32px; font-size: 12px; }
  .header-actions { gap: 8px; }
  .menu-toggle { width: 44px; height: 44px; }

  .hero { min-height: auto; }
  .hero-grid { background-size: 42px 42px; }
  .hero-layout { padding: 60px 0 20px; }
  .hero-copy h1 {
    max-width: 570px;
    font-size: clamp(50px, 15vw, 72px);
    line-height: .91;
    letter-spacing: -.065em;
  }
  .hero-copy > p { margin-top: 24px; font-size: 19px; line-height: 1.45; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 10px; margin-top: 30px; }
  .hero-actions .button { width: 100%; }
  .hero-actions .text-link { justify-content: center; }
  .hero-signals { gap: 13px 18px; margin-top: 26px; }
  .hero-visual { width: 142%; margin: -8px -22% -24px; }
  .hero-visual img { mask-image: radial-gradient(ellipse 68% 72% at 55% 48%, black 43%, transparent 78%); }
  .visual-caption { right: 24%; bottom: 15%; padding: 12px 14px; font-size: 11px; }
  .ecosystem-stat { align-items: flex-start; padding: 22px 0; }
  .ecosystem-stat p { font-size: 13px; }
  .ecosystem-stat > span { white-space: nowrap; }

  .section-heading { margin-bottom: 34px; }
  .section-heading h2,
  .principles-intro h2,
  .contact-card h2 { font-size: clamp(40px, 12vw, 58px); }
  .section-heading p,
  .principles-intro p,
  .contact-card p { font-size: 17px; }

  .product-selector {
    display: flex;
    gap: 9px;
    margin-right: calc(var(--shell) / -2 + 50%);
    margin-left: calc(var(--shell) / -2 + 50%);
    padding: 0 14px 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .product-selector::-webkit-scrollbar { display: none; }
  .product-tab {
    grid-template-columns: 40px auto;
    min-width: 230px;
    min-height: 78px;
    padding: 14px 16px;
    scroll-snap-align: start;
  }
  .product-number { width: 40px; height: 40px; border-radius: 12px; }
  .product-tab strong { font-size: 16px; }

  .product-panel { gap: 24px; padding: 22px; }
  .product-copy { padding: 20px 2px 2px; }
  .product-copy h3 { margin: 14px 0 18px; font-size: clamp(42px, 12vw, 58px); }
  .product-copy > p { font-size: 16px; }
  .feature-list { margin: 22px 0 26px; }
  .button-product { width: 100%; }
  .product-media { min-height: 390px; border-radius: 20px; }
  .job-overlay { right: 12px; bottom: 12px; left: 12px; grid-template-columns: 1fr; }
  .job-overlay > div:first-child { display: none; }
  .health-media { padding: 25px 0 0 25px; }
  .health-media img { width: 135%; height: calc(100% - 12px); }
  .network-map { width: 92%; height: 330px; transform: scale(.88); }
  .branch { min-width: 92px; padding: 11px; }
  .branch-main { left: calc(50% - 50px); min-width: 100px; }
  .network-metric { right: 12px; bottom: 12px; min-width: 154px; }

  .principles-grid { grid-template-columns: 1fr; }
  .principles-intro { gap: 20px; margin-bottom: 24px; }
  .principle-card,
  .principle-card-wide { min-height: 360px; padding: 26px; }
  .principle-card h3 { right: 26px; bottom: 70px; left: 26px; font-size: 25px; }
  .principle-card p { right: 26px; bottom: 28px; left: 26px; }
  .flow-visual { gap: 5px; padding-inline: 0; }
  .flow-visual span { width: 46px; height: 46px; border-radius: 14px; }
  .modular-visual { grid-template-columns: repeat(3, 62px); }

  .method-list { grid-template-columns: 1fr; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
  .method-list li { min-height: 200px; border-right: 0; border-bottom: 1px solid var(--line); }
  .method-list li:last-child { border-bottom: 0; }
  .method-list li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .contact { padding-top: 0; }
  .contact-card { min-height: 470px; padding: 34px 26px; gap: 36px; }
  .contact-card > .button { width: 100%; align-self: end; }
  .contact-orbit { right: -280px; }

  .footer-grid { grid-template-columns: 1fr; gap: 42px; padding-bottom: 44px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .teaser-card { min-height: 128px; padding: 20px; }
  .teaser-cta { width: 100%; }
}

@media (max-width: 390px) {
  .brand > span:last-child { max-width: 106px; line-height: 1.05; }
  .hero-copy h1 { font-size: 50px; }
  .hero-signals { display: grid; grid-template-columns: 1fr 1fr; }
  .hero-signals > span:last-child { grid-column: 1 / -1; }
  .visual-caption { right: 22%; max-width: 190px; }
  .product-panel { padding: 17px; }
  .product-media { min-height: 350px; }
  .network-map { transform: scale(.76); }
}