/* ─── SERVICE SECTIONS ─── */
.service-section {
  padding: 80px 60px;
  border-bottom: 1px solid var(--border);
  scroll-margin-top: 64px;
}
.service-section-alt { background: var(--ticker-bg); }
.section-heading { font-size: 36px; margin-bottom: 12px; }
.section-sub { font-size: 13px; color: var(--mid); font-weight: 300; line-height: 1.8; max-width: 600px; margin-bottom: 56px; }
.section-label { margin-bottom: 20px; }
.section-label-lg { margin-bottom: 28px; }
.body-text p + p { margin-top: 14px; }
.spec-col { border-left: 1px solid var(--border); padding-left: 40px; }

/* ─── PROCESS STEPS ─── */
.step { background: var(--bg); border: 1px solid var(--border); padding: 36px 28px; height: 100%; }
.step-num { font-size: 48px; font-weight: 800; color: var(--border); line-height: 1; margin-bottom: 16px; letter-spacing: -0.03em; }
.step-title { font-size: 14px; font-weight: 600; color: var(--dark); margin-bottom: 10px; }
.step-text { font-size: 12px; color: var(--mid); font-weight: 300; line-height: 1.8; }

/* ─── FEATURES ─── */
.feature { background: var(--bg); border: 1px solid var(--border); padding: 32px 28px; height: 100%; }
.feature-icon { width: 32px; height: 32px; margin-bottom: 20px; }
.feature-title { font-size: 14px; font-weight: 600; color: var(--dark); margin-bottom: 10px; }
.feature-text { font-size: 12px; color: var(--mid); font-weight: 300; line-height: 1.8; }

/* ─── ADVISORY PACKAGES ─── */
.package { border: 1px solid var(--border); padding: 40px 32px; background: var(--bg); height: 100%; transition: border-color .25s; }
.package:hover { border-color: var(--gold); }
.package.featured { border-color: var(--gold); background: var(--dark); color: var(--bg); }
.pkg-label { font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; color: var(--gold); margin-bottom: 16px; }
.pkg-title { font-size: 22px; font-weight: 700; color: var(--dark); margin-bottom: 12px; }
.package.featured .pkg-title { color: var(--bg); }
.pkg-desc { font-size: 13px; color: var(--mid); font-weight: 300; line-height: 1.8; margin-bottom: 28px; }
.package.featured .pkg-desc { color: rgba(255,255,255,.6); }
.pkg-items { list-style: none; padding: 0; margin: 0; }
.pkg-items li {
  font-size: 12px;
  color: var(--mid);
  font-weight: 300;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.package.featured .pkg-items li { color: rgba(255,255,255,.75); border-bottom-color: rgba(255,255,255,.1); }
.pkg-items li::before { content: ''; display: block; width: 4px; height: 4px; background: var(--gold); border-radius: 50%; flex-shrink: 0; }

/* ─── GOLD CTA BUTTON VARIANT ─── */
.cta-btn-gold { border-color: var(--gold); color: var(--gold); }
.cta-btn-gold:hover { background: var(--gold); color: var(--bg); }

/* ─── COMMODITY COVERAGE ─── */
.coverage-item { font-size: 12px; color: var(--mid); padding: 8px 12px; border: 1px solid var(--border); }

/* ─── AREAS OF EXPERTISE ─── */
.expertise-list { display: flex; flex-direction: column; gap: 14px; }
.expertise-item { border-left: 2px solid var(--gold); padding-left: 16px; }
.expertise-item-title { font-size: 12px; font-weight: 600; color: var(--dark); margin-bottom: 4px; }
.expertise-item-text { font-size: 11px; color: var(--mid); font-weight: 300; }

/* ─── SUB GROUP SPACING ─── */
.section-sub-group { margin-top: 60px; }

/* ─── CTA ─── */
.section-cta { border-top: none; }
.section-cta p { margin-top: 8px; }

/* ─── RESPONSIVE: 1200px ─── */
@media (max-width: 1199.98px) {
  .service-section { padding: 60px 30px; }
}

/* ─── RESPONSIVE: 992px ─── */
@media (max-width: 991.98px) {
  .service-section { padding: 48px 20px; overflow: hidden; scroll-margin-top: 56px; }
  .spec-col { border-left: none; padding-left: 0; padding-top: 36px; border-top: 1px solid var(--border); }
  .section-heading { font-size: 28px; }
  .section-sub { margin-bottom: 36px; }
}

/* ─── RESPONSIVE: 480px ─── */
@media (max-width: 479.98px) {
  .service-section { padding: 40px 16px; }
  /* Featured package to top on small screens */
  .package.featured { order: -1; }
}