.package-comparison { --pc-column-tint: .06; width: 100%; min-width: 0; }
.package-comparison .pc-frame { border: 1px solid #d7ebf5; border-radius: 22px; overflow: hidden; box-shadow: 0 14px 34px rgba(32, 67, 89, .055); background: #fff; }
.package-comparison table { border-collapse: separate; border-spacing: 0; table-layout: fixed; width: 100%; }
.package-comparison .pc-service-col, .package-comparison .pc-plan-col { width: calc(100% / 3); }
.package-comparison thead th { padding: 24px 24px 22px; vertical-align: middle; text-align: center; font-weight: 400; border-bottom: 2px solid #d7ebf5; }
.package-comparison thead th:first-child { padding-left: 30px; text-align: left; }
.package-comparison .pc-services-title { display: block; font-size: 21px; line-height: 1.55; font-weight: 600; color: #17222c; }
.package-comparison .pc-plan-title { display: block; border-radius: 999px; min-height: 36px; padding: 6px 12px; font-size: 16px; line-height: 1.55; font-weight: 900; color: #0f628d; background: rgba(38, 155, 214, .08); }
.package-comparison .pc-platinum .pc-plan-title { background: rgba(54, 168, 120, .08); color: #187e5d; }
.package-comparison thead .pc-gold { background: rgba(38, 155, 214, var(--pc-column-tint)); }
.package-comparison thead .pc-platinum { background: rgba(54, 168, 120, var(--pc-column-tint)); }
.package-comparison tbody th, .package-comparison tbody td { height: 55px; padding: 13px 24px; border-bottom: 1px solid #e8f1f5; font-size: 16px; line-height: 1.55; }
.package-comparison tbody th { padding-left: 30px; font-weight: 800; text-align: left; color: #344352; }
.package-comparison tbody td { text-align: center; vertical-align: middle; }
.package-comparison tbody td:nth-child(2) { background: rgba(38, 155, 214, var(--pc-column-tint)); color: #0f628d; }
.package-comparison tbody td:nth-child(3) { background: rgba(54, 168, 120, var(--pc-column-tint)); color: #187e5d; }
.package-comparison tbody tr:nth-child(even) th { background: #fbfdfe; }
.package-comparison tbody tr:last-child > * { border-bottom: 0; }
.package-comparison .pc-check { display: inline-flex; width: 25px; height: 25px; justify-content: center; align-items: center; vertical-align: middle; color: #269bd6; }
.package-comparison .pc-check::after { content: ""; width: 14px; height: 8px; border-left: 2.5px solid currentColor; border-bottom: 2.5px solid currentColor; transform: translateY(-2px) rotate(-45deg); border-radius: 1px; }
.package-comparison td:nth-child(3) .pc-check { color: #36a878; }
.package-comparison .pc-dash { display: inline-flex; width: 25px; height: 25px; justify-content: center; align-items: center; vertical-align: middle; }
.package-comparison .pc-dash::after { content: ""; height: 2px; width: 13px; border-radius: 2px; background: #a8b7c0; }
.package-comparison .pc-value { font-size: 16px; font-weight: 800; white-space: pre-line; overflow-wrap: anywhere; }
.package-comparison .pc-legend { display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding-top: 14px; font-size: 12px; color: #71808e; }
.package-comparison .pc-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.package-comparison .pc-legend .pc-check, .package-comparison .pc-legend .pc-dash { width: 18px; height: 18px; flex-shrink: 0; }
.package-comparison .pc-legend .pc-check::after { width: 10px; height: 6px; border-width: 2px; }
@media (max-width: 767px) {
  .package-comparison .pc-frame { border-radius: 16px; }
  .package-comparison .pc-service-col { width: 40%; }
  .package-comparison .pc-plan-col { width: 30%; }
  .package-comparison thead th { padding: 14px 6px; }
  .package-comparison thead th:first-child { padding: 14px 12px; }
  .package-comparison .pc-services-title { font-size: 17px; }
  .package-comparison .pc-plan-title { margin: 0 4px; border-radius: 10px; padding: 8px 3px; min-height: 55px; font-size: 14px; line-height: 19px; font-weight: 800; }
  .package-comparison .pc-plan-word { display: block; }
  .package-comparison tbody th, .package-comparison tbody td { height: 62px; padding: 13px 8px; font-size: 14px; line-height: 1.5; }
  .package-comparison tbody th { padding-left: 8px; font-weight: 500; color: #17222c; overflow-wrap: anywhere; }
  .package-comparison .pc-value { font-size: 13px; line-height: 1.4; font-weight: 600; }
  .package-comparison .pc-value-currency { white-space: nowrap; }
  .package-comparison .pc-unit { font-size: inherit; font-weight: inherit; }
  .package-comparison .pc-unit-period { display: inline; }
  .package-comparison .pc-legend { justify-content: center; gap: 18px; font-size: 11px; }
}
@media (max-width: 359px) {
  .package-comparison tbody th { padding-left: 4px; padding-right: 4px; font-size: 13px; }
}