/* Pricing comparison header: scoped to the public pricing page. */
body[data-page-key="pricing"] .pricing-plan-toolbar {
  display:grid;grid-template-columns:minmax(0,1fr) 322px;align-items:center;
  gap:32px;padding:28px 30px;border:1px solid #dfe5ed;border-bottom:0;
  border-radius:20px 20px 0 0;background:#fff;
}
body[data-page-key="pricing"] .pricing-selection-copy {max-width:none;min-width:0}
body[data-page-key="pricing"] .pricing-selection-copy .pricing-step-label {
  display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;
  font-size:10px;line-height:1.4;letter-spacing:.1em;font-weight:750;color:#b51b56;
}
body[data-page-key="pricing"] .pricing-selection-copy .pricing-step-label::before {
  content:"";width:6px;height:6px;border-radius:50%;background:#ec246c;flex:none;
}
body[data-page-key="pricing"] .pricing-selection-copy h3 {
  margin:0 0 10px;font-size:clamp(23px,2.2vw,28px);line-height:1.22;
  font-weight:720;letter-spacing:-.035em;color:#17263b;text-wrap:balance;
}
body[data-page-key="pricing"] .pricing-selection-copy p {
  max-width:68ch;margin:0;font-size:14px;line-height:1.65;color:#627086;text-wrap:pretty;
}
body[data-page-key="pricing"] .pricing-toolbar-actions {
  display:block;min-width:0;width:100%;padding-left:28px;border-left:1px solid #e7ebf1;
}
body[data-page-key="pricing"] .pricing-billing-control {display:grid;gap:9px;width:100%}
body[data-page-key="pricing"] .pricing-billing-control>span {
  font-size:12px;line-height:1.4;font-weight:650;letter-spacing:0;text-transform:none;color:#445268;
}
body[data-page-key="pricing"] .pricing-page-toggle {
  display:grid;grid-template-columns:1fr 1.18fr;gap:4px;width:100%;
  padding:5px;border:1px solid #e1e6ef;border-radius:13px;background:#f3f5f8;
}
body[data-page-key="pricing"] .pricing-page-toggle button {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  min-width:0;min-height:62px;padding:9px 12px;border:1px solid transparent;border-radius:9px;
  background:transparent;box-shadow:none;color:#57657a;font:inherit;font-size:14px;line-height:1.2;font-weight:650;
  cursor:pointer;white-space:nowrap;transition:background-color .16s,color .16s,box-shadow .16s;
}
body[data-page-key="pricing"] .pricing-page-toggle button:hover:not(.active) {background:#e8ecf2;color:#223149}
body[data-page-key="pricing"] .pricing-page-toggle button.active {
  background:#dc1d60;color:#fff;border-color:#d31d5d;box-shadow:0 2px 5px #9d194a1a;
}
body[data-page-key="pricing"] .pricing-page-toggle button small {
  display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0;
  padding:3px 7px;border-radius:5px;background:#e1f2e9;color:#176243;
  font-size:10px;line-height:1.15;font-weight:700;letter-spacing:0;
}
body[data-page-key="pricing"] .pricing-page-toggle button small:empty {display:none}
body[data-page-key="pricing"] .pricing-page-toggle button.active small {background:#ffffff26;color:#fff}
body[data-page-key="pricing"] .pricing-billing-note {margin:0;font-size:11px;line-height:1.5;color:#748096}
body[data-page-key="pricing"] #backToCorePlans {
  display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:8px 0 -5px;padding:0;
  border:0;border-radius:4px;background:transparent;box-shadow:none;color:#a4174e;
  font:inherit;font-size:12px;line-height:1.4;font-weight:650;text-decoration:none;cursor:pointer;
}
body[data-page-key="pricing"] #backToCorePlans:hover {color:#d21e60;text-decoration:underline;text-underline-offset:3px}
body[data-page-key="pricing"] #backToCorePlans[hidden] {display:none!important}
body[data-page-key="pricing"] .pricing-page-toggle button:focus-visible,
body[data-page-key="pricing"] #backToCorePlans:focus-visible {outline:3px solid #f583ae;outline-offset:3px}
body[data-page-key="pricing"] .pricing-current-selection {
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:12px 30px;
  border:1px solid #dfe5ed;border-top:1px solid #e9edf3;background:#f8fafc;
}
body[data-page-key="pricing"] .pricing-current-selection>span {
  padding:4px 7px;border:1px solid #e3e8f0;border-radius:5px;background:#fff;
  color:#69778c;font-size:10px;line-height:1.3;font-weight:650;letter-spacing:.02em;
}
body[data-page-key="pricing"] .pricing-current-selection strong {font-size:12px;line-height:1.5;font-weight:650;color:#34445c}
body[data-page-key="pricing"] .pricing-current-selection small {margin-left:auto;font-size:11px;line-height:1.5;color:#69778c}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-plan-toolbar {background:#0d1b2b;border-color:#2c4058}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-selection-copy .pricing-step-label {color:#ff87b3}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-selection-copy h3 {color:#f0f5fc}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-selection-copy p {color:#aebed2}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-toolbar-actions {border-color:#2c4058}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-billing-control>span {color:#bfccdd}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-page-toggle {background:#091522;border-color:#2c4058}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-page-toggle button {color:#b7c7da}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-page-toggle button:hover:not(.active) {background:#1b2b40;color:#f0f5fc}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-page-toggle button.active {background:#cf1d5b;border-color:#e5447c;color:#fff}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-page-toggle button:not(.active) small {background:#153a31;color:#a3e5ca}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-billing-note {color:#a4b5cd}
html[data-theme="dark"] body[data-page-key="pricing"] #backToCorePlans {color:#ff91b9}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-current-selection {background:#0b1726;border-color:#2c4058}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-current-selection>span {background:#14253a;border-color:#2c4058;color:#bac9dc}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-current-selection strong {color:#d6e2f1}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-current-selection small {color:#a4b5cd}
@media(max-width:900px) {
  body[data-page-key="pricing"] .pricing-plan-toolbar {grid-template-columns:minmax(0,1fr) 278px;gap:24px;padding:24px}
  body[data-page-key="pricing"] .pricing-toolbar-actions {padding-left:20px}
  body[data-page-key="pricing"] .pricing-selection-copy h3 {font-size:24px}
  body[data-page-key="pricing"] .pricing-selection-copy p {font-size:13px}
  body[data-page-key="pricing"] .pricing-current-selection {padding:12px 24px}
}
@media(max-width:680px) {
  body[data-page-key="pricing"] .pricing-plan-toolbar {grid-template-columns:1fr;gap:20px;padding:22px 20px;border-radius:16px 16px 0 0}
  body[data-page-key="pricing"] .pricing-selection-copy .pricing-step-label {margin-bottom:10px}
  body[data-page-key="pricing"] .pricing-selection-copy h3 {font-size:24px;line-height:1.25}
  body[data-page-key="pricing"] .pricing-selection-copy p {font-size:13px;line-height:1.65}
  body[data-page-key="pricing"] .pricing-toolbar-actions {padding:17px 0 0;border-left:0;border-top:1px solid #e7ebf1}
  body[data-page-key="pricing"] .pricing-page-toggle {grid-template-columns:1fr 1fr}
  body[data-page-key="pricing"] .pricing-page-toggle button {min-height:62px}
  body[data-page-key="pricing"] .pricing-current-selection {padding:12px 20px;gap:7px 10px}
  body[data-page-key="pricing"] .pricing-current-selection small {flex-basis:100%;margin-left:0}
}
@media(prefers-reduced-motion:reduce) {body[data-page-key="pricing"] .pricing-page-toggle button {transition:none}}

/* Separate subscription commitment from collection frequency. */
body[data-page-key="pricing"] .pricing-plan-toolbar{grid-template-columns:minmax(0,1fr) 460px}
body[data-page-key="pricing"] .pricing-page-toggle{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-page-key="pricing"] .pricing-page-toggle button{padding:9px 5px;font-size:13px}
body[data-page-key="pricing"] .pricing-page-toggle button small{font-size:9px;padding:3px 4px}
body[data-page-key="pricing"] .pricing-payment-label{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;color:#52647c}
body[data-page-key="pricing"] .pricing-payment-label select{min-height:44px;border:1px solid #dce3ed;border-radius:8px;padding:8px 28px 8px 12px;background:#fff;color:#24364e;font:inherit;font-size:12px}
.ph-term-unavailable{font-size:12px;color:#64748b;line-height:1.6}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-payment-label{color:#b9c8dc}
html[data-theme="dark"] body[data-page-key="pricing"] .pricing-payment-label select{color:#e4edf8;background:#142438;border-color:#344963}
@media(max-width:1100px){body[data-page-key="pricing"] .pricing-plan-toolbar{grid-template-columns:1fr}body[data-page-key="pricing"] .pricing-toolbar-actions{border-left:0;border-top:1px solid #e7ebf1;padding:20px 0 0}body[data-page-key="pricing"] .pricing-billing-control{max-width:560px}}
@media(max-width:420px){body[data-page-key="pricing"] .pricing-page-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}}