.service-page { background: #f6f9fc; color: #587080; }
.service-shell { max-width: 1240px; margin: auto; padding-left: 32px; padding-right: 32px; }
.service-hero { padding: 30px 0 56px; background: linear-gradient(120deg,#edf7fd,#f8fbfe 65%); border-bottom: 1px solid #e2edf4; }
.service-breadcrumb { display: flex; gap: 10px; margin-bottom: 30px; font-size: 12px; font-weight: 400; color: #78909f; }
.service-breadcrumb a { color: #53778d; }
.service-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }
.service-kicker { font-size: 11px; font-weight: 600; color: #1484ba; letter-spacing: 1.7px; }
.service-page h1 { font-size: clamp(34px,4vw,52px); color: #17425c; letter-spacing: -1.3px; line-height: 1.15; margin: 17px 0 20px; }
.service-hero-copy > p { font-size: 17px; line-height: 1.9; color: #617e90; font-weight: 400; max-width: 480px; }
.service-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 28px; }
.service-hero-actions .fusion-button { display: inline-flex; align-items: center; gap: 20px; }
.service-call { color: #355d75; font-size: 14px; font-weight: 600; }
.service-call span { margin-left: 8px; color: #1682b7; }
.service-hero-photo { position: relative; padding: 10px; border: 1px solid #dce9f1; background: #fff; border-radius: 24px; box-shadow: 0 16px 40px #254a6410; }
.service-hero-photo img { width: 100%; height: 330px; object-fit: cover; border-radius: 16px; display: block; }
.service-photo-tag { position: absolute; bottom: 26px; left: 26px; right: 26px; padding: 13px 16px; border: 1px solid #ffffff60; border-radius: 10px; color: #fff; background: #12394ed9; backdrop-filter: blur(8px); font-size: 12px; font-weight: 500; }
.service-features { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; padding-top: 34px; padding-bottom: 34px; }
.service-feature { display: flex; gap: 16px; padding: 22px; background: #fff; border: 1px solid #e4edf3; border-radius: 16px; }
.feature-number { color: #1682b7; background: #edf7fc; border-radius: 10px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 12px; }
.service-feature h3 { font-size: 16px; color: #244d65; margin: 0 0 8px; }
.service-feature p { font-size: 13px; line-height: 1.8; font-weight: 400; margin: 0; color: #738997; }
.service-reading-layout { display: grid; grid-template-columns: 1.8fr 1fr; gap: 28px; padding-top: 8px; padding-bottom: 60px; align-items: start; }
.service-article { padding: 36px; border: 1px solid #e4edf3; background: #fff; border-radius: 20px; }
.service-article h2 { font-size: 28px; line-height: 1.4; color: #20465d; margin: 13px 0 24px; letter-spacing: -.5px; }
.service-article p { font-size: 15px; line-height: 1.95; color: #677f8e; font-weight: 400; margin-bottom: 20px; }
.service-article p:last-child { margin-bottom: 0; }
.service-help { background: linear-gradient(140deg,#164d6d,#0e334c); padding: 28px; border-radius: 18px; }
.service-help .service-kicker { color: #81d1f8; }
.service-help h2 { font-size: 25px; line-height: 1.4; color: #fff; margin: 14px 0; }
.service-help p { color: #b9d0df; font-size: 14px; line-height: 1.9; font-weight: 400; }
.fusion-body .service-help .fusion-button { background: #fff !important; color: #10618f !important; display: flex; align-items: center; justify-content: center; gap: 20px; }
.service-help-phone { display: block; text-align: center; color: #c9e3f1; margin-top: 18px; font-size: 14px; }
.service-other { background: #fff; border: 1px solid #e4edf3; border-radius: 16px; padding: 24px; margin-top: 20px; }
.service-other h3 { font-size: 15px; color: #294e65; margin: 0 0 15px; }
.service-other a { display: flex; justify-content: space-between; gap: 16px; color: #6b8290; font-size: 13px; padding: 12px 0; font-weight: 400; border-top: 1px solid #edf2f6; }
.service-other a:hover { color: #087db6; }

.modern-services-section { background: #f7fafd !important; padding-bottom: 45px !important; border-top: 1px solid #edf2f6; }
.modern-services-section .fusion-title-6 h6 { color: #1682b7 !important; font-size: 11px !important; letter-spacing: 1.8px; }
.modern-services-section .fusion-title-7 h2 { color: #174b68 !important; font-size: 42px !important; line-height: 1.2 !important; letter-spacing: -1px; font-weight: 600; }
.services-intro { font-size: 15px; font-weight: 400; color: #7a8d9a; text-align: center; line-height: 1.8; margin: 4px 0 22px; }
.modern-services-section .service-card .fusion-image-element { position: relative; }
.service-image-label { position: absolute; z-index: 2; bottom: 12px; left: 12px; background: #ffffffed; color: #285c79; backdrop-filter: blur(6px); border-radius: 7px; padding: 7px 10px; font-size: 9px; letter-spacing: 1px; font-weight: 600; pointer-events: none; }
.modern-services-section .service-card .fusion-title h3 { font-size: 22px !important; text-align: left !important; }
.modern-services-section .service-card .fusion-text p { text-align: left !important; font-size: 14px; line-height: 1.9; }
.modern-services-section .service-card .fusion-text { min-height: 155px; }
.modern-services-section .service-card .fusion_builder_column_inner > .fusion-column-wrapper { padding: 24px 16px 16px !important; }
.modern-services-section .service-card { margin-bottom: 20px !important; }
.fusion-body .modern-services-section .service-card .fusion-button { background: #eff7fc !important; color: #096a9f !important; justify-content: space-between; padding: 15px 18px !important; }
.fusion-body .modern-services-section .service-card:hover .fusion-button { background: #0d78ae !important; color: #fff !important; border-color: #0d78ae !important; }
@media(max-width: 1000px) {
  .service-hero-grid { gap: 28px; }
  .service-features { gap: 12px; }
  .service-feature { padding: 18px; flex-direction: column; }
  .service-reading-layout { grid-template-columns: 1.5fr 1fr; gap: 20px; }
}
@media(max-width: 700px) {
  .service-shell { padding-left: 24px; padding-right: 24px; }
  .service-hero { padding-bottom: 32px; }
  .service-hero-grid, .service-reading-layout, .service-features { grid-template-columns: 1fr; }
  .service-hero-copy > p { font-size: 15px; }
  .service-hero-photo img { height: 250px; }
  .service-feature { flex-direction: row; }
  .service-article { padding: 26px; }
  .service-article h2 { font-size: 25px; }
  .service-features { padding-top: 24px; padding-bottom: 24px; }
  .modern-services-section .fusion-title-7 h2 { font-size: 34px !important; }
  .modern-services-section .service-card .fusion-text { min-height: 0; }
}