.pack-hero {
  padding: 150px 0 80px;
  background: radial-gradient(circle at 85% 18%, rgba(255,204,0,.13), transparent 34%), var(--bg);
}
.pack-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); align-items:center; gap:70px; }
.pack-hero h1 { margin-bottom:24px; }
.pack-hero h1 span { color:var(--accent); }
.pack-intro { max-width:690px; margin-bottom:30px; color:var(--muted); font-size:1.05rem; }
.pack-feature-card { padding:30px; border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,var(--panel),#101014); }
.pack-feature-card > strong { display:block; color:var(--accent); font-family:"Anton",sans-serif; font-size:4.6rem; line-height:1; }
.pack-feature-card > span { color:var(--text); font-weight:700; }
.pack-feature-card > p:last-child { margin:24px 0 0; color:var(--muted); }
.pack-stats { padding:28px 0; background:var(--bg-soft); border-block:1px solid var(--border); }
.pack-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.pack-stats article { padding:10px 26px; border-right:1px solid var(--border); }
.pack-stats article:first-child { padding-left:0; }
.pack-stats article:last-child { border:0; }
.pack-stats strong { display:block; color:var(--accent); font-family:"Anton",sans-serif; font-size:2.5rem; line-height:1.1; }
.pack-stats span { color:var(--muted); font-size:.82rem; }
.pack-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.pack-section-heading h2 { margin-bottom:0; }
.pack-section-heading > p { margin:0; color:var(--muted); }
.pack-filters { display:grid; grid-template-columns:repeat(2,minmax(180px,280px)); gap:18px; margin-bottom:34px; }
.pack-filters label span { display:block; margin-bottom:8px; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.pack-filters select { width:100%; padding:13px 42px 13px 14px; border:1px solid var(--border); border-radius:10px; background:var(--panel); color:var(--text); font:inherit; }
.pack-list { display:grid; gap:22px; }
.pack-entry { overflow:hidden; border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,var(--panel),#111116); }
.pack-entry-header { display:grid; grid-template-columns:1fr auto; gap:22px; padding:26px 28px; }
.pack-id { margin:0 0 5px; color:var(--accent); font-family:"Oswald",sans-serif; font-size:.78rem; letter-spacing:.12em; }
.pack-entry h3 { margin:0; font-size:1.45rem; }
.pack-price { color:var(--text); font-family:"Anton",sans-serif; font-size:1.8rem; }
.pack-meta { display:flex; flex-wrap:wrap; gap:10px 22px; padding:0 28px 22px; color:var(--muted); font-size:.84rem; }
.pack-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:1px; margin:0; padding:1px 0 0; list-style:none; background:var(--border); }
.pack-cards li { min-height:82px; padding:16px; background:var(--bg-soft); }
.pack-cards small { display:block; margin-bottom:7px; color:var(--accent); font-size:.68rem; font-weight:700; }
.pack-cards strong { overflow-wrap:anywhere; font-size:.82rem; }
.pack-empty,.pack-error { padding:40px; border:1px dashed var(--border); border-radius:var(--radius); color:var(--muted); text-align:center; }
.pack-error { color:var(--danger); }
.pull-insights { margin-top:80px; padding-top:70px; border-top:1px solid var(--border); }
.pull-insights-heading { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); align-items:end; gap:40px; margin-bottom:30px; }
.pull-insights-heading h2 { margin-bottom:0; }
.pull-insights-heading > p { margin:0; color:var(--muted); font-size:.88rem; }
.pull-insights-heading code { color:var(--accent); }
.pull-insights-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pull-insights-grid article { padding:24px; border:1px solid var(--border); border-radius:14px; background:var(--panel); }
.pull-insights-grid strong { display:block; margin-bottom:5px; color:var(--accent); font-family:"Anton",sans-serif; font-size:2.25rem; line-height:1.1; }
.pull-insights-grid span { color:var(--muted); font-size:.82rem; }
@media (max-width:800px) {
  .pack-hero-grid { grid-template-columns:1fr; gap:38px; }
  .pack-stats-grid { grid-template-columns:repeat(2,1fr); gap:20px 0; }
  .pack-stats article:nth-child(2) { border-right:0; }
  .pack-filters { grid-template-columns:1fr; }
  .pull-insights-heading { grid-template-columns:1fr; gap:16px; }
  .pull-insights-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px) {
  .pack-hero { padding-top:125px; }
  .pack-stats-grid { grid-template-columns:1fr; }
  .pack-stats article,.pack-stats article:first-child { padding:14px 0; border-right:0; border-bottom:1px solid var(--border); }
  .pack-section-heading { align-items:start; flex-direction:column; }
  .pack-entry-header { grid-template-columns:1fr; gap:8px; }
  .pack-cards { grid-template-columns:repeat(2,1fr); }
  .pull-insights-grid { grid-template-columns:1fr; }
}