.compare-hero{
  padding:var(--space-9) 0 var(--space-10);
  color:var(--color-ink);
  background:var(--color-warm)
}

.compare-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:var(--space-8);
  align-items:center
}

.compare-hero__inner>*{
  min-width:0
}

.compare-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.compare-hero__copy h1,
.compare-hero__copy p{
  margin-bottom:0
}

.compare-hero__copy h1{
  max-width:12ch
}

.compare-hero__lead{
  max-width:42rem;
  color:var(--color-muted)
}

.compare-hero__facts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-5)
}

.compare-hero__facts div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-4);
  border-radius:var(--radius-control);
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-hero__facts strong{
  font:600 var(--text-xl)/1 var(--font-mono);
  font-variant-numeric:tabular-nums
}

.compare-hero__facts span{
  color:var(--color-muted);
  font-size:var(--text-xs)
}

.compare-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:8px;
  margin-top:var(--space-5)
}

.compare-board{
  min-width:0;
  border-radius:var(--radius-panel);
  overflow:hidden;
  color:var(--color-ink);
  background:var(--color-surface);
  box-shadow:var(--shadow-float)
}

.compare-board__head{
  display:grid;
  grid-template-columns:minmax(0,max-content) minmax(0,1fr);
  gap:var(--space-6);
  align-items:end;
  padding:var(--space-6);
  color:var(--color-white);
  background:var(--color-dark)
}

.compare-board__head div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px
}

.compare-board__head span{
  color:var(--color-accent);
  font:650 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.09em
}

.compare-board__head strong{
  color:var(--color-white);
  font:500 var(--text-xl)/1 var(--font-mono)
}

.compare-board__head p{
  max-width:25rem;
  margin:0;
  color:var(--color-faint);
  font-size:var(--text-sm)
}

.compare-board__body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  padding:var(--space-2)
}

.compare-board__cell{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-board__cell span{
  color:var(--color-primary);
  font:650 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.05em
}

.compare-board__cell strong{
  color:var(--color-ink);
  font-size:var(--text-base)
}

.compare-board__cell p{
  margin:0;
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.compare-board__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-4) var(--space-5);
  color:var(--color-ink-soft);
  background:var(--color-accent-soft);
  font-size:var(--text-xs)
}

.compare-board__foot b{
  color:var(--color-ink);
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums
}

.compare-board__status{
  display:inline-flex;
  align-items:center;
  gap:8px
}

.compare-board__status i{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--color-success)
}

.compare-eyebrow{
  display:block;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em
}

.page-heading>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.page-heading h2,
.page-heading p{
  margin-bottom:0
}

.compare-spec-table caption,
.compare-storage-table caption{
  padding:var(--space-3) var(--space-4);
  color:var(--color-muted);
  background:var(--color-white);
  font-size:var(--text-xs);
  text-align:left
}

.compare-spec-table th[scope="row"]{
  min-width:13rem
}

.compare-spec-table th[scope="row"] strong{
  display:block;
  margin-top:8px;
  color:var(--color-ink)
}

.compare-model-code{
  display:block;
  color:var(--color-faint);
  font:600 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.05em
}

.compare-table-note{
  margin-top:var(--space-5)
}

.compare-table-note strong,
.compare-table-note p,
.compare-payment strong,
.compare-payment p{
  margin-bottom:0
}

.compare-table-note,
.compare-payment{
  display:flex;
  flex-direction:column;
  gap:8px
}

.compare-table-note p,
.compare-payment p{
  color:var(--color-muted)
}

.compare-advisor-grid{
  align-items:start
}

.compare-advisor-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white);
  box-shadow:var(--shadow-soft)
}

.compare-advisor-card--featured{
  color:var(--color-ink);
  background:var(--color-accent-soft)
}

.compare-advisor-card--dark{
  color:var(--color-white);
  background:var(--color-dark)
}

.compare-advisor-card__code{
  display:block;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font:650 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.compare-advisor-card--dark .compare-advisor-card__code{
  color:var(--color-accent)
}

.compare-advisor-card__copy{
  display:flex;
  flex-direction:column;
  gap:8px
}

.compare-advisor-card__copy h3,
.compare-advisor-card__copy p{
  margin-bottom:0
}

.compare-advisor-card__copy p{
  color:var(--color-muted)
}

.compare-advisor-card--dark .compare-advisor-card__copy h3{
  color:var(--color-white)
}

.compare-advisor-card--dark .compare-advisor-card__copy p{
  color:var(--color-faint)
}

.compare-advisor-card__signals{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  margin:0
}

.compare-advisor-card__signals div{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-4);
  border-radius:var(--radius-control);
  color:var(--color-ink);
  background:var(--color-surface)
}

.compare-advisor-card--featured .compare-advisor-card__signals div{
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-advisor-card--dark .compare-advisor-card__signals div{
  color:var(--color-white);
  background:var(--color-ink-soft)
}

.compare-advisor-card__signals dt{
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:700
}

.compare-advisor-card--dark .compare-advisor-card__signals dt{
  color:var(--color-accent)
}

.compare-advisor-card__signals dd{
  margin:0;
  color:var(--color-ink-soft);
  font-size:var(--text-sm)
}

.compare-advisor-card--dark .compare-advisor-card__signals dd{
  color:var(--color-white)
}

.compare-advisor-card>.c-btn{
  margin-top:auto
}

.compare-workload{
  border-radius:var(--radius-panel);
  overflow:hidden;
  color:var(--color-white);
  background:var(--color-dark)
}

.compare-workload__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-5);
  padding:var(--space-5) var(--space-6);
  color:var(--color-white);
  background:var(--color-ink-soft)
}

.compare-workload__head span{
  color:var(--color-accent);
  font:650 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.compare-workload__head p{
  margin:0;
  color:var(--color-faint);
  font-size:var(--text-sm)
}

.compare-workload__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.7fr);
  gap:var(--space-2);
  padding:var(--space-2);
  color:var(--color-white);
  background:var(--color-dark)
}

.compare-workload__row+ .compare-workload__row{
  padding-top:0
}

.compare-workload__identity,
.compare-workload__recommendation{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-workload__identity span,
.compare-workload__recommendation span{
  color:var(--color-primary);
  font:650 var(--text-xs)/1 var(--font-mono)
}

.compare-workload__identity h3,
.compare-workload__identity p,
.compare-workload__recommendation p{
  margin-bottom:0
}

.compare-workload__identity p,
.compare-workload__recommendation p{
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.compare-workload__recommendation strong{
  color:var(--color-ink);
  font-size:var(--text-lg)
}

.compare-workload__metrics{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2)
}

.compare-workload__metrics div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-4);
  border-radius:var(--radius-control);
  color:var(--color-white);
  background:var(--color-ink-soft)
}

.compare-workload__metrics strong{
  color:var(--color-accent);
  font-size:var(--text-xs)
}

.compare-workload__metrics span{
  color:var(--color-white);
  font-size:var(--text-sm)
}

.compare-ai{
  align-items:stretch
}

.compare-ai__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.compare-ai__copy h2,
.compare-ai__copy p{
  margin-bottom:0
}

.compare-ai__copy p{
  color:var(--color-muted)
}

.compare-ai__checks{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-5)
}

.compare-ai__checks div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-4);
  border-radius:var(--radius-control);
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-ai__checks strong{
  color:var(--color-ink);
  font-size:var(--text-sm)
}

.compare-ai__checks span{
  color:var(--color-muted);
  font-size:var(--text-xs)
}

.compare-memory-board{
  min-width:0;
  border-radius:var(--radius-panel);
  overflow:hidden;
  color:var(--color-ink);
  background:var(--color-surface);
  box-shadow:var(--shadow-soft)
}

.compare-memory-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-5);
  color:var(--color-white);
  background:var(--color-dark)
}

.compare-memory-board__head span{
  color:var(--color-accent);
  font:650 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.compare-memory-board__head strong{
  color:var(--color-white);
  font-size:var(--text-sm)
}

.compare-memory-board__level{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:var(--space-2);
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.compare-memory-board__level--mid{
  color:var(--color-ink);
  background:var(--color-accent-soft)
}

.compare-memory-board__level--high{
  color:var(--color-white);
  background:var(--color-ink-soft)
}

.compare-memory-board__level div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-4)
}

.compare-memory-board__level span{
  color:var(--color-primary);
  font:600 var(--text-xl)/1 var(--font-mono)
}

.compare-memory-board__level--high span{
  color:var(--color-accent)
}

.compare-memory-board__level strong{
  color:var(--color-ink);
  font-size:var(--text-sm);
  text-align:right
}

.compare-memory-board__level--high strong{
  color:var(--color-white)
}

.compare-memory-board__level p{
  margin:0;
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.compare-memory-board__level--high p{
  color:var(--color-white)
}

.compare-storage-table th[scope="row"]{
  min-width:10rem;
  color:var(--color-ink)
}

.compare-storage-guidance{
  margin-top:var(--space-5);
  align-items:start
}

.compare-storage-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-warm)
}

.compare-storage-card span{
  color:var(--color-primary);
  font:650 var(--text-xs)/1 var(--font-mono)
}

.compare-storage-card h3,
.compare-storage-card p{
  margin-bottom:0
}

.compare-storage-card p{
  color:var(--color-muted)
}

.compare-checklist{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--space-2);
  list-style:none;
  margin:0;
  padding:0
}

.compare-checklist li{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white);
  box-shadow:var(--shadow-soft)
}

.compare-checklist__number{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:2.25rem;
  height:2.25rem;
  border-radius:50%;
  color:var(--color-white);
  background:var(--color-primary);
  font:650 var(--text-xs)/1 var(--font-mono)
}

.compare-checklist li div{
  display:flex;
  flex-direction:column;
  gap:8px
}

.compare-checklist h3,
.compare-checklist p{
  margin-bottom:0
}

.compare-checklist p{
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.compare-payment{
  margin-top:var(--space-5)
}

.compare-cta__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.compare-cta__copy span{
  display:block;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-accent);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em
}

.compare-cta__copy h2,
.compare-cta__copy p{
  margin-bottom:0
}

.compare-cta__copy h2{
  color:var(--color-white)
}

.compare-cta__copy p{
  max-width:48rem;
  color:var(--color-faint)
}

.compare-cta .c-cta__actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

.compare-cta .c-cta__actions .c-btn{
  width:100%
}

.compare-cta__secondary{
  color:var(--color-white);
  background:transparent;
  border-color:var(--color-muted)
}

@media(max-width:1100px){
  .compare-checklist{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .compare-workload__row{
    grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)
  }

  .compare-workload__recommendation{
    grid-column:1/-1
  }
}

@media(max-width:900px){
  .compare-hero__inner{
    grid-template-columns:1fr
  }

  .compare-hero__copy h1{
    max-width:15ch
  }

  .compare-board{
    max-width:46rem
  }

  .compare-ai__checks{
    grid-template-columns:1fr
  }

  .compare-checklist{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:720px){
  .compare-board__head{
    grid-template-columns:1fr
  }

  .compare-board__body{
    grid-template-columns:1fr
  }

  .compare-workload__head{
    align-items:flex-start;
    flex-direction:column
  }

  .compare-workload__row{
    grid-template-columns:1fr
  }

  .compare-workload__recommendation{
    grid-column:auto
  }

  .compare-workload__metrics{
    grid-template-columns:1fr
  }

  .compare-memory-board__level div{
    align-items:flex-start;
    flex-direction:column
  }

  .compare-memory-board__level strong{
    text-align:left
  }
}

@media(max-width:520px){
  .compare-hero{
    padding-top:var(--space-8)
  }

  .compare-hero__facts{
    grid-template-columns:1fr
  }

  .compare-hero__actions{
    width:100%
  }

  .compare-hero__actions .c-btn{
    width:100%;
    white-space:normal
  }

  .compare-board__foot{
    align-items:flex-start;
    flex-direction:column
  }

  .compare-checklist{
    grid-template-columns:1fr
  }

  .compare-cta .c-cta__actions{
    width:100%
  }
}