.service-hero { padding: 7rem 2.5rem 4.5rem; background: #11191d; color: #fff; }
.service-shell { width: min(1180px, 100%); margin: 0 auto; }
.service-hero .eyebrow, .service-section .eyebrow { color: #f9bb24; }
.service-hero h1 { max-width: 900px; margin: .55rem 0 1.25rem; font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.02; }
.service-lead { max-width: 780px; color: #d5dcdf; font-size: 1.25rem; line-height: 1.65; }
.service-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.service-section { padding: 4.5rem 2.5rem; }
.service-section.alt { background: #f4f6f3; }
.service-section.dark { background: #1b252a; color: #fff; }
.service-section h2 { max-width: 820px; margin: .35rem 0 1.6rem; font-size: clamp(2rem, 3.5vw, 3.5rem); line-height: 1.08; }
.service-grid-page { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.service-panel { padding: 1.7rem; border: 1px solid #d7dcda; background: #fff; border-radius: 6px; }
.service-panel h3 { margin: 0 0 .65rem; font-size: 1.25rem; }
.service-panel p { margin: 0; color: #5d6a70; line-height: 1.65; }
.service-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem 2rem; padding: 0; list-style: none; }
.service-checklist li { padding: 1rem 0 1rem 1.5rem; border-bottom: 1px solid #3e494e; position: relative; }
.service-checklist li::before { content: ""; width: .55rem; height: .55rem; background: #f9bb24; position: absolute; left: 0; top: 1.45rem; }
.faq-list { display: grid; gap: .8rem; }
.faq-item { border: 1px solid #d7dcda; background: #fff; padding: 1.5rem; border-radius: 6px; }
.faq-item h3 { margin: 0 0 .65rem; font-size: 1.15rem; }
.faq-item p { margin: 0; color: #5d6a70; line-height: 1.65; }
.service-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem; border: 1px solid #465258; border-radius: 6px; }
.service-cta h2 { margin: 0; font-size: clamp(1.7rem,3vw,2.7rem); }
@media (max-width: 850px) { .service-grid-page { grid-template-columns: 1fr; } .service-checklist { grid-template-columns: 1fr; } .service-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .service-hero, .service-section { padding-left: 1.2rem; padding-right: 1.2rem; } }