.price-page{padding-top:132px;padding-bottom:112px}
.price-heading{text-align:center;margin:0 auto 52px}
.price-heading h1{font-size:var(--hero-title-size);font-weight:var(--hero-title-weight);line-height:1.2;letter-spacing:var(--hero-title-tracking);margin:0 0 16px}
.price-billing{font-size:14px;line-height:1.65;color:var(--text-secondary)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pricing-gap);align-items:stretch}
.plan-card{display:flex;flex-direction:column;min-width:0;padding:var(--pricing-card-padding);border-radius:var(--pricing-card-radius);background:var(--pricing-card-bg)}
/* Opaque fills preserve content contrast; border gradients and pointer glow share the accent. */
.plan-card--pro{--plan-accent:var(--pricing-pro-accent);--plan-tint:var(--pricing-pro-tint);--plan-border:var(--pricing-pro-border);--glow-rgb:var(--pricing-pro-glow)}
.plan-card--enterprise{--plan-accent:var(--pricing-enterprise-accent);--plan-tint:var(--pricing-enterprise-tint);--plan-border:var(--pricing-enterprise-border);--glow-rgb:var(--pricing-enterprise-glow)}
.plan-card--pro,.plan-card--enterprise{border:var(--border-width) solid transparent;background:linear-gradient(to top,var(--plan-tint) 0%,color-mix(in srgb,var(--plan-tint) 38%,var(--pricing-card-bg)) 40%,var(--pricing-card-bg) 84%) padding-box,linear-gradient(to top,var(--plan-border),var(--line-subtle) 88%) border-box}
.plan-card h2{font-size:20px;font-weight:500;margin:0 0 28px}
.plan-price{display:flex;align-items:baseline;gap:8px;min-height:64px;margin-bottom:14px}
.plan-price__number{font:400 var(--pricing-value-size)/1 var(--font-metric);letter-spacing:-1px}
.plan-price__custom{font-size:36px;letter-spacing:-1px;line-height:1.4}
.plan-price__period{font-size:12px;color:var(--text-muted)}
.plan-description{font-size:13px;line-height:1.7;color:var(--text-secondary);min-height:66px;margin-bottom:24px}
.plan-features{list-style:none;padding:0;margin:0 0 28px;border-top:var(--border-width) solid var(--line-subtle)}
.plan-features li{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:10px 0;border-bottom:var(--border-width) solid var(--line-subtle);font-size:12px;line-height:1.45}
.plan-feature-label{color:var(--text-secondary)}.plan-feature-value{flex:none;font-size:13px;text-align:right}
.plan-availability{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.plan-availability .icon{width:17px;height:17px}.is-unavailable{color:var(--text-faint)}
.plan-card .plan-action{width:100%;min-height:44px;margin-top:auto;font-size:14px;justify-content:center}
.plan-comparison{margin-top:100px}
.comparison-heading{text-align:center;margin-bottom:32px}.comparison-heading h2{font-size:32px;font-weight:500;line-height:1.4;margin-bottom:10px;letter-spacing:-.02em}.comparison-heading p{color:var(--text-secondary);font-size:14px}
.comparison-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:var(--border-width) solid var(--line-subtle);border-radius:var(--pricing-card-radius);background:var(--pricing-card-bg);scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent}
.comparison-scroll:focus-visible{outline:2px solid var(--text);outline-offset:5px}
.comparison-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:1.5}
.comparison-table th,.comparison-table td{height:var(--pricing-row-height);padding:16px 24px;border-bottom:var(--border-width) solid var(--line-subtle);text-align:center;font-weight:400}
.comparison-table thead th{height:66px;font-weight:500;color:var(--text);background:var(--pricing-table-header-bg)}
.comparison-table th:first-child{position:sticky;left:0;z-index:1;width:34%;text-align:left;background:var(--pricing-card-bg);box-shadow:1px 0 0 var(--line-subtle)}
.comparison-table tbody th{color:var(--text-secondary)}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table tbody tr:hover>*{background:color-mix(in srgb,var(--pricing-card-bg) 96%,var(--text))}
.comparison-swipe{display:none}
@media(max-width:1100px){.plan-card{padding:22px}.plan-features li{font-size:11px}.plan-feature-value{font-size:12px}}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.plan-card{padding:28px}.plan-description{min-height:0}.plan-features li{font-size:13px}.plan-feature-value{font-size:14px}.plan-card h2{margin-bottom:20px}.plan-price{margin-bottom:10px}.plan-comparison{margin-top:72px}}
@media(max-width:540px){.price-page{padding-top:100px;padding-bottom:80px}.price-heading{margin-bottom:36px}.price-heading h1{font-size:36px}.price-billing{font-size:13px;max-width:28ch;margin:auto}.plan-grid{gap:20px}.plan-card{padding:24px}.plan-features li{font-size:12px}.plan-feature-value{font-size:13px}.comparison-heading h2{font-size:26px}.comparison-heading p{font-size:13px}.comparison-swipe{display:block;font-size:11px;color:var(--text-muted);margin:0 0 12px;text-align:right}.comparison-table{min-width:620px}.comparison-table th:first-child{width:180px}.comparison-table th,.comparison-table td{padding:15px 16px}}

.comparison-table thead th:first-child{background:var(--pricing-table-header-bg)}

.plan-card--pro h2,.plan-card--enterprise h2{color:var(--plan-accent);font-weight:700}
.plan-card--pro .plan-feature-value,.plan-card--enterprise .plan-feature-value{color:var(--plan-accent)}

/* Keep the enterprise outline blue before pointer interaction. */
.plan-card--enterprise{background:linear-gradient(to top,var(--plan-tint) 0%,color-mix(in srgb,var(--plan-tint) 38%,var(--pricing-card-bg)) 40%,var(--pricing-card-bg) 84%) padding-box,linear-gradient(to top,var(--plan-border),color-mix(in srgb,var(--plan-border) 65%,var(--pricing-card-bg)) 88%) border-box}
.plan-card--enterprise .plan-action{background:var(--pricing-enterprise-button-bg);color:var(--pricing-enterprise-button-text);border-color:var(--plan-border);transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
.plan-card--enterprise .plan-action:is(:hover,:focus-visible){background:var(--pricing-enterprise-button-hover);border-color:var(--plan-accent);box-shadow:0 0 18px rgba(var(--pricing-enterprise-glow),.16)}

/* Pro: a continuous neutral outline, visible before hover. */
.plan-card--pro{border-color:var(--pricing-pro-border)}
html[data-theme=dark] .plan-card--pro{--pricing-pro-border:rgba(255,255,255,.35)}

/* Match the enterprise CTA arrow to the 18px primary-button arrow. */
.plan-card--enterprise .plan-action .icon{width:18px;height:18px;flex-shrink:0}