.home-section { padding: 48px 0; }
.home-section + .home-section { border-top: 1px solid var(--line); }
.product-hero { padding-top: var(--space-6); padding-bottom: var(--space-8); text-align: center; }
.product-hero .eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 0; }
.product-hero .eyebrow::before { content: ""; width: 6px; height: 6px; background: var(--accent); border-radius: 50%; }
.product-hero .lead { margin-inline: auto; }
.hero-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-top: var(--space-4); }
.product-visual { margin: var(--space-6) 0 0; }
.product-visual img { display: block; width: 100%; max-width: 1280px; height: auto; aspect-ratio: 16 / 9; margin-inline: auto; }
.product-visual figcaption { max-width: 880px; margin: var(--space-3) auto 0; color: var(--muted); font-size: 13px; line-height: 1.8; text-align: left; }
.product-visual figcaption span { display: block; margin-top: 4px; }

@media (max-width: 720px) {
  .home-section { padding: 32px 0; }
  .product-hero { padding-top: var(--space-3); padding-bottom: var(--space-6); }
  .product-hero .lead { max-width: 320px; }
  .hero-actions { gap: var(--space-2) var(--space-3); margin-top: var(--space-3); }
  .product-visual { margin-top: var(--space-4); }
  .product-visual figcaption { margin-top: var(--space-2); }
}

/* The confirmed hero above stays unchanged; the narrative continues below. */
.story-section { padding-block: 88px; }
.title-phrase { display: inline-block; }
html:lang(en) .title-phrase { display: inline; }
.story-title { font-size: clamp(28px, 3.2vw, 42px); line-height: 1.35; font-weight: 650; letter-spacing: -.025em; margin-bottom: 24px; text-wrap: balance; }
.section-intro { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 48px; margin-bottom: 48px; }
.section-intro .story-title { margin-bottom: 0; }
.section-summary { max-width: 540px; font-size: 18px; }
.benefits-visual { margin: 0 0 48px; }
.benefits-visual img { display: block; width: 100%; height: auto; }
.benefit-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; margin-bottom: 24px; background: #e8edf0; }
.benefit-image-placeholder { aspect-ratio: 16 / 9; margin-bottom: 24px; border: 1px solid var(--line); background: linear-gradient(135deg, #e8edf0, #f1f3f5); }
.benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.benefit { border-top: 2px solid var(--accent); padding-top: 24px; }
.benefit .dimension { color: var(--action); font-size: 20px; font-weight: 600; margin: 0 0 16px; }
.benefit h3 { font-size: 22px; line-height: 1.5; font-weight: 600; margin: 0 0 16px; }
.benefit > p:last-child { margin: 0; }
.technology-section { background: #202a30; color: #f5f6f7; padding: 64px; }
.home-section + .technology-section { border-top: 0; }
.technology-section p, .technology-section dd { color: #d0d8de; }
.technology-section .eyebrow { color: var(--accent); margin-top: 0; }
.technology-lead { max-width: 720px; font-size: 18px; }
.system-parts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 48px 0 32px; }
.system-parts > div { border-top: 1px solid #62727b; padding-top: 24px; }
.system-parts dt { font-size: 20px; font-weight: 600; }
.system-parts dt span { display: block; color: var(--accent); font-size: 13px; font-weight: 400; letter-spacing: .1em; margin-bottom: 16px; }
.system-parts dd { margin: 16px 0 0; }
.technology-note { font-size: 13px; max-width: 760px; margin-bottom: 0; }
.tests-section, .software-section { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 80px; }
.home-section.technology-section + .tests-section { border-top: 0; }
.evidence-dimensions { margin: 0; }
.evidence-dimensions > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.evidence-dimensions > div:first-child { padding-top: 0; }
.evidence-dimensions dt { font-weight: 600; }
.evidence-dimensions dd { margin: 0; color: var(--muted); }
.software-section .secondary-action { margin-top: 16px; }
.software-note { font-size: 13px; max-width: 410px; }
.software-features { list-style: none; padding: 0; margin: 0; }
.software-features li { padding: 22px 0; border-bottom: 1px solid var(--line); }
.software-features li:first-child { padding-top: 0; }
.software-features h3 { font-size: 22px; font-weight: 600; margin: 0 0 8px; }
.software-features p { margin: 0; }
.experience-section { text-align: center; padding-block: 96px; }
.experience-section .story-title { max-width: 780px; margin-inline: auto; }
.experience-section .button { margin-top: 24px; }

@media (max-width: 900px) {
  .section-intro { grid-template-columns: 1fr; gap: 16px; }
  .benefits { gap: 24px; }
  .tests-section, .software-section { gap: 40px; }
  .technology-section { padding: 40px; }
  .system-parts { gap: 24px; }
  .evidence-dimensions > div { grid-template-columns: 1fr; gap: 8px; }
}

@media (max-width: 720px) {
  .story-section { padding-block: 48px; }
  .section-intro { margin-bottom: 32px; }
  .benefits, .tests-section, .software-section { grid-template-columns: 1fr; gap: 32px; }
  .benefits-visual { margin-bottom: 32px; }
  .benefit { padding-top: 20px; }
  .technology-section { padding: 32px 24px; }
  .system-parts { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; }
  .system-parts dt span { display: inline; margin-right: 12px; }
  .system-parts dd { margin-top: 12px; }
  .experience-section { padding-block: 64px; }
}