.content-page { padding-bottom: 8rem; }
.content-hero { min-height: 68vh; padding: clamp(5rem, 11vw, 10rem) clamp(1.25rem, 8vw, 9rem); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-bottom: 1px solid var(--rule); }
.content-hero h1 { max-width: 11ch; }
.content-hero > p:not(.eyebrow) { max-width: 46ch; color: var(--muted); font-size: 1.1rem; margin: 2rem 0; }
.comparison-register, .content-section, .faq-list, .case-study { margin: 0 auto; width: min(100% - 2.5rem, 76rem); }
.comparison-register article { display: grid; grid-template-columns: minmax(16rem,.7fr) 1fr; gap: 4rem; padding: 3rem 0; border-bottom: 1px solid var(--rule-strong); }
.comparison-register header { display: grid; grid-template-columns: 3rem 1fr; align-content: start; }
.comparison-register header span { color: var(--mark); font-family: var(--font-mono); }
.comparison-register h2 { margin: 0; font-size: 2.4rem; }
.comparison-register header p { grid-column: 2; color: var(--muted); }
.comparison-register li { margin: .7rem 0; }
.content-section { padding: 8rem 0; }
.content-section h2 { max-width: 14ch; margin-bottom: 2rem; }
.content-section > p:not(.eyebrow) { max-width: 48rem; color: var(--muted); font-size: 1.1rem; }
.text-register { margin-top: 3rem; border-top: 1px solid var(--rule-strong); }
.text-register article { display: grid; grid-template-columns: 14rem 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--rule-strong); }
.text-register h3, .text-register p { margin: 0; }
.text-register p { color: var(--muted); }
.faq-list { padding-top: 4rem; }
.faq-list details { border-bottom: 1px solid var(--rule-strong); padding: 1.5rem 0; }
.faq-list summary { cursor: pointer; font-size: 1.2rem; font-weight: 650; }
.faq-list p { max-width: 48rem; color: var(--muted); }
.case-study { padding: 6rem 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 5rem; align-items: center; }
.case-image { min-height: 34rem; overflow: hidden; }
.case-image img { width: 100%; height: 100%; object-fit: cover; }
.case-study h2 { font-size: clamp(2.5rem,5vw,5rem); margin: 0 0 1rem; }
.case-study p:not(.eyebrow) { color: var(--muted); }

@media (max-width: 800px) {
  .comparison-register article, .text-register article, .case-study { grid-template-columns: 1fr; gap: 1.5rem; }
  .comparison-register header p { grid-column: 2; }
  .case-image { min-height: 20rem; }
}