.comparison-page{
  background:var(--n-light);
}

.compare-hero{
  padding-block:var(--n-space-4) var(--n-space-5);
  color:var(--n-ink);
  background:var(--n-indigo-pale);
}

.compare-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(22rem,.88fr);
  gap:var(--n-space-5);
  align-items:start;
}

.compare-hero-grid>*{
  min-width:0;
}

.compare-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}

.compare-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  min-width:0;
}

.compare-heading .compare-kicker{
  margin:0;
}

.compare-hero-copy h1{
  max-width:46rem;
  font-size:clamp(2.35rem,4vw,3.75rem);
  line-height:1.16;
}

.compare-lead{
  max-width:43rem;
  color:var(--n-muted);
  font-size:var(--n-fs-3);
  line-height:1.7;
}

.compare-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin-top:var(--n-space-3);
  border-top:1px solid var(--n-paper-line);
  border-bottom:1px solid var(--n-paper-line);
}

.compare-hero-facts div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
  padding:var(--n-space-2);
}

.compare-hero-facts div+div{
  border-left:1px solid var(--n-paper-line);
}

.compare-hero-facts strong{
  color:var(--n-primary);
  font-size:var(--n-fs-4);
  line-height:1.2;
}

.compare-hero-facts span{
  color:var(--n-muted);
  font-size:var(--n-fs-1);
  overflow-wrap:anywhere;
}

.compare-actions{
  margin-top:var(--n-space-3);
  margin-bottom:var(--n-space-2);
  justify-content:flex-start;
}

.compare-stage{
  min-width:0;
  height:clamp(29rem,42vw,32rem);
  border-radius:var(--n-radius-lg);
  color:#F8F5FF;
  background:var(--n-dark);
  box-shadow:var(--n-shadow-lg);
  overflow:hidden;
}

.compare-selector-sheet{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:none;
  height:100%;
  color:var(--n-ink);
  background:var(--n-white);
}

.compare-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--n-space-2);
  padding:var(--n-space-3);
  color:#F8F5FF;
  background:var(--n-primary);
}

.compare-sheet-head>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-sheet-head h2{
  font-size:var(--n-fs-4);
}

.compare-sheet-code{
  color:#DDD8FF;
  font-size:var(--n-fs-0);
  letter-spacing:.08em;
}

.compare-sheet-head .c-badge{
  flex:none;
  color:var(--n-dark);
  background:var(--n-indigo-soft);
}

.compare-sheet-head .c-badge::before{
  background:var(--n-success);
}

.compare-dimension-list{
  display:flex;
  flex:1;
  flex-direction:column;
  padding-inline:var(--n-space-3);
}

.compare-dimension{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--n-space-2);
  align-items:start;
  padding-block:var(--n-space-2);
  border-bottom:1px solid var(--n-paper-line);
}

.compare-dimension:last-child{
  border-bottom:0;
}

.compare-dimension>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:50%;
  color:var(--n-white);
  background:var(--n-primary);
  font-size:var(--n-fs-0);
}

.compare-dimension>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-dimension strong{
  font-family:var(--n-heading);
  line-height:1.35;
}

.compare-dimension p{
  color:var(--n-muted);
  font-size:var(--n-fs-1);
  line-height:1.5;
}

.compare-sheet-result{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  color:var(--n-dark);
  background:var(--n-indigo-soft);
}

.compare-sheet-result div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
  padding:var(--n-space-2) var(--n-space-3);
}

.compare-sheet-result div+div{
  border-left:1px solid color-mix(in srgb,var(--n-dark) 13%,transparent);
}

.compare-sheet-result span{
  color:var(--n-muted);
  font-size:var(--n-fs-0);
}

.compare-sheet-result strong{
  font-size:var(--n-fs-1);
  overflow-wrap:anywhere;
}

.compare-section{
  padding-block:var(--n-space-6);
}

.compare-section-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--n-space-4);
  align-items:end;
  margin-bottom:var(--n-space-4);
}

.compare-section-head>*{
  min-width:0;
}

.compare-section-lead{
  max-width:44rem;
  color:var(--n-muted);
  line-height:1.7;
}

.compare-table-wrap{
  box-shadow:var(--n-shadow-sm);
}

.compare-table{
  min-width:48rem;
}

.compare-table caption,
.compare-region-table caption{
  padding:var(--n-space-2);
  color:var(--n-muted);
  background:var(--n-white);
  font-size:var(--n-fs-1);
  text-align:left;
}

.compare-table th,
.compare-table td{
  overflow-wrap:anywhere;
}

.compare-notice{
  align-items:flex-start;
  margin-top:var(--n-space-3);
}

.compare-notice>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-notice p{
  color:var(--n-muted);
}

.compare-workload-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.compare-workload-card{
  display:flex;
  flex-direction:column;
  gap:var(--n-space-3);
  color:var(--n-ink);
  background:var(--n-white);
  box-shadow:var(--n-shadow-sm);
}

.compare-workload-card-plus{
  color:var(--n-dark);
  background:var(--n-indigo-pale);
}

.compare-card-copy{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-card-copy p{
  color:#554E5C;
}

.c-card-indigo .compare-card-copy p,
.compare-workload-card-plus .compare-card-copy p{
  color:#4A4450;
}

.c-card-dark.compare-capacity-card .compare-card-copy p{
  color:#C5BEC9;
}

.compare-record{
  margin:0;
}

.compare-record div{
  display:grid;
  grid-template-columns:minmax(7rem,.4fr) minmax(0,1fr);
  gap:var(--n-space-2);
  min-width:0;
  padding-block:.75rem;
  border-top:1px solid var(--n-paper-line);
}

.compare-record dt,
.compare-record dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.compare-record dt{
  color:var(--n-muted);
}

.compare-capacity-paired{
  align-items:stretch;
}

.compare-capacity-board{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:var(--n-radius-md);
  color:var(--n-ink);
  background:var(--n-white);
  box-shadow:var(--n-shadow-sm);
  overflow:hidden;
}

.compare-capacity-head{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:var(--n-space-3);
  color:#F8F5FF;
  background:var(--n-dark);
}

.compare-capacity-head span{
  color:#C5BEC9;
  font-size:var(--n-fs-0);
  letter-spacing:.08em;
}

.compare-capacity-rows{
  display:flex;
  flex:1;
  flex-direction:column;
  padding-inline:var(--n-space-3);
}

.compare-capacity-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--n-space-3);
  flex:1;
  min-width:0;
  padding-block:var(--n-space-2);
  border-bottom:1px solid var(--n-paper-line);
}

.compare-capacity-row:last-child{
  border-bottom:0;
}

.compare-capacity-row>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-capacity-row p{
  color:var(--n-muted);
  font-size:var(--n-fs-1);
}

.compare-capacity-row>span{
  flex:0 1 auto;
  padding:.42rem .7rem;
  border-radius:999px;
  color:var(--n-primary);
  background:var(--n-indigo-soft);
  font-size:var(--n-fs-0);
  font-weight:700;
  text-align:center;
  overflow-wrap:anywhere;
}

.compare-capacity-side{
  grid-template-rows:repeat(2,minmax(0,1fr));
}

.compare-capacity-card{
  display:flex;
  flex-direction:column;
  gap:var(--n-space-2);
  min-height:0;
  padding:var(--n-space-3);
}

.compare-capacity-card ul{
  display:grid;
  gap:.5rem;
  margin:0;
  padding-left:1.2rem;
}

.compare-capacity-card li{
  font-size:var(--n-fs-1);
}

.compare-dark-badge{
  color:var(--n-dark);
  background:var(--n-indigo-soft);
}

.compare-price-section{
  color:#F8F5FF;
  background:var(--n-dark);
}

.compare-section-head-dark h2{
  color:#F8F5FF;
}

.compare-section-head-dark .compare-kicker{
  color:#AFA3FF;
}

.compare-section-head-dark .compare-section-lead{
  color:#C5BEC9;
}

.compare-price-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.compare-price-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.compare-price-card:not(.is-featured){background:var(--n-surface);color:var(--n-ink)}

.compare-price-card:not(.is-featured) p{
  color:var(--n-muted);
}

.compare-price-card.is-featured{background:var(--n-primary);color:#FFFFFF}

.compare-featured-badge{
  color:var(--n-dark);
  background:var(--n-indigo-soft);
}

.compare-price-card .c-price-periods{
  border-top-color:color-mix(in srgb,currentColor 24%,transparent);
}

.compare-price-action{
  width:100%;
  margin-top:var(--n-space-3);
}

.compare-price-card.is-featured .compare-price-action{background:var(--n-white);color:var(--n-primary)}

.compare-settlement-note{
  margin-top:var(--n-space-3);
  color:#C5BEC9;
  font-size:var(--n-fs-1);
}

.compare-addon-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  align-items:start;
}

.compare-addon-card{
  display:flex;
  flex-direction:column;
  gap:var(--n-space-3);
  color:var(--n-ink);
  background:var(--n-white);
  box-shadow:var(--n-shadow-sm);
}

.compare-addon-card>p{
  color:var(--n-muted);
}

.compare-addon-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
  min-width:0;
}

.compare-addon-head>strong{
  font-family:var(--n-heading);
  font-size:var(--n-fs-4);
  overflow-wrap:anywhere;
}

.compare-addon-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  border-top:1px solid var(--n-paper-line);
}

.compare-addon-prices div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
  padding:var(--n-space-2) var(--n-space-1);
  border-bottom:1px solid var(--n-paper-line);
}

.compare-addon-prices dt{
  color:var(--n-muted);
}

.compare-addon-prices dd{
  overflow-wrap:anywhere;
}

.compare-section-actions{
  justify-content:flex-start;
  margin-top:var(--n-space-3);
}

.compare-region-table{
  min-width:52rem;
}

.compare-region-table th,
.compare-region-table td{
  text-align:left;
}

.compare-status{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--n-success);
  font-weight:700;
}

.compare-status i{
  width:.5rem;
  height:.5rem;
  flex:none;
  border-radius:50%;
  background:var(--n-success);
}

.compare-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--n-space-2);
  margin-top:var(--n-space-3);
  align-items:start;
}

.compare-region-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--n-space-2);
  align-items:start;
  min-width:0;
  padding:var(--n-space-3);
  border-radius:var(--n-radius-md);
  color:var(--n-ink);
  background:var(--n-surface);
}

.compare-region-card>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  border-radius:50%;
  color:var(--n-white);
  background:var(--n-primary);
  font-size:var(--n-fs-0);
}

.compare-region-card>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-region-card h3{
  font-size:var(--n-fs-3);
}

.compare-region-card p{
  color:var(--n-muted);
  font-size:var(--n-fs-1);
}

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

.compare-decision-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--n-space-2);
  align-items:start;
  min-width:0;
  padding:var(--n-space-3);
  border-radius:var(--n-radius-md);
  color:var(--n-ink);
  background:var(--n-white);
  box-shadow:var(--n-shadow-sm);
}

.compare-decision-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  color:var(--n-white);
  background:var(--n-primary);
  font-size:var(--n-fs-0);
}

.compare-decision-list li>div{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-decision-list h3{
  font-size:var(--n-fs-3);
}

.compare-decision-list p{
  color:var(--n-muted);
}

.compare-decision-note{
  margin-top:var(--n-space-3);
}

.compare-closeout-section{
  padding-block:var(--n-space-6) var(--n-space-4);
}

.compare-closeout{
  color:#FFFFFF;
  background:var(--n-dark);
}

.compare-closeout>div:first-child{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}

.compare-closeout h2{
  max-width:45rem;
  font-size:var(--n-fs-5);
}

.compare-closeout p{
  max-width:48rem;
  margin-top:0;
  color:#C8C1CD;
}

.compare-closeout small{
  color:#AFA8B4;
}

.compare-closeout .c-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:min(100%,15rem);
}

.compare-closeout .c-btn{
  width:100%;
}

.compare-closeout-primary{
  color:var(--n-primary);
  background:var(--n-white);
  box-shadow:none;
}

.compare-closeout-primary:hover{
  background:var(--n-indigo-soft);
}

.compare-closeout .c-btn-ghost{
  color:#FFFFFF;
  border-color:rgba(255,255,255,.42);
}

@media(max-width:64rem){
  .compare-hero-grid{
    grid-template-columns:1fr;
  }

  .compare-stage{
    height:auto;
    overflow:visible;
  }

  .compare-selector-sheet{
    height:auto;
  }

  .compare-section-head{
    grid-template-columns:1fr;
    gap:var(--n-space-2);
    align-items:start;
  }

  .compare-capacity-paired{
    grid-template-columns:1fr;
  }

  .compare-capacity-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }
}

@media(max-width:48rem){
  .compare-workload-grid,
  .compare-price-grid,
  .compare-decision-list,
  .compare-capacity-side{
    grid-template-columns:1fr;
  }

  .compare-capacity-row{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--n-space-1);
  }
}

@media(max-width:42rem){
  .compare-hero{
    padding-block:var(--n-space-4);
  }

  .compare-hero-copy h1{
    font-size:clamp(2.2rem,11vw,3rem);
  }

  .compare-lead{
    font-size:var(--n-fs-2);
  }

  .compare-hero-facts{
    grid-template-columns:1fr;
  }

  .compare-hero-facts div+div{
    border-top:1px solid var(--n-paper-line);
    border-left:0;
  }

  .compare-sheet-head{
    flex-direction:column;
  }

  .compare-sheet-result{
    grid-template-columns:1fr;
  }

  .compare-sheet-result div+div{
    border-top:1px solid color-mix(in srgb,var(--n-dark) 13%,transparent);
    border-left:0;
  }

  .compare-section{
    padding-block:var(--n-space-5);
  }

  .compare-workload-card,
  .compare-addon-card,
  .compare-decision-list li{
    padding:var(--n-space-3);
  }

  .compare-record div{
    grid-template-columns:1fr;
    gap:.5rem;
  }

  .compare-addon-prices{
    grid-template-columns:1fr;
  }

  .compare-closeout-section{
    padding-block:var(--n-space-5) var(--n-space-3);
  }

  .compare-closeout .c-actions{
    width:100%;
    min-width:0;
  }
}

@media(max-width:24.375rem){
  .compare-dimension{
    grid-template-columns:1fr;
  }

  .compare-dimension>span{
    width:1.8rem;
    height:1.8rem;
  }

  .compare-region-card,
  .compare-decision-list li{
    grid-template-columns:1fr;
  }
}