.service-page-hero { padding: 160px 0 72px; background: #080a0b; }
.service-page-lead { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 65px; }
.service-back { display: inline-flex; min-height: 44px; align-items: center; margin-bottom: 30px; font-size: 11px; color: #92a4b0; text-decoration: underline; text-underline-offset: 5px; }
.service-page-copy .eyebrow { color: #89b5ce; margin-bottom: 20px; }
.service-page h1 { font-size: clamp(44px,4.8vw,72px); font-weight: 450; line-height: 1.05; letter-spacing: -.055em; }
.service-page h1 > span { color: #79b9e0; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .service-page h1 > span { background: linear-gradient(105deg,#f3f5f6,#aebfcb 35%,#218acb 85%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
}
.service-page-intro { max-width: 440px; font-size: 15px; line-height: 1.8; color: #acb7bf; margin-top: 25px; }
.service-page-actions { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; margin-top: 30px; }
.service-page-photo { overflow: hidden; aspect-ratio: 1; background: #15232b; }
.service-page-photo img { width: 100%; height: 100%; object-fit: cover; }
body[data-service="Paint correction"] .service-page-photo img { object-position: 50% 62%; }
.service-page-details { padding: 95px 0; }
.service-detail-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: start; }
.service-detail-intro h2 { max-width: 440px; font-size: clamp(36px,3.7vw,54px); }
.service-detail-intro > p { color: #616e77; font-size: 15px; line-height: 1.9; }
.service-considerations { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; margin-top: 55px; }
.service-considerations article { border-top: 1px solid #b6cbd8; padding-top: 25px; }
.service-considerations h3 { font-size: 22px; font-weight: 450; letter-spacing: -.03em; }
.service-considerations p { color: #65717a; font-size: 13px; line-height: 1.8; margin-top: 14px; }
.service-page-faq { padding: 20px 0 95px; }
.service-faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.service-faq-layout .eyebrow { margin-bottom: 20px; }
.service-page-contact { padding: 85px 0; }
.service-page-contact > .container { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 65px; }
.service-page-contact .eyebrow { color: #83b3d0; margin-bottom: 20px; }
.service-page-contact p:not(.eyebrow) { max-width: 380px; font-size: 15px; line-height: 1.8; color: #a4b3bd; margin-bottom: 25px; }
.service-related { padding: 65px 0; }
.service-related h2 { font-size: 26px; letter-spacing: -.035em; margin-bottom: 26px; }
.service-related .container > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.service-related a { display: flex; align-items: center; min-height: 65px; border: 1px solid #ced7dd; padding: 18px; font-size: 13px; transition: border-color .2s, color .2s, background .2s; }
.service-related a:hover { color: #0877b9; border-color: #218acb; background: #218acb08; }
@media(max-width:980px) {
  .service-page-lead, .service-detail-intro, .service-faq-layout, .service-page-contact > .container { gap: 35px; }
  .service-page h1 { font-size: 46px; }
}
@media(max-width:700px) {
  .service-page-hero { padding: 110px 0 35px; }
  .service-page-lead, .service-detail-intro, .service-faq-layout, .service-page-contact > .container { grid-template-columns: 1fr; gap: 35px; }
  .service-back { margin-bottom: 20px; }
  .service-page h1 { font-size: clamp(40px,10.5vw,58px); }
  .service-page-intro { font-size: 13px; }
  .service-page-actions { gap: 12px 20px; }
  .service-page-photo { aspect-ratio: 1.15; }
  .service-page-details { padding: 60px 0; }
  .service-considerations { grid-template-columns: 1fr; gap: 26px; margin-top: 35px; }
  .service-page-faq { padding-bottom: 60px; }
  .service-faq-layout h2 > span { display: block; }
  .service-page-contact { padding: 60px 0; }
  .service-related .container > div { grid-template-columns: 1fr 1fr; gap: 10px; }
  .service-related a { font-size: 12px; padding: 15px; }
}
@media(forced-colors: active) { .service-page h1 > span { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; } }

.package-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:52px; }
.package-detail { scroll-margin-top:120px; padding:36px; background:#e9edef; border:1px solid #d1dce2; position:relative; }
.package-detail::before { content:''; position:absolute; height:1px; inset:-1px 0 auto; background:linear-gradient(90deg,#b8cbd5,#1688c6,transparent); }
.package-detail-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.package-detail h3 { font-size:28px; font-weight:450; letter-spacing:-.04em; }
.package-detail-price { color:#126b99; font-size:16px; }
.package-detail-description { margin-top:18px; color:#536875; font-size:13px; line-height:1.8; max-width:440px; }
.package-inherits { margin-top:24px; color:#3b5d70; font-size:12px; }
.package-detail ul { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:0 24px; padding:0; margin:14px 0 24px; }
.package-detail li { padding:12px 0; border-top:1px solid #c9d5dc; font-size:12px; color:#324e5f; line-height:1.6; }
.package-detail .line-link { color:#126b99; font-size:12px; }
.package-detail:last-child { grid-column:1/-1; background:#10212c; color:#f4f7f8; }
.package-detail:last-child .package-detail-price, .package-detail:last-child .line-link { color:#8fcbeb; }
.package-detail:last-child .package-detail-description, .package-detail:last-child .package-inherits, .package-detail:last-child li { color:#c1d1dc; }
.package-detail:last-child li { border-color:#304551; }
.package-detail:last-child ul { grid-template-columns:repeat(4,1fr); }
.package-price-note { font-size:11px; line-height:1.8; color:#5f7482; margin-top:24px; }
@media(max-width:800px) { .package-list { grid-template-columns:1fr; } .package-detail { padding:26px; } .package-detail:last-child ul { grid-template-columns:1fr 1fr; } }