.plans-page{overflow-wrap:break-word}
.plans-page [hidden]{display:none!important}
.plans-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:var(--space-5);padding:var(--hero-top) var(--space-3) var(--space-6);background:#FCF9F6;color:#26232A}
.plans-hero-copy,.plans-hero-stage{min-width:0}
.plans-hero .c-kicker{margin-bottom:var(--space-2)}
.plans-hero h1{max-width:16ch;margin:0;font-family:var(--font-body);font-size:clamp(2.55rem,4vw,3.2rem);line-height:1.17;letter-spacing:-.045em}
.plans-hero-lead{max-width:39rem;margin:var(--space-3) 0 0;color:#5C5660;font-size:var(--text-lg)}
.plans-page .plans-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.plans-hero-note{margin:var(--space-3) 0 0;color:#5C5660}
.plans-hero-note strong{color:#26232A}
.plans-hero-stage{align-self:start}
.plans-receipt{height:auto;overflow:hidden;border-radius:var(--radius-md);background:#FFFDFC;color:#26232A;box-shadow:var(--shadow)}
.plans-receipt-head{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#E8EDF5;color:#252F40;font-size:var(--text-sm);font-weight:700}
.plans-receipt-body{padding:var(--space-3)}
.plans-receipt-body>p{margin:0 0 var(--space-3);color:#5C5660}
.plans-receipt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid color-mix(in srgb,#26232A 13%,transparent);font-size:var(--text-sm)}
.plans-receipt-row>*{min-width:0}
.plans-receipt-row strong{text-align:right;font-size:var(--text-xs)}
.plans-receipt-foot{padding:var(--space-2) var(--space-3);background:#F3F0DB;color:#363421;font-size:var(--text-sm)}
.plans-section-head{align-items:end}
.plans-section-head>div{min-width:0}
.plans-section-head .c-kicker{margin-bottom:var(--space-2)}
.plans-section-head h2{margin:0;font-family:var(--font-body);font-size:var(--text-section)}
.plans-section-head p{color:inherit;opacity:.8}
.plans-periods{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}
.plans-period{min-width:5.5rem;min-height:2.7rem;padding:.55rem 1rem;border:1px solid color-mix(in srgb,#26232A 28%,transparent);border-radius:var(--radius-pill);background:#FFFDFC;color:#26232A;font-size:var(--text-sm);font-weight:700}
.plans-period.is-active{border-color:#26232A;background:#26232A;color:#FFFDFC}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-3);align-items:stretch}
.plans-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3)}
.plans-card.is-sand{background:#F4E9DD;color:#302821}
.plans-card.is-mint{background:#E5F2ED;color:#203630}
.plans-card.is-blue{background:#E8EDF5;color:#252F40}
.plans-card-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}
.plans-card h3{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-body);font-size:var(--text-card);letter-spacing:-.03em}
.plans-card .plans-card-description{margin:0;color:inherit;opacity:.85}
.plans-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--space-1);margin:var(--space-3) 0}
.plans-spec div{min-width:0}
.plans-spec dt{font-size:var(--text-xs);opacity:.75}
.plans-spec dd{margin:0;font-size:var(--text-sm);font-weight:700;overflow-wrap:break-word}
.plans-price-focus{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-2)}
.plans-price-focus span{font-size:var(--text-xs)}
.plans-price-focus strong{font-size:clamp(1.4rem,7cqi,2rem);line-height:1.2}
.plans-price-list{list-style:none;margin:0 0 var(--space-3);padding:0}
.plans-price-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding:.4rem 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:var(--text-sm)}
.plans-price-list li.is-active{font-weight:700}
.plans-card .plans-card-cta{align-self:stretch;margin-top:auto;white-space:normal}
.plans-after-grid,.plans-table-note,.plans-region-note{max-width:55rem;margin:var(--space-3) 0 0;color:#5C5660}
.plans-comparison{background:#E8EDF5;color:#252F40}
.plans-comparison .plans-table-note{color:#4D5667}
.plans-page .table-scroll{max-width:100%;overflow-x:auto}
.plans-page .c-table{display:table;width:100%;min-width:55rem;table-layout:auto;background:#FFFDFC;color:#302821}
.plans-page .c-table caption{padding-bottom:var(--space-2);color:inherit;text-align:left;font-size:var(--text-sm);font-weight:700}
.plans-page .c-table thead th{background:#F4E9DD;color:#302821}
.plans-page .c-table th,.plans-page .c-table td{text-align:left;white-space:normal;overflow-wrap:break-word}
.plans-page .c-table th:first-child{min-width:11rem}
.plans-page .c-table td.numeric{white-space:nowrap}
.plans-billing{background:#FCFBF7;color:#26232A}
.plans-billing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-4)}
.plans-billing-copy{min-width:0}
.plans-billing-copy h3{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-card)}
.plans-checklist{list-style:none;margin:0;padding:0}
.plans-check-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#26232A 13%,transparent)}
.plans-check-row>*{min-width:0}
.plans-check-row>span:first-child{font-size:var(--text-sm);font-weight:700;color:#62319B}
.plans-check-row strong{font-size:var(--text-sm)}
.plans-check-row>span:last-child{font-size:var(--text-sm)}
.plans-invoice{min-width:0;overflow:hidden;border-radius:var(--radius-md);background:#26232A;color:#F5EFF5}
.plans-invoice-head{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#62319B;color:#FFFFFF;font-weight:700}
.plans-invoice-body{padding:var(--space-3)}
.plans-invoice-body>p{margin:0 0 var(--space-2);color:#F5EFF5;font-weight:700}
.plans-invoice-body dl{margin:0}
.plans-invoice-body dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);padding:var(--space-1) 0;border-top:1px solid rgba(255,255,255,.19)}
.plans-invoice-body dt,.plans-invoice-body dd{min-width:0;color:#F5EFF5}
.plans-invoice-body dd{margin:0;text-align:right}
.plans-invoice-total{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#E5F2ED;color:#203630}
.plans-invoice-total strong{font-size:var(--text-card)}
.plans-invoice-caption{margin:0;padding:var(--space-2) var(--space-3);color:#E8DBEA;font-size:var(--text-sm)}
.plans-addons{background:#F4E9DD;color:#302821}
.plans-addons .plans-table-note{color:#574A40}
.plans-addon-table{min-width:0!important}
.plans-regions{background:#FCFBF7;color:#26232A}
.plans-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2);align-items:stretch}
.plans-region-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#F3F0DB;color:#363421}
.plans-region-code{font-size:var(--text-xs);font-weight:700}
.plans-region-card h3{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-body);font-size:var(--text-card)}
.plans-region-card p{margin:0 0 var(--space-3);color:#363421;opacity:.85;font-size:var(--text-sm)}
.plans-region-card .c-badge{display:inline-flex;align-items:center;gap:.4em;width:fit-content;margin-top:auto;padding:.4em .9em;border-radius:999px;background:#FFFDFC;color:#302821;line-height:1}
.plans-region-note a:not(.c-btn){color:#62319B}
.plans-payment{background:#E5F2ED;color:#203630}
.plans-payment-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);align-items:center;gap:var(--space-4)}
.plans-payment .c-kicker{margin-bottom:var(--space-2)}
.plans-payment h2{margin:0;font-family:var(--font-body);font-size:var(--text-section)}
.plans-payment p{max-width:43rem;margin:var(--space-2) 0 0;color:#203630}
.plans-payment-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.plans-payment-actions .c-btn{white-space:normal}
.plans-faq{background:#FCFBF7;color:#26232A}
.plans-faq-list{max-width:55rem}
.plans-faq .c-faq{background:#FCFBF7;color:#26232A}
.plans-faq .c-faq .answer{padding:var(--space-2) var(--space-2) var(--space-3);border-top:1px solid color-mix(in srgb,#26232A 13%,transparent);color:#5C5660}
.plans-faq .c-faq[open] summary{padding-bottom:var(--space-2)}
.plans-faq .answer a:not(.c-btn){color:#62319B;text-decoration:underline;text-underline-offset:.2em}
.plans-closing-section{background:#FCFBF7;color:#26232A}
.plans-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#26232A;color:#F5EFF5}
.plans-closing .c-kicker{margin-bottom:var(--space-2)}
.plans-closing h2{max-width:20ch;margin:0;font-family:var(--font-body);font-size:var(--text-section)}
.plans-closing p{max-width:38rem;margin:var(--space-2) 0 0;color:#DED4DF}
.plans-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.plans-closing-actions .c-btn{white-space:normal}
.plans-closing-actions .c-btn-ghost{background:transparent;color:#F5EFF5;border-color:color-mix(in srgb,#F5EFF5 45%,transparent)}
@media(max-width:64rem){
  .plans-hero{gap:var(--space-3)}
  .plans-billing-layout{gap:var(--space-3)}
}
@media(max-width:42rem){
  .plans-hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-4)}
  .plans-hero h1{max-width:none}
  .plans-hero-stage,.plans-receipt{width:100%;height:auto;overflow:visible}
  .plans-receipt{overflow:hidden}
  .plans-section-head{display:block}
  .plans-section-head p{margin-top:var(--space-2)}
  .plans-billing-layout,.plans-payment-inner,.plans-closing{grid-template-columns:minmax(0,1fr)}
  .plans-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
  .plans-check-row>:nth-child(3){grid-column:2}
  .plans-receipt-row{grid-template-columns:minmax(0,1fr)}
  .plans-receipt-row strong{text-align:left}
  .plans-payment-actions,.plans-closing-actions{width:100%}
  .plans-hero .plans-actions .c-btn{width:100%}
  .plans-region-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
}
@media(prefers-reduced-motion:reduce){
  .plans-page .c-btn,.plans-page .c-price-card{transition:none}
}
