.plan-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; width: 100%; min-width: 0; }
.plan-picker-card { position: relative; display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; min-width: 0; border: 1px solid var(--theme-border-strong); border-radius: 14px; color: var(--theme-text); background: var(--theme-surface); }
.plan-picker-card.has-open-options { z-index: 5; }
.plan-picker-card-header { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-bottom: 1px solid var(--theme-border); }
.plan-picker-name { margin: 0; color: var(--theme-text-strong); font-size: 19px; font-weight: 700; }
.plan-picker-card-header > p { min-height: 2.8em; margin: 0; color: var(--theme-text-muted); font-size: 12px; line-height: 1.5; }
.plan-picker-price { display: flex; flex-wrap: wrap; align-content: start; align-items: baseline; gap: 4px 5px; min-height: 64px; }
.plan-picker-price strong { color: var(--theme-text-strong); font-size: clamp(23px, 2.6vw, 32px); letter-spacing: -.04em; }
.plan-picker-price span { color: var(--theme-text-muted); font-size: 12px; }
.plan-picker-price .price-vat-note { flex-basis: 100%; }
.pricing-page .price-vat-note { display: block; color: var(--theme-text-muted); font-size: 11px; font-weight: 400; line-height: 1.5; }
.pricing-page .plan-picker-price { min-height: 0; }
.plan-picker-card form, .plan-picker-choice { display: grid; gap: 12px; margin-top: auto; }
.plan-picker-credit-tier { display: grid; gap: 6px; color: var(--theme-text-muted); font-size: 11px; font-weight: 650; }
.plan-picker-credit-placeholder { margin-top: auto; visibility: hidden; pointer-events: none; }
.plan-picker-select-wrap { position: relative; display: block; }
.plan-picker-select-wrap select { box-sizing: border-box; width: 100%; min-height: 42px; padding: 0 38px 0 12px; appearance: none; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-text); background: var(--theme-surface-muted); font: inherit; font-size: 12px; cursor: pointer; }
.plan-picker-select-wrap select:focus-visible { outline: 2px solid var(--theme-focus); outline-offset: 2px; }
.plan-picker-select-wrap svg { position: absolute; top: 50%; right: 12px; width: 18px; height: 18px; fill: none; stroke: var(--theme-text-muted); stroke-width: 1.8; pointer-events: none; transform: translateY(-50%); }
.plan-picker-select-wrap.is-enhanced select { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; opacity: 0; pointer-events: none; }
.plan-picker-select-trigger { display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 42px; padding: 9px 38px 9px 12px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-text); background: var(--theme-surface-muted); font: inherit; font-size: 12px; font-weight: 650; line-height: 1.4; text-align: left; cursor: pointer; }
.plan-picker-select-trigger:hover, .plan-picker-select-trigger[aria-expanded="true"] { border-color: var(--theme-border-strong); }
.plan-picker-select-trigger:focus-visible { outline: 2px solid var(--theme-focus); outline-offset: 2px; }
.plan-picker-options { position: absolute; z-index: 6; top: calc(100% + 5px); left: 0; right: 0; max-height: min(320px, 50vh); overflow-y: auto; padding: 5px; border: 1px solid var(--theme-border-strong); border-radius: 11px; color: var(--theme-text); background: var(--theme-surface); box-shadow: 0 14px 30px var(--theme-shadow); }
.plan-picker-select-wrap.opens-up .plan-picker-options { top: auto; bottom: calc(100% + 5px); }
.plan-picker-options[hidden] { display: none; }
.plan-picker-option { padding: 10px 11px; border-radius: 7px; font-size: 12px; font-weight: 550; line-height: 1.4; cursor: pointer; }
.plan-picker-option + .plan-picker-option { margin-top: 2px; }
.plan-picker-option:hover, .plan-picker-option.is-active { background: var(--theme-surface-muted); }
.plan-picker-option[aria-selected="true"] { color: var(--theme-text-strong); font-weight: 750; }
.plan-picker-button { display: grid; box-sizing: border-box; min-height: 42px; padding: 0 14px; place-items: center; border: 1px solid var(--theme-primary); border-radius: 9px; color: var(--theme-on-primary); background: var(--theme-primary); font: inherit; font-size: 12px; font-weight: 650; text-align: center; text-decoration: none; cursor: pointer; }
.plan-picker-button:hover:not(:disabled) { filter: brightness(.92); }
.plan-picker-button:focus-visible { outline: 2px solid var(--theme-focus); outline-offset: 2px; }
.plan-picker-button:disabled { border-color: var(--theme-border); color: var(--theme-text-muted); background: var(--theme-surface-muted); cursor: default; }
.pricing-page .plan-picker-card:not(.plan-picker-card-cta) .plan-picker-button:not(:disabled) { border-color: var(--theme-border-strong); color: var(--theme-text); background: var(--theme-surface); }
.pricing-page .plan-picker-card:not(.plan-picker-card-cta) .plan-picker-button:hover:not(:disabled) { background: var(--theme-surface-muted); filter: none; }
.plan-picker-features { display: grid; align-content: start; gap: 11px; margin: 0; padding: 19px 22px 24px; list-style: none; }
.plan-picker-features li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 9px; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.plan-picker-features li.plan-picker-feature-wrapped { display: grid; grid-template-columns: auto minmax(0, 1fr); }
.plan-picker-features li > span[aria-hidden="true"] { color: var(--theme-text-muted); }
.plan-picker-features small { margin-left: auto; color: var(--theme-text-subtle); font-size: 9px; text-transform: uppercase; }
.dashboard-billing-plan-picker { grid-column: 1 / -1; display: grid; gap: 16px; }
.dashboard-billing-plan-picker .dashboard-card-heading { margin: 0; }
.pricing-page { --theme-text: var(--ink); --theme-text-strong: var(--ink); --theme-text-muted: var(--muted); --theme-text-subtle: var(--muted); --theme-border: var(--line); --theme-border-strong: var(--line); --theme-surface: var(--paper); --theme-surface-muted: var(--public-surface); --theme-primary: var(--ink); --theme-on-primary: var(--public-on-primary); --theme-focus: var(--ink); --theme-shadow: var(--public-shadow); min-height: 70vh; padding: 42px 20px 100px; color: var(--theme-text); }
.pricing-shell { width: min(1160px, 100%); margin: 0 auto; }
.pricing-header { display: grid; gap: 70px; margin-bottom: 44px; }
.pricing-header > div { display: grid; gap: 10px; text-align: center; }
.pricing-header p { margin: 0; color: var(--theme-text-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.pricing-header h1 { margin: 0; color: var(--theme-text-strong); font-size: clamp(38px, 6vw, 68px); letter-spacing: -.055em; }
.pricing-header span { color: var(--theme-text-muted); font-size: 15px; }
.pricing-billing-link { margin-top: 25px; text-align: center; }
.pricing-billing-link a { color: var(--theme-text); }
.pricing-body .footer-backdrop { margin-top: 0; }
@media (max-width: 900px) { .pricing-page .plan-picker { grid-template-columns: 1fr; } .pricing-page .plan-picker-card-header > p { min-height: 0; } }