.comparison-hero { background: var(--color-white); border-bottom: 1px solid var(--color-border); padding: var(--space-xl) 0 var(--space-4xl); overflow: hidden; }
.breadcrumbs { display: flex; gap: var(--space-sm); color: var(--color-text-muted); font-size: 0.85rem; margin-bottom: var(--space-3xl); }
.breadcrumbs a:hover { color: var(--color-primary); }
.comparison-hero-layout, .comparison-intro-grid, .equipment-layout, .faq-layout { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(2rem, 7vw, 7rem); align-items: center; }
.comparison-eyebrow { display: inline-block; color: var(--color-primary); font-family: var(--font-heading); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: var(--space-md); }
.comparison-hero h1 { max-width: 10ch; margin-bottom: var(--space-lg); }
.comparison-hero p { color: var(--color-text-muted); max-width: 38rem; }
.comparison-hero-actions, .comparison-cta > .container > div { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-top: var(--space-xl); }
.comparison-promise { position: relative; background: var(--color-secondary); color: var(--color-white); padding: clamp(2rem, 5vw, 4rem); min-height: 22rem; display: flex; flex-direction: column; justify-content: end; overflow: hidden; }
.comparison-promise-number { position: absolute; top: -.2em; right: .04em; font-family: var(--font-heading); font-size: 14rem; line-height: 1; color: rgba(255,255,255,.06); font-weight: 700; }
.comparison-promise h2, .comparison-promise p { position: relative; z-index: 1; }
.comparison-promise h2 { margin-bottom: var(--space-md); }
.comparison-promise p { color: rgba(255,255,255,.72); }
.comparison-intro { background: #f7f7f7; }
.comparison-intro h2, .equipment-layout h2, .faq-heading h2 { margin-top: var(--space-sm); }
.comparison-intro p + p { margin-top: var(--space-lg); color: var(--color-text-muted); }
.comparison-checklist-section { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.comparison-checklist { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); }
.comparison-checklist li { display: flex; gap: var(--space-md); padding: var(--space-xl); border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.comparison-checklist li > span { color: var(--color-primary); font-family: var(--font-heading); font-weight: 700; font-size: 1.25rem; }
.comparison-checklist h3 { margin-bottom: var(--space-sm); }
.comparison-checklist p { color: var(--color-text-muted); font-size: .9rem; }
.equipment-section { background: var(--color-secondary); color: var(--color-white); }
.equipment-layout { align-items: start; }
.equipment-layout p { color: rgba(255,255,255,.72); margin-top: var(--space-lg); max-width: 32rem; }
.equipment-list { border-top: 1px solid rgba(255,255,255,.25); }
.equipment-list li { padding: var(--space-md) 0 var(--space-md) 1.5rem; border-bottom: 1px solid rgba(255,255,255,.25); position: relative; }
.equipment-list li::before { content: '→'; position: absolute; left: 0; color: #ff8a9e; }
.faq-section { background: var(--color-white); }
.faq-layout { align-items: start; }
.faq-heading { position: sticky; top: calc(var(--header-height) + var(--space-lg)); }
.faq-heading p { color: var(--color-text-muted); margin-top: var(--space-lg); }
.faq-list details { border-top: 1px solid var(--color-border); }
.faq-list details:last-child { border-bottom: 1px solid var(--color-border); }
.faq-list summary { list-style: none; cursor: pointer; font-family: var(--font-heading); font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 600; text-transform: uppercase; line-height: 1.15; padding: var(--space-lg) 2.5rem var(--space-lg) 0; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; right: .15rem; top: 50%; transform: translateY(-50%); color: var(--color-primary); font-family: var(--font-body); font-size: 1.75rem; font-weight: 400; }
.faq-list details[open] summary::after { content: '−'; }
.faq-list details p { padding: 0 var(--space-xl) var(--space-xl) 0; color: var(--color-text-muted); }
.comparison-cta { text-align: center; padding: var(--space-4xl) 0; background: var(--color-watermark); }
.comparison-cta h2 { max-width: 16ch; margin: var(--space-sm) auto var(--space-lg); }
.comparison-cta p { color: var(--color-text-muted); max-width: 42rem; margin: 0 auto; }
.comparison-cta > .container > div { justify-content: center; }
@media (max-width: 900px) { .comparison-hero-layout, .comparison-intro-grid, .equipment-layout, .faq-layout { grid-template-columns: 1fr; gap: var(--space-2xl); } .comparison-promise { min-height: 16rem; } .comparison-checklist { grid-template-columns: repeat(2, 1fr); } .faq-heading { position: static; } }
@media (max-width: 600px) { .comparison-hero { padding-bottom: var(--space-3xl); } .breadcrumbs { margin-bottom: var(--space-xl); } .comparison-checklist { grid-template-columns: 1fr; } .comparison-checklist li { padding: var(--space-lg); } .comparison-hero-actions .btn, .comparison-cta .btn { width: 100%; } }