/* Standalone services, proof, and booking pages use the existing brand tokens. */
.cl-page .navbar2_link[aria-current="page"] { color: var(--cl-accent-2); }
.cl-page-section { max-width: 80rem; margin: auto; padding: 4rem 2rem; }
.cl-page-hero { padding-top: 6rem; padding-bottom: 3rem; }
.cl-page-hero h1 { max-width: 56rem; margin: 1rem 0 1.5rem; font-size: 3.5rem; line-height: 1.08; }
.cl-page-lead { max-width: 44rem; color: rgba(255,255,255,.75); font-size: 1.125rem; line-height: 1.6; }
.cl-page-eyebrow { color: var(--cl-accent-2); font-size: .78rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
.cl-page-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.cl-page-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }
.cl-page-card { padding: 2rem; border: 1px solid var(--cl-hairline); border-radius: 24px; background: var(--cl-surface); display: flex; flex-direction: column; gap: 1rem; }
.cl-page-card h2 { font-size: 2rem; line-height: 1.15; margin: 0; }
.cl-page-card p, .cl-page-card li { color: rgba(255,255,255,.75); line-height: 1.6; }
.cl-page-card ul { margin: 0; padding-left: 1.5rem; }
.cl-page-card .cl-page-link { margin-top: auto; padding-top: 1rem; }
.cl-page-link { color: #cdd6ff; text-decoration: underline; text-underline-offset: .25em; }
.cl-page-link:hover { color: white; }
.cl-page-section-title { font-size: 2.5rem; margin: 0 0 2rem; }
.cl-page-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; list-style: none; padding: 0; margin: 0; }
.cl-page-steps article { border-top: 1px solid var(--cl-hairline-strong); padding-top: 1.5rem; }
.cl-page-steps h3 { font-size: 1.5rem; margin-bottom: 1rem; }
.cl-page-steps p { color: rgba(255,255,255,.75); line-height: 1.6; }
.cl-page-callout { padding: 3rem; border: 1px solid var(--cl-hairline-strong); border-radius: 24px; background: radial-gradient(40rem 20rem at 50% 0%,var(--cl-glow-soft),transparent 80%); }
.cl-page-callout h2 { font-size: 2.5rem; margin-bottom: 1rem; }
.cl-page-booking { padding: 2rem; border: 1px solid var(--cl-hairline); border-radius: 24px; background: var(--cl-surface); }
.cl-page-booking .book-a-call { max-width: none; }
.cl-page-calendar { width: 100%; overflow: auto; }
.cl-page-calendar:not(:empty) { min-height: 700px; }
.cl-page a:focus-visible { outline: 2px solid var(--cl-focus, #4d65ff); outline-offset: 4px; }
.cl-page #calendar { scroll-margin-top: 7rem; }
.cl-booking-page .cl-page-hero { padding-top: 4rem; padding-bottom: 1.5rem; text-align: center; }
.cl-booking-page .cl-page-hero h1 { max-width: none; margin: .5rem 0 1rem; }
.cl-booking-page .cl-page-lead { margin: auto; }
.cl-booking-page #calendar { padding-top: 0; }
.cl-booking-page .cl-page-booking { max-width: 70rem; margin: auto; padding: 1rem; }
.cl-booking-page .cal-direct-link { text-align: center; margin-bottom: 1rem; }
@media (max-width: 991px) {
  .cl-page #calendar { scroll-margin-top: 9rem; }
  .cl-page-hero { padding-top: 4rem; }
  .cl-page-steps { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .cl-page-section { padding: 3rem 1rem; }
  .cl-page-hero h1 { font-size: 2.5rem; }
  .cl-page-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .cl-page-card { padding: 1.5rem; }
  .cl-page-card h2 { font-size: 1.75rem; }
  .cl-page-section-title, .cl-page-callout h2 { font-size: 2rem; }
  .cl-page-callout, .cl-page-booking { padding: 1.5rem; }
}