.compare-page [hidden]{display:none!important}
.compare-page .compare-hero{padding-block:var(--hero-top) var(--space-section);background:#FCFBFA;color:#29232F}
.compare-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}
.compare-hero__copy,.compare-hero__stage{min-width:0}
.compare-hero__copy{padding:0;text-align:left}
.compare-hero__copy .c-kicker{margin-bottom:var(--space-2)}
.compare-hero__copy h1{max-width:18ch;margin-bottom:var(--space-3);color:#29232F}
.compare-hero__lead{max-width:39rem;margin-bottom:0;color:#514B55;font-size:var(--text-lg);overflow-wrap:break-word}
.compare-page .compare-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.compare-hero__note{max-width:38rem;margin:var(--space-3) 0 0;color:#5E5862;font-size:var(--text-sm)}
.compare-hero__stage{display:block;height:auto;overflow:visible;text-align:left}
.compare-ticket{width:100%;max-width:none;height:auto;overflow:hidden;border-radius:var(--radius-stage);background:#FFFFFF;color:#29232F;box-shadow:var(--shadow-card)}
.compare-ticket__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#E8EEF0;color:#243039;font-size:var(--text-sm);font-weight:750}
.compare-ticket__body{padding:var(--space-4)}
.compare-ticket__label{margin:0 0 var(--space-3);color:#5E5862;font-size:var(--text-sm)}
.compare-ticket__row{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid #E8E4E7}
.compare-ticket__number{color:#00566A;font-size:var(--text-sm);font-weight:750}
.compare-ticket__row div{display:grid;gap:var(--space-1);min-width:0}
.compare-ticket__row strong{font-size:var(--text-base);line-height:1.4}
.compare-ticket__row div span{color:#5E5862;font-size:var(--text-sm);line-height:1.55;overflow-wrap:break-word}
.compare-ticket__foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-4);background:#29232F;color:#F5F1F5;font-size:var(--text-sm)}
.compare-ticket__foot strong{font-weight:750}

.compare-section{padding-block:var(--space-section);background:#FFFFFF;color:#29232F}
.compare-section--slate{background:#E8EEF0;color:#243039}
.compare-section--lavender{background:#EEE8F0;color:#29232F}
.compare-section--sand{background:#F4EDE3;color:#30271F}
.compare-section--rose{background:#F3E8E5;color:#322526}
.compare-head{max-width:48rem;min-width:0;margin-bottom:var(--space-4)}
.compare-head .c-kicker{margin-bottom:var(--space-2)}
.compare-head h2{margin-bottom:var(--space-2);overflow-wrap:break-word}
.compare-head p{margin-bottom:0;color:inherit;opacity:.83}
.compare-premises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.compare-premise{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-4);border-radius:var(--radius-card);background:#FFFFFF;color:#29232F}
.compare-premise__index{display:block;margin-bottom:var(--space-3);color:#00566A;font-size:var(--text-sm);font-weight:750}
.compare-premise h3,.compare-workflow h3,.compare-model h3,.compare-duration h3,.compare-boundary h3,.compare-region h3{font-size:var(--text-card)}
.compare-premise h3{margin-bottom:var(--space-1)}
.compare-premise p{margin-bottom:0;color:#514B55}
.compare-page .table-scroll{overflow-x:auto}
.compare-table{display:table;width:100%;min-width:55rem;border-collapse:collapse;background:#FFFFFF;color:#29232F}
.compare-table caption{padding-bottom:var(--space-2);color:#5E5862;text-align:left;font-size:var(--text-sm)}
.compare-table th,.compare-table td{width:25%;min-width:0;padding:var(--space-2);border-bottom:1px solid #E8E4E7;text-align:left;vertical-align:top;color:#29232F;overflow-wrap:break-word}
.compare-table thead th{background:#FCFBFA;color:#29232F;font-weight:750}
.compare-table tbody th{background:#FCFBFA;color:#29232F;font-weight:750}
.compare-table tbody td{background:#FFFFFF;color:#29232F}
.compare-table th:first-child,.compare-table td:first-child{min-width:10rem}
.compare-table-note{max-width:49rem;margin:var(--space-3) 0 0;color:#5E5862;font-size:var(--text-sm)}

.compare-workflows,.compare-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.compare-workflow{min-width:0;padding:var(--space-4);background:#FFFFFF;color:#29232F}
.compare-workflow__mark{display:block;margin-bottom:var(--space-3);color:#00566A;font-size:var(--text-sm);font-weight:750}
.compare-workflow h3{margin-bottom:var(--space-1)}
.compare-workflow p{margin-bottom:var(--space-3);color:#514B55;opacity:1}
.compare-workflow__foot{display:grid;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2);border-top:1px solid #E8E4E7;color:#29232F;font-size:var(--text-sm)}
.compare-workflow__foot span{color:#5E5862}
.compare-model{min-width:0;padding:var(--space-4);background:#FCFBFA;color:#29232F}
.compare-model--lavender{background:#EEE8F0;color:#29232F}
.compare-model--sand{background:#F4EDE3;color:#30271F}
.compare-model__eyebrow{display:block;margin-bottom:var(--space-3);color:inherit;font-size:var(--text-sm);font-weight:750}
.compare-model h3{margin-bottom:var(--space-3);overflow-wrap:break-word}
.compare-model__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--space-1);margin:0 0 var(--space-3)}
.compare-model__specs>div{min-width:0;padding-top:var(--space-1);border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.compare-model__specs dt,.compare-model__specs dd{min-width:0;overflow-wrap:break-word}
.compare-model__specs dd{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:750}
.compare-model p{margin-bottom:0;color:inherit;opacity:.82}
.compare-model .c-card__end{margin-top:auto;padding-top:var(--space-3)}
.compare-model .c-btn{max-width:100%;white-space:normal}

.compare-duration,.compare-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.compare-duration__card{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-card);background:#FFFFFF;color:#29232F}
.compare-duration__tag{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;margin-bottom:var(--space-3);border-radius:999px;background:#E8EEF0;color:#243039;font-size:var(--text-sm);font-weight:750;line-height:1}
.compare-duration h3{margin-bottom:var(--space-2)}
.compare-duration p{color:#514B55}
.compare-duration p:last-child{margin-bottom:0}
.compare-boundary{min-width:0;padding:var(--space-4);border-radius:var(--radius-card);background:#E8EEF0;color:#243039}
.compare-boundary:nth-child(2){background:#EEE8F0;color:#29232F}
.compare-boundary h3{margin-bottom:var(--space-2)}
.compare-boundary p{margin-bottom:0;color:inherit;opacity:.85}
.compare-checklist-title{margin:var(--space-4) 0 var(--space-2)}
.compare-checklist{list-style:none;margin:0;padding:0}
.compare-checklist__row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-2);border-top:1px solid #E8E4E7}
.compare-checklist__row:last-child{border-bottom:1px solid #E8E4E7}
.compare-checklist__row>*{min-width:0;overflow-wrap:break-word}
.compare-checklist__number{color:#00566A;font-size:var(--text-sm);font-weight:750}
.compare-checklist__row strong{line-height:1.5}
.compare-checklist__row>span:last-child{color:#5E5862}

.compare-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2);align-items:stretch}
.compare-region{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-3);border-radius:var(--radius-card);background:#FFFFFF;color:#29232F}
.compare-region__code{display:block;margin-bottom:var(--space-3);color:#00566A;font-size:var(--text-sm);font-weight:750}
.compare-region h3{margin-bottom:var(--space-1)}
.compare-region p{margin-bottom:var(--space-3);color:#5E5862;font-size:var(--text-sm)}
.compare-region__link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-1);width:100%;min-height:2.75rem;margin-top:auto;padding:.5rem .8rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:var(--radius-pill);color:#00566A;font-size:var(--text-sm);font-weight:750;line-height:1.35;overflow-wrap:break-word}
.compare-region__link:hover{background:#E8EEF0;color:#243039}
.compare-region-note{margin:var(--space-3) 0 0;color:#514B55;font-size:var(--text-sm)}

.compare-close-section{padding-block:var(--space-section);background:#FFFFFF;color:#29232F}
.compare-closing{overflow:hidden;border-radius:var(--radius-stage);background:#29232F;color:#F5F1F5}
.compare-closing__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);gap:var(--space-4);align-items:center;padding:var(--space-4)}
.compare-closing__inner>div{min-width:0}
.compare-closing .c-kicker{margin-bottom:var(--space-2)}
.compare-closing h2{max-width:22ch;margin-bottom:var(--space-2);color:#F5F1F5}
.compare-closing p{max-width:37rem;margin-bottom:0;color:#E7E0E9}
.compare-closing__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.compare-closing__actions .c-btn{width:100%;white-space:normal}
.compare-closing__actions .c-btn--ghost{border-color:color-mix(in srgb,currentColor 45%,transparent);background:transparent;color:#F5F1F5}

@media(max-width:64rem){
  .compare-workflows,.compare-models{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:48rem){
  .compare-hero>.container{grid-template-columns:minmax(0,1fr)}
  .compare-hero__stage{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;overflow:visible;transform:none}
  .compare-premises,.compare-workflows,.compare-models{grid-template-columns:minmax(0,1fr)}
  .compare-closing__inner{grid-template-columns:minmax(0,1fr)}
  .compare-closing__actions{max-width:24rem}
}
@media(max-width:42rem){
  .compare-duration,.compare-boundaries{grid-template-columns:minmax(0,1fr)}
  .compare-checklist__row{grid-template-columns:2.25rem minmax(0,1fr)}
  .compare-checklist__row>:nth-child(3){grid-column:2}
  .compare-hero__copy h1{max-width:none}
  .compare-page .compare-hero .c-btn{max-width:100%;white-space:normal}
  .compare-ticket__body,.compare-premise,.compare-workflow,.compare-model,.compare-duration__card,.compare-boundary,.compare-closing__inner{padding:var(--space-3)}
}
@media(max-width:25rem){
  .compare-hero__copy .compare-actions{align-items:stretch;flex-direction:column}
  .compare-hero__copy .compare-actions .c-btn{width:100%}
  .compare-ticket__foot{display:grid}
  .compare-model__specs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
