/* Packages page: premium additions (loaded after packages.css) */
:root { --gold: #f5c76a; --gold-soft: rgba(245,199,106,.12); }

.hero h1 { background: linear-gradient(180deg, #fff 30%, #9fe9dd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

.stats-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 860px; margin: 38px auto 0; }
.stats-strip div { padding: 16px 12px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(66,230,207,.07), rgba(255,255,255,.015)); }
.stats-strip strong { display: block; font-size: 26px; letter-spacing: -.03em; color: var(--accent); line-height: 1.2; }
.stats-strip span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }

/* 3 plan grid */
.package-grid-3 { grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.package-grid-3 .package-card { display: flex; flex-direction: column; }
.package-grid-3 .feature-list { flex: 1; }
.package-grid-3 .package-for { min-height: 96px; }
.package-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.package-card:hover { transform: translateY(-4px); border-color: rgba(66,230,207,.4); }
.package-featured { transform: translateY(-6px); }
.package-featured:hover { transform: translateY(-10px); }

.package-enterprise { border-color: rgba(245,199,106,.45); background: linear-gradient(180deg, rgba(245,199,106,.07), rgba(255,255,255,.018)); box-shadow: 0 20px 70px rgba(245,199,106,.07); }
.package-enterprise:hover { border-color: rgba(245,199,106,.7); }
.package-enterprise .package-top { padding-right: 140px; }
.ent-badge { position: absolute; top: 18px; right: 18px; padding: 7px 10px; border-radius: 999px; color: #1a1303; background: var(--gold); font: 500 10px "DM Mono", monospace; letter-spacing: .1em; }
.package-enterprise .included-label, .package-enterprise .feature-list li::before { color: var(--gold); }
.package-enterprise .value-chips span { border-color: rgba(245,199,106,.4); background: var(--gold-soft); color: var(--gold); }
.price-custom { font-size: 42px; letter-spacing: -.05em; line-height: 1.1; color: var(--gold); }
.package-button-enterprise { color: #1a1303; background: var(--gold); border-color: var(--gold); }
.package-button-enterprise:hover { border-color: #ffe3a3; }

/* Specialists */
.specialists-section, .addons-section, .perks-section, .calc-section { padding: 70px 0; }
.specialists-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.spec-card { padding: 22px 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); transition: transform .2s ease, border-color .2s ease; }
.spec-card:hover { transform: translateY(-3px); border-color: rgba(66,230,207,.4); }
.spec-no { color: var(--accent); font: 500 12px "DM Mono", monospace; }
.spec-card h3 { margin: 16px 0 8px; font-size: 16px; letter-spacing: -.02em; line-height: 1.3; }
.spec-card p { margin: 0; color: var(--muted); font-size: 13px; }

/* Compare 3 columns */
.compare-3 { min-width: 640px; }
.compare-table .col-ent { background: rgba(245,199,106,.06); }
.compare-table thead .col-ent { color: var(--gold); }

/* Pay as you use rates */
.rates-label { margin: 28px 0 10px; color: var(--accent); font: 500 11px "DM Mono", monospace; letter-spacing: .12em; }
.rates-grid { display: grid; gap: 10px; }
.rates-two { grid-template-columns: repeat(2, 1fr); }
.rate-card { padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(0,0,0,.14); display: grid; gap: 2px; }
.rate-card strong { font-size: 36px; letter-spacing: -.04em; line-height: 1.15; }
.rate-card span { color: #d8e5e3; font-weight: 700; font-size: 14px; }
.rate-card em { margin-top: 6px; font-style: normal; color: var(--muted); font-size: 12px; }
.rate-card-follow { border-color: rgba(66,230,207,.28); background: linear-gradient(180deg, rgba(66,230,207,.07), rgba(0,0,0,.12)); }
.rate-card-follow strong { color: var(--accent); }
.payg-grid { margin-top: 28px; }

/* Calculator */
.calc-card { display: grid; grid-template-columns: 1fr 1.1fr; gap: 34px; padding: 35px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); }
.calc-copy h2 { margin: 0; font-size: clamp(28px, 4vw, 40px); letter-spacing: -.04em; line-height: 1.08; }
.calc-copy p:last-child { color: var(--muted); margin: 14px 0 0; }
.calc-form { display: grid; gap: 10px; }
.calc-form label { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(0,0,0,.14); font-size: 14px; font-weight: 600; }
.calc-form label span em { display: block; font-style: normal; font-weight: 500; color: var(--muted); font-size: 11px; }
.calc-form input { width: 120px; min-height: 42px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line); background: #08141a; color: var(--text); font: 700 15px Manrope, system-ui, sans-serif; text-align: right; }
.calc-form input:focus { outline: 2px solid rgba(66,230,207,.5); outline-offset: 1px; }
.calc-total { margin-top: 6px; padding: 18px; border-radius: 14px; border: 1px solid rgba(66,230,207,.4); background: var(--accent-soft); display: grid; gap: 2px; }
.calc-total span { color: var(--muted); font-size: 12px; }
.calc-total strong { font-size: 38px; letter-spacing: -.04em; color: var(--accent); line-height: 1.15; }
.calc-total small { color: var(--muted); font-size: 12px; }

/* Add-ons */
.addons-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.addon-card { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.addon-tag { color: var(--accent); font: 500 10px "DM Mono", monospace; letter-spacing: .12em; }
.addon-card h3 { margin: 14px 0 6px; font-size: 28px; letter-spacing: -.03em; }
.addon-card p { margin: 0; color: var(--muted); font-size: 13px; }

/* Perks */
.perks-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.perk { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); }
.perk h3 { margin: 0 0 8px; font-size: 16px; letter-spacing: -.02em; }
.perk h3::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.perk p { margin: 0; color: var(--muted); font-size: 13px; }

@media (max-width: 1060px) {
  .package-grid-3 { grid-template-columns: 1fr; }
  .package-grid-3 .package-for { min-height: 0; }
  .package-featured, .package-featured:hover { transform: none; }
  .specialists-grid { grid-template-columns: repeat(3, 1fr); }
  .addons-grid, .perks-grid { grid-template-columns: repeat(2, 1fr); }
  .calc-card { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .stats-strip { grid-template-columns: repeat(2, 1fr); }
  .specialists-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .package-enterprise .package-top { padding-right: 0; }
  .ent-badge { position: static; display: inline-block; margin-bottom: 14px; }
  .rates-two, .addons-grid, .perks-grid, .specialists-grid { grid-template-columns: 1fr; }
  .rate-card strong { font-size: 32px; }
  .calc-card { padding: 22px; }
  .calc-form label { flex-direction: column; align-items: stretch; }
  .calc-form input { width: 100%; text-align: left; }
  .price-custom { font-size: 36px; }
}