/* One tariff family on the homepage and in the account. No business data here. */
:root {
  --plan-price-size:clamp(36px,3.5vw,48px);
  --plan-saving-size:14px;
  --plan-glow:0 12px 40px -17px rgb(240 24 48 / 40%), 0 0 32px -17px rgb(240 24 48 / 32%);
}
.plan-card { min-width:0; padding:28px; border-radius:var(--radius-card); background:var(--surface); border:1px solid var(--card-border); }
.plan-card.year-accent { background:var(--featured-surface); box-shadow:var(--plan-glow); overflow:visible; }
.plan-card :is(h2,h3) { font-size:23px; font-weight:600; line-height:1.3; letter-spacing:var(--tracking-heading); }
.plan-card .plan-price { display:flex; align-items:baseline; gap:8px; margin:20px 0 12px; font-family:var(--font-body); font-size:var(--plan-price-size); font-weight:700; font-synthesis:none; font-variant-numeric:lining-nums tabular-nums; letter-spacing:-.025em; line-height:1.15; white-space:nowrap; }
.plan-price strong { font:inherit; }
.plan-price > span { font-size:.55em; font-weight:600; color:var(--muted); letter-spacing:0; }
.plan-card .saving { display:inline-flex; align-items:center; width:fit-content; max-width:100%; min-height:34px; padding:7px 11px; margin:0; border:1px solid var(--accent-border); border-radius:var(--radius-small); background:var(--accent-surface); color:var(--text); font-size:var(--plan-saving-size); font-weight:600; line-height:1.3; white-space:normal; }
.plan-card .tariff-top { display:flex; flex-direction:column; align-items:stretch; gap:0; min-height:0; }
.plan-card .tariff-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:0; min-height:34px; margin-bottom:18px; }
.plan-card .tariff-desc { margin:0 0 24px; min-height:42px; }
.plan-card > .motion-action { width:100%; margin-top:auto; padding-top:24px; }
.plan-card .motion-action > :is(button,.button) { width:100%; min-height:var(--control-height); margin:0; font-size:var(--text-small); border-radius:var(--radius-control); }
.plan-card .best { position:absolute; top:-13px; left:24px; padding:6px 12px; border-radius:var(--radius-small); font-size:11px; line-height:1.3; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
.tariff-card.plan-card { align-items:stretch; }
.tariff-card.plan-card > .saving { margin-top:14px; }
.tariff-card.plan-card > small { min-height:34px; margin-top:14px; }
.plan-conditions { display:flex; flex-wrap:wrap; gap:16px 28px; list-style:none; padding:0; margin:30px 0 0; color:var(--muted); font-size:14px; }
.plan-conditions li { display:flex; align-items:flex-start; gap:10px; }
.plan-conditions .dp-icon { color:var(--icon-accent); margin-top:2px; }
.profile-panel > div > .motion-action { margin-top:26px; max-width:100%; }
@media(max-width:1100px) { .plan-card { padding:24px 20px; } }
@media(max-width:760px) {
  .plan-card { padding:28px; }
  .plan-card .plan-price { font-size:44px; }
  .plan-conditions { display:grid; gap:16px; }
}
@media(max-width:360px) { .plan-card { padding:24px 20px; } }