.billing-overview,.billing-checkout{--billing-card-bg:#fff;--billing-cream:#fffcf3;--billing-surface:#f7f9fc;--billing-line:#dfe5ec;--billing-ink:#15304f;--billing-muted:#526580;--billing-primary:#245779;--billing-accent:#ffcf31;--billing-accent-edge:#e6b91c;--billing-accent-hover:#ffdb64;--billing-radius:14px}.billing-overview{min-inline-size:0;color:var(--billing-ink);flex-direction:column;gap:20px;display:flex}.billing-context{border:1px solid var(--billing-line);border-radius:var(--billing-radius);background:var(--billing-card-bg);flex-wrap:wrap;align-items:center;gap:10px 14px;min-inline-size:0;padding:12px 14px;display:flex}.billing-app-icon{border:1px solid var(--billing-line);background:var(--billing-surface);block-size:40px;inline-size:40px;color:var(--billing-ink);border-radius:10px;flex:none;place-items:center;font-size:1rem;font-weight:700;line-height:1;display:grid;overflow:hidden}.billing-app-icon img,.billing-app-icon svg{object-fit:cover;block-size:100%;inline-size:100%;display:block}.billing-context-copy{overflow-wrap:anywhere;flex-direction:column;flex:12rem;gap:2px;min-inline-size:0;display:flex}.product-shell .product-main .billing-overview .billing-context-copy h2,.billing-context-copy h2,.billing-context-copy strong{font-family:var(--font-display,ui-sans-serif, system-ui, sans-serif);letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.product-shell .product-main .billing-overview .billing-context-copy p:not(.billing-card-kicker),.billing-context-copy p:not(.billing-card-kicker),.billing-context-copy span,.billing-context-copy small{color:var(--billing-muted);margin:0;font-size:.875rem;line-height:1.4}.billing-context-copy .billing-card-kicker{font-size:.6875rem}.billing-status{margin:0;border:1px solid var(--billing-line);background:var(--billing-surface);min-block-size:28px;max-inline-size:100%;color:var(--billing-muted);letter-spacing:.01em;overflow-wrap:anywhere;border-radius:999px;flex:none;align-items:center;gap:6px;margin-inline-start:auto;padding:4px 11px;font-size:.75rem;font-weight:700;line-height:1.3;display:inline-flex}.billing-status:before{content:"";background:currentColor;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.billing-status[data-state=active],.billing-status[data-state=preserved]{border-color:color-mix(in oklch, var(--status-success,#2f6b47) 35%, var(--billing-line));background:color-mix(in oklch, var(--status-success,#2f6b47) 9%, #fff);color:var(--status-success,#2f6b47)}.billing-status[data-state=pending]{border-color:color-mix(in oklch, var(--status-attention,#7a5a12) 35%, var(--billing-line));background:color-mix(in oklch, var(--status-attention,#7a5a12) 9%, #fff);color:var(--status-attention,#7a5a12)}.billing-status[data-state=revoked],.billing-status[data-state=suspended]{border-color:color-mix(in oklch, var(--status-danger,#8a2c22) 35%, var(--billing-line));background:color-mix(in oklch, var(--status-danger,#8a2c22) 8%, #fff);color:var(--status-danger,#8a2c22)}.billing-status[data-state=expired],.billing-status[data-state=unpaid]{color:var(--billing-ink)}.billing-status[data-state=preview],.billing-status[data-state=disabled],.billing-status[data-state=unavailable]{background:#fff}.billing-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;min-inline-size:0;display:grid}.billing-payment-card,.billing-package{border:1px solid var(--billing-line);border-radius:var(--billing-radius);background:var(--billing-card-bg);overflow-wrap:anywhere;flex-direction:column;gap:14px;min-inline-size:0;padding:20px 18px;display:flex}.product-shell .product-main .billing-overview :is(.billing-payment-card,.billing-package){flex-direction:column;gap:14px;display:flex}.billing-payment-card{background:var(--billing-cream);border-color:color-mix(in oklch, var(--billing-accent) 45%, var(--billing-line))}.product-shell .product-main .billing-overview .billing-package>h2,.billing-package>h2{font-family:var(--font-display,ui-sans-serif, system-ui, sans-serif);letter-spacing:-.03em;margin:0;font-size:1.375rem;font-weight:650;line-height:1.25}.product-shell .product-main .billing-overview .billing-package>p:not(.billing-card-kicker):not(.billing-footnote),.billing-package>p:not(.billing-card-kicker):not(.billing-footnote){color:var(--billing-muted);margin:0;line-height:1.6}.billing-card-kicker{color:var(--billing-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1.4}.product-shell .product-main .billing-overview .billing-card-title,.billing-card-title{font-family:var(--font-display,ui-sans-serif, system-ui, sans-serif);letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:650;line-height:1.3}.product-shell .product-main .billing-overview .billing-price,.billing-price{max-inline-size:none;font-family:var(--font-display,ui-sans-serif, system-ui, sans-serif);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--billing-ink);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;line-height:1.1;display:flex}.billing-price span,.billing-price [lang]{font:inherit;letter-spacing:inherit;color:inherit}.billing-price small,.billing-price-caption{font-family:var(--font-sans,inherit);letter-spacing:0;color:var(--billing-muted);font-size:.875rem;font-weight:500}.product-shell .product-main .billing-overview .billing-price-caption,.billing-price-caption{margin:-8px 0 0;line-height:1.5}.product-shell .product-main .billing-overview .billing-price-caption+.billing-price-caption,.billing-price-caption+.billing-price-caption{margin-block-start:-12px}.billing-benefits{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.billing-benefits>li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:2px 12px;min-inline-size:0;display:grid}.billing-benefits>li>span{background:color-mix(in oklch, var(--billing-accent) 45%, #fff);block-size:28px;inline-size:28px;color:var(--billing-ink);letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:8px;grid-row:span 2;place-items:center;font-size:.75rem;font-weight:800;line-height:1;display:grid}.billing-benefits>li>div{flex-direction:column;gap:2px;min-inline-size:0;padding-block-start:3px;display:flex}.billing-benefits>li strong{font-weight:650;line-height:1.4}.product-shell .product-main .billing-overview .billing-benefits p,.billing-benefits p{max-inline-size:none;color:var(--billing-muted);margin:0;font-size:.9375rem;line-height:1.55}.product-shell .product-main .billing-overview .billing-state-message,.billing-state-message{border:1px solid var(--billing-line);border-inline-start:3px solid var(--billing-ink);max-inline-size:none;color:var(--billing-ink);background:#fff;border-radius:8px;margin:0;padding:10px 12px;font-size:.9375rem;line-height:1.55}.billing-state-message strong{font-weight:700;display:block}.product-shell .product-main .billing-overview .billing-state-message p,.billing-state-message p{max-inline-size:none;margin:0}.billing-state-message strong+p{margin-block-start:2px}.billing-state-message[role=alert],.billing-state-message[data-tone=danger]{border-inline-start-color:var(--status-danger,#8a2c22);background:color-mix(in oklch, var(--status-danger,#8a2c22) 5%, #fff)}.billing-state-message[data-tone=attention]{border-inline-start-color:var(--status-attention,#7a5a12);background:color-mix(in oklch, var(--status-attention,#7a5a12) 6%, #fff)}.billing-state-message[data-tone=success]{border-inline-start-color:var(--status-success,#2f6b47);background:color-mix(in oklch, var(--status-success,#2f6b47) 6%, #fff)}.billing-checkout{background:0 0;border:0;gap:10px;min-inline-size:0;max-inline-size:none;margin:0;padding:0;display:grid}.product-shell .product-main .billing-checkout p,.billing-checkout p{max-inline-size:none;color:var(--billing-muted);margin:0;font-size:.875rem;line-height:1.55}.billing-checkout [role=alert]{border:1px solid color-mix(in oklch, var(--status-danger,#8a2c22) 30%, #fff);border-inline-start:3px solid var(--status-danger,#8a2c22);background:color-mix(in oklch, var(--status-danger,#8a2c22) 5%, #fff);color:var(--status-danger,#8a2c22);border-radius:8px;padding:10px 12px;font-weight:600}.billing-checkout [role=status]{color:var(--billing-ink)}.billing-checkout :is(button,.button),.billing-payment-card :is(button,.button,a.billing-secondary-action),.product-shell .product-main .billing-overview :is(button,.button,a.billing-secondary-action){box-sizing:border-box;border:1px solid var(--billing-line);min-block-size:48px;inline-size:100%;max-inline-size:100%;color:var(--billing-ink);font:inherit;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:0;padding:11px 16px;font-size:.9375rem;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.billing-checkout :is(.button--primary,button:not(.button--secondary)),.billing-payment-card :is(.button--primary,button:not(.button--secondary)),.product-shell .product-main .billing-overview :is(.button--primary,button:not(.button--secondary)){border-color:var(--billing-accent-edge);background:var(--billing-accent);color:var(--billing-ink)}.billing-checkout :is(.button--primary,button:not(.button--secondary)):hover:not(:disabled),.billing-payment-card :is(.button--primary,button:not(.button--secondary)):hover:not(:disabled),.product-shell .product-main .billing-overview :is(.button--primary,button:not(.button--secondary)):hover:not(:disabled){border-color:var(--billing-accent-edge);background:var(--billing-accent-hover);color:var(--billing-ink)}.billing-checkout .button--secondary:hover,.billing-payment-card :is(.button--secondary,a.billing-secondary-action):hover,.product-shell .product-main .billing-overview :is(.button--secondary,a.billing-secondary-action):hover:not(:disabled){background:var(--billing-surface);color:var(--billing-ink);border-color:#b9c6d6}.billing-checkout button:disabled,.billing-payment-card button:disabled,.product-shell .product-main .billing-overview button:disabled{border-color:var(--billing-line);color:#5a6b82;opacity:1;cursor:not-allowed;background:#eef1f5}.billing-payment-card a.billing-secondary-action,.product-shell .product-main .billing-overview a.billing-secondary-action{min-block-size:44px;color:var(--billing-muted);text-underline-offset:.2em;background:0 0;border-color:#0000;padding:8px 12px;font-size:.8125rem;font-weight:500;text-decoration:underline}.product-shell .product-main .billing-overview a.billing-secondary-action:hover:not(:disabled){color:var(--billing-ink);background:0 0;border-color:#0000}.product-shell .product-main .billing-overview .billing-trust,.billing-trust{max-inline-size:none;color:var(--billing-ink);margin:0;padding:0;font-size:.8125rem;font-weight:600;line-height:1.5;list-style:none}.billing-trust:before,.billing-trust li:before{content:"✓ ";color:var(--status-success,#2f6b47);font-weight:800}.billing-trust li{min-inline-size:0;margin-block-start:4px}.product-shell .product-main .billing-overview .billing-policy-links,.billing-policy-links{max-inline-size:none;color:var(--billing-muted);flex-wrap:wrap;gap:0 18px;margin:0;font-size:.8125rem;line-height:1.5;display:flex}.billing-policy-links a{overflow-wrap:anywhere;align-items:center;min-block-size:36px;min-inline-size:0;display:inline-flex}.billing-policy-links a,.billing-footnote a,.billing-trust a{color:var(--billing-primary);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.billing-policy-links a:hover,.billing-footnote a:hover,.billing-trust a:hover{color:var(--billing-ink)}.billing-records,.product-shell .product-main .billing-overview details.billing-records{border:1px solid var(--billing-line);border-radius:var(--billing-radius);background:var(--billing-card-bg);min-inline-size:0;margin:0;padding:0}.billing-records>summary,.product-shell .product-main .billing-overview details.billing-records>summary{min-block-size:var(--tap,44px);border-radius:var(--billing-radius);color:var(--billing-ink);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:10px 16px;font-size:.9375rem;font-weight:650;line-height:1.4;list-style:none;display:flex}.billing-records>summary::-webkit-details-marker{display:none}.billing-records>summary:before{content:"";border-inline-end:2px solid var(--billing-muted);border-block-end:2px solid var(--billing-muted);flex:none;block-size:8px;inline-size:8px;margin-inline-start:2px;rotate:-45deg}.billing-records[open]>summary,.product-shell .product-main .billing-overview .billing-records[open]>summary{border-block-end:1px solid var(--billing-line);border-end-end-radius:0;border-end-start-radius:0;margin:0}.billing-records[open]>summary:before{rotate:45deg}.billing-records>summary:hover,.product-shell .product-main .billing-overview .billing-records>summary:hover{border-color:var(--billing-line);background:var(--billing-surface)}.billing-record-facts{flex-direction:column;min-inline-size:0;margin:0;padding:4px 16px;display:flex}.billing-record-facts>div{border-block-start:1px solid var(--billing-line);grid-template-columns:minmax(0,1fr);align-items:baseline;gap:2px 16px;min-block-size:44px;min-inline-size:0;padding:10px 0;display:grid}.billing-record-facts>div:first-child{border-block-start:0}.billing-record-facts dt{min-inline-size:0;color:var(--billing-muted);overflow-wrap:anywhere;font-size:.8125rem;font-weight:650}.billing-record-facts dd{min-inline-size:0;color:var(--billing-ink);overflow-wrap:anywhere;margin:0;font-size:.9375rem;line-height:1.55}.billing-record-facts code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.product-shell .product-main .billing-overview .billing-record-facts p,.billing-record-facts p{max-inline-size:none;margin:0}.product-shell .product-main .billing-overview .billing-footnote,.billing-footnote{max-inline-size:68ch;color:var(--billing-muted);margin:0;font-size:.8125rem;line-height:1.6}@media (min-width:880px){.billing-overview{gap:24px}.billing-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}.billing-package{grid-area:1/1;padding:24px}.billing-payment-card{grid-area:1/2;padding:24px 22px;position:sticky;inset-block-start:24px}.billing-record-facts>div{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}@media (max-width:400px){.billing-context{padding:12px}.billing-status{margin-inline-start:0}.billing-payment-card,.billing-package{padding:16px 14px}.billing-price{font-size:1.875rem}.billing-records>summary,.billing-record-facts{padding-inline:14px}}