/*
  MDC Website v2.0 — Sprint 3
  File: 15-sprint-services.css
  Purpose: Services page polish, service suite cards, engagement pathways, comparison table, and enhanced service detail pages.
*/
.services-sprint-hero { position: relative; overflow: hidden; }
.services-sprint-hero::after { content:""; position:absolute; right:-12rem; bottom:-14rem; width:34rem; height:34rem; border-radius:50%; background:rgba(213,166,66,.16); filter:blur(42px); }
.services-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr); gap:clamp(2rem,5vw,4rem); align-items:center; position:relative; z-index:1; }
.services-hero-panel, .service-snapshot { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-xl); padding:clamp(1.3rem,3vw,2rem); box-shadow:var(--shadow-lg); backdrop-filter:blur(14px); }
.services-hero-panel strong, .service-snapshot h2 { color:var(--color-white); font-family:var(--font-heading); font-size:1.25rem; display:block; margin-bottom:.8rem; }
.services-hero-panel ul, .service-snapshot ul { margin:0; padding-left:1.1rem; display:grid; gap:.7rem; color:rgba(255,255,255,.82); }
.service-model-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.service-model-card { background:var(--color-white); border:1px solid var(--color-gray-200); border-radius:var(--radius-lg); padding:1.3rem; box-shadow:var(--shadow-sm); }
.service-model-card span { color:var(--color-gold-600); font-weight:900; }
.service-model-card h3 { margin:.55rem 0; }
.service-filter-bar { display:flex; flex-wrap:wrap; gap:.7rem; margin:1.3rem 0 1.6rem; }
.service-filter { border:1px solid var(--color-gray-200); background:var(--color-white); color:var(--color-gray-800); border-radius:999px; padding:.65rem 1rem; font-weight:800; cursor:pointer; transition:var(--transition); }
.service-filter:hover, .service-filter.is-active { background:var(--color-navy-900); color:var(--color-white); border-color:var(--color-navy-900); transform:translateY(-1px); }
.service-suite-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.service-suite-card { background:var(--color-white); border:1px solid var(--color-gray-200); border-radius:var(--radius-xl); padding:1.35rem; box-shadow:var(--shadow-sm); display:grid; gap:.85rem; transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.service-suite-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(22,134,95,.35); }
.service-suite-card.is-hidden { display:none; }
.service-suite-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.service-suite-number { color:var(--color-gold-600); font-weight:900; font-family:var(--font-heading); }
.service-suite-badge { background:rgba(22,134,95,.1); color:var(--color-emerald-700); padding:.35rem .65rem; border-radius:999px; font-size:.75rem; font-weight:900; }
.service-suite-card ul { margin:0; padding-left:1.1rem; color:var(--color-gray-600); display:grid; gap:.35rem; }
.text-link { color:var(--color-navy-900); font-weight:900; }
.service-engagement-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.engagement-cards { display:grid; gap:1rem; }
.engagement-card { background:var(--color-white); border:1px solid var(--color-gray-200); border-radius:var(--radius-lg); padding:1.25rem; box-shadow:var(--shadow-sm); }
.engagement-card strong { display:block; color:var(--color-emerald-700); margin-top:.8rem; }
.service-comparison { background:linear-gradient(135deg,#fff,#f7fbf8); border:1px solid var(--color-gray-200); border-radius:var(--radius-xl); padding:clamp(1.3rem,3vw,2rem); box-shadow:var(--shadow-sm); }
.comparison-intro { max-width:760px; margin-bottom:1.5rem; }
.comparison-table { display:grid; border:1px solid var(--color-gray-200); border-radius:var(--radius-lg); overflow:hidden; }
.comparison-table [role="row"] { display:grid; grid-template-columns:1.1fr .8fr 1fr; }
.comparison-table [role="row"] > * { padding:1rem; border-bottom:1px solid var(--color-gray-200); }
.comparison-table [role="row"]:first-child { background:var(--color-navy-900); color:var(--color-white); }
.comparison-table [role="row"]:last-child > * { border-bottom:0; }
.comparison-table span:nth-child(2) { font-weight:900; color:var(--color-navy-900); }
.services-final-cta { color:var(--color-white); }
.service-detail-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.45fr); gap:clamp(2rem,5vw,4rem); align-items:center; }
.service-snapshot span { display:inline-block; color:var(--color-navy-950); background:var(--color-gold-500); border-radius:999px; padding:.4rem .75rem; font-weight:900; margin-bottom:1rem; }
.service-layout-wide { grid-template-columns:260px minmax(0,1fr); }
.service-feature-list article { min-height:100%; }
.sprint-process-list { counter-reset:sprint-process; list-style:none; padding:0; }
.sprint-process-list li { position:relative; padding:1rem 1rem 1rem 3.25rem; border:1px solid var(--color-gray-200); border-radius:var(--radius-md); background:var(--color-gray-50); }
.sprint-process-list li::before { counter-increment:sprint-process; content:counter(sprint-process); position:absolute; left:1rem; top:.9rem; width:1.45rem; height:1.45rem; display:grid; place-items:center; border-radius:50%; background:var(--color-navy-900); color:#fff; font-size:.8rem; font-weight:900; }
.service-fit-list { columns:2; gap:2rem; margin:0; padding-left:1.15rem; }
.service-fit-list li { break-inside:avoid; margin-bottom:.55rem; font-weight:700; color:var(--color-gray-800); }
.related-service-links { display:flex; flex-wrap:wrap; gap:.7rem; }
.related-service-links a { border:1px solid var(--color-gray-200); border-radius:999px; padding:.6rem .85rem; background:var(--color-white); font-weight:800; color:var(--color-navy-900); }
@media (max-width:980px){ .services-hero-grid,.service-engagement-grid,.service-detail-hero-grid{grid-template-columns:1fr}.service-model-grid,.service-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table [role="row"]{grid-template-columns:1fr}.comparison-table [role="row"]>*{border-bottom:1px solid var(--color-gray-200)}.service-layout-wide{grid-template-columns:1fr}.service-fit-list{columns:1} }
@media (max-width:640px){ .service-model-grid,.service-suite-grid{grid-template-columns:1fr}.service-filter-bar{display:grid;grid-template-columns:1fr 1fr}.service-filter{width:100%;}.services-hero-panel,.service-snapshot{border-radius:var(--radius-lg)} }