/* Offer bar and the plan options (home and /pricing). */
.promo-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:44px;padding:.35rem 3rem;background:color-mix(in srgb,var(--accent) 12%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));font-size:.875rem;color:var(--text)}
.promo-bar[hidden]{display:none}
.promo-bar p{margin:0}.promo-bar b{font-weight:600}
.promo-bar p span{color:var(--text-2)}
.promo-bar a{flex:none;border:1px solid var(--accent);border-radius:999px;padding:.4rem .9rem;color:var(--accent);font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap}
.promo-bar a:hover{background:var(--accent);color:var(--bg)}
.promo-bar button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background:none;border:0;color:var(--text-2);font-size:1.25rem;line-height:1;cursor:pointer}
.promo-short{display:none}
.lp-plans-col{min-width:0}
.lp-plans-h{margin:0 0 1.5rem}.lp-plans-h em{color:var(--accent)}
.lp-offer:has(.lp-tiers){grid-template-columns:minmax(0,1fr) minmax(0,330px)}
.lp-tier--paid{border-left-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.lp-plan-shelf{display:flex;gap:6px;margin:0 0 1.4rem}
.lp-plan-shelf img{width:44px;height:66px;object-fit:cover;border-radius:2px;background:var(--surface);box-shadow:0 4px 10px rgba(0,0,0,.35)}
.lp-tier .lp-plan-sub{min-height:0}
.lp-tier--free .lp-plan-price{margin-top:.75rem}
.lp-plan-pick{border:0;margin:.8rem 0 1.4rem;padding:0;display:grid;gap:.55rem}
.lp-plan-opt{position:relative;display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--bg) 55%,transparent);cursor:pointer}
.lp-plan-opt input{position:absolute;opacity:0;pointer-events:none}
.lp-plan-dot{flex:none;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--text-3);box-sizing:border-box}
.lp-plan-opt:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}
.lp-plan-opt:has(input:checked) .lp-plan-dot{border:5px solid var(--accent);background:var(--bg)}
.lp-plan-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.lp-plan-name{flex:1;min-width:0}
.lp-plan-name b{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;color:var(--text);white-space:nowrap}
.lp-plan-name em{font-style:normal;font-size:.69rem;font-weight:500;color:var(--success);background:color-mix(in srgb,var(--success) 15%,transparent);padding:.12rem .45rem;border-radius:999px}
.lp-plan-name small,.lp-plan-cost small{display:block;color:var(--text-2);font-size:.78rem;line-height:1.3}
.lp-plan-cost{text-align:right}
.lp-plan-cost strong{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.1;color:var(--text)}
.lp-tier .lp-plan-cta.btn-ghost{color:var(--text)}
.lp-tier .lp-plan-fine{min-height:2.3em;color:var(--text-2)}
.lp-plan-fine[hidden]{display:none}
.pricing-page .lp-offer{margin-top:3rem}
@media (max-width:1100px){.lp-offer:has(.lp-tiers){grid-template-columns:1fr}}
@media (max-width:760px){
  .promo-bar{justify-content:space-between;padding:.55rem 16px;font-size:.8125rem;line-height:1.35}
  .promo-bar b{display:block}.promo-long,.promo-bar button{display:none}.promo-short{display:inline}
  .promo-bar a{padding:.7rem .9rem}
  .lp-tiers{grid-template-columns:1fr}
  .lp-tier--paid{order:-1;border-left:0;border-bottom:1px solid var(--border)}
  .lp-tier + .lp-tier{border-top:0}
  .lp-tier .lp-plan-fine{min-height:0}
}