/* Services page. Pairs with /styles.css, which supplies the shared header,
   footer, buttons, section-head, eyebrow, svc-grid, serve-grid, and steps. */

.services-page { background: var(--paper); }
.services-page .page-intro { padding: clamp(48px, 7vw, 84px) 0 clamp(8px, 2vw, 16px); }
.services-page .page-intro h1 { font-size: clamp(2rem, 4.4vw, 2.9rem); line-height: 1.12; }
.services-page .page-intro .lead {
  max-width: 62ch; margin-top: 1rem; font-size: clamp(1.05rem, 2vw, 1.22rem);
  line-height: 1.55; color: #41454b;
}

.services-page section { padding: clamp(34px, 5vw, 60px) 0; }
.services-page .alt { background: var(--ivory); }

/* ATLAS flagship block */
.product { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(1.8rem, 5vw, 3.6rem); align-items: start; }
.product .lead { color: #41454b; line-height: 1.65; margin: 0 0 1rem; }
.product .product-meta { color: var(--slate); font-size: .92rem; margin: 1.2rem 0 0; }
.cap-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .55rem 1.4rem; }
.cap-list li { position: relative; padding-left: 1.4rem; font-size: .94rem; color: #2A3342; line-height: 1.45; }
.cap-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; background: var(--brass); transform: rotate(45deg); }

/* Affiliated advisory callout (The Third Horizon Group) */
.advisory-card {
  border: 1px solid var(--line-strong); border-radius: 14px; background: var(--paper);
  padding: clamp(1.6rem, 3.5vw, 2.6rem); display: grid; grid-template-columns: 1.2fr 1fr;
  gap: clamp(1.4rem, 4vw, 3rem); align-items: center;
}
.advisory-card p { color: #41454b; line-height: 1.65; margin: 0 0 1rem; }
.advisory-card .adv-services { list-style: none; margin: 0; padding: 0; columns: 2; gap: 1.4rem; }
.advisory-card .adv-services li { font-size: .92rem; color: #2A3342; margin: 0 0 .5rem; break-inside: avoid; }
.advisory-note { color: var(--slate); font-size: .86rem; margin-top: 1rem; }

@media (max-width: 760px) {
  .product { grid-template-columns: 1fr; }
  .advisory-card { grid-template-columns: 1fr; }
  .cap-list { grid-template-columns: 1fr; }
}