@scope (.design-stack-product) {
    .hero-grid { grid-template-columns: 1.1fr .9fr; }
    .hero-media img { border-radius: 24px; }
    .module-rule { padding: 34px 0; background: var(--dark); }
    .module-rule-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 34px; align-items: center; }
    .module-rule-copy { color: var(--white); }
    .module-rule-copy strong { display: block; margin-bottom: 8px; font-size: 1.25rem; }
    .module-rule-copy span { color: rgba(255,255,255,.67); font-size: .8rem; }
    .module-formula { display: grid; grid-template-columns: repeat(7,auto); gap: 10px; align-items: center; justify-content: end; }
    .module-block { min-width: 90px; padding: 17px 12px; border-radius: 13px; color: var(--dark); background: var(--lime); text-align: center; font-weight: 900; }
    .module-symbol { color: var(--white); font-size: 1.25rem; font-weight: 900; }
    .product-grid { grid-template-columns: repeat(3,1fr); }
    .step-grid { grid-template-columns: repeat(2,1fr); }
    .step-card { border-left: 5px solid var(--green); border-top: 1px solid var(--line); }
    .ladder { align-items: stretch; }
    .ladder-item { min-height: 180px !important; }
    @media (max-width: 700px) {
      .module-rule-grid, .product-grid, .step-grid { grid-template-columns: 1fr; }
      .module-formula { grid-template-columns: 1fr; justify-content: stretch; }
      .module-symbol { text-align: center; }
    }
  }