.plans-page{flex:1;min-height:0;padding:44px 24px 56px;background:#f4f4f5;color:#111827;overflow:auto}
body[data-page="subscription-plans"] .chat-main{overflow:hidden;scrollbar-gutter:auto;background:#f4f4f5}
.plans-page{scrollbar-width:thin;scrollbar-color:#8a8a8a transparent;overscroll-behavior:contain}
.plans-page::-webkit-scrollbar{width:10px}
.plans-page::-webkit-scrollbar-track{background:transparent}
.plans-page::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:10px;background:#c8c8c8;background-clip:content-box}
.plans-page:hover::-webkit-scrollbar-thumb{background:#999;background-clip:content-box}
.plans-page-header{width:min(100%,900px);margin:0 auto 22px;text-align:center}
.plans-page-eyebrow{display:inline-block;margin-bottom:8px;color:#64748b;font-size:12px;font-weight:600}
.plans-page-header h1{margin:0;color:#111827;font-size:30px;font-weight:650;letter-spacing:-.035em}
.plans-page-header p{margin:9px 0 0;color:#64748b;font-size:13px;line-height:1.9}
.plans-tabs{display:flex;width:min(100%,360px);margin:0 auto 23px;padding:4px;border:1px solid #e5e7eb;border-radius:999px;background:#e9e9eb}
.plans-tab{flex:1;min-height:40px;border:0;border-radius:999px;background:transparent;color:#737b88;font:inherit;font-size:13px;cursor:pointer;transition:background .18s ease,color .18s ease}
.plans-tab.is-active{background:#fff;color:#111827;box-shadow:0 1px 3px #11182712}
.plans-tab:focus-visible,.plans-cycle-toggle button:focus-visible,.plans-buy-button:focus-visible{outline:3px solid #3b82f655;outline-offset:2px}
.plans-panel{width:min(100%,860px);margin:0 auto}
.plans-panel[hidden]{display:none!important}
.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.plans-grid.is-single{grid-template-columns:minmax(0,1fr)}
.plans-card{display:flex;min-width:0;flex-direction:column;padding:24px 23px 21px;border:1px solid #dedfe2;border-radius:20px;background:#fff;box-shadow:0 4px 12px #1118270a}
.plans-card.is-featured{border-color:#9dc4ff;background:linear-gradient(155deg,#f9fcff 0%,#edf5ff 100%)}
.plans-current-badge{flex:0 0 auto;padding:6px 9px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:9px;font-weight:600}
.plans-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:44px}
.plans-card-eyebrow{display:block;margin-bottom:3px;color:#64748b;font-size:11px}
.plans-card-heading h2{margin:0;color:#111827;font-size:19px;font-weight:650}
.plans-cycle-toggle{display:flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid #e5e7eb;border-radius:999px;background:#e9eaec}
.plans-cycle-toggle button{min-height:29px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:#687386;font:inherit;font-size:11px;cursor:pointer}
.plans-cycle-toggle button.is-active{background:#fff;color:#111827;box-shadow:0 1px 3px #11182712}
.plans-card-description{min-height:47px;margin:13px 0 13px;color:#5f6b7b;font-size:12px;line-height:1.9}
.plans-price-row{display:flex;align-items:baseline;gap:8px;min-height:46px}
.plans-price{color:#111827;font-size:30px;font-weight:500;letter-spacing:-.045em;line-height:1.2}
.plans-price-unit{color:#64748b;font-size:11px}
.plans-billing-note,.plans-credit-note{margin:4px 0 0;color:#64748b;font-size:10px;line-height:1.8}
.plans-credit-note{color:#475569}
.plans-feature-list{display:grid;gap:12px;margin:19px 0 22px;padding:17px 0 0;border-top:1px solid #e8edf3;list-style:none}
.plans-card.is-wide .plans-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:14px}
.plans-feature-list li{display:flex;align-items:flex-start;gap:9px;color:#273449;font-size:11px;line-height:1.8}
.plans-feature-list svg{width:17px;height:17px;flex:0 0 17px;margin-top:1px;fill:none;stroke:#3b82f6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.plans-card-action{margin-top:auto;padding-top:2px}
.plans-buy-button{display:flex;width:100%;min-height:43px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #3b82f6;border-radius:999px;background:#3b82f6;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.plans-buy-button:hover:not(:disabled){border-color:#2563eb;background:#2563eb}
.plans-buy-button:disabled,.plans-buy-button.is-disabled{border-color:#e5e7eb;background:#f8fafc;color:#8b929e;cursor:default}
.plans-buy-button.is-loading{opacity:.75;cursor:wait}
.plans-page-footer{display:flex;width:min(100%,860px);align-items:center;justify-content:center;gap:14px;margin:17px auto 0;color:#758094;font-size:10px;text-align:center}
.plans-page-footer p{margin:0;line-height:1.8}
.plans-page-footer a{color:#2563eb;text-decoration:none;white-space:nowrap}
.plans-page-footer a:hover{text-decoration:underline}
@media(max-width:700px){.plans-page{padding:32px 16px 44px}.plans-page-header h1{font-size:25px}.plans-grid{grid-template-columns:1fr;gap:14px}.plans-card{padding:21px 19px}.plans-card-description{min-height:0}.plans-card.is-wide .plans-feature-list{grid-template-columns:1fr}.plans-page-footer{flex-direction:column;gap:5px}}
@media(max-width:380px){.plans-card-heading{flex-direction:column}.plans-cycle-toggle{align-self:flex-start}.plans-price{font-size:27px}}
.plans-tabs{position:sticky;top:8px;z-index:10;box-shadow:0 5px 18px #11182712;backdrop-filter:blur(12px)}.plans-disabled-reason{display:block;margin-top:7px;color:#737f91;font-size:10px;line-height:1.7}
@media(max-width:600px){.plans-tabs{top:5px}}
.plans-card{height:100%}
.plans-card-heading{align-items:center}
.plans-card.is-current{border-color:#85b4f7;box-shadow:0 0 0 2px #dbeafe,0 8px 24px #1d4ed812}
.plans-current-badge{padding:7px 10px;background:#e7f1ff;color:#174ea6;font-size:10px;white-space:nowrap}
.plans-price-row{flex-wrap:wrap;gap:4px 9px;padding:5px 0}
.plans-price-unit{line-height:1.7}
.plans-billing-note,.plans-credit-note{min-height:18px}
.plans-page{scroll-padding-top:62px}
@media(max-width:700px){.plans-tabs{z-index:20;width:min(100%,420px);margin-bottom:18px}.plans-card-heading{align-items:flex-start}.plans-card.is-current{box-shadow:0 0 0 2px #dbeafe,0 6px 18px #1d4ed812}}
@media(max-width:380px){.plans-current-badge{white-space:normal;text-align:center}}
