.portal-plan-layout .portal-plan-primary{align-content:start;gap:20px}.portal-plan-content-grid{grid-template-columns:none;gap:0;min-width:0;display:block}.portal-plan-toolbar{border-bottom:1px solid color-mix(in srgb, var(--pp-line) 88%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.portal-plan-toolbar-lead{flex-direction:column;flex:280px;align-items:flex-start;gap:4px;min-width:0;display:flex}.portal-plan-page-title{color:var(--pp-text-0);letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.portal-plan-page-subtitle{color:var(--pp-text-2);margin:0;font-size:.75rem;font-weight:400;line-height:1.5}.portal-plan-header-markdown{width:100%;max-width:min(100%,720px);color:var(--pp-text-1);font-size:.75rem;line-height:1.5}.portal-plan-header-markdown>:last-child{margin-bottom:0}.portal-plan-header-markdown :where(h1,h2,h3,p,ul,ol){margin:0}.payment-portal-shell .portal-plan-header-markdown.portal-markdown h1,.payment-portal-shell .portal-plan-header-markdown.portal-markdown h2,.payment-portal-shell .portal-plan-header-markdown.portal-markdown h3{max-width:none;color:var(--pp-text-0);letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.payment-portal-shell .portal-plan-header-markdown.portal-markdown p{color:var(--pp-text-2);margin:4px 0 0;font-size:.75rem;line-height:1.5}.portal-plan-header-markdown p+p{margin-top:.2em}.portal-plan-mode-switch{border:1px solid color-mix(in srgb, var(--pp-line-strong) 70%, transparent);background:color-mix(in srgb, var(--pp-bg-muted) 78%, var(--pp-bg-soft));border-radius:12px;flex-wrap:wrap;align-items:center;gap:0;min-width:0;max-width:100%;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #0f172a0f}.portal-plan-mode-tab{min-height:34px;color:color-mix(in srgb, var(--pp-text-1) 82%, transparent);letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:600;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.portal-plan-mode-tab:hover{background:color-mix(in srgb, var(--pp-bg-1) 42%, transparent);color:var(--pp-text-0)}.portal-plan-mode-tab.is-active{background:var(--pp-bg-1);color:var(--pp-text-0);transform:none;box-shadow:0 1px 2px #0f172a14}.portal-plan-mode-icon{width:14px;height:14px;color:color-mix(in srgb, var(--pp-text-1) 80%, transparent);justify-content:center;align-items:center;display:inline-flex}.portal-plan-mode-tab.is-active .portal-plan-mode-icon{color:var(--pp-text-0)}.portal-plan-mode-icon svg{width:14px;height:14px}.portal-plan-mode-icon--usage{color:#f59e0b;background:#fef3c7;border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #f59e0b29}.portal-plan-mode-tab.is-active .portal-plan-mode-icon--usage,.portal-plan-mode-tab:hover .portal-plan-mode-icon--usage{color:#d97706;background:#fde68a}.portal-plan-mode-icon--usage svg{width:11px;height:11px}.portal-plan-mode-hint{color:color-mix(in srgb, var(--pp-text-2) 88%, transparent);letter-spacing:0;white-space:nowrap;font-size:10px;font-weight:400}.portal-plan-mode-hint.is-deal{color:#92400e;background:#fef3c7;border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-weight:700;display:inline-flex}.dark .payment-portal-shell .portal-plan-mode-switch{background:#101211;border-color:#252825;box-shadow:inset 0 1px 2px #000000b8,inset 0 0 0 1px #0006}.dark .payment-portal-shell .portal-plan-mode-tab{color:#8a8a8a;border:1px solid #0000;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}.dark .payment-portal-shell .portal-plan-mode-icon{color:#6b6b6b}.dark .payment-portal-shell .portal-plan-mode-hint:not(.is-deal){color:#6f6f6f}.dark .payment-portal-shell .portal-plan-mode-tab:hover{color:#f2f2f2;background:#1a1c1b}.dark .payment-portal-shell .portal-plan-mode-tab:hover .portal-plan-mode-icon{color:#d4d4d4}.dark .payment-portal-shell .portal-plan-mode-tab.is-active,.dark .payment-portal-shell .portal-plan-mode-tab.is-active:hover{color:#47d992;background:linear-gradient(#2c2f2d 0%,#232623 100%);border-color:#3e7058;box-shadow:0 1px 1px #0000008c,0 2px 6px #00000047,inset 0 1px #ffffff0d}.dark .payment-portal-shell .portal-plan-mode-tab.is-active .portal-plan-mode-icon{color:#47d992}.dark .payment-portal-shell .portal-plan-mode-tab.is-active .portal-plan-mode-hint:not(.is-deal){color:#79c09d}.dark .payment-portal-shell .portal-plan-mode-icon--usage{color:#fbbf24;box-shadow:none;background:#43381c}.dark .payment-portal-shell .portal-plan-mode-tab.is-active .portal-plan-mode-icon--usage,.dark .payment-portal-shell .portal-plan-mode-tab:hover .portal-plan-mode-icon--usage{color:#fcd34d;background:#5d4816}.dark .payment-portal-shell .portal-plan-mode-hint.is-deal{color:#fbbf24;background:#fbbf2429}.portal-plan-board{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:clamp(16px,2.2vw,24px);display:grid}.portal-plan-board-main{gap:14px;min-width:0;display:grid}.portal-plan-filter-slot{align-items:center;gap:10px;min-height:36px;display:grid}.portal-plan-filter-row{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.portal-plan-filter-hint{color:var(--pp-text-2);white-space:nowrap;font-size:11px;font-weight:400}.portal-plan-usage-banner{border:1px solid color-mix(in srgb, var(--pp-primary) 22%, transparent);background:color-mix(in srgb, var(--pp-primary) 8%, var(--pp-bg-1));width:100%;color:color-mix(in srgb, var(--pp-primary) 42%, var(--pp-text-0));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.75rem;font-weight:500;display:flex}.portal-plan-usage-banner-copy{align-items:center;gap:8px;min-width:0;display:inline-flex}.portal-plan-usage-banner-hint{color:color-mix(in srgb, var(--pp-primary) 72%, var(--pp-text-0));white-space:nowrap;font-size:11px;font-weight:600}.portal-plan-side-stack{z-index:2;position:sticky;top:88px}.payment-portal-shell .portal-plan-flow-card,.payment-portal-shell .portal-plan-order-helper-card{background:var(--pp-card-bg);box-shadow:0 1px 2px #0f172a0a}.payment-portal-shell .portal-plan-flow-card{border-radius:16px;gap:0;padding:20px}.payment-portal-shell .portal-plan-flow-card [data-slot=card-header],.payment-portal-shell .portal-plan-flow-card [data-slot=card-content]{padding:0}.portal-plan-assistant{gap:16px;display:grid}.portal-plan-assistant-head{border-bottom:1px solid color-mix(in srgb, var(--pp-line) 80%, transparent);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.portal-plan-assistant-kicker{color:var(--pp-text-0);font-size:.75rem;font-weight:700}.portal-plan-assistant-badge{background:color-mix(in srgb, var(--pp-bg-muted) 88%, var(--pp-bg-1));min-height:20px;color:var(--pp-text-1);border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.portal-plan-assistant-badge.is-usage{color:#92400e;background:#fef3c7}.portal-plan-assistant-selected{gap:2px;display:grid}.portal-plan-assistant-selected-label{color:var(--pp-text-2);font-size:.75rem}.portal-plan-assistant-selected-value{color:var(--pp-text-0);font-size:.875rem;font-weight:700;line-height:1.4}.portal-plan-assistant-details{gap:6px;display:grid}.portal-plan-assistant-detail{color:var(--pp-text-1);justify-content:space-between;align-items:baseline;gap:12px;font-size:.75rem;display:flex}.portal-plan-assistant-detail-label{color:var(--pp-text-2)}.portal-plan-assistant-detail-value{color:color-mix(in srgb, var(--pp-text-0) 82%, var(--pp-text-1));text-align:right;font-weight:500}.portal-plan-assistant-detail-value.is-deal{color:#059669;font-weight:600}.portal-plan-assistant-pay{border-top:1px solid color-mix(in srgb, var(--pp-line) 80%, transparent);justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;display:flex}.portal-plan-assistant-pay-label{color:var(--pp-text-2);font-size:.75rem;font-weight:500}.portal-plan-assistant-pay-amount{align-items:baseline;gap:6px;display:inline-flex}.portal-plan-assistant-pay-origin{color:var(--pp-text-2);font-size:.75rem;text-decoration:line-through}.portal-plan-assistant-pay-value{color:var(--pp-text-0);letter-spacing:-.04em;font-size:1.5rem;font-weight:800;line-height:1}.portal-plan-checkout-btn{border-radius:12px;min-height:40px;font-size:.75rem}.portal-plan-assistant-notes{border-top:1px solid color-mix(in srgb, var(--pp-line) 80%, transparent);gap:6px;padding-top:4px;display:grid}.portal-plan-assistant-note{color:var(--pp-text-2);align-items:center;gap:6px;font-size:11px;line-height:1.45;display:flex}.portal-plan-assistant-note svg{color:#059669;flex:none}.portal-plan-assistant-support{color:var(--pp-text-2);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.portal-plan-assistant-support-link{color:var(--pp-text-1);text-underline-offset:3px;font-weight:500;text-decoration:underline}.portal-plan-assistant-support-link:hover{color:#059669}.payment-portal-shell .portal-plan-grid-ready .portal-plan-item,.payment-portal-shell .portal-plan-grid-static .portal-plan-item{animation:none}.payment-portal-shell .portal-plan-grid:not(.portal-plan-grid-collapsed) .portal-plan-item,.payment-portal-shell .portal-plan-grid-collapsed .portal-plan-item.is-active{opacity:1}.dark .payment-portal-shell .portal-plan-usage-banner{background:color-mix(in srgb, var(--pp-primary) 12%, var(--pp-bg-1));border-color:color-mix(in srgb, var(--pp-primary) 28%, transparent);color:color-mix(in srgb, var(--pp-primary) 42%, white)}.dark .payment-portal-shell .portal-plan-assistant-badge.is-usage,.dark .payment-portal-shell .portal-plan-mode-hint.is-deal{color:#fbbf24;background:#fbbf2429}.dark .payment-portal-shell .portal-plan-assistant-note svg{color:#34d399}@media (max-width:1200px){.portal-plan-board{grid-template-columns:1fr}.portal-plan-side-stack{position:static}}@media (max-width:767px){.portal-plan-layout .portal-plan-primary{gap:14px}.portal-plan-toolbar{flex-flow:column;place-content:start flex-start;align-items:stretch;gap:12px;padding-bottom:14px}.portal-plan-toolbar-lead{flex:none;width:100%;min-height:0}.portal-plan-header-markdown{max-width:none}.portal-plan-mode-switch{justify-content:stretch;width:100%}.portal-plan-mode-tab{flex:1 1 0}.portal-plan-filter-row{flex-direction:column;align-items:stretch}.portal-plan-filter-hint,.portal-plan-usage-banner-hint{display:none}.portal-plan-item{height:auto;min-height:0}.payment-portal-shell .portal-plan-grid-collapsed .portal-plan-item:not(.is-active){opacity:0;pointer-events:none;border-width:0;height:auto;min-height:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;animation:none;overflow:hidden;transform:none}}