/* Pricing only. Existing Markio tokens, type and scene are retained. */
.subscription-price .subscription-monthly-price{font-size:20px;line-height:1.1;font-weight:400;letter-spacing:-.04em;color:var(--muted);text-decoration-thickness:1.5px;text-decoration-color:currentColor}
.premium-pricing[data-billing=yearly] .subscription-price strong{font-size:clamp(32px,2.6vw,42px)}
@media(max-width:600px){.premium-pricing[data-billing=yearly] .subscription-price strong{font-size:42px}}
.pricing-packs .credit-pack-grid>.credit-pack{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 44px auto;gap:6px 16px;align-items:start}
.pricing-packs .credit-pack>div:first-child{display:grid;grid-template-rows:subgrid;grid-row:1/span 5;min-width:0}
.pricing-packs .credit-pack .credit-pack-buy{display:grid;grid-template-rows:subgrid;grid-row:1/span 5;grid-column:2;align-items:start;padding:0;border:0;gap:6px}
.pricing-packs .credit-pack h3{grid-row:1;margin:0;font-size:13px}
.pricing-packs .credit-pack .pack-unit{grid-row:3;margin:2px 0 12px}
.pricing-packs .credit-pack .pack-quantity{grid-row:4;justify-self:start;align-self:center;height:44px;padding:0;gap:0;border-radius:8px;background:transparent;box-shadow:none}
.pricing-packs .credit-pack .pack-quantity button{width:34px;height:42px;border:0;border-radius:7px;background:transparent;box-shadow:none;color:var(--text);font-size:17px;font-weight:400}
.pricing-packs .credit-pack .pack-quantity button:disabled{opacity:.3;box-shadow:none}
.pricing-packs .credit-pack .pack-quantity button:active:enabled{transform:none;background:var(--line);box-shadow:none}
.pricing-packs .credit-pack .pack-quantity output{min-width:24px;font-size:13px}
.pricing-packs .credit-pack .welcome-bonus{grid-row:5;margin:8px 0 0}
.pricing-packs .credit-pack-buy b{grid-row:1;grid-column:1;align-self:center}
.pricing-packs .credit-pack-buy small{grid-row:2;grid-column:1;white-space:nowrap}
.pricing-packs .credit-pack-grid .credit-pack-buy .plan-button{grid-area:4/1;min-height:44px;margin:0;align-self:center}
@media(hover:hover) and (pointer:fine){.pricing-packs .credit-pack .pack-quantity button:hover:enabled{filter:brightness(1.18)}}
.credit-pack .pack-unit{margin:8px 0 12px;font-size:12px;color:var(--muted);line-height:1.5}
.credit-pack strong [data-pack-credits]{font-size:inherit;color:inherit}
.pack-quantity{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel)}
.pack-quantity button{width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:var(--text);font:500 20px var(--sans);cursor:pointer}
.pack-quantity button:hover:enabled{background:var(--line)}
.pack-quantity button:disabled{opacity:.3;cursor:default}
.pack-quantity button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.pack-quantity output{min-width:28px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
/* Estimates share each plan's grid column and remain paired when cards stack. */
.subscription-plan{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;min-width:0}
.premium-pricing .subscription-plan{padding:0}
.subscription-purchase{min-width:0;padding:30px 26px 25px}
.generation-comparison{min-width:0;padding:24px 26px 25px;color:var(--text)}
.generation-eyebrow{margin:0 0 18px;color:var(--muted);font-size:12px}
.generation-comparison dl{margin:0}
.generation-example{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;border-top:1px solid var(--line)}
.generation-example dt{font-size:12px;line-height:1.5;font-weight:500;white-space:nowrap}
.generation-example dt small{display:block;margin-top:3px;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted)}
.generation-example dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.generation-example dd strong{font-size:23px;line-height:1.2;font-weight:500}
.generation-low{font-size:16px;color:var(--muted)}
.generation-dash{padding:0 2px}
.generation-context{display:flex;justify-content:space-between;align-items:start;gap:8px 24px;flex-wrap:wrap;margin:12px 26px 28px;font-size:12px;line-height:1.7;color:var(--muted)}
.generation-context>p{margin:0;max-width:650px}
.generation-context details{max-width:720px}
.generation-context summary{min-height:32px;cursor:pointer;color:var(--text);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--line-strong)}
.generation-context details[open]{flex-basis:100%}
.generation-context details p{margin:8px 0 0}
.generation-context summary:focus-visible{outline:2px solid var(--text);outline-offset:4px}
@media(min-width:601px) and (max-width:1439px){.premium-pricing .subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1000px){.premium-pricing .subscription-grid{grid-template-columns:1fr}}
@media(max-width:600px){.subscription-purchase{padding:27px}.generation-comparison{padding:22px 27px 25px}.generation-example dt{font-size:13px}.generation-context{margin-inline:12px}.generation-example dd strong{font-size:28px}}
.mk-pricing .mk-plans{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.mk-pricing .mk-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-pricing .mk-plan:first-child{grid-column:1/-1}}
.premium-pricing{--pricing-purple:#c3adeb;--pricing-ease:cubic-bezier(.23,1,.32,1);padding:64px clamp(20px,4vw,72px) 80px!important;position:relative;isolation:isolate}
.premium-pricing .pricing-wrap{max-width:1420px;margin:auto;position:relative;z-index:1}
.premium-pricing .pricing-head{margin:0 auto 34px;text-align:center}
.premium-pricing .pricing-head h1{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.05em;font-weight:500;margin:18px 0}
.premium-pricing .pricing-head>p{font-size:15px;line-height:1.6;color:#b6b1c0;margin:0}
.premium-pricing .billing-switch{display:inline-flex;padding:5px;gap:5px;margin:25px 0 13px;border:1px solid #ffffff26;border-radius:15px;background:#ffffff07;box-shadow:inset 0 1px 0 #ffffff10}
.premium-pricing .billing-switch button{border:0;border-radius:10px;background:transparent;color:#aca6b8;padding:12px 17px;min-height:44px;font:500 13px var(--sans);cursor:pointer;transition:background 160ms ease,color 160ms ease}
.premium-pricing .billing-switch button[aria-pressed=true]{background:#ffffff14;color:var(--text);box-shadow:inset 0 1px 0 #ffffff20,0 3px 12px #0003}
.premium-pricing .billing-savings{background:#c3adeb1a;color:#d5c3f3;padding:4px 7px;border:1px solid #c3adeb25;border-radius:6px;font-size:10px;margin-left:7px}
.premium-pricing .pricing-head .billing-explainer{font-size:12px;min-height:20px;color:#aaa5b3;margin:0 auto}
.subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.subscription-card{position:relative;min-width:0;padding:30px 26px 25px;border:1px solid #ffffff29;border-radius:22px;background:linear-gradient(145deg,#ffffff09,transparent 60%),#131216cc;box-shadow:inset 0 1px 0 #ffffff14,0 15px 40px #0003;transition:transform 220ms var(--pricing-ease),box-shadow 220ms ease,border-color 220ms ease}
.subscription-featured{background:linear-gradient(135deg,#67527a34,transparent 67%),#1b1623ed;border-color:#bda1e195;box-shadow:inset 0 1px 0 #ddc4ff40,0 0 40px #b68ee312,0 18px 50px #0005}
.premium-pricing[data-billing=yearly] .subscription-billing{min-height:36px}
.subscription-badge{position:absolute;top:-12px;left:24px;background:#d4c1ed;color:#22182d;border:1px solid #f2e8ff70;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:500;box-shadow:0 3px 15px #0004}
.subscription-card h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}
.subscription-description{font-size:12px;color:#b2acbd;line-height:1.6;min-height:38px;margin:0 0 21px}
.subscription-price{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.subscription-price strong{font-size:clamp(34px,3vw,45px);font-weight:500;letter-spacing:-2px;line-height:1.1}.subscription-price span{font-size:12px;color:#aaa5b3}
.subscription-billing{font-size:11px;color:#aaa5b3;line-height:1.6;min-height:19px;margin:9px 0 27px}
.subscription-credits{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.subscription-credits strong{font-size:27px;font-weight:500;letter-spacing:-1px}.subscription-credits span{font-size:12px;color:#d4cedd}
.subscription-equivalent{font-size:11px;color:#aaa5b3;margin:5px 0 0}
.premium-pricing .subscription-card .plan-button{margin-top:24px}
.premium-pricing .welcome-offer{position:absolute;top:18px;right:clamp(20px,4vw,72px);z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 10px;border:1px solid #cbb4e936;border-radius:9px;background:#17131dc9;color:#bdb3ca;box-shadow:inset 0 1px #ffffff08;font-size:11px;line-height:1.2}
.welcome-offer[hidden],.welcome-bonus[hidden]{display:none}
.premium-pricing .welcome-offer svg{width:15px;height:15px;color:#c6a5e8;flex-shrink:0}
.premium-pricing .welcome-offer [role=timer]{padding-left:9px;border-left:1px solid #ffffff16;color:#ecddfb;font-size:17px;font-weight:500;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.premium-pricing .welcome-offer[data-urgent=true]{border-color:#d4a87866;background:#211910;color:#e5c4a0}
.premium-pricing .welcome-offer[data-urgent=true] svg,.premium-pricing .welcome-offer[data-urgent=true] [role=timer]{color:#ffd2a1}
:is(.premium-pricing,.landing-auth-page) .pricing-space,:is(.premium-pricing,.landing-auth-page) .pricing-space.scene-fallback{background:#050506}
@media(max-width:600px){.premium-pricing .welcome-offer{top:12px;right:18px;gap:8px;padding:7px 9px;font-size:10px}.premium-pricing .welcome-offer [role=timer]{font-size:16px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.premium-pricing .welcome-offer{background:var(--panel)}}
.welcome-bonus{font-size:13px;line-height:1.5;font-weight:500;color:#dfc4ff;margin:10px 0 0;text-wrap:pretty}
.premium-pricing .subscription-credits~.plan-button{margin-top:24px}
.premium-pricing .pricing-free{margin-top:28px}
@media(max-width:600px){.credit-pack .welcome-bonus{max-width:170px;font-size:12px}}
.premium-pricing .subscription-card .plan-button{width:100%;margin:0;min-height:46px;padding:12px 14px;border:1px solid #ffffff30;border-radius:11px;background:#ffffff08;color:var(--text);font-size:13px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;cursor:pointer;transition:transform 150ms var(--pricing-ease),background 150ms ease}
.premium-pricing .subscription-card .plan-button.primary{background:#eee7f8;color:#24182e;border-color:#ffffff80;box-shadow:inset 0 1px 0 #fff,0 3px 14px #d9baff15}
.subscription-includes{display:grid;gap:11px;margin-top:23px;padding-top:22px;border-top:1px solid #ffffff12;font-size:12px;color:#b4adbf}
.pricing-free{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px;border:1px solid #ffffff1f;background:#ffffff04;border-radius:16px}
.pricing-free h2{font-weight:500;font-size:18px;margin:0 0 7px}.pricing-free p{font-size:12px;margin:0;color:#aaa5b3;line-height:1.6}.pricing-free strong{font-weight:500;color:#d1cadc}
.pricing-free .plan-button{margin:0;font-size:12px;white-space:nowrap;width:auto;flex:0 0 auto;min-height:44px;padding:12px 18px}
.pricing-packs{margin:52px 0 0}.pricing-packs header{margin-bottom:24px}.pricing-packs h2{font-weight:500;font-size:25px;letter-spacing:-.7px;margin:0 0 10px}.pricing-packs header p{font-size:13px;color:#aaa5b3}
.credit-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.credit-pack{display:flex;justify-content:space-between;gap:15px;padding:22px;border:1px solid #ffffff22;border-radius:15px;background:#17151bbd}
.credit-pack h3{font-size:13px;font-weight:500;margin:0 0 14px;color:#bcb5c8}.credit-pack strong{font-size:24px;font-weight:500;letter-spacing:-.5px}.credit-pack strong span{font-size:12px;color:#bcb5c8}.credit-pack-buy{text-align:right;display:grid;gap:6px}.credit-pack-buy b{font-size:18px;font-weight:500}.credit-pack-buy small{font-size:10px;color:#aaa5b3}.credit-pack .plan-button{margin:7px 0 0;min-height:40px;font-size:11px;padding:9px 11px;cursor:pointer}
.pricing-prepaid-note{font-size:11px;color:#aaa5b3;text-align:center;margin-top:25px;line-height:1.7}
.premium-pricing :is(button,select):focus-visible{outline:2px solid #d4b8f5;outline-offset:4px}
.subscription-status{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.subscription-status p{font-size:13px;color:var(--muted)}
/* Raised purchase controls, scoped to pricing and credit packs. */
.premium-pricing .subscription-card .plan-button,
.credit-pack .plan-button,
.mk-pricing .mk-plan .mk-button{
 position:relative;isolation:isolate;min-height:50px;border-radius:12px;
 border:1px solid #d6cde866;border-bottom-color:#19131f;
 background:linear-gradient(180deg,#655c70 0%,#443b50 52%,#372f42 100%);
 color:#fff;font-weight:600;letter-spacing:.01em;
 box-shadow:inset 0 1px 0 #ffffff5c,inset 0 -1px 0 #ffffff12,0 4px 0 #211b29,0 8px 16px #0005;
 text-shadow:0 1px 1px #0006;
 transition:transform 160ms var(--pricing-ease,ease-out),box-shadow 160ms ease,filter 160ms ease;
}
.premium-pricing .subscription-card .plan-button.primary,
.mk-pricing .mk-plan-featured .mk-button{
 background:linear-gradient(180deg,#fff 0%,#f0e6fc 48%,#d8c3f0 100%);
 border-color:#fff9;border-bottom-color:#a18bb9;color:#2a1c38;text-shadow:0 1px 0 #ffffff80;
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff66,0 4px 0 #9a83b2,0 9px 22px #a681c940;
}
.premium-pricing .subscription-card .plan-button>span,
.mk-pricing .mk-plan .mk-button>span{font-size:17px}
.credit-pack .plan-button{min-height:44px;font-size:12px;padding:10px 15px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){
 .premium-pricing .subscription-card .plan-button:hover,.credit-pack .plan-button:hover,.mk-pricing .mk-plan .mk-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
}
.premium-pricing .subscription-card .plan-button:active,.credit-pack .plan-button:active,.mk-pricing .mk-plan .mk-button:active{transform:translateY(3px);box-shadow:inset 0 1px 3px #0003,0 1px 0 #211b29}
.mk-pricing .mk-plan .mk-button:focus-visible,.credit-pack .plan-button:focus-visible{outline:2px solid #dfc6ff;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.subscription-card:hover{transform:translateY(-4px);border-color:#ffffff57;box-shadow:inset 0 1px 0 #ffffff22,0 22px 50px #0005}.subscription-featured:hover{border-color:#d8b8ff;box-shadow:0 0 45px #b68ee322,0 24px 50px #0005}.premium-pricing button:active{transform:scale(.98)}}
@media(max-width:1150px){.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.credit-pack-grid{grid-template-columns:1fr}.credit-pack{align-items:center}.credit-pack-buy{display:flex;align-items:center;gap:16px}.credit-pack h3{margin-bottom:7px}.pricing-calculator output{text-align:left}.pricing-calc-controls{flex:1}}
@media(max-width:600px){.premium-pricing{padding:42px 18px 55px!important}.subscription-grid{grid-template-columns:1fr;gap:24px}.subscription-card{padding:27px}.subscription-description{min-height:0}.subscription-price strong{font-size:42px}.pricing-calculator{padding:18px;gap:16px}.pricing-calc-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;flex:0 0 100%;gap:12px}.pricing-calculator output{width:100%;text-align:left}.pricing-calc-controls label:first-child{grid-column:1/-1}.pricing-calc-controls select{width:100%;max-width:none}.pricing-free{align-items:flex-start;flex-direction:column;padding:22px}.credit-pack{padding:18px}.credit-pack-buy{display:grid;gap:6px}.pricing-kicker{font-size:9px;letter-spacing:1px}.premium-pricing .billing-explainer{max-width:290px;margin:auto!important}}
@media(prefers-reduced-motion:reduce){.premium-pricing *{transition:none!important;animation:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.subscription-card,.pricing-calculator,.credit-pack{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}.subscription-featured{background:#241b2f;border-color:#cfb4ef}}

@media(prefers-reduced-motion:reduce){.mk-pricing .mk-plan .mk-button,.credit-pack .plan-button{transition:none!important;transform:none!important}}

.credits-wallet {
  width: 100%;
  max-width: 1140px;
  padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 48px);
}

.credits-wallet h1 {
  margin: 0 0 24px;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.12;
}

.credits-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 56px);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.credits-overview > section {
  min-width: 0;
}

.credits-overview h2 {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 500;
}

.credits-wallet .balance-total {
  margin: 8px 0 0;
  color: #91e1b1;
  font-size: clamp(38px, 5vw, 56px);
  line-height: 1;
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
}

.credits-wallet .balance-total small {
  letter-spacing: 0;
}

.credits-plan-note {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.credits-plan {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.025em;
}

.credits-subscription-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 20px;
  margin-top: 8px;
}

.credits-text-action {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--muted);
  cursor: pointer;
}

.credits-wallet [data-credit-hold] p {
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  color: var(--text);
  font-size: 14px;
}

.credits-cancel {
  padding-inline: 12px;
  border: 1px solid #a44f56;
  border-radius: 8px;
  background: #341d24;
  color: #ffaaa8;
  text-decoration: none;
}

.credits-wallet .credits-topups {
  margin: 28px 0 18px;
}

.credits-topups .credit-pack {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: start;
  gap: 22px;
  padding: clamp(18px, 2.1vw, 28px);
}

.credits-topups .credit-pack h3 {
  margin: 0 0 8px;
}

.credits-topups .credit-pack-buy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 12px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  text-align: start;
}

.credits-topups .credit-pack-buy small {
  grid-column: 1;
}

.credits-topups .credit-pack-buy .plan-button {
  grid-area: 1 / 2 / span 2;
  margin: 0;
}

.credits-history {
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.credits-history summary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 5px 0 0;
  color: var(--text);
  list-style: none;
  cursor: pointer;
}

.credits-history summary h2 {
  margin: 0;
  font-size: 20px;
  letter-spacing: -.025em;
}

.credits-history summary::-webkit-details-marker {
  display: none;
}

.credits-history summary::after {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-inline-end: 3px;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: translateY(-2px) rotate(45deg);
}

.credits-history[open] summary::after {
  transform: translateY(2px) rotate(225deg);
}

.credits-history .credit-history {
  margin-top: 6px;
  border-top: 1px solid var(--line);
}

.credits-history .credit-history > div {
  padding-block: 14px;
}

.credits-history .credit-history > div:last-child {
  border-bottom: 0;
}

.credits-history .credit-history > p {
  margin-block: 16px;
  color: var(--muted);
  font-size: 14px;
}

.credits-wallet :is(a,button,summary):focus-visible {
  outline: 2px solid var(--text);
  outline-offset: 3px;
}

@media (hover: hover) {
  .credits-history summary:hover {
    color: #dfc4ff;
  }

  .credits-cancel:hover {
    background: #48242c;
  }
}

@media (max-width: 540px) {
  .credits-overview {
    grid-template-columns: 1fr;
  }
}

.premium-pricing .subscription-card .plan-button{margin-top:24px}

/* Billing motion: preserve the scene and animate the selected state. */
.premium-pricing .billing-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;width:min(100%,360px);isolation:isolate}
.premium-pricing .billing-switch::before{content:"";position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc((100% - 15px)/2);border-radius:10px;background:linear-gradient(145deg,#ffffff20,#c3adeb14);box-shadow:inset 0 1px 0 #ffffff29,0 3px 10px #0003;transform:translateX(0);transition:transform 250ms var(--pricing-ease)}
.premium-pricing[data-billing=yearly] .billing-switch::before{transform:translateX(calc(100% + 5px))}
.premium-pricing .billing-switch button{display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:8px}
.premium-pricing .billing-switch button[aria-pressed=true]{background:transparent;box-shadow:none}
.premium-pricing .billing-switch .billing-savings{margin:0;font-size:9px}
.premium-pricing .subscription-price{min-height:48px}
.premium-pricing .subscription-billing{min-height:36px}
:is(.premium-pricing,.landing-auth-page) .pricing-space canvas{opacity:.3}
.premium-pricing[data-billing-motion=off] .billing-switch::before{transition:none}
@media(prefers-reduced-motion:reduce){.premium-pricing .billing-switch::before{transition:none}}
.premium-pricing .billing-switch .billing-savings{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border-radius:6px;border:1px solid #d6c0f72e;background:linear-gradient(145deg,#c7a8ef20,#c7a8ef0a);color:#c9b9dc;font-size:10px;font-weight:400;line-height:1.2;box-shadow:inset 0 1px 0 #ffffff0d;white-space:nowrap}
.premium-pricing .billing-savings b{font-weight:600;color:#eee3fc}