/* ===== Service-page template ===== */
.mcm-svc{font-family:'Roboto',Arial,sans-serif;line-height:1.55}
.mcm-svc, .mcm-svc *{box-sizing:border-box}
.mcm-svc h1, .mcm-svc h2, .mcm-svc h3, .mcm-svc h4{font-family:'Roboto Slab',Georgia,serif;line-height:1.2;margin:0 0 .6em;color:inherit}
.mcm-svc p, .mcm-svc li, .mcm-svc td, .mcm-svc th, .mcm-svc summary, .mcm-svc a{color:inherit}

/* HERO */
.mcm-svc__hero{background:#101216;padding:64px 24px;color:#fff}
.mcm-svc__hero h1, .mcm-svc__hero h2, .mcm-svc__hero h3, .mcm-svc__hero p, .mcm-svc__hero li{color:#fff}
.mcm-svc__hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:900px){.mcm-svc__hero-inner{grid-template-columns:1fr}}
.mcm-svc__eyebrow{display:inline-block;background:rgba(255,200,0,.15);color:#ffc800 !important;border:1px solid rgba(255,200,0,.35);padding:6px 14px;border-radius:999px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 18px;font-family:'Roboto',Arial,sans-serif}
.mcm-svc__title{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:18px}
.mcm-svc__subtitle{color:#cfd2d6 !important;font-size:1.05rem;margin:0 0 14px}
.mcm-svc__hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center}
.mcm-svc__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem;transition:transform .15s ease,box-shadow .2s ease;line-height:1;border:0}
.mcm-svc__btn--primary{background:#ffc800;color:#101216 !important}
.mcm-svc__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px rgba(255,200,0,.6)}
.mcm-svc__btn--ghost{background:transparent;color:#fff !important;border:1.5px solid rgba(255,255,255,.4)}
.mcm-svc__btn--ghost:hover{border-color:#ffc800;color:#ffc800 !important}
.mcm-svc__hero-image img{width:100%;height:auto;border-radius:18px;display:block;object-fit:cover;aspect-ratio:3/2}

/* BAND (any colored section) */
.mcm-svc__band{padding:64px 24px}
.mcm-svc__band-inner{max-width:1180px;margin:0 auto}

.mcm-svc__band--dark{background:#1a1d22;color:#fff}
.mcm-svc__band--dark h1, .mcm-svc__band--dark h2, .mcm-svc__band--dark h3, .mcm-svc__band--dark p, .mcm-svc__band--dark li{color:#fff !important}

.mcm-svc__band--soft{background:#f5f5f6;color:#101216}
.mcm-svc__band--soft h1, .mcm-svc__band--soft h2, .mcm-svc__band--soft h3{color:#101216 !important}
.mcm-svc__band--soft p, .mcm-svc__band--soft li, .mcm-svc__band--soft summary, .mcm-svc__band--soft td, .mcm-svc__band--soft th{color:#101216 !important}

.mcm-svc__band--accent{background:#ffc800;color:#101216}
.mcm-svc__band--accent h1, .mcm-svc__band--accent h2, .mcm-svc__band--accent h3, .mcm-svc__band--accent p, .mcm-svc__band--accent li{color:#101216 !important}
.mcm-svc__band--accent .mcm-svc__btn--ghost{border-color:#101216;color:#101216 !important}
.mcm-svc__band--accent .mcm-svc__btn--ghost:hover{background:#101216;color:#ffc800 !important}

/* Plain (light) band — needs explicit color */
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft){background:#fafafa;color:#101216}
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) h1,
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) h2,
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) h3,
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) p,
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) li,
.mcm-svc__band:not(.mcm-svc__band--dark):not(.mcm-svc__band--accent):not(.mcm-svc__band--soft) summary{color:#101216 !important}

.mcm-svc__band h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:30px}

.mcm-svc__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.mcm-svc__list li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.mcm-svc__check{flex:0 0 18px;color:#ffc800;width:18px;height:18px;margin-top:3px}
.mcm-svc__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.mcm-svc__step{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 1px 0 rgba(0,0,0,.02);color:#101216 !important}
.mcm-svc__step h3, .mcm-svc__step p{color:#101216 !important}
.mcm-svc__step-num{width:36px;height:36px;border-radius:50%;background:#101216;color:#ffc800 !important;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:14px;font-family:'Roboto',sans-serif}
.mcm-svc__step h3{font-size:1.1rem;margin-bottom:8px}
.mcm-svc__step p{margin:0;font-size:.95rem;color:#475569 !important}

.mcm-svc__lead{margin:0 0 22px;font-size:1.05rem}
.mcm-svc__price{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04);color:#101216 !important}
.mcm-svc__price th, .mcm-svc__price td{padding:14px 18px;text-align:left;border-bottom:1px solid #ececec;color:#101216 !important}
.mcm-svc__price th{background:#101216;color:#fff !important;font-weight:600;font-family:'Roboto Slab',serif}
.mcm-svc__note{margin:14px 0 0;color:#64748b !important;font-size:.85rem;font-style:italic}

.mcm-svc__faq{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;margin-bottom:12px;color:#101216 !important}
.mcm-svc__faq summary{font-weight:600;list-style:none;font-family:'Roboto Slab',serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#101216 !important}
.mcm-svc__faq summary::-webkit-details-marker{display:none}
.mcm-svc__faq summary::after{content:'';width:14px;height:14px;background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23101216%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><polyline points=%226 9 12 15 18 9%22/></svg>') no-repeat center/contain;transition:transform .2s ease}
.mcm-svc__faq[open] summary::after{transform:rotate(180deg)}
.mcm-svc__faq p{margin:12px 0 0;color:#475569 !important}

.mcm-svc__cta{text-align:center}
.mcm-svc__cta h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.mcm-svc__cta .mcm-svc__hero-cta{justify-content:center}

.mcm-svc__icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}