.comparison-hero{
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.comparison-hero__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-2)
}
.comparison-hero__copy > :is(h1,h2){
  margin-top:0
}

.comparison-hero__copy>p{
  max-width:42rem;
  color:var(--oak-muted)
}

.comparison-hero__copy .c-page-hero__actions{
  justify-content:flex-start
}

.comparison-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-3);
  padding-top:var(--oak-space-3);
  background:var(--oak-warm);
  border-top:1px solid var(--oak-control-line)
}

.comparison-hero__facts>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.comparison-hero__facts strong{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-4);
  line-height:1.2
}

.comparison-hero__facts span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
  line-height:1.5;
  overflow-wrap:anywhere
}

.comparison-hero__stage{
  display:flex;
  min-width:0;
  height:clamp(300px,32vw,420px);
  max-height:clamp(300px,32vw,420px);
  min-height:0;
  align-items:stretch;
  justify-content:center;
  overflow:hidden
}

.comparison-dossier{
  display:flex;
  width:100%;
  height:100%;
  min-height:0;
  flex-direction:column;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2);
  overflow:hidden;
  border-radius:var(--oak-radius-panel);
  background:#18131d;
  color:#fcf9f5;
  box-shadow:var(--oak-shadow-float);
  text-align:left
}

.comparison-dossier__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:0;
  background:transparent;
  color:#fcf9f5
}

.comparison-dossier__head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.comparison-dossier__head span:not(.c-badge){
  color:#c78ae5;
  font-size:var(--oak-fs-0);
  letter-spacing:.08em
}

.comparison-dossier__head strong{
  color:#fcf9f5;
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-4);
  font-weight:550;
  line-height:1.3
}

.comparison-dossier__head .c-badge{
  flex:0 1 auto;
  background:#f1ebf6;
  color:#18131d;
  border-color:#f1ebf6
}

.comparison-dossier__question{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:var(--oak-space-2);
  padding:.7rem var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#302735;
  color:#fcf9f5
}

.comparison-dossier__question>span{
  flex:0 0 auto;
  color:#c78ae5;
  font-size:var(--oak-fs-0)
}

.comparison-dossier__question h2{
  min-width:0;
  margin:0;
  color:#fcf9f5;
  font-size:var(--oak-fs-2);
  font-weight:550;
  line-height:1.3
}

.comparison-dossier__question p{display:none}

.comparison-dossier__rows{
  display:grid;
  flex:1;
  min-height:0;
  gap:.55rem;
  padding:0;
  background:transparent;
  color:#18131d;
  overflow:auto;
  align-content:start;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain
}

.comparison-dossier__row{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);
  gap:var(--oak-space-2);
  align-items:center;
  padding:.65rem var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#fff;
  color:#18131d;
  border-bottom:0
}

.comparison-dossier__row>span,
.comparison-dossier__row>strong,
.comparison-dossier__row>small{
  min-width:0;
  overflow-wrap:anywhere
}

.comparison-dossier__row>span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-1)
}

.comparison-dossier__row>strong{
  font-size:var(--oak-fs-2)
}

.comparison-dossier__row>small{
  color:var(--oak-muted)
}

.comparison-dossier__row--violet{
  margin-inline:0;
  background:var(--oak-violet-pale);
  color:var(--oak-ink)
}

.comparison-dossier__row--violet>span,
.comparison-dossier__row--violet>small{
  color:var(--oak-violet-dark)
}

.comparison-dossier__foot{
  display:flex;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:0;
  background:transparent;
  color:#c1b7c5;
  margin-top:auto
}

.comparison-dossier__foot span{
  color:#c1b7c5;
  font-size:var(--oak-fs-1)
}

.comparison-dossier__foot strong{
  color:#fcf9f5;
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-1);
  line-height:1.6
}

.comparison-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-3);
  align-items:start
}

.comparison-plan{
  container-type:inline-size;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-4);
  border-radius:var(--oak-radius-card)
}

.comparison-plan--m4{
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.comparison-plan--pro{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.comparison-plan__heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.comparison-plan__heading h3{
  font-size: clamp(1.6rem,7cqi,var(--oak-fs-6))
}

.comparison-plan__heading p{
  color:var(--oak-muted);
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-2)
}

.comparison-plan__price{
  display:flex;
  min-width:0;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--oak-space-1);
  margin-top:var(--oak-space-2)
}

.comparison-plan__price strong{
  color:var(--oak-violet-dark);
  font-size: clamp(2rem,10cqi,3.4rem);
  font-weight:550;
  line-height:1;
  letter-spacing:-.06em;
  overflow-wrap:anywhere
}

.comparison-plan__price span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-plan__terms{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-1);
  margin:var(--oak-space-2) 0 0
}

.comparison-plan__terms>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-2);
  background:var(--oak-paper);
  color:var(--oak-ink);
  border-radius:var(--oak-radius-control)
}

.comparison-plan__terms dt{
  color:var(--oak-muted);
  font-weight:600
}

.comparison-plan__terms dd{
  color:var(--oak-ink);
  font-size:var(--oak-fs-3);
  font-weight:700;
  overflow-wrap:anywhere
}

.comparison-plan ul{
  width:100%;
  margin:var(--oak-space-2) 0;
  padding-left:1.2rem
}

.comparison-plan li{
  padding:.2rem 0;
  font-size:var(--oak-fs-2)
}

.comparison-plan .c-btn{
  margin-top:var(--oak-space-1)
}

.comparison-spec-table{
  margin-top:var(--oak-space-4)
}

.comparison-spec-table table{
  min-width:0;
  table-layout:fixed
}

.comparison-spec-table th,
.comparison-spec-table td{
  width:auto;
  text-align:left;
  vertical-align:middle
}

.comparison-spec-table th:first-child,
.comparison-spec-table td:first-child,
.comparison-spec-table th[scope="row"]{
  width:28%;
  text-align:left
}

.comparison-spec-table td.mono{
  text-align:left;
  white-space:nowrap
}

.comparison-spec-table caption,
.comparison-latency__table caption{
  padding:0 0 var(--oak-space-2);
  color:var(--oak-muted);
  font-size:var(--oak-fs-1);
  text-align:left
}

.comparison-workload-grid{
  align-items:start
}

.comparison-workload-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card)
}

.comparison-workload-card--paper{
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.comparison-workload-card--violet{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.comparison-workload-card--dark{
  background:var(--oak-ink-2);
  color:#fcf9f5
}

.comparison-workload-card__icon{
  display:grid;
  width:2.5rem;
  height:2.5rem;
  place-items:center;
  margin-bottom:var(--oak-space-1);
  border-radius:var(--oak-radius-control);
  background:var(--oak-violet-pale);
  color:var(--oak-violet-dark)
}

.comparison-workload-card--dark .comparison-workload-card__icon{
  background:var(--oak-violet-2);
  color:var(--oak-ink)
}

.comparison-workload-card__icon svg{
  width:1.25rem;
  height:1.25rem
}

.comparison-workload-card>span{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0)
}

.comparison-workload-card--dark>span{
  color:var(--oak-violet-2)
}

.comparison-workload-card p,
.comparison-workload-card li{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-workload-card--dark p,
.comparison-workload-card--dark li{
  color:#c6bbc9
}

.comparison-workload-card ul{
  margin:var(--oak-space-1) 0;
  padding-left:1.15rem
}

.comparison-workload-card>strong{
  font-size:var(--oak-fs-2);
  line-height:1.55
}

.comparison-farm{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(5rem,.25fr) minmax(0,1.8fr);
  gap:var(--oak-space-3);
  align-items:center;
  padding:var(--oak-space-4);
  border-radius:var(--oak-radius-panel);
  background:var(--oak-ink);
  color:#fcf9f5
}

.comparison-farm__rail{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-violet-2);
  color:var(--oak-ink)
}

.comparison-farm__rail>span{
  font-size:var(--oak-fs-0)
}

.comparison-farm__rail>strong{
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-4)
}

.comparison-farm__rail p{
  color:var(--oak-ink-2);
  font-size:var(--oak-fs-2)
}

.comparison-farm__route{
  color:var(--oak-violet-2)
}

.comparison-farm__route svg{
  width:100%
}

.comparison-farm__nodes{
  display:grid;
  min-width:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.comparison-farm__nodes article{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.comparison-farm__nodes span{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0)
}

.comparison-farm__nodes h3{
  font-size:var(--oak-fs-4)
}

.comparison-farm__nodes p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-farm__nodes strong{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-1);
  line-height:1.5
}

.comparison-scale__note,
.comparison-cost__note{
  margin-top:var(--oak-space-4)
}

.comparison-scale__note svg,
.comparison-cost__note svg{
  width:1.25rem;
  height:1.25rem
}

.comparison-measure{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--oak-space-2);
  margin-bottom:var(--oak-space-3)
}

.comparison-measure>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.comparison-measure span{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0)
}

.comparison-measure strong{
  font-size:var(--oak-fs-2);
  line-height:1.55;
  overflow-wrap:anywhere
}

.comparison-latency__table{
  min-width:68rem
}

.comparison-latency__table th,
.comparison-latency__table td{
  text-align:center
}

.comparison-latency__table th:first-child{
  text-align:left
}

.comparison-latency__notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-3);
  align-items:start
}

.comparison-latency__notes article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.comparison-latency__notes h3{
  font-size:var(--oak-fs-4)
}

.comparison-latency__notes p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-cost-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.comparison-cost-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.comparison-cost-card--violet{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.comparison-cost-card--dark{
  background:var(--oak-ink-2);
  color:#fcf9f5
}

.comparison-cost-card>span{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0)
}

.comparison-cost-card--dark>span{
  color:var(--oak-violet-2)
}

.comparison-cost-card p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-cost-card--dark p{
  color:#c6bbc9
}

.comparison-cost-card dl{
  display:grid;
  width:100%;
  gap:var(--oak-space-1);
  margin:var(--oak-space-2) 0 0
}

.comparison-cost-card dl>div{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding-top:var(--oak-space-1);
  border-top:1px solid var(--oak-control-line)
}

.comparison-cost-card--dark dl>div{
  border-top-color:var(--oak-line-dark)
}

.comparison-cost-card dt,
.comparison-cost-card dd{
  min-width:0;
  overflow-wrap:anywhere
}

.comparison-cost-card dt{
  font-weight:600
}

.comparison-cost-card dd{
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-3);
  font-weight:700
}

.comparison-cost-card--dark dd{
  color:var(--oak-violet-2)
}

.comparison-cost__method{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-4);
  align-items:start
}

.comparison-cost__method>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.comparison-cost__method span{
  width:fit-content;
  align-self:flex-start;
  padding:.4em .8em;
  border-radius:999px;
  background:var(--oak-violet-2);
  color:var(--oak-ink);
  font-size:var(--oak-fs-0)
}

.comparison-cost__method h3{
  font-size:var(--oak-fs-4)
}

.comparison-cost__method p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-checklist__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap:var(--oak-space-2);
  margin:0;
  padding:0;
  list-style:none;
  align-items:start
}

.comparison-checklist__grid li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  align-items:start;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.comparison-checklist__number{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--oak-violet-2);
  color:var(--oak-ink);
  font-size:var(--oak-fs-1);
  line-height:1
}

.comparison-checklist__grid li>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.comparison-checklist__grid h3{
  font-size:var(--oak-fs-4)
}

.comparison-checklist__grid p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.comparison-checklist__result{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-4);
  align-items:start
}

.comparison-checklist__result>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-ink);
  color:#fcf9f5
}

.comparison-checklist__result span{
  color:var(--oak-violet-2);
  font-size:var(--oak-fs-0)
}

.comparison-checklist__result h3{
  color:#fcf9f5;
  font-size:var(--oak-fs-4)
}

.comparison-checklist__result p{
  color:#c6bbc9;
  font-size:var(--oak-fs-2)
}

.comparison-closing{
  padding-top:var(--oak-space-7)
}

.comparison-closing__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.comparison-closing__copy .c-kicker{
  background:var(--oak-paper);
  color:var(--oak-ink);
  border-color:var(--oak-paper)
}

.comparison-closing__copy h2{
  max-width:42rem;
  color:#fcf9f5
}

.comparison-closing__copy p{
  color:#c6bbc9
}

.comparison-closing .c-cta__actions{
  min-width:min(100%,17rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

.comparison-closing .c-btn{
  width:100%
}

.comparison-closing .c-btn--ghost{
  color:#fcf9f5;
  border-color:var(--oak-line-dark)
}

@media(max-width:64rem){
  .comparison-plan-grid,
  .comparison-cost-grid{
    grid-template-columns:1fr
  }

  .comparison-farm{
    grid-template-columns:1fr
  }

  .comparison-farm__route{
    transform:rotate(90deg);
    width:5rem;
    margin-inline:auto
  }

  .comparison-farm__nodes,
  .comparison-latency__notes,
  .comparison-cost__method,
  .comparison-checklist__result{
    grid-template-columns:1fr
  }
}

@media(max-width:44rem){
  .comparison-hero__facts{
    grid-template-columns:1fr
  }

  .comparison-dossier__head{
    align-items:flex-start;
    flex-direction:column
  }

  .comparison-dossier__row{
    grid-template-columns:1fr;
    gap:var(--oak-space-1)
  }

  .comparison-plan{
    padding:var(--oak-space-3)
  }

  .comparison-plan__terms{
    grid-template-columns:1fr
  }

  .comparison-farm{
    padding:var(--oak-space-3)
  }

  .comparison-farm__nodes{
    grid-template-columns:1fr
  }

  .comparison-checklist__grid li{
    grid-template-columns:1fr
  }

  .comparison-closing .c-cta__actions{
    width:100%;
    min-width:0
  }
}

@media(max-width:24.375rem){
  .comparison-hero__copy .c-page-hero__actions{
    width:100%
  }

  .comparison-hero__copy .c-btn{
    width:100%;
    white-space:normal
  }

  .comparison-plan .c-btn{
    width:100%;
    white-space:normal
  }

  .comparison-cost-card dl>div{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--oak-space-1)
  }
}

@media(max-width:64rem){
.comparison-hero__stage,.comparison-dossier{height:auto;max-height:none;min-height:0;overflow:visible}
.comparison-dossier__rows{flex:none;min-height:min-content;overflow:visible;-webkit-overflow-scrolling:touch}
}