.upgrade-page{width:min(100%,1180px);margin:0 auto;padding:1rem 1.25rem 1.5rem;color:var(--text-color,#1f2937)}.upgrade-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:1.25rem;align-items:start;margin-bottom:1.1rem}.upgrade-hero-copy{min-width:0;padding:0.65rem 0}.upgrade-checkout-card,.feature-card{border:1px solid var(--surface-card-border,var(--border-color,#d8dee8));border-radius:8px;background:var(--surface-card-bg,var(--background-color,#ffffff));box-shadow:var(--surface-card-shadow,0 14px 34px rgba(15,23,42,0.08))}.upgrade-checkout-card{padding:1rem;min-width:0}.upgrade-eyebrow,.section-kicker{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:0 0.7rem;border:1px solid var(--compact-control-border,#cfd7e4);border-radius:8px;background:var(--compact-control-bg,#f4f7fb);color:var(--compact-control-text,#243247);font-size:0.78rem;font-weight:800;text-transform:uppercase}.hero-title{max-width:720px;margin:0.85rem 0 0;color:var(--index-panel-title-color,var(--text-color,#111827));font-size:2.1rem;font-weight:850;line-height:1.08;letter-spacing:0}.hero-subtitle{max-width:680px;margin:0.75rem 0 0;color:var(--text-color-secondary,#526071);font-size:1rem;line-height:1.5}.upgrade-hero-actions{display:flex;flex-wrap:wrap;gap:0.7rem;align-items:center;margin-top:1rem}.upgrade-button{min-height:46px;padding:0.75rem 1.1rem;border-radius:8px;gap:0.55rem;font-weight:800}.upgrade-button,.payment-submit{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}.upgrade-secondary-link{display:inline-flex;min-height:44px;align-items:center;padding:0 0.75rem;border-radius:8px;color:var(--link-color,var(--accent-color,#2563eb));font-weight:750;text-decoration:none}.upgrade-secondary-link:hover{background:var(--compact-control-hover-bg,rgba(37,99,235,0.08));text-decoration:none}.upgrade-benefit-list{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.55rem;padding:0;margin:0;list-style:none}.upgrade-benefit-list li{display:flex;min-width:0;align-items:center;gap:0.5rem;padding:0.65rem 0.7rem;border:1px solid var(--compact-control-border,#d5ddea);border-radius:8px;background:var(--compact-control-bg,#f8fafc);color:var(--compact-control-text,#273449);font-size:0.9rem;font-weight:700;line-height:1.3}.upgrade-benefit-list i{flex:0 0 auto;color:var(--accent-text-color)}.price-display{display:flex;align-items:baseline;margin-bottom:0.65rem}.currency{color:var(--text-color-secondary,#64748b);font-size:1.35rem;font-weight:800}.amount{color:var(--index-panel-title-color,var(--text-color,#111827));font-size:3rem;font-weight:900;line-height:1}.period{margin-left:0.35rem;color:var(--text-color-secondary,#64748b);font-size:0.98rem;font-weight:700}.pricing-note{margin:0;color:var(--text-color-secondary,#64748b);font-size:0.92rem;line-height:1.45}.pricing-note-early{margin-bottom:0.85rem;color:var(--success-text-color);font-weight:750}.billing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem;padding:0;margin:0 0 1rem;border:0}.billing-options legend{width:100%;margin-bottom:0.55rem;color:var(--text-color,#172033);font-size:0.9rem;font-weight:800}.billing-option{position:relative;display:block;min-width:0;cursor:pointer}.billing-option input{position:absolute;width:1px;height:1px;opacity:0}.billing-option-content{display:flex;min-height:104px;flex-direction:column;justify-content:center;gap:0.35rem;padding:0.75rem;border:1px solid var(--compact-control-border,#d5ddea);border-radius:10px;background:var(--compact-control-bg,#f8fafc);transition:border-color 0.16s ease,box-shadow 0.16s ease,transform 0.16s ease}.billing-option:hover .billing-option-content{border-color:var(--accent-color,#2563eb);transform:translateY(-1px)}.billing-option input:focus-visible + .billing-option-content{outline:3px solid color-mix(in srgb,var(--accent-color,#2563eb) 28%,transparent);outline-offset:2px}.billing-option input:checked + .billing-option-content{border:2px solid var(--accent-color,#2563eb);padding:calc(0.75rem - 1px);background:color-mix(in srgb,var(--accent-color,#2563eb) 7%,var(--surface-card-bg,#ffffff));box-shadow:0 8px 22px color-mix(in srgb,var(--accent-color,#2563eb) 16%,transparent)}.billing-option-heading-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.35rem}.billing-option-heading{color:var(--text-color,#172033);font-size:0.95rem;font-weight:850}.billing-option-price{color:var(--text-color,#172033);font-size:1rem;font-weight:800}.billing-option-detail{color:var(--text-color-secondary,#59677a);font-size:0.75rem;line-height:1.35}.billing-savings-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 0.5rem;border-radius:999px;background:#15803d;color:#ffffff;font-size:0.7rem;font-weight:850;white-space:nowrap}.upgrade-price-divider{height:1px;margin:0.95rem 0;background:var(--surface-card-border,var(--border-color,#d8dee8))}.order-summary-item{display:flex;justify-content:space-between;gap:1rem;margin-bottom:0.7rem;color:var(--text-color-secondary,#59677a);font-size:0.92rem}.order-summary-item .value{color:var(--text-color,#172033);font-weight:800;text-align:right}.total-due{padding-top:0.75rem;border-top:1px solid var(--surface-card-border,var(--border-color,#d8dee8))}.total-due .value{color:var(--accent-text-color);font-size:1.16rem}.checkout-form{margin-top:0.9rem}.payment-submit{justify-content:center;width:100%;min-height:48px;border-radius:8px;gap:0.5rem}#payment-message{margin-top:0.75rem;color:var(--danger-text-color);font-size:0.9rem;text-align:center}#payment-message:empty{display:none}.payment-note{margin:0.8rem 0 0;color:var(--text-color-secondary,#59677a);font-size:0.86rem;line-height:1.4;text-align:center}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,0.35);border-top-color:var(--white,#ffffff);border-radius:50%;animation:spin 0.8s linear infinite}.hidden{display:none!important}.features-section{margin-top:1rem}.section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:0.75rem;margin-bottom:0.85rem}.section-title{margin:0;color:var(--index-panel-title-color,var(--text-color,#111827));font-size:1.45rem;font-weight:850;letter-spacing:0}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.85rem}.feature-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0.9rem;min-width:0;padding:0.95rem}.feature-card-featured,.feature-card-extension{grid-column:span 2}.feature-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--compact-control-border,#d5ddea);border-radius:8px;background:var(--compact-control-bg,#f8fafc);color:var(--accent-text-color);font-size:1.2rem}.currency-icon{width:24px;height:24px}.feature-copy{min-width:0}.feature-title-row{display:flex;flex-wrap:wrap;gap:0.55rem;align-items:center;justify-content:space-between}.feature-card h3{margin:0;color:var(--text-color,#172033);font-size:1rem;font-weight:820;line-height:1.3}.feature-card p{margin:0.4rem 0 0;color:var(--text-color-secondary,#59677a);font-size:0.9rem;line-height:1.48}.feature-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 0.6rem;border-radius:8px;background:#166534;color:#ffffff;font-size:0.72rem;font-weight:850;text-transform:uppercase}.feature-chip-row,.extension-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.7rem}.feature-chip-row span{display:inline-flex;min-height:30px;align-items:center;padding:0 0.65rem;border:1px solid var(--compact-control-border,#d5ddea);border-radius:8px;background:var(--compact-control-bg,#f8fafc);color:var(--compact-control-text,#273449);font-size:0.82rem;font-weight:750}.extension-link{display:inline-flex;min-height:44px;align-items:center;gap:0.5rem;padding:0 0.75rem;border:1px solid var(--compact-control-border,#d5ddea);border-radius:8px;background:var(--compact-control-bg,#f8fafc);color:var(--compact-control-text,#273449);font-size:0.88rem;font-weight:800;text-decoration:none}.extension-link:hover{border-color:var(--accent-color,#2563eb);color:var(--accent-text-color);text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .upgrade-checkout-card,body.dark-mode .feature-card{background:var(--surface-card-bg,#17162c);border-color:var(--surface-card-border,rgba(255,255,255,0.12))}body.dark-mode .upgrade-eyebrow,body.dark-mode .section-kicker,body.dark-mode .upgrade-benefit-list li,body.dark-mode .feature-icon,body.dark-mode .feature-chip-row span,body.dark-mode .extension-link{background:var(--compact-control-bg,rgba(255,255,255,0.06));border-color:var(--compact-control-border,rgba(255,255,255,0.16));color:var(--compact-control-text,#e6e4ff)}body.dark-mode .billing-option-content{background:var(--compact-control-bg,rgba(255,255,255,0.06));border-color:var(--compact-control-border,rgba(255,255,255,0.16))}body.dark-mode .billing-savings-badge{background:#bbf7d0;color:#052e16}body.dark-mode .upgrade-page .feature-badge{background:#bbf7d0;color:#052e16!important;-webkit-text-fill-color:#052e16}@media (max-width:900px){.upgrade-hero{grid-template-columns:1fr}.upgrade-hero-copy{padding-top:0}.upgrade-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.upgrade-page{padding:0.75rem}.hero-title{font-size:1.75rem}.upgrade-benefit-list,.features-grid,.feature-card-featured,.feature-card-extension{grid-template-columns:1fr;grid-column:auto}.feature-card{grid-template-columns:42px minmax(0,1fr);padding:0.85rem}.feature-icon{width:42px;height:42px}.billing-options{grid-template-columns:1fr}.billing-option-content{min-height:88px}}