.skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 14px; color: #08080b; background: white; }
.skip-link:focus { top: 10px; }
.service-page .main-nav a[aria-current="page"] { color: white; }
.service-page .main-nav a[aria-current="page"]::after { transform: scaleX(1); }
.service-breadcrumb, .service-intro, .service-section, .service-end { width: var(--container); margin-inline: auto; }
.service-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 32px; color: #bdb3cb; font-size: 12px; }
.service-breadcrumb a:hover { color: white; }
.service-intro { padding: 64px 0 0; }
.service-intro h1 { max-width: 1100px; margin: 24px 0; font-size: 64px; line-height: 1.1; font-weight: 720; }
.service-intro h1 em { font-family: Georgia,serif; font-weight: 400; color: #c4a3f5; }
.service-lead { max-width: 780px; font-size: 20px; line-height: 1.7; color: #c4bfce; margin: 0 0 30px; }
.intro-note { font-size: 13px; color: #bbb1c7; margin-top: 16px; }
.offer-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid #403249; margin-top: 60px; }
.offer-facts > div { padding: 28px 24px; border-right: 1px solid #403249; min-width: 0; }
.offer-facts > div:first-child { padding-left: 0; }
.offer-facts > div:last-child { border-right: 0; }
.offer-facts span, .offer-facts strong, .offer-facts > div > small { display: block; }
.offer-facts span { color: #c4a3f5; font-size: 12px; margin-bottom: 14px; }
.offer-facts strong { font-size: 25px; font-weight: 650; line-height: 1.3; }
.offer-facts small { font-size: 13px; color: #bdb3cb; font-weight: 400; line-height: 1.6; }
.offer-facts > div > small { margin-top: 10px; }
.service-section { padding: 90px 0; border-bottom: 1px solid #322938; }
.service-heading { max-width: 840px; margin-bottom: 40px; }
.service-heading h2, .service-end h2 { font-size: 44px; line-height: 1.15; font-weight: 680; margin: 22px 0; }
.service-heading h2 em { font-family: Georgia,serif; font-weight: 400; }
.service-heading > p:not(.section-label), .experience-note { font-size: 17px; line-height: 1.75; color: #bdb3cb; max-width: 780px; }
.offer-list article { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 24px; border-top: 1px solid #322938; padding: 28px 0; }
.offer-list article > span { font: 16px monospace; color: #b995f0; padding-top: 5px; }
.offer-list h3, .service-steps h3, .metric-definitions h3 { font-size: 22px; margin: 0 0 12px; font-weight: 650; }
.offer-list p, .service-steps p, .metric-definitions p { font-size: 16px; color: #bdb3cb; line-height: 1.75; margin: 0; max-width: 810px; }
.service-light { background: #eeeaf5; color: #17111f; box-shadow: 0 0 0 100vmax #eeeaf5; clip-path: inset(0 -100vmax); }
.service-light .section-label { color: #652ab3; }
.service-light p, .service-light .service-heading > p:not(.section-label) { color: #51475d; }
.metric-definitions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.metric-definitions article { border-top: 1px solid #c7bcd5; padding-top: 24px; }
.metric-definitions article > span { display: block; font: 40px Georgia,serif; color: #682cc0; margin-bottom: 20px; }
.service-disclaimer { max-width: 960px; font-size: 13px; line-height: 1.8; margin-top: 36px; }
.text-link { display: inline-block; padding: 12px 0; text-decoration: underline; text-underline-offset: 5px; font-size: 14px; }
.service-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; padding: 0; list-style: none; counter-reset: service-step; }
.service-steps li { counter-increment: service-step; border-top: 1px solid #403249; padding-top: 24px; }
.service-steps li::before { content: "0" counter(service-step) " /"; display: block; color: #b995f0; font: 30px Georgia,serif; margin-bottom: 24px; }
.service-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; }
.service-faq .service-heading { margin: 0; }
.service-faq .faq-list { min-width: 0; }
.service-end { padding: 80px 0; }
.service-end > p:not(.section-label) { color: #bdb3cb; font-size: 18px; line-height: 1.7; max-width: 720px; }
.related-service { display: block; width: fit-content; max-width: 100%; margin-top: 32px; font-size: 14px; line-height: 1.7; color: #c4a3f5; text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 1000px) {
  .service-intro h1 { font-size: 52px; }
  .offer-facts strong { font-size: 22px; }
  .service-faq { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 680px) {
  .service-intro { padding-top: 42px; }
  .service-intro h1 { font-size: 36px; overflow-wrap: anywhere; }
  .service-lead { font-size: 17px; }
  .offer-facts { grid-template-columns: 1fr; margin-top: 36px; }
  .offer-facts > div, .offer-facts > div:first-child { padding: 24px 0; border-right: 0; border-bottom: 1px solid #403249; }
  .offer-facts > div:last-child { border-bottom: 0; }
  .service-section, .service-end { padding-block: 58px; }
  .service-heading h2, .service-end h2 { font-size: 32px; overflow-wrap: anywhere; }
  .offer-list article { grid-template-columns: 42px minmax(0,1fr); gap: 16px; }
  .offer-list h3, .metric-definitions h3, .service-steps h3 { font-size: 21px; }
  .metric-definitions, .service-steps { grid-template-columns: 1fr; gap: 28px; }
  .service-page .button { max-width: 100%; text-align: center; }
}