@media (max-width: 1040px) {
  .feature-hero {
    grid-template-columns: 1fr;
    gap: 42px;
    padding-top: 28px;
  }

  .feature-hero-copy {
    max-width: 780px;
  }

  .feature-hero-visual {
    width: min(820px, 100%);
  }

  .feature-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-proof-strip > div:nth-child(2) {
    border-right: 0;
  }

  .feature-proof-strip > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--theme-border);
  }

  .feature-workflow {
    padding: 58px 44px;
  }

  .feature-split-section {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .feature-detail-panel {
    min-height: 390px;
  }

  .feature-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .feature-shell,
  .feature-footer {
    width: min(100% - 32px, 1180px);
  }

  .feature-shell {
    padding-top: 32px;
  }

  .feature-breadcrumbs {
    margin-bottom: 12px;
  }

  .feature-hero {
    min-height: 0;
    gap: 34px;
    padding: 28px 0 60px;
  }

  .feature-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
    line-height: 1.01;
  }

  .feature-hero-lead {
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.65;
  }

  .feature-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 26px;
  }

  .feature-primary-action,
  .feature-secondary-action {
    width: 100%;
  }

  .feature-trust-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .feature-hero-visual {
    padding: 10px;
    border-radius: 20px;
  }

  .feature-hero-visual img {
    border-radius: 13px;
  }

  .feature-demo-stage {
    min-height: 0;
    padding: 14px;
  }

  .feature-demo-window {
    border-radius: 16px;
  }

  .feature-translation-window {
    padding: 14px 12px 12px;
  }

  .feature-export-window .export-modal-header {
    min-height: 60px;
    padding: 0 18px;
  }

  .feature-export-window .export-modal-body {
    padding: 18px;
  }

  .feature-export-window .export-type-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .feature-export-window .export-modal-footer {
    padding: 0 18px 18px;
  }

  .feature-demo-titlebar {
    min-height: 64px;
    padding: 11px 12px;
  }

  .feature-demo-titlebar h2 {
    font-size: 16px;
  }

  .feature-demo-count {
    display: none;
  }

  .feature-demo-body {
    gap: 10px;
    padding: 13px;
  }

  .feature-export-types {
    grid-template-columns: 1fr;
  }

  .feature-export-type {
    min-height: 82px;
  }

  .feature-demo-submit-row {
    align-items: center;
  }

  .feature-export-actions .feature-demo-secondary,
  .feature-export-actions .feature-demo-primary {
    flex: 1 1 0;
  }

  .feature-visual-note {
    position: static;
    max-width: none;
    margin-top: 10px;
  }

  .feature-proof-strip {
    grid-template-columns: 1fr;
  }

  .feature-proof-strip > div {
    min-height: 88px;
    padding: 16px 4px;
    border-right: 0;
    border-bottom: 1px solid var(--theme-border);
  }

  .feature-proof-strip > div:last-child {
    border-bottom: 0;
  }

  .feature-section {
    padding: 78px 0;
  }

  .feature-section-heading {
    margin-bottom: 30px;
  }

  .feature-section-heading h2,
  .feature-split-copy h2 {
    font-size: 34px;
  }

  .feature-value-grid,
  .feature-workflow-list,
  .feature-use-grid,
  .feature-related,
  .feature-faq-list {
    grid-template-columns: 1fr;
  }

  .feature-value-card {
    min-height: 240px;
  }

  .feature-value-card:nth-child(2) {
    transform: none;
  }

  .feature-workflow {
    margin-left: -4px;
    margin-right: -4px;
    padding: 38px 24px;
    border-radius: 24px;
  }

  .feature-workflow-list {
    gap: 30px;
  }

  .feature-workflow-list li {
    padding: 0 0 0 58px;
  }

  .feature-workflow-list li::before {
    top: 0;
  }

  .feature-workflow-list li:not(:last-child)::after {
    top: 50px;
    bottom: -22px;
    left: 22px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--feature-accent) 42%, transparent), transparent);
  }

  .feature-split-section {
    gap: 34px;
  }

  .feature-detail-panel {
    min-height: 340px;
    padding: 28px 22px;
  }

  .feature-detail-panel blockquote {
    font-size: 23px;
  }

  .feature-instruction-demo > div {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .feature-format-demo {
    grid-template-columns: 1fr;
  }

  .feature-use-card {
    min-height: 180px;
  }

  .feature-cta {
    grid-template-columns: 1fr;
    margin-bottom: 62px;
    padding: 38px 26px;
  }

  .feature-footer {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 18px;
  }

  .feature-footer nav {
    justify-content: flex-start;
  }
}