/* ============================================================
   SERVICES.CSS
   ============================================================ */
.page-hero{padding:80px 0 48px;background:linear-gradient(var(--glass),transparent)}
.page-title{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:22px}
.page-title span{color:var(--gold);font-style:italic}
.page-subtitle{font-size:1.15rem;color:var(--fg2);max-width:680px;line-height:1.7}

.tracks-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.track-chip{padding:10px 18px;background:var(--glass);border:1px solid var(--line);border-radius:24px;font-family:var(--d);font-size:.82rem;font-weight:700;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}

.services-block{padding:70px 0}
.services-alt{background:var(--glass)}
.block-header{margin-bottom:36px}
.service-list{display:flex;flex-direction:column}
.service-item{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.service-item:last-child{border-bottom:none}
.service-num{flex-shrink:0;width:48px;font-family:var(--d);font-size:.9rem;font-weight:700;color:var(--gold);letter-spacing:.1em;padding-top:4px}
.service-body h3{font-size:1.1rem;margin-bottom:10px;color:var(--fg)}
.service-body p{font-size:1rem;color:var(--fg2);line-height:1.7;margin-bottom:8px}
.service-meta{font-size:.88rem !important;color:var(--fg2) !important;font-style:italic;opacity:.8}

.services-notes{padding:40px 0 60px}
.notes-box{padding:32px;background:var(--glass);border:1px solid var(--line);border-radius:4px;max-width:820px;margin:0 auto}
.notes-box h3{font-size:1.05rem;margin-bottom:14px;color:var(--gold)}
.notes-box p{font-size:.98rem;color:var(--fg2);line-height:1.7;margin-bottom:10px}
.notes-ref{font-size:.82rem !important;opacity:.75;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}

.services-cta-box{text-align:center;padding:56px 32px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.services-cta-box h2{margin-bottom:14px}
.services-cta-box p{font-size:1.05rem;color:var(--fg2);max-width:560px;margin:0 auto 28px;line-height:1.7}

@media(max-width:768px){
  .service-item{flex-direction:column;gap:8px}
  .service-num{width:auto}
}