/* ZexirPremium — reference-based four-card comparison. */
.premium-plans-page { --plans-page:#fff; --plans-card:#f5f5f5; --plans-text:#171717; --plans-muted:#686868; --plans-segment:#f0f0f0; --plans-selected:#fff; --plans-accent:#087ccc; margin:0; min-width:320px; background:var(--plans-page); color:var(--plans-text); font-family:"Google Sans","Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
html[data-zexir-resolved-theme="dark"] .premium-plans-page { --plans-page:#111111; --plans-card:#1b1b1b; --plans-text:#f1f1f1; --plans-muted:#a1a1a1; --plans-segment:#1c1c1c; --plans-selected:#343434; --plans-accent:#1b9dff; }
.premium-plans-page :is(button,a) { -webkit-tap-highlight-color:transparent; }
.premium-plans-page :is(button,a):focus-visible { outline:2px solid var(--plans-accent); outline-offset:4px; }
.plans-navigation { position:relative; display:flex; justify-content:center; padding:24px 64px 0; }
.plan-tabs { display:flex; padding:3px; border-radius:999px; background:var(--plans-segment); }
.plan-tab { min-width:100px; min-height:36px; padding:7px 20px; border:1px solid transparent; border-radius:999px; background:transparent; color:var(--plans-muted); font:inherit; font-size:14px; cursor:pointer; transition:background .15s,color .15s; }
.plan-tab.active { background:var(--plans-selected); color:var(--plans-text); border-color:#8882; box-shadow:0 1px 3px #0001; }
.plan-tab:hover { color:var(--plans-text); }
.plans-close { position:absolute; right:20px; top:23px; display:grid; place-items:center; width:32px; height:32px; color:var(--plans-muted); border-radius:50%; text-decoration:none; }
.plans-close:hover { background:var(--plans-segment); color:var(--plans-text); }
.plans-close .material-symbols-rounded { font-size:20px; }
.plans-main { max-width:1800px; margin:auto; padding:0 24px 24px; }
.plans-hero { text-align:center; padding:27px 16px 43px; }
.plans-hero h1 { display:flex; justify-content:center; align-items:center; gap:9px; margin:0 0 11px; font-size:30px; font-weight:600; line-height:1.25; letter-spacing:-.9px; }
.plans-hero h1 img { width:42px; height:42px; border-radius:50%; object-fit:contain; }
.plans-hero p { margin:0; color:var(--plans-text); font-size:21px; line-height:1.4; font-weight:500; letter-spacing:-.3px; }
.plans-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.plan-card { min-width:0; min-height:532px; padding:26px 24px 28px; border:1.5px solid transparent; border-radius:23px; background:var(--plans-card); }
.plan-card.plan-featured { border-color:var(--plans-accent); }
.plan-title-row { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:24px; }
.plan-card h2 { margin:0; color:var(--plans-text); font-size:20px; line-height:1.2; font-weight:600; white-space:nowrap; }
.plan-tier { font-weight:400; }
.plan-tier-accent { color:var(--plans-accent); }
.plan-badge { display:inline-flex; flex-shrink:0; padding:3px 10px; border-radius:999px; background:#159aff1a; color:var(--plans-accent); font-size:12px; font-weight:600; line-height:1.2; white-space:nowrap; }
.plan-subtitle { margin:12px 0 14px; color:var(--plans-muted); font-size:15.5px; line-height:1.4; }
.premium-plans-page .plan-price { display:flex; align-items:baseline; gap:5px; margin:0 0 18px; color:var(--plans-text); font-size:32px; line-height:1.25; letter-spacing:-.5px; font-weight:400; }
.plan-price span { color:var(--plans-muted); font-size:15px; letter-spacing:0; font-weight:500; }
.plan-button { display:flex; align-items:center; justify-content:center; width:100%; min-height:42px; padding:10px 14px; border:1px solid #ddd; border-radius:999px; background:#fff; color:#111; font:inherit; font-size:15px; line-height:1.3; font-weight:600; cursor:pointer; transition:background .15s; }
.plan-button:hover:not(:disabled) { background:#e9e9e9; }
.plan-button:disabled { cursor:default; background:var(--plans-segment); color:var(--plans-muted); border-color:#8884; }
.plan-button.current { color:var(--plans-text); }
.plan-features { display:grid; align-content:start; gap:17px; list-style:none; padding:0; margin:27px 0 0; }
.plan-features li { display:grid; grid-template-columns:18px minmax(0,1fr); gap:11px; color:var(--plans-text); font-size:15px; line-height:1.45; }
.plan-features .material-symbols-rounded { margin-top:2px; font-size:17px; }
.plan-features small { display:block; margin-top:3px; color:var(--plans-muted); font-size:14px; line-height:1.45; }
.plans-grid-budget { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:724px; margin-inline:auto; }
.business-empty { max-width:724px; margin:auto; padding:65px 28px; text-align:center; border-radius:23px; background:var(--plans-card); }
.business-empty > .material-symbols-rounded { font-size:30px; color:var(--plans-muted); }
.business-empty h2 { margin:18px 0 10px; font-size:25px; font-weight:500; }
.business-empty p { color:var(--plans-muted); }
.business-empty .plan-button { max-width:260px; margin:28px auto 0; }
.plans-footer { text-align:center; color:var(--plans-muted); font-size:12px; line-height:1.5; padding:20px 12px 0; }
.plans-footer p { margin:0 0 6px; }
.plans-footer p:empty { display:none; }
.billing-controls { display:flex; justify-content:center; gap:12px; margin:8px 0; }
.billing-control { border:0; background:transparent; color:var(--plans-muted); font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
@media (min-width:1800px) { .plan-card { padding:30px; } }
@media (max-width:1399px) { .plans-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:850px; margin-inline:auto; } .plan-card { min-height:525px; } }
@media (max-width:620px) {
  .plans-navigation { padding:18px 44px 0; }
  .plan-tabs { width:min(100%,310px); }
  .plan-tab { flex:1; min-width:0; padding-inline:12px; }
  .plans-close { right:7px; top:23px; }
  .plans-main { padding-inline:16px; }
  .plans-hero { padding:32px 0; }
  .plans-hero h1 { font-size:29px; }
  .plans-hero p { max-width:340px; margin:auto; font-size:18px; }
  .plans-grid { grid-template-columns:1fr; gap:16px; max-width:440px; }
  .plan-card { min-height:0; padding:26px 24px 30px; }
  .plan-features { gap:18px; }
  .plan-card h2 { font-size:21px; }
  .plan-subtitle { margin-top:13px; }
}
@media (prefers-reduced-motion:reduce) { .premium-plans-page * { transition:none !important; } }

@media (min-width:621px) and (max-width:1399px) { .plan-subtitle { min-height:44px; } }