.packages { background: var(--color-surface-deep); }
.packages__grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: var(--space-4); }
.package-card { position: relative; display: flex; flex-direction: column; border: 1px solid var(--color-border); background: var(--color-surface); padding: clamp(1.5rem, 3vw, 2.25rem); }
.package-card--featured { border-color: var(--color-highlight); }
.package-card__badge { position: absolute; top: 0; right: 1.5rem; transform: translateY(-50%); background: var(--color-highlight); color: var(--color-white); padding: 0.35rem 0.75rem; font-size: var(--font-size-100); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.package-card__number { color: var(--color-highlight); font-size: var(--font-size-100); font-weight: 700; letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.package-card__header h3 { margin-top: var(--space-3); font-size: var(--font-size-600); }
.package-card__price { margin-top: var(--space-5); font-family: var(--font-display); font-size: var(--font-size-500); }
.package-card__price small { margin-left: 0.15rem; font-family: var(--font-body); font-size: var(--font-size-200); }
.package-card__fit { min-height: 6rem; margin-top: var(--space-3); color: var(--color-text-muted); font-size: var(--font-size-200); }
.package-card .feature-list { margin-block: var(--space-5); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.package-card__details { margin-bottom: var(--space-5); border-block: 1px solid var(--color-border); }
.package-card__details summary { padding-block: 0.85rem; font-size: var(--font-size-200); font-weight: 700; cursor: pointer; }
.package-card__details > div { padding-bottom: var(--space-4); color: var(--color-text-muted); font-size: var(--font-size-100); }
.package-card__details p + p { margin-top: var(--space-3); }
.package-card > .button { margin-top: auto; }
.packages__note { display: flex; max-width: 62rem; align-items: flex-start; gap: var(--space-3); margin: var(--space-6) auto 0; color: var(--color-text-muted); font-size: var(--font-size-100); }
.packages__note .icon { color: var(--color-warning); }
@media (max-width: 1000px) {
  .packages__grid { grid-template-columns: 1fr; max-width: 46rem; margin-inline: auto; }
  .package-card__fit { min-height: 0; }
}