/* Layout bridge only: metrics and value bars are owned by pricing-plan-comparison.css. */
body.public-home-page #publicPlansGrid { gap: 24px; }
body.public-home-page #publicPlansGrid .plan-card { padding: 28px 24px; display: flex; flex-direction: column; min-width: 0; overflow: visible; }
body.public-home-page #publicPlansGrid .plan-card::before { display: none; }
body.public-home-page #publicPlansGrid .public-plan-heading { min-height: 72px; gap: 16px; }
body.public-home-page #publicPlansGrid .pricing-plan-logo { width: 72px; height: 72px; flex-basis: 72px; }
body.public-home-page #publicPlansGrid .pricing-credits { font-size: 25px; }
body.public-home-page #publicPlansGrid .price { margin: 0; font-size: 56px; font-weight: 850; letter-spacing: 0; }
body.public-home-page #publicPlansGrid .price small { font-size: 16px; }
body.public-home-page #publicPlansGrid .plan-desc { color: var(--sia-muted); font-size: 15px; line-height: 1.55; }
body.public-home-page #publicPlansGrid .features { display: grid; margin: 0; padding: 0; list-style: none; background: transparent !important; }
body.public-home-page #publicPlansGrid .feature { display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: start; gap: 12px; }
body.public-home-page #publicPlansGrid .feature-icon { display: inline-grid; place-items: center; width: 26px; height: 26px; color: var(--sia-plan-ink); background: transparent; }
body.public-home-page #publicPlansGrid .feature-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.public-home-page #publicPlansGrid .feature-metric { grid-template-columns: minmax(0,1fr); gap: 0; }
body.public-home-page #publicPlansGrid .feature-metric .feature-icon { width: 20px; height: 20px; }
body.public-home-page #publicPlansGrid .feature-credit { align-items: center; }
body.public-home-page #publicPlansGrid .features-common { gap: 12px; }
body.public-home-page #publicPlansGrid .features-common .feature { grid-template-columns: 18px minmax(0,1fr); gap: 10px; }
body.public-home-page #publicPlansGrid .features-common .feature-icon,
body.public-home-page #publicPlansGrid .features-common .feature-icon svg { width: 18px; height: 18px; }
body.public-home-page #publicPlansGrid .features-common .feature { color: var(--sia-muted); }
body.public-home-page #publicPlansGrid .plan-fit { font-size: 13px; line-height: 1.55; padding: 14px; color: var(--sia-heading); background: var(--plan-soft); border-color: var(--plan-border); }
body.public-home-page #publicPlansGrid .plan-included { margin-top: auto; }
body.public-home-page #publicPlansGrid .pricing-cta { min-height: 48px; border-radius: 14px; background: var(--plan-button) !important; border-color: var(--plan-border) !important; color: #fff !important; }
html[data-theme="light"] body.public-home-page #publicPlansGrid .pricing-cta { background: var(--sia-plan-ink) !important; }
body.public-home-page #plan .plan-value-disclaimer { margin: 16px 0 32px; color: var(--sia-muted); font-size: 14px; line-height: 1.6; }
@media(max-width:940px) { body.public-home-page #publicPlansGrid .plan-desc { min-height: 0; } }
@media(max-width:380px) {
  body.public-home-page #publicPlansGrid .plan-card { padding-inline: 16px; }
  body.public-home-page #publicPlansGrid .price { font-size: 44px; }
  body.public-home-page #publicPlansGrid .pricing-credits { font-size: 23px; }
}
@container sia-plan (max-width:280px) {
  body.public-home-page #publicPlansGrid .feature-metric { row-gap: 8px; }
}
