/* Packages section (no prices): service tabs -> that service's package cards.
   Added to the homepage 2026-11-11. Uses the white.css tokens and the live .price-card / .ribbon / .feature-list styles.
   Source mockup: .claude/mockups/packages-no-prices/ (option D). */
.pk-tagline{font-size:0.95rem;line-height:1.5;color:var(--ink-2);}

/* service tabs */
.pk-tabs{position:relative;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:-12px 0 36px;}
.pk-tab{padding:10px 20px;border-radius:999px;border:1.5px solid var(--line-strong);background:transparent;
  color:var(--ink-2);font:700 0.88rem var(--ff-body);cursor:pointer;white-space:nowrap;
  transition:border-color .18s ease, color .18s ease, background-color .18s ease;}
.pk-tab:hover{border-color:var(--gold);color:var(--gold);}
.pk-tab[aria-selected="true"]{background:var(--champagne);border-color:var(--champagne);color:var(--ink);}
@media (max-width:860px){
  .pk-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:-20px -20px 24px;padding:4px 20px 8px;scrollbar-width:none;}
  .pk-tabs::-webkit-scrollbar{display:none;}
}

/* one panel per service */
.pk-d-panel[hidden]{display:none;}
.pk-d-intro{text-align:center;color:var(--ink-2);font-size:0.98rem;max-width:620px;margin:-8px auto 40px;}
.pk-d-panel .feature-group-label{margin-top:-4px;}
.pk-d-panel .price-card .btn{margin-top:auto;}
.pricing-grid.pk-one{grid-template-columns:minmax(0,420px);justify-content:center;}

/* add-ons tab */
.pk-addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pk-addon{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 24px;
  box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:8px;}
.pk-addon h3{font-size:1.2rem;color:var(--ink);}
.pk-addon p{font-size:0.9rem;color:var(--ink-2);}
.pk-d-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px;}
@media (max-width:1024px){.pk-addon-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.pk-addon-grid{grid-template-columns:1fr;}}

/* closing call to action */
.pk-cta{margin-top:64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;}
.pk-cta p{color:var(--ink-2);font-size:1.02rem;max-width:560px;}
.pk-cta-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}