:root {
  color-scheme: dark;
  --bg: #07111f;
  --panel: #0d1a2c;
  --panel-2: #12243b;
  --line: rgba(149, 178, 217, .18);
  --text: #f4f8ff;
  --muted: #9cb0ca;
  --cyan: #22d3ee;
  --blue: #4f8cff;
  --green: #39d98a;
  --danger: #ff8b9b;
  font-family: var(--brand-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 0; background: var(--bg); color: var(--text); }
body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 0%, rgba(79, 140, 255, .15), transparent 34rem),
    radial-gradient(circle at 10% 30%, rgba(34, 211, 238, .08), transparent 28rem),
    var(--bg);
}
a { color: #89ddff; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.store-shell { width: min(1180px, 100%); margin: auto; padding: 24px clamp(16px, 4vw, 48px) 56px; }
.store-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 54px; margin-bottom: 42px; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid color-mix(in srgb, var(--brand-accent, var(--cyan)) 45%, transparent); border-radius: 11px; background: color-mix(in srgb, var(--brand-primary, var(--blue)) 20%, transparent); color: var(--brand-accent, var(--cyan)); font-weight: 900; }
.brand img.brand-mark { object-fit: contain; padding: 3px; }
.brand small, .brand strong { display: block; }
.brand small { margin-bottom: 2px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.brand strong { font-size: 14px; }
.text-link { font-size: 13px; font-weight: 700; text-underline-offset: 3px; }
.signed-in { color: var(--muted); font-size: 12px; }
.signed-in-actions { align-items: center; display: flex; gap: 12px; }
.signed-in-actions form { margin: 0; }
.text-button { background: none; border: 0; color: var(--cyan); cursor: pointer; font: inherit; font-size: 12px; padding: 0; text-decoration: underline; }
.text-button:hover, .text-button:focus-visible { color: var(--white); }
.notice { max-width: 820px; margin: 0 auto 24px; padding: 13px 16px; border: 1px solid rgba(34,211,238,.28); border-radius: 10px; background: rgba(34,211,238,.08); color: #c6f7ff; font-size: 14px; }
.product { margin-bottom: 54px; }
.product-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px; max-width: 920px; margin: 0 auto 56px; text-align: center; }
.product-copy { grid-column: 1 / -1; max-width: 760px; margin: auto; }
.eyebrow { display: block; margin-bottom: 10px; color: var(--cyan); font-size: 11px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 14px; font-size: clamp(32px, 5vw, 60px); line-height: 1.02; letter-spacing: -.045em; }
.subheadline { color: #cad8ea; font-size: clamp(17px, 2vw, 21px); line-height: 1.45; }
.product-copy > p:last-child { max-width: 700px; margin: 0 auto; color: var(--muted); line-height: 1.65; }
.product-image { width: 150px; max-height: 100px; object-fit: contain; }
.plans-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.plans-heading h2 { margin-bottom: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; }
.billing-toggle { display: inline-flex; padding: 4px; border: 1px solid var(--line); border-radius: 999px; background: rgba(9,20,35,.75); }
.billing-toggle button { min-height: 36px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 750; }
.billing-toggle button.active { background: #e8f4ff; color: #07111f; }
.tier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr)); gap: 16px; align-items: stretch; }
.tier-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(155deg, rgba(18,36,59,.96), rgba(10,22,38,.96)); box-shadow: 0 22px 70px rgba(0,0,0,.15); }
.tier-card.featured { border-color: rgba(34,211,238,.58); box-shadow: 0 0 0 1px rgba(34,211,238,.12), 0 24px 80px rgba(10,120,160,.14); }
.tier-label { align-self: flex-start; margin: -10px 0 15px; padding: 5px 9px; border-radius: 999px; background: rgba(34,211,238,.12); color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tier-card h3 { margin-bottom: 8px; font-size: 23px; }
.market-data-checkpoint { max-width: 760px; margin: auto; }
.market-data-selection-form { padding: clamp(28px, 5vw, 46px); border: 1px solid var(--line); border-radius: 18px; background: rgba(13,26,44,.92); box-shadow: 0 26px 80px rgba(0,0,0,.14); }
.market-data-header { display: grid; gap: 24px; }
.market-data-intro { max-width: 600px; }
.market-data-intro h1 { margin-bottom: 12px; font-size: clamp(32px, 4vw, 46px); }
.market-data-intro p { margin-bottom: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.market-data-plan { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px 22px; align-items: center; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.62); }
.market-data-plan-copy { display: grid; gap: 3px; min-width: 0; }
.market-data-plan-copy > span, .market-data-section-heading span { color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.market-data-plan-copy strong { font-size: 17px; }
.market-data-plan-copy small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.market-data-plan-price { display: flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.market-data-plan-price strong { font-size: 21px; }
.market-data-plan-price span { color: var(--muted); font-size: 10px; }
.market-data-section { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line); }
.market-data-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 14px; }
.market-data-section-heading h2 { margin: 5px 0 0; font-size: 21px; letter-spacing: -.02em; }
.market-data-section-heading > small { max-width: 230px; color: var(--muted); font-size: 11px; line-height: 1.4; text-align: right; }
.market-data-option-list { display: grid; gap: 10px; }
.market-data-addon { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: rgba(7,17,31,.42); cursor: pointer; }
.market-data-addon:hover { border-color: rgba(34,211,238,.36); }
.market-data-addon:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(34,211,238,.08); }
.market-data-addon input:not(.sr-only) { width: 18px; min-height: 18px; margin: 0; padding: 0; accent-color: var(--cyan); }
.market-data-addon .market-data-copy { display: grid; gap: 5px; min-width: 0; }
.market-data-addon b { font-size: 14px; }
.market-data-addon small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.45; }
.market-data-addon > strong { color: var(--cyan); font-size: 12px; text-align: right; white-space: nowrap; }
.market-data-addon.locked { cursor: default; background: rgba(57,217,138,.045); }
.market-data-addon.locked:hover { border-color: var(--line); }
.market-data-addon.locked > strong { color: var(--green); }
.market-data-status-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(57,217,138,.12); color: var(--green); font-size: 14px; font-weight: 900; }
.market-data-addon.unavailable { cursor: not-allowed; opacity: .58; }
.market-data-order { display: grid; gap: 10px; margin: 30px 0 18px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.65); }
.market-data-order-row { display: flex; justify-content: space-between; gap: 24px; color: var(--muted); font-size: 12px; }
.market-data-order-row[hidden] { display: none; }
.market-data-order-row strong { color: #dff9ff; text-align: right; }
.market-data-order-row .included-value { color: var(--green); }
.market-data-order-total { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 4px; padding-top: 15px; border-top: 1px solid var(--line); }
.market-data-order-total > div { display: grid; gap: 4px; }
.market-data-order-total span { font-size: 13px; font-weight: 800; }
.market-data-order-total small { color: var(--muted); font-size: 10px; }
.market-data-order-total small b { color: #c4d4e8; }
.market-data-order-total > strong { color: var(--text); font-size: 25px; letter-spacing: -.03em; }
.summary-addon { color: var(--cyan); font-size: 13px; }
.tier-description { min-height: 42px; margin-bottom: 20px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 24px; }
.price strong { font-size: 35px; letter-spacing: -.04em; }
.price span { color: var(--muted); font-size: 13px; }
.features { flex: 1; display: grid; align-content: start; gap: 11px; margin: 0 0 28px; padding: 0; list-style: none; color: #dce8f7; font-size: 13px; }
.features li { display: flex; gap: 9px; line-height: 1.45; }
.features span { color: var(--green); font-weight: 900; }
.select-plan, .primary-action { width: 100%; min-height: 46px; border: 0; border-radius: 10px; background: linear-gradient(100deg, var(--cyan), #5aa5ff); color: #04101d; cursor: pointer; font-weight: 850; }
.select-plan:hover, .primary-action:hover { filter: brightness(1.08); }
.primary-action:disabled { cursor: not-allowed; opacity: .65; }
.action-with-spinner { display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.action-spinner { display: none; width: 16px; height: 16px; flex: 0 0 16px; border: 2px solid rgba(4,16,29,.28); border-top-color: #04101d; border-radius: 50%; }
.action-with-spinner.is-loading { cursor: wait; filter: none; opacity: .82; }
.action-with-spinner.is-loading .action-spinner { display: block; }
.progress { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 50%; margin: 0 auto 42px; padding: 0; list-style: none; color: #6f849f; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.progress li { display: grid; min-width: 0; justify-items: center; gap: 7px; text-align: center; }
.progress span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 50%; font-size: 11px; }
.progress .done, .progress .current { color: var(--text); }
.progress .done span { border-color: rgba(57,217,138,.5); background: rgba(57,217,138,.12); color: var(--green); }
.progress .current span { border-color: var(--cyan); background: rgba(34,211,238,.12); color: var(--cyan); }
.form-layout { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr); gap: 26px; max-width: 880px; margin: auto; align-items: start; }
.form-layout.compact { max-width: 800px; }
.login-layout.standalone { grid-template-columns: minmax(300px, 440px); justify-content: center; }
.selection-summary, .form-card, .center-card, .empty-state { border: 1px solid var(--line); border-radius: 18px; background: rgba(13,26,44,.92); }
.selection-summary { padding: 28px; }
.selection-summary h2 { font-size: 26px; }
.selection-summary p { color: var(--muted); }
.summary-price { color: var(--text) !important; font-size: 30px; font-weight: 850; }
.signup-account-layout { max-width: 640px; margin: auto; }
.signup-account-card { padding: clamp(28px, 5vw, 48px); }
.signup-back-link { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin: -8px 0 16px -10px; padding: 8px 10px; border-radius: 8px; color: var(--muted); font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none; transition: color .15s ease, background-color .15s ease; }
.signup-back-link svg { flex: none; }
.signup-back-link:hover { background: var(--panel-2); color: var(--text); }
.signup-back-link:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; color: var(--text); }
.signup-account-intro { max-width: 520px; }
.signup-account-intro h1 { margin-bottom: 12px; }
.signup-account-intro p { margin-bottom: 0; color: var(--muted); line-height: 1.6; }
.signup-plan-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; align-items: center; margin: 26px 0 30px; padding: 17px 18px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.62); }
.signup-plan-copy { display: grid; gap: 4px; min-width: 0; }
.signup-plan-copy > span { color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.signup-plan-copy strong { font-size: 18px; }
.signup-plan-copy small { color: var(--muted); font-size: 12px; line-height: 1.4; }
.signup-plan-price { display: grid; justify-items: end; gap: 4px; white-space: nowrap; }
.signup-plan-price > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.signup-plan-price > div { display: flex; align-items: baseline; justify-content: flex-end; gap: 3px; }
.signup-plan-price strong { font-size: 28px; letter-spacing: -.04em; }
.signup-plan-price small { color: var(--muted); font-size: 11px; }
.signup-plan-breakdown { grid-column: 1 / -1; display: grid; gap: 7px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 11px; line-height: 1.4; }
.signup-plan-breakdown > div { display: flex; justify-content: space-between; gap: 20px; }
.signup-plan-breakdown span { color: var(--muted); }
.signup-plan-breakdown strong { color: #dff9ff; text-align: right; }
.signup-account-form .form-field { display: grid; gap: 4px; }
.signup-account-form .form-field input { margin-bottom: 0; }
.signup-account-form .primary-action { margin-top: 8px; }
.form-card { padding: clamp(26px, 5vw, 42px); }
.form-card h1, .center-card h1 { font-size: clamp(30px, 4vw, 44px); }
.form-card > p, .center-card > p { color: var(--muted); line-height: 1.6; }
.form-card form { display: grid; gap: 9px; margin-top: 24px; }
label { display: grid; gap: 7px; color: #dce8f7; font-size: 12px; font-weight: 750; }
input, select { width: 100%; min-height: 45px; margin-bottom: 5px; padding: 0 13px; border: 1px solid rgba(149,178,217,.25); border-radius: 9px; outline: none; background: #081524; color: var(--text); }
input:focus, select:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(34,211,238,.1); }
.field-help { margin: -2px 0 5px !important; color: #8297b2 !important; font-size: 11px; }
.validation { color: var(--danger); font-size: 12px; }
.validation:empty { display: none; }
.validation ul { margin: 0 0 10px; padding-left: 18px; }
.form-footer { margin: 18px 0 0 !important; text-align: center; font-size: 12px; }
.center-card { max-width: 600px; margin: auto; padding: clamp(30px, 6vw, 58px); text-align: center; }
.center-card form { max-width: 340px; margin: 24px auto 0; }
.mail-icon, .ready-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 22px; border: 1px solid rgba(34,211,238,.4); border-radius: 17px; background: rgba(34,211,238,.1); color: var(--cyan); font-size: 25px; }
.ready-icon { border-color: rgba(57,217,138,.42); background: rgba(57,217,138,.1); color: var(--green); }
.ready-summary { display: grid; gap: 7px; margin: 28px 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.65); }
.ready-summary strong { font-size: 18px; }
.ready-summary span { color: var(--muted); }
.ready-summary b { margin-top: 5px; color: var(--cyan); font-size: 25px; }
.payment-total-summary { justify-items: center; gap: 7px; padding: 22px; }
.payment-total-summary .payment-total-label { color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.payment-total-price { display: flex; align-items: baseline; justify-content: center; gap: 4px; }
.payment-total-price b { margin: 0; color: var(--text); font-size: 36px; letter-spacing: -.045em; }
.payment-total-price span { font-size: 12px; }
.payment-total-summary > strong { margin-top: 2px; font-size: 15px; }
.payment-line-items { display: grid; gap: 7px; width: 100%; margin-top: 10px; padding-top: 13px; border-top: 1px solid var(--line); }
.payment-line-items > div { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; line-height: 1.4; }
.payment-line-items span { color: var(--muted); text-align: left; }
.payment-line-items strong { color: #dff9ff; font-size: 11px; text-align: right; }
.payment-card { max-width: 680px; }
.payment-card > .signup-back-link { display: flex; width: fit-content; text-align: left; }
.center-card.payment-card form { display: grid; gap: 16px; width: 100%; max-width: none; margin: 0; text-align: left; }
.payment-loading { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.payment-loading[hidden] { display: none; }
.stripe-card-fields { display: grid; gap: 16px; min-width: 0; }
.stripe-card-fields input { margin: 0; font-size: 16px; }
.stripe-card-field { display: grid; gap: 7px; min-width: 0; }
.stripe-card-label { color: #dce8f7; font-size: 12px; font-weight: 750; }
.stripe-card-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.stripe-card-input { min-height: 45px; padding: 12px 13px; border: 1px solid rgba(149,178,217,.25); border-radius: 9px; background: #081524; }
.stripe-card-input.StripeElement--focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(34,211,238,.1); }
.stripe-card-input.StripeElement--invalid { border-color: var(--danger); }
.stripe-card-shell { position: relative; min-width: 0; }
.stripe-card-placeholder { position: absolute; inset: 1px; z-index: 1; display: flex; align-items: center; padding: 0 12px; border-radius: 8px; background: #081524; color: var(--muted); font-size: 12px; pointer-events: none; }
.stripe-card-shell[data-state="ready"] .stripe-card-placeholder { visibility: hidden; }
.stripe-card-shell[data-state="failed"] .stripe-card-input { border-color: rgba(255,139,155,.45); }
.stripe-card-shell[data-state="failed"] .stripe-card-placeholder { color: var(--danger); }
@media (max-width: 420px) {
  .stripe-card-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stripe-card-row > label { grid-column: 1 / -1; }
}
.payment-error { color: var(--danger); font-size: 12px; line-height: 1.45; }
.payment-error:empty { display: none; }
.payment-trust { max-width: 460px; margin: 16px auto 0 !important; text-align: center; }
.disabled-action, .token-action:disabled { cursor: not-allowed; filter: grayscale(.6); opacity: .55; }
.secondary-action { width: 100%; min-height: 44px; border: 1px solid rgba(34,211,238,.45); border-radius: 10px; background: rgba(34,211,238,.08); color: var(--cyan); cursor: pointer; font-weight: 800; }
.button-link { display: grid; place-items: center; text-decoration: none; }
.warning-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 22px; border: 1px solid rgba(255,139,155,.5); border-radius: 17px; background: rgba(255,139,155,.1); color: var(--danger); font-size: 27px; font-weight: 900; }
.warning-icon.muted { border-color: var(--line); background: rgba(149,178,217,.08); color: var(--muted); }
.billing-warning { border-color: rgba(255,139,155,.32); }
.plan-change { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 18px; text-align: left; }
.plan-change summary { cursor: pointer; color: #dce8f7; font-size: 13px; font-weight: 800; text-align: center; }
.plan-change .field-help { margin: 14px 0 !important; text-align: center; }
.plan-change-options { display: grid; gap: 9px; }
.plan-change-options form { max-width: none; margin: 0; }
.processing-ring { width: 48px; height: 48px; margin: 0 auto 22px; border: 5px solid rgba(34,211,238,.14); border-top-color: var(--cyan); border-radius: 50%; }
.empty-state { max-width: 650px; margin: 12vh auto; padding: 52px; text-align: center; }
.empty-state h1 { font-size: 40px; }
.empty-state p { color: var(--muted); line-height: 1.6; }
.market-data-layout { max-width: 960px; }
.market-data-profile-layout { grid-template-columns: minmax(0, 640px); justify-content: center; max-width: 640px; }
.profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 12px; }
.profile-grid .wide { grid-column: 1 / -1; }
.profile-privacy { margin-top: 16px !important; text-align: center; }
.market-data-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 22px; border: 1px solid rgba(79,140,255,.5); border-radius: 17px; background: rgba(79,140,255,.12); color: #8eb6ff; font-size: 26px; font-weight: 900; }
.market-data-card { max-width: 660px; }
.hosted-market-data-card { max-width: 960px; padding: clamp(24px, 4vw, 42px); }
.quotemedia-frame-shell { width: 100%; margin-top: 24px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.quotemedia-frame { display: block; width: 100%; height: min(760px, 78vh); min-height: 620px; border: 0; background: #fff; }
.provisioning-checklist { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; color: var(--muted); font-size: 13px; }
.provisioning-checklist li { display: flex; align-items: center; gap: 9px; }
.provisioning-checklist li::before { content: ''; width: 10px; height: 10px; flex: 0 0 10px; border: 1px solid rgba(149,178,217,.4); border-radius: 50%; }
.provisioning-checklist li.done { color: #bcefd6; }
.provisioning-checklist li.done::before { border-color: var(--green); background: var(--green); }
.provisioning-checklist li.current { color: #c6f7ff; font-weight: 750; }
.provisioning-checklist li.current::before { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(34,211,238,.1); }
.provisioning-checklist.compact { max-width: 360px; margin: 28px auto; text-align: left; }
.safe-error { display: inline-block; padding: 7px 10px; border-radius: 8px; background: rgba(255,139,155,.08); color: #ffc0c9 !important; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.subscription-management-shell { max-width: 1040px; }
.subscription-manage-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.subscription-manage-heading h1 { margin-bottom: 9px; font-size: clamp(30px, 4vw, 46px); }
.subscription-manage-heading p { max-width: 680px; margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.subscription-manage-heading .secondary-action { display: grid; width: auto; min-width: 140px; padding: 0 18px; place-items: center; text-decoration: none; }
.subscription-manage-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .8fr); gap: 20px; align-items: start; }
.market-data-manage-card { padding: clamp(22px, 4vw, 34px); }
.market-data-manage-card .section-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.market-data-manage-card .section-heading h2 { margin-bottom: 0; font-size: 27px; }
.selection-count { padding: 6px 10px; border: 1px solid rgba(34,211,238,.3); border-radius: 999px; background: rgba(34,211,238,.08); color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.market-data-choice-list { display: grid; gap: 10px; margin: 20px 0; padding: 0; border: 0; }
.market-data-choice { grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 13px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.58); cursor: pointer; }
.market-data-choice:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(34,211,238,.1); }
.market-data-choice.locked { cursor: default; background: rgba(57,217,138,.045); }
.market-data-choice input { width: 18px; min-height: 18px; margin: 2px 0 0; padding: 0; accent-color: var(--cyan); }
.market-data-copy { display: grid; gap: 5px; min-width: 0; }
.market-data-copy strong { font-size: 14px; }
.market-data-copy > small { color: var(--muted); font-weight: 500; line-height: 1.45; }
.market-data-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 3px; }
.market-data-badges em { padding: 3px 6px; border-radius: 5px; background: rgba(149,178,217,.09); color: #abc0dc; font-size: 9px; font-style: normal; font-weight: 700; text-transform: uppercase; }
.market-data-price { display: grid; justify-items: end; gap: 3px; max-width: 150px; text-align: right; }
.market-data-price strong { color: #dff9ff; font-size: 14px; }
.market-data-price small { color: var(--muted); font-weight: 500; line-height: 1.3; }
.subscription-manage-total { display: flex; justify-content: space-between; gap: 16px; margin: 6px 0 16px; padding: 14px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.subscription-manage-total strong { color: var(--text); }
.subscription-manage-total span { display: grid; gap: 3px; }
.subscription-manage-total small { color: var(--muted); font-size: 11px; }
.subscription-manage-total.proposed { margin-top: -12px; border-top-style: dashed; }
.subscription-summary-facts { display: grid; gap: 0; margin: 20px 0; }
.subscription-summary-facts > div { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.subscription-summary-facts dt { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.subscription-summary-facts dd { margin: 0; color: #dce8f7; font-size: 13px; font-weight: 750; }
.selection-summary form { margin-top: 18px; }
.button-spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(4,16,29,.28); border-top-color: #04101d; border-radius: 50%; }
.primary-action.is-working { display: flex; align-items: center; justify-content: center; gap: 9px; cursor: wait; }
.primary-action.is-working .button-spinner { display: block; animation: billing-spin .9s linear infinite; }
.account-billing-shell { max-width: 1180px; }
.account-header { margin-bottom: 28px; }
.compact-action { display: inline-grid; width: auto; min-height: 34px; padding: 0 12px; place-items: center; text-decoration: none; }
.account-titlebar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 440px); align-items: end; gap: 28px; margin-bottom: 22px; }
.account-titlebar h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); }
.account-titlebar p { margin: 0 0 5px; color: var(--muted); line-height: 1.6; }
.account-section-nav { position: sticky; z-index: 20; top: 0; display: flex; gap: 5px; margin: 0 -8px 22px; padding: 8px; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.95); box-shadow: 0 10px 26px rgba(0,0,0,.24); scrollbar-width: thin; }
.account-section-nav a { flex: 0 0 auto; padding: 8px 10px; border-radius: 7px; color: var(--muted); font-size: 11px; font-weight: 750; text-decoration: none; }
.account-section-nav a:hover, .account-section-nav a:focus-visible { background: rgba(34,211,238,.1); color: var(--text); outline: 2px solid transparent; }
.account-notice, .account-warning { margin-bottom: 18px; }
.account-warning, .account-state-warning { padding: 12px 14px; border: 1px solid rgba(255,183,77,.35); border-radius: 10px; background: rgba(255,183,77,.08); color: #ffd9a0; font-size: 12px; line-height: 1.55; }
.account-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.account-panel { min-width: 0; padding: clamp(20px, 3vw, 30px); scroll-margin-top: 76px; border: 1px solid var(--line); border-radius: 16px; background: rgba(13,26,44,.92); box-shadow: 0 16px 42px rgba(0,0,0,.2); }
.account-panel.account-wide, .account-overview { grid-column: 1 / -1; }
.account-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.account-panel-heading h2 { margin: 3px 0 0; font-size: clamp(22px, 3vw, 29px); }
.account-panel-copy { color: var(--muted); font-size: 13px; line-height: 1.6; }
.status-pill { flex: 0 0 auto; padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.status-pill.good { border-color: rgba(57,217,138,.35); background: rgba(57,217,138,.08); color: #70eab0; }
.status-pill.attention { border-color: rgba(255,183,77,.4); background: rgba(255,183,77,.08); color: #ffd08a; }
.account-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.account-facts > div { display: grid; align-content: start; gap: 6px; min-height: 76px; padding: 13px; background: rgba(7,17,31,.92); }
.account-facts dt, .change-preview dt, .cancellation-summary dt { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.account-facts dd, .change-preview dd, .cancellation-summary dd { margin: 0; overflow-wrap: anywhere; color: #e5f0ff; font-size: 13px; font-weight: 700; line-height: 1.35; }
.account-state-warning { margin: 16px 0 0; }
.account-form { display: grid; gap: 12px; }
.account-form label, .cancel-dialog label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.account-form input, .cancel-dialog input[type="password"] { width: 100%; min-height: 43px; }
.account-form .primary-action, .account-form .secondary-action { margin-top: 2px; }
.compact-form { margin-top: 16px; }
.pending-value { margin: 0; padding: 9px 11px; border-radius: 8px; background: rgba(34,211,238,.07); color: #bceff8; font-size: 12px; }
.current-plan-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; border: 1px solid rgba(34,211,238,.28); border-radius: 12px; background: rgba(34,211,238,.055); }
.current-plan-card > div, .current-plan-card > b { display: grid; gap: 5px; }
.current-plan-card > div span, .current-plan-card small { color: var(--muted); font-size: 11px; font-weight: 600; }
.current-plan-card > b { justify-items: end; color: var(--cyan); font-size: 23px; }
.plan-option-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.plan-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); text-decoration: none; }
.plan-option:hover, .plan-option:focus-visible { border-color: var(--cyan); background: rgba(34,211,238,.05); outline: none; }
.plan-option span, .plan-option b { display: grid; gap: 4px; }
.plan-option b { justify-items: end; color: #dff9ff; }
.plan-option small { color: var(--muted); font-size: 10px; font-weight: 600; }
.plan-option em { grid-column: 1 / -1; color: var(--cyan); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.change-preview { margin-top: 16px; padding: 18px; border: 1px solid rgba(34,211,238,.38); border-radius: 12px; background: rgba(7,17,31,.72); }
.change-preview h3 { margin: 0 0 14px; font-size: 18px; }
.change-preview dl, .cancellation-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.change-preview dl > div, .cancellation-summary dl > div { display: grid; gap: 5px; padding: 10px; border-radius: 8px; background: rgba(149,178,217,.05); }
.change-preview p, .cancellation-summary p { color: var(--muted); font-size: 12px; line-height: 1.55; }
.change-preview form { display: flex; flex-wrap: wrap; gap: 9px; }
.change-preview form > * { flex: 1 1 190px; }
.account-market-data { margin-top: 0; }
.payment-method-card { display: grid; gap: 6px; padding: 17px; border: 1px solid rgba(34,211,238,.25); border-radius: 11px; background: rgba(7,17,31,.7); }
.payment-method-card strong { font-size: 17px; letter-spacing: .04em; }
.payment-method-card span, .payment-method-card small { color: var(--muted); }
.payment-method-card em { color: #ffd08a; font-style: normal; font-weight: 750; }
.invoice-table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; }
.invoice-table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: left; }
.invoice-table th { padding: 10px 12px; color: var(--muted); background: rgba(7,17,31,.85); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.invoice-table td { padding: 12px; border-top: 1px solid var(--line); color: #dce8f7; font-size: 11px; vertical-align: top; }
.invoice-table td:nth-child(3) { font-weight: 800; }
.invoice-table td strong, .invoice-table td small { display: block; }
.invoice-table td small { margin-top: 3px; color: var(--muted); }
.invoice-table a { color: var(--cyan); font-weight: 750; }
.account-empty { color: var(--muted); font-size: 13px; line-height: 1.55; }
.pending-control { display: grid; gap: 6px; padding: 16px; border: 1px solid rgba(255,183,77,.35); border-radius: 10px; background: rgba(255,183,77,.07); }
.pending-control strong { color: #ffd08a; }
.pending-control span, .pending-control small { color: var(--muted); }
.danger-action { min-height: 42px; padding: 0 16px; border: 1px solid rgba(255,103,128,.55); border-radius: 8px; background: rgba(255,103,128,.08); color: #ff9bad; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.danger-action:hover, .danger-action:focus-visible { background: rgba(255,103,128,.15); outline: 2px solid rgba(255,103,128,.25); outline-offset: 2px; }
.cancel-dialog { width: min(560px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(255,103,128,.55); border-radius: 14px; background: #0d1a2c; color: var(--text); box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.cancel-dialog::backdrop { background: rgba(1,7,14,.78); }
.cancel-dialog form { display: grid; gap: 15px; padding: clamp(22px, 4vw, 34px); }
.cancel-dialog h3 { margin: 0; font-size: 25px; }
.cancel-dialog p { margin: 0; color: var(--muted); line-height: 1.6; }
.cancel-dialog .confirm-check { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.cancel-dialog .confirm-check input { width: 17px; min-height: 17px; margin: 2px 0 0; }
.dialog-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.dialog-actions > * { flex: 1 1 200px; }
.account-email-verify { max-width: 620px; }

@media (max-width: 680px) {
  .store-shell { padding-top: 16px; }
  .store-header { align-items: flex-start; margin-bottom: 30px; }
  .signed-in { max-width: 42vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .store-header > .text-link { max-width: 145px; text-align: right; }
  .product-hero { margin-bottom: 38px; }
  .plans-heading { align-items: stretch; flex-direction: column; }
  .billing-toggle { align-self: flex-start; }
  .form-layout { grid-template-columns: 1fr; }
  .market-data-selection-form { padding: 24px 20px; }
  .market-data-plan { grid-template-columns: minmax(0, 1fr) auto; }
  .market-data-plan > .text-link { grid-column: 1 / -1; justify-self: start; }
  .market-data-section-heading { align-items: start; flex-direction: column; gap: 7px; }
  .market-data-section-heading > small { max-width: none; text-align: left; }
  .market-data-addon { grid-template-columns: auto minmax(0, 1fr); }
  .market-data-addon > strong { grid-column: 2; text-align: left; }
  .market-data-order-row, .market-data-order-total { gap: 16px; }
  .market-data-order-row strong { overflow-wrap: anywhere; }
  .selection-summary { order: 2; }
  .progress { width: 100%; letter-spacing: .04em; }
  .progress li { font-size: 8px; }
  .tier-card { padding: 22px; }
  .signup-account-card { padding: 24px 20px; }
  .signup-plan-summary { grid-template-columns: 1fr; }
  .signup-plan-price { justify-items: start; }
  .signup-plan-price > div { justify-content: flex-start; }
  .profile-grid { grid-template-columns: 1fr; }
  .profile-grid .wide { grid-column: auto; }
  .hosted-market-data-card { padding: 20px 14px; }
  .quotemedia-frame { height: 760px; min-height: 620px; }
  .subscription-manage-heading { align-items: stretch; flex-direction: column; }
  .subscription-manage-heading .secondary-action { width: 100%; }
  .subscription-manage-grid { grid-template-columns: 1fr; }
  .market-data-choice { grid-template-columns: auto minmax(0, 1fr); }
  .market-data-price { grid-column: 2; justify-items: start; max-width: none; text-align: left; }
  .account-header { align-items: stretch; }
  .account-header .signed-in-actions { flex-wrap: wrap; justify-content: flex-end; }
  .account-header .signed-in { max-width: 100%; flex-basis: 100%; text-align: right; }
  .account-titlebar { grid-template-columns: 1fr; gap: 8px; }
  .account-titlebar p { max-width: 520px; }
  .account-sections { grid-template-columns: 1fr; }
  .account-panel.account-wide, .account-overview { grid-column: auto; }
  .account-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .plan-option-grid, .change-preview dl, .cancellation-summary dl { grid-template-columns: 1fr; }
  .current-plan-card { align-items: flex-start; flex-direction: column; }
  .current-plan-card > b { justify-items: start; }
}

@media (max-width: 420px) {
  .account-billing-shell { padding-inline: 12px; }
  .account-panel { padding: 18px 15px; }
  .account-facts { grid-template-columns: 1fr; }
  .account-section-nav { margin-inline: -4px; }
  .market-data-choice { padding: 12px 10px; }
}

@media (prefers-reduced-motion: no-preference) {
  .tier-card, button { transition: border-color .18s ease, transform .18s ease, filter .18s ease; }
  .tier-card:hover { transform: translateY(-2px); }
  .processing-ring, .action-spinner { animation: billing-spin .9s linear infinite; }
}

@keyframes billing-spin { to { transform: rotate(360deg); } }

/* Authenticated account settings */
.account-billing-shell { width: min(1120px, 100%); max-width: 1120px; padding-top: 20px; }
.account-billing-shell [hidden] { display: none !important; }
.account-settings-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; margin-bottom: 24px; }
.account-settings-brand .brand-mark { width: 34px; height: 34px; padding: 6px; object-fit: contain; border-radius: 9px; }
.account-settings-brand strong { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; }
.account-header-actions form { margin: 0; }
.account-header-actions .signed-in { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-workspace-link { min-height: 40px; border-color: rgba(149,178,217,.28); background: rgba(149,178,217,.06); color: #dce8f7; }
.account-logout { min-height: 40px; padding-inline: 4px; text-underline-offset: 3px; }
.account-titlebar-v2 { display: block; margin: 0 0 26px; }
.account-titlebar-v2 h1 { margin: 0 0 7px; font-size: clamp(32px, 4vw, 40px); line-height: 1.08; letter-spacing: -.035em; }
.account-titlebar-v2 p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.account-settings-layout { display: grid; grid-template-columns: 216px minmax(0, 1fr); gap: 30px; align-items: start; }
.account-settings-sidebar { position: sticky; top: 20px; }
.account-settings-nav { display: grid; gap: 4px; }
.account-settings-nav a { position: relative; display: flex; align-items: center; min-height: 44px; padding: 10px 13px 10px 16px; border: 1px solid transparent; border-radius: 9px; color: var(--muted); font-size: 13px; font-weight: 720; line-height: 1.25; text-decoration: none; }
.account-settings-nav a::before { position: absolute; inset: 8px auto 8px 0; width: 3px; border-radius: 3px; background: transparent; content: ""; }
.account-settings-nav a:hover, .account-settings-nav a:focus-visible { border-color: rgba(149,178,217,.2); background: rgba(149,178,217,.055); color: var(--text); outline: 2px solid transparent; box-shadow: 0 0 0 2px rgba(57,217,138,.18); }
.account-settings-nav a.active { border-color: rgba(57,217,138,.26); background: rgba(57,217,138,.075); color: #eafff4; }
.account-settings-nav a.active::before { background: var(--green); }
.account-mobile-section { display: none; }
.account-settings-content { min-width: 0; }
.account-settings-content .account-notice, .account-settings-content .account-warning { max-width: none; margin: 0 0 16px; font-size: 14px; }
.account-settings-surface { min-width: 0; padding: clamp(24px, 3vw, 34px); border: 1px solid var(--line); border-radius: 16px; background: rgba(13,26,44,.9); box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.settings-section-heading { margin-bottom: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.settings-section-heading h2 { margin: 0 0 7px; font-size: clamp(24px, 3vw, 28px); letter-spacing: -.025em; }
.settings-section-heading p, .subsection-heading p, .plan-comparison-heading p, .market-data-group-heading p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.settings-label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; font-weight: 750; }
.status-pill { padding: 4px 8px; font-size: 10px; letter-spacing: .035em; }
.settings-primary, .settings-secondary { display: inline-grid; width: auto; min-height: 44px; padding: 0 17px; place-items: center; border-radius: 9px; font: inherit; font-size: 13px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; }
.settings-primary { border: 1px solid #48dfa0; background: var(--green); color: #04150e; }
.settings-primary:hover, .settings-primary:focus-visible { background: #59e4aa; outline: 2px solid rgba(57,217,138,.35); outline-offset: 2px; }
.settings-secondary { border: 1px solid rgba(149,178,217,.3); background: rgba(149,178,217,.07); color: #dce8f7; }
.settings-secondary:hover, .settings-secondary:focus-visible { border-color: rgba(57,217,138,.5); background: rgba(57,217,138,.075); color: #eafff4; outline: 2px solid rgba(57,217,138,.2); outline-offset: 2px; }
.settings-primary:disabled, .settings-secondary:disabled { border-color: rgba(149,178,217,.18); background: rgba(149,178,217,.055); color: #7589a3; cursor: not-allowed; opacity: 1; }
.settings-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.overview-primary-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 0 0 24px; }
.overview-primary-row h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.3; }
.overview-price { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: flex-end; gap: 5px; text-align: right; }
.overview-price strong { font-size: 27px; letter-spacing: -.025em; }
.overview-price span { color: var(--muted); font-size: 13px; }
.overview-summary-list { display: grid; margin: 0; border-top: 1px solid var(--line); }
.overview-summary-list > div { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 82px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.overview-summary-list dt { color: var(--muted); font-size: 13px; font-weight: 700; }
.overview-summary-list dd { display: grid; gap: 4px; min-width: 0; margin: 0; }
.overview-summary-list dd strong, .overview-summary-list dd span { overflow-wrap: anywhere; }
.overview-summary-list dd strong { color: #e8f1fc; font-size: 15px; }
.overview-summary-list dd span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.overview-summary-list a { min-height: 44px; padding: 12px 0 12px 12px; font-size: 13px; font-weight: 750; text-underline-offset: 3px; }
.overview-attention, .overview-all-clear { margin-top: 22px; padding: 15px 17px; border-radius: 10px; font-size: 13px; }
.overview-attention { border: 1px solid rgba(255,183,77,.32); background: rgba(255,183,77,.07); color: #ffe0aa; }
.overview-attention ul { margin: 8px 0 0; padding-left: 20px; line-height: 1.55; }
.overview-all-clear { border: 1px solid rgba(57,217,138,.24); background: rgba(57,217,138,.055); color: #bff4d9; }
.overview-all-clear > span { display: grid; gap: 3px; }
.overview-all-clear small { color: #91bfa8; }
.overview-empty { display: grid; justify-items: start; gap: 8px; }
.overview-empty h3 { margin: 0; color: var(--text); }
.overview-empty .settings-primary { margin-top: 6px; }
.profile-current-email { display: grid; gap: 5px; max-width: 620px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.profile-current-email span { color: var(--muted); font-size: 13px; }
.profile-current-email strong { overflow-wrap: anywhere; font-size: 16px; }
.pending-value { display: grid; gap: 4px; max-width: 620px; margin: 0 0 20px; padding: 12px 14px; font-size: 13px; }
.pending-value span { color: var(--muted); }
.settings-form { max-width: 620px; gap: 8px; }
.settings-form label, .settings-dialog label { margin-top: 6px; color: #dce8f7; font-size: 13px; }
.settings-form input, .settings-dialog input[type="password"] { min-height: 46px; margin: 0; font-size: 15px; }
.settings-form .field-help { margin: 4px 0 6px !important; font-size: 13px; line-height: 1.5; }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 48px; }
.password-toggle { position: absolute; inset: 3px 3px 3px auto; display: grid; width: 40px; min-height: 40px; place-items: center; border: 0; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; }
.password-toggle:hover, .password-toggle:focus-visible { background: rgba(149,178,217,.09); color: var(--text); outline: 2px solid rgba(34,211,238,.28); }
.password-toggle img { width: 19px; height: 19px; }
.password-toggle [data-password-hide-icon] { display: none; }
.password-toggle[aria-pressed="true"] [data-password-show-icon] { display: none; }
.password-toggle[aria-pressed="true"] [data-password-hide-icon] { display: block; }
.password-requirements { margin: 10px 0 4px; padding: 14px 16px; border-radius: 10px; background: rgba(7,17,31,.55); }
.password-requirements strong { font-size: 13px; }
.password-requirements ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 18px; margin: 10px 0 0; padding: 0; list-style: none; }
.password-requirements li { padding-left: 10px; border-left: 2px solid rgba(149,178,217,.24); color: var(--muted); font-size: 13px; line-height: 1.35; }
.password-requirements li.complete { border-left-color: var(--green); color: #bcebd2; }
.security-actions a { min-height: 44px; padding: 12px 0; font-size: 13px; font-weight: 700; }
.current-plan-summary { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.current-plan-summary h3 { margin: 0 0 8px; font-size: 20px; }
.current-plan-summary p { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; color: var(--muted); font-size: 13px; }
.current-plan-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.current-plan-summary dl > div { display: grid; gap: 5px; align-content: start; }
.current-plan-summary dt, .change-preview dt, .cancellation-brief dt { color: var(--muted); font-size: 12px; }
.current-plan-summary dd, .change-preview dd, .cancellation-brief dd { margin: 0; color: #e7f0fc; font-size: 14px; font-weight: 750; line-height: 1.4; }
.plan-comparison { padding: 28px 0; border-bottom: 1px solid var(--line); }
.plan-comparison-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.plan-comparison-heading h3, .subsection-heading h3, .cancellation-danger-zone h3 { margin: 0 0 5px; font-size: 19px; }
.settings-segmented-control { display: inline-flex; flex: 0 0 auto; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,17,31,.65); }
.settings-segmented-control button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 750; cursor: pointer; }
.settings-segmented-control button[aria-pressed="true"] { background: rgba(57,217,138,.13); color: #eafff4; box-shadow: inset 0 0 0 1px rgba(57,217,138,.24); }
.settings-segmented-control button:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.plan-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.plan-comparison-card { display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,17,31,.4); }
.plan-comparison-card.current-tier { border-color: rgba(57,217,138,.32); background: rgba(57,217,138,.035); }
.plan-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.plan-card-heading h4 { margin: 0 0 3px; font-size: 18px; }
.plan-card-heading > div > span { color: #78e7b1; font-size: 11px; font-weight: 750; }
.plan-card-heading em { padding: 4px 6px; border-radius: 5px; background: rgba(57,217,138,.08); color: #9cebc3; font-size: 10px; font-style: normal; font-weight: 750; }
.plan-comparison-card > p { min-height: 42px; margin: 12px 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.plan-features { display: grid; gap: 7px; margin: 0 0 18px; padding: 0; list-style: none; }
.plan-features li { padding-left: 11px; border-left: 2px solid rgba(57,217,138,.25); color: #c8d7e9; font-size: 12px; line-height: 1.4; }
.plan-price-option { display: grid; gap: 9px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); }
.plan-price { display: flex; align-items: baseline; gap: 4px; }
.plan-price strong { font-size: 24px; letter-spacing: -.025em; }
.plan-price span, .annual-equivalent { color: var(--muted); font-size: 12px; }
.plan-price-option .annual-equivalent, .plan-price-option .annual-saving { min-height: 0; margin: -3px 0 0; }
.plan-price-option .annual-saving { color: #87e7b8; font-size: 12px; }
.change-preview { margin: 24px 0 0; padding: 20px; }
.change-preview h3 { margin: 0; }
.change-preview dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.change-preview form { align-items: center; }
.change-preview form > * { flex: 0 0 auto; }
.market-data-settings { padding-top: 30px; }
.subsection-heading { margin-bottom: 18px; }
.market-data-group { margin: 0; padding: 0; border: 0; }
.market-data-group + .market-data-group { margin-top: 28px; }
.market-data-group-heading { margin-bottom: 12px; }
.market-data-group-heading h4, .optional-data-group legend { margin: 0 0 5px; padding: 0; color: var(--text); font-size: 16px; font-weight: 780; }
.included-data-list, .optional-data-list { display: grid; border-top: 1px solid var(--line); }
.included-data-row, .optional-data-row { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(140px, auto); align-items: center; gap: 14px; min-width: 0; padding: 15px 0; border-bottom: 1px solid var(--line); }
.included-lock { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: rgba(57,217,138,.08); color: #72dfaa; }
.included-lock img { width: 18px; height: 18px; }
.included-data-row > span:nth-child(2), .optional-data-copy { display: grid; gap: 4px; min-width: 0; }
.included-data-row strong, .optional-data-copy strong { font-size: 14px; }
.included-data-row small, .optional-data-copy small { color: var(--muted); font-size: 12px; line-height: 1.4; }
.market-data-customer-status { justify-self: end; color: #9ec1dc; font-size: 12px; font-style: normal; font-weight: 700; text-align: right; }
.optional-data-row { grid-template-columns: auto minmax(0, 1fr) auto; margin: 0; color: var(--text); cursor: pointer; }
.optional-data-row:hover { background: rgba(149,178,217,.025); }
.optional-data-row:focus-within { outline: 2px solid rgba(57,217,138,.32); outline-offset: 2px; }
.optional-data-row input { width: 20px; min-height: 20px; margin: 0; padding: 0; accent-color: var(--green); }
.optional-data-copy .market-data-customer-status { justify-self: start; text-align: left; }
.optional-data-row .market-data-price { min-width: 90px; }
.market-data-totals { display: grid; margin-top: 18px; border-top: 1px solid var(--line); }
.market-data-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 54px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.market-data-totals span { display: grid; gap: 3px; }
.market-data-totals small { color: #8eb0ca; font-size: 12px; }
.market-data-totals strong { color: var(--text); }
.market-data-actions { align-items: flex-start; justify-content: space-between; margin-top: 18px; }
.market-data-actions p { max-width: 430px; margin: 3px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.cancellation-danger-zone { margin-top: 32px; padding-top: 26px; border-top: 1px solid rgba(255,139,155,.25); }
.danger-label { color: var(--danger); }
.cancellation-brief dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; margin: 18px 0; }
.cancellation-brief dl > div { display: grid; gap: 4px; }
.cancellation-brief > p, .scheduled-cancellation p { color: var(--muted); font-size: 13px; line-height: 1.5; }
.scheduled-cancellation { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 16px; border: 1px solid rgba(255,183,77,.3); border-radius: 10px; background: rgba(255,183,77,.055); }
.scheduled-cancellation p { margin: 5px 0 0; }
.danger-action { min-height: 44px; font-size: 13px; }
.danger-action:disabled { opacity: .45; cursor: not-allowed; }
.payment-method-section { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.payment-method-row { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: rgba(7,17,31,.42); }
.payment-method-summary { display: flex; align-items: center; gap: 13px; min-width: 0; }
.payment-method-summary > span:last-child { display: grid; gap: 4px; min-width: 0; }
.payment-method-summary strong { overflow-wrap: anywhere; font-size: 16px; text-transform: capitalize; }
.payment-method-summary small { color: var(--muted); font-size: 13px; }
.payment-method-summary em { color: #ffd08a; font-size: 12px; font-style: normal; font-weight: 750; }
.payment-method-editor { display: grid; gap: 20px; margin-top: 14px; padding: clamp(20px, 3vw, 26px); border: 1px solid rgba(57,208,163,.4); border-radius: 12px; background: linear-gradient(145deg, rgba(12,31,48,.96), rgba(7,20,35,.96)); box-shadow: inset 3px 0 0 rgba(57,208,163,.85); }
.payment-method-editor[hidden], .payment-method-editor form[hidden] { display: none; }
.payment-method-editor > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.payment-method-editor > header > div { display: grid; gap: 5px; }
.payment-method-editor h3 { margin: 0; font-size: 20px; line-height: 1.3; }
.payment-method-editor header p { max-width: 620px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.payment-method-editor form { display: grid; gap: 14px; }
.payment-method-editor form > label:not(.confirm-check) { color: #dce8f7; font-size: 13px; }
.payment-method-editor input[type="password"] { min-height: 46px; margin: 0; font-size: 15px; }
.payment-method-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.payment-method-actions > * { flex: 0 1 220px; }
.payment-method-loading { min-height: 76px; padding: 24px 18px; border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); font-size: 13px; text-align: center; }
.stripe-account-payment-element { min-width: 0; }
.payment-method-consent { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.payment-method-consent input { width: 19px; min-height: 19px; margin: 1px 0 0; padding: 0; accent-color: var(--green); }
.payment-method-error { min-height: 18px; margin: -4px 0 0; color: var(--danger); font-size: 13px; line-height: 1.45; }
.invoice-section { padding-top: 30px; }
.invoice-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.invoice-table { min-width: 0; }
.invoice-table th { padding: 12px 14px; font-size: 11px; letter-spacing: .035em; text-transform: none; }
.invoice-table td { padding: 14px; font-size: 13px; }
.invoice-table td:nth-child(3) { text-align: right; }
.invoice-table th:nth-child(3) { text-align: right; }
.invoice-table td:last-child, .invoice-table th:last-child { text-align: right; }
.invoice-status { display: inline-block; color: #bcebd2; font-weight: 750; }
.invoice-action { display: inline-grid; min-height: 40px; padding: 10px 0 10px 12px; place-items: center; text-underline-offset: 3px; }
.invoice-empty { display: grid; gap: 5px; padding: 22px; border: 1px dashed var(--line); border-radius: 10px; }
.invoice-empty strong { color: var(--text); }
.settings-dialog { width: min(540px, calc(100% - 28px)); max-height: min(720px, calc(100dvh - 28px)); overflow: auto; padding: 0; border: 1px solid rgba(149,178,217,.3); border-radius: 14px; background: #0d1a2c; color: var(--text); box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.settings-dialog::backdrop { background: rgba(1,7,14,.78); }
.settings-dialog form { display: grid; gap: 14px; padding: clamp(22px, 4vw, 30px); }
.settings-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.settings-dialog h3 { margin: 0; font-size: 23px; line-height: 1.25; }
.settings-dialog p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.dialog-close { min-width: 44px; min-height: 44px; margin: -10px -8px 0 0; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
.dialog-close img { width: 18px; height: 18px; filter: invert(74%) sepia(15%) saturate(410%) hue-rotate(166deg) brightness(94%) contrast(91%); }
.dialog-close:hover, .dialog-close:focus-visible { background: rgba(149,178,217,.08); color: var(--text); outline: 2px solid rgba(34,211,238,.25); }
.settings-dialog .confirm-check { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; margin-top: 4px; }
.settings-dialog .confirm-check input { width: 19px; min-height: 19px; margin: 1px 0 0; padding: 0; }
.settings-dialog .dialog-actions { margin-top: 6px; }
.settings-dialog .dialog-actions > * { flex: 1 1 190px; }
.danger-dialog { border-color: rgba(255,139,155,.45); }

@media (max-width: 980px) {
  .account-settings-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 22px; }
  .plan-comparison-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-summary-list > div { grid-template-columns: 112px minmax(0, 1fr); }
  .overview-summary-list a { grid-column: 2; justify-self: start; min-height: 36px; padding: 4px 0 8px; }
  .current-plan-summary { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .account-billing-shell { padding: 16px 18px 40px; }
  .account-settings-header { align-items: flex-start; margin-bottom: 22px; }
  .account-header-actions { flex-wrap: wrap; max-width: 360px; }
  .account-header-actions .signed-in { order: 1; max-width: 100%; flex: 1 0 100%; text-align: right; }
  .account-header-actions form { order: 2; }
  .account-workspace-link { order: 3; }
  .account-settings-layout { grid-template-columns: 1fr; gap: 16px; }
  .account-settings-sidebar { display: none; }
  .account-mobile-section { display: grid; gap: 7px; }
  .account-mobile-section > label { color: var(--muted); font-size: 13px; }
  .account-select-wrap { position: relative; display: block; }
  .account-select-wrap select { min-height: 46px; margin: 0; font-size: 14px; }
  .account-settings-surface { padding: 24px 20px; }
  .settings-section-heading { margin-bottom: 24px; }
  .plan-comparison-heading { align-items: stretch; flex-direction: column; }
  .settings-segmented-control { align-self: flex-start; }
  .included-data-row { grid-template-columns: auto minmax(0, 1fr); }
  .included-data-row > .market-data-customer-status { grid-column: 2; justify-self: start; text-align: left; }
  .market-data-actions { align-items: stretch; flex-direction: column; }
  .market-data-actions .settings-primary { align-self: flex-start; }
  .payment-method-row { align-items: stretch; flex-direction: column; }
  .payment-method-row .settings-secondary { align-self: flex-start; }
  .payment-method-actions > * { flex: 1 1 180px; }
  .invoice-table-wrap { overflow: visible; border: 0; }
  .invoice-table, .invoice-table tbody, .invoice-table tr, .invoice-table td { display: block; width: 100%; }
  .invoice-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .invoice-table tbody { display: grid; gap: 12px; }
  .invoice-table tr { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,17,31,.4); }
  .invoice-table td, .invoice-table td:nth-child(3), .invoice-table td:last-child { display: grid; grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); gap: 14px; padding: 11px 13px; border-top: 1px solid var(--line); font-size: 13px; text-align: left; }
  .invoice-table td:first-child { border-top: 0; }
  .invoice-table td::before { color: var(--muted); font-size: 12px; font-weight: 700; content: attr(data-label); }
  .invoice-action { justify-self: start; min-height: 36px; padding: 2px 0; }
  .scheduled-cancellation { align-items: stretch; flex-direction: column; }
  .scheduled-cancellation .settings-secondary { align-self: flex-start; }
}

@media (max-width: 520px) {
  .account-billing-shell { padding-inline: 14px; }
  .account-settings-header { gap: 14px; }
  .account-settings-brand { min-width: 0; }
  .account-settings-brand strong { max-width: 150px; white-space: normal; }
  .account-settings-brand small { font-size: 9px; }
  .account-header-actions { max-width: 170px; gap: 6px 10px; }
  .account-header-actions .signed-in { overflow-wrap: anywhere; white-space: normal; }
  .account-workspace-link { padding-inline: 10px; font-size: 12px; }
  .account-titlebar-v2 { margin-bottom: 20px; }
  .account-titlebar-v2 h1 { font-size: 30px; }
  .account-settings-surface { padding: 22px 16px; border-radius: 13px; }
  .settings-section-heading h2 { font-size: 24px; }
  .overview-primary-row { align-items: flex-start; flex-direction: column; }
  .overview-price { justify-content: flex-start; text-align: left; }
  .overview-summary-list > div { grid-template-columns: 1fr; gap: 7px; padding: 15px 0; }
  .overview-summary-list a { grid-column: auto; }
  .settings-form { gap: 7px; }
  .password-requirements ul { grid-template-columns: 1fr; }
  .settings-action-row { align-items: stretch; flex-direction: column; }
  .settings-action-row .settings-primary, .settings-action-row .settings-secondary { width: 100%; }
  .security-actions a { text-align: center; }
  .current-plan-summary dl, .change-preview dl, .cancellation-brief dl { grid-template-columns: 1fr; }
  .plan-comparison-grid { grid-template-columns: 1fr; }
  .settings-segmented-control { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .optional-data-row { grid-template-columns: auto minmax(0, 1fr); }
  .optional-data-row .market-data-price { grid-column: 2; justify-items: start; min-width: 0; text-align: left; }
  .market-data-totals > div { align-items: flex-start; flex-direction: column; gap: 5px; padding: 11px 0; }
  .market-data-actions .settings-primary { align-self: stretch; }
  .payment-method-summary { align-items: flex-start; }
  .payment-method-row .settings-secondary { align-self: stretch; }
  .payment-method-editor { padding: 19px 15px; }
  .payment-method-editor > header { gap: 10px; }
  .payment-method-actions { flex-direction: column; }
  .payment-method-actions > * { width: 100%; flex: 0 0 auto; }
  .invoice-table td, .invoice-table td:nth-child(3), .invoice-table td:last-child { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; }
  .settings-dialog form { padding: 22px 18px; }
  .settings-dialog .dialog-actions { flex-direction: column; }
  .settings-dialog .dialog-actions > * { width: 100%; flex: 0 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .account-settings-surface *, .settings-dialog *, .payment-method-editor * { scroll-behavior: auto !important; transition: none !important; }
}