.cost-hero .sub-title { max-width: 1100px; margin: 28px auto 36px; }
.cost-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 1140px; gap: 20px; margin: 0 auto 30px; }
.cost-card { --cost-color: #009fd5; overflow: hidden; background: #fff; color: #29313d; border-radius: 6px; text-align: center; box-shadow: 0 8px 18px rgba(0,0,0,.2); transition: background-color .2s ease; }
.cost-card:focus-within { background-color: color-mix(in srgb, var(--cost-color) 12%, white); }
@media (hover: hover) {
 .cost-card:hover { background-color: color-mix(in srgb, var(--cost-color) 12%, white); }
}
@media (prefers-reduced-motion: reduce) {
 .cost-card { transition: none; }
}
.cost-card--demo { --cost-color: #16a34a; }
.cost-card--unlimit { --cost-color: #963acb; }
.cost-card h2 { margin: 0; padding: 14px 8px; background: var(--cost-color); color: #fff; font-size: clamp(1rem, 1.7vw, 1.4rem); font-weight: 700; }
.cost-card__body { display: flex; flex-direction: column; align-items: center; padding: 18px 12px 20px; }
.cost-card .cost-price { margin: 0; font-size: clamp(2rem, 3.7vw, 3.3rem); font-weight: 400; line-height: 1.15; white-space: nowrap; letter-spacing: -.04em; }
.cost-price span { font-size: .48em; vertical-align: super; letter-spacing: 0; margin-left: 2px; }
.cost-card .cost-price--unavailable { font-size: 1.1rem; white-space: normal; min-height: 61px; letter-spacing: 0; }
.cost-card .cost-duration { margin: 0; font-size: 1.15rem; line-height: 1.4; }
.cost-card .cost-detail { margin: 8px 0 18px; font-size: .85rem; }
.cost-card .btn-outline { --btn-color: var(--cost-color); justify-content: center; align-self: center; min-width: 100px; margin: 0; padding: 10px 14px; box-shadow: none; }
.cost-card [data-license-buy] { text-transform: uppercase; font-weight: 600; }
.cost-license-note { max-width: 1050px; margin: 0 auto; text-align: center; }
.cost-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.cost-links .cost-resource { width: auto; max-width: none; min-width: 0; }
.cost-resource img { flex: 0 0 56px; width: 56px; }
.cost-resource div { min-width: 0; }
.cost-resource .cost-resource__title { display: block; text-align: left; font-size: 24px; }
.cost-resource p { margin: 0; font-size: 14px; font-weight: 400; }
.cost-table { width: 100%; max-width: 650px; border-collapse: collapse; margin: 24px auto; text-align: left; }
.cost-table th, .cost-table td { padding: 12px; border-bottom: 1px solid #dce5e8; }
.cost-table caption { text-align: left; font-weight: 600; }
.cost-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 1050px) {
 .cost-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 800px; }
 .cost-card { grid-column: span 2; }
 .cost-card:nth-child(4) { grid-column: 2 / span 2; }
 .cost-card .cost-price { font-size: 2.8rem; }
 .cost-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
 .cost-grid { grid-template-columns: minmax(0, 1fr); max-width: 260px; gap: 20px; }
 .cost-card, .cost-card:nth-child(4) { grid-column: auto; }
 .cost-card:last-child { width: 100%; }
 .cost-card h2 { font-size: 1.35rem; }
 .cost-card .cost-price { font-size: 3rem; }
 .cost-card .cost-price--unavailable { font-size: 1.1rem; }
 .cost-card .cost-duration { font-size: 1.15rem; }
 .cost-card .btn-outline { min-width: 140px; }
 .cost-links { grid-template-columns: 1fr; }
}