.home-hero { display: grid; gap: var(--space-5); margin-block-end: var(--space-6); }
.home-hero > * { min-width: 0; }
.home-hero h1 { font-size: var(--text-display); line-height: var(--leading-tight); max-width: 14ch; margin-block-end: var(--space-4); }
.home-hero-text { max-width: var(--measure); }
.home-subtitle { margin-block-end: var(--space-3); }
.home-hero-text .product-status { margin-block: 0 var(--space-4); }
.home-role { color: var(--muted); margin-block-end: var(--space-4); }
.home-hero-actions { margin-block-end: var(--space-5); }
.home-hero-actions .button { flex: 1 1 220px; justify-content: center; }
.home-hero-figure { display: none; margin: 0; }
.home-hero-figure .illustration { width: 100%; max-width: 420px; height: auto; display: block; }
.home-hero-calc { scroll-margin-top: var(--space-4); }
.home-hero-calc-note { margin: 0; font-size: var(--text-legal); color: var(--muted); max-width: var(--measure); }
@media (min-width: 1024px) {
  .home-hero { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--space-7); align-items: start; }
  .home-hero-figure { display: block; }
  .home-hero-actions .button { flex: 0 1 auto; }
}

.home-section { padding-block: var(--space-7); scroll-margin-top: var(--space-4); }
.home-section > h2:first-child, .home-section .lead { margin-block-end: var(--space-4); }
.home-after-table { max-width: var(--measure); margin-block-start: var(--space-4); }

.home-mechanics .data-table th[scope="row"] a { font-weight: var(--weight-bold); }

.home-result-grid { display: grid; gap: var(--space-5); align-items: start; margin-block-end: var(--space-5); }
.home-result-text { min-width: 0; max-width: var(--measure); }
.home-result-text .cost-formulas { margin-block: var(--space-4); }
.home-result-figure { margin: 0; min-width: 0; }
.home-result-figure .illustration { width: 100%; max-width: 420px; height: auto; display: block; margin-inline: auto; }
.home-result .accordion-panel { max-width: none; }
.home-result .schedule h3 { margin-block-start: var(--space-3); }
@media (min-width: 900px) {
  .home-result-grid { grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr); gap: var(--space-7); }
}

.home-compare-figures { display: grid; gap: var(--space-4); margin-block-end: var(--space-5); }
.home-compare-figure { padding: var(--space-4) var(--space-5); background: var(--surface); border: var(--border-width) solid var(--line); border-radius: var(--radius-lg); min-width: 0; font-variant-numeric: tabular-nums; }
.home-compare-figure-best { background: var(--success-tint); border-color: var(--success-tint); }
.home-compare-term { margin: 0 0 var(--space-3); font-family: var(--font-display); font-size: var(--text-xl); }
.home-compare-pay, .home-compare-total { margin: 0 0 var(--space-2); display: grid; }
.home-compare-label { font-size: var(--text-sm); color: var(--muted); font-weight: var(--weight-bold); }
.home-compare-pay strong { font-size: var(--text-xl); }
.home-compare-total strong { font-family: var(--font-display); font-size: var(--text-figure); line-height: var(--leading-tight); color: var(--accent); }
.home-compare-cost { margin: 0; color: var(--muted); font-size: var(--text-legal); display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); }
.home-compare-figure-best .home-compare-cost { color: var(--success); font-weight: var(--weight-bold); }
.home-compare-actions { margin-block-start: var(--space-5); align-items: flex-start; }
.home-compare-note { margin: 0; flex: 1 1 320px; font-size: var(--text-legal); color: var(--muted); max-width: var(--measure); }
@media (min-width: 560px) {
  .home-compare-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.home-avantaje-grid { display: grid; gap: var(--space-5); align-items: center; }
.home-avantaje-text { min-width: 0; max-width: var(--measure); }
.home-avantaje-list { list-style: none; margin: 0 0 var(--space-4); padding: 0; display: grid; gap: var(--space-4); }
.home-avantaje-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--space-3); }
.home-avantaje-list .icon { color: var(--primary); width: 28px; height: 28px; margin-block-start: 2px; }
.home-avantaje-list h3 { font-size: var(--text-lg); margin-block-end: var(--space-1); }
.home-avantaje-list p { margin-block-end: var(--space-1); }
.home-avantaje-link a { display: inline-flex; align-items: center; min-height: var(--tap-target); font-weight: var(--weight-bold); }
.home-avantaje-rules { margin: 0; font-size: var(--text-legal); color: var(--muted); }
.home-avantaje-figure { margin: 0; min-width: 0; }
.home-avantaje-figure .illustration { width: 100%; max-width: 420px; height: auto; display: block; margin-inline: auto; }
@media (min-width: 900px) {
  .home-avantaje-grid { grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr); gap: var(--space-7); }
}

.home-before-list { max-width: var(--measure); margin-block-end: var(--space-4); }
.home-before p:last-child { max-width: var(--measure); }

.home-help-grid { display: grid; gap: var(--space-5); align-items: start; }
.home-help-card { padding: var(--space-5); background: var(--accent-tint); border-radius: var(--radius-lg); min-width: 0; }
.home-help-kicker { display: flex; align-items: center; gap: var(--space-2); margin-block-end: var(--space-3); font-weight: var(--weight-bold); font-size: var(--text-lg); }
.home-help-kicker .icon { color: var(--accent); flex: none; }
.home-help-link { width: 100%; justify-content: center; text-align: center; margin-block-start: var(--space-2); }
.home-help-text { min-width: 0; max-width: var(--measure); }
.home-help-list { list-style: none; margin: 0 0 var(--space-4); padding: 0; display: grid; gap: var(--space-3); }
.home-help-text p:last-child { margin: 0; font-size: var(--text-legal); color: var(--muted); }
@media (min-width: 900px) {
  .home-help-grid { grid-template-columns: minmax(280px, 2fr) minmax(0, 3fr); gap: var(--space-7); }
}

.home-questions p:last-child { max-width: var(--measure); }

.hub-intro { margin-block-end: var(--space-4); }
.hub-intro .notice { max-width: var(--measure); margin-block-start: var(--space-4); }
.hub-jump { margin-block-start: var(--space-4); } 

.hub-mechanic { scroll-margin-top: var(--space-4); }
.hub-mechanic-grid { display: grid; gap: var(--space-5); align-items: start; }
.hub-mechanic-text { min-width: 0; max-width: var(--measure); }
.hub-mechanic-text h2 { margin-block-end: var(--space-3); }
.hub-mechanic-text h2 a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 0.15em; }
.hub-mechanic-text h2 a:hover { color: var(--primary); }
.hub-mechanic-example { padding: var(--space-3) var(--space-4); background: var(--primary-tint); border-radius: var(--radius-md); }
.hub-mechanic-text .product-ranges-title { margin-block-start: var(--space-4); }
.hub-mechanic-actions { margin-block-start: var(--space-5); }
.hub-mechanic-figure { margin: 0; min-width: 0; }
.hub-mechanic-figure .illustration { width: 100%; max-width: 440px; height: auto; display: block; margin-inline: auto; }
@media (min-width: 900px) {
  .hub-mechanic-grid { grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr); gap: var(--space-7); }
  .hub-mechanic--alt .hub-mechanic-grid { grid-template-columns: minmax(260px, 2fr) minmax(0, 3fr); }
  .hub-mechanic--alt .hub-mechanic-figure { order: -1; }
}

.hub-categories { max-width: var(--measure); }
.hub-categories > li { padding: var(--space-4) var(--space-5) var(--space-4) calc(var(--space-7) + var(--space-4)); background: var(--surface); border: var(--border-width) solid var(--line); border-radius: var(--radius-lg); scroll-margin-top: var(--space-4); }
.hub-categories > li::before { inset-inline-start: var(--space-4); top: var(--space-4); width: var(--space-6); height: var(--space-6); }
.hub-categories p:last-child { margin: 0; }

.hub-steps { max-width: var(--measure); margin-block-end: var(--space-5); }
.hub-steps p { margin: 0; }

@media print {
  .home-hero-actions, .home-compare-actions, .hub-jump, .hub-mechanic-actions { display: none; }
}