.service-page { --product-accent: #c8f87b; --product-wash: #dce8fb; background: #f5f6f2; }
.product-core { --product-accent: #c8f87b; --product-wash: #e9efd8; }
.product-shield { --product-accent: #84aaff; --product-wash: #dce8fb; }
.product-signal { --product-accent: #76ddd1; --product-wash: #daf4ee; }
.product-forge { --product-accent: #d0ef77; --product-wash: #e4ebbc; }

.service-header { position: relative; z-index: 2; background: #101113; color: #fff; }
.service-header .nav-wrap { border-bottom-color: rgba(255,255,255,.13); }
.back-link { display: inline-flex; align-items: center; gap: 9px; color: #a0a7b0; font-size: 12px; transition: color .2s; }
.back-link:hover, .back-link:focus-visible { color: #fff; }
.back-link span { color: var(--product-accent); font-size: 18px; line-height: 0; }

.service-hero { position: relative; overflow: hidden; padding: 100px 0 95px; background: #101113; color: #f5f7f7; }
.service-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg, black, transparent 82%); }
.service-hero::after { content: ""; position: absolute; width: 48vw; height: 48vw; max-width: 680px; max-height: 680px; right: -12%; top: -42%; border-radius: 50%; background: var(--product-accent); opacity: .09; filter: blur(75px); }
.service-hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1.02fr .98fr; gap: 11%; align-items: center; }
.product-tag { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--product-accent); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; }
.product-tag i { width: 6px; height: 6px; border-radius: 50%; background: var(--product-accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--product-accent), transparent 87%); }
.service-hero h1 { max-width: 560px; margin-bottom: 28px; font-size: clamp(54px, 6.5vw, 88px); }
.service-hero h1 em { color: #89919d; font-style: normal; }
.service-lead { max-width: 490px; margin-bottom: 35px; color: #aeb5be; font-size: 18px; line-height: 1.55; }
.service-actions { display: flex; align-items: center; gap: 26px; }
.service-meta { display: flex; gap: 27px; margin-top: 51px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); color: #7c8590; font-size: 10px; }
.service-meta b { display: block; margin-bottom: 5px; color: #e7ebea; font-size: 12px; font-weight: 500; }
.service-visual { position: relative; min-height: 385px; display: grid; place-items: center; }
.product-disc { position: absolute; width: 290px; height: 290px; border: 1px solid color-mix(in srgb, var(--product-accent), transparent 60%); border-radius: 50%; opacity: .8; }
.product-disc::before, .product-disc::after { content: ""; position: absolute; inset: 31px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; }
.product-disc::after { inset: 76px; border-color: color-mix(in srgb, var(--product-accent), transparent 48%); }
.product-glyph { position: relative; z-index: 1; width: 140px; height: 140px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); color: var(--product-accent); background: rgba(255,255,255,.04); box-shadow: 0 0 75px color-mix(in srgb, var(--product-accent), transparent 78%); transform: rotate(45deg); }
.product-glyph > * { transform: rotate(-45deg); }
.product-glyph svg { width: 65px; height: 65px; }
.product-index { position: absolute; top: 3%; right: 0; color: #6f7884; font-size: 10px; letter-spacing: .12em; }.product-index strong { color: #d8dce0; font-weight: 500; }
.product-caption { position: absolute; bottom: 0; left: 0; color: #707985; font-size: 10px; line-height: 1.35; letter-spacing: .08em; text-transform: uppercase; }.product-caption em { color: #d6dae0; font-style: normal; text-transform: none; letter-spacing: 0; }

.service-intro { padding: 105px 0 95px; background: var(--product-wash); }
.service-intro-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 12%; align-items: start; }
.service-intro h2, .service-section h2, .service-cta h2 { font-size: clamp(40px, 4.5vw, 62px); }
.service-intro h2 { margin-bottom: 0; }.service-intro h2 i, .service-section h2 i, .service-cta h2 i { color: #7b8580; font-style: normal; }
.service-intro-copy { max-width: 535px; color: #647071; font-size: 18px; line-height: 1.6; }
.service-intro-copy p { margin-bottom: 25px; }.service-intro-copy strong { color: #263132; font-weight: 600; }
.service-section { padding: 125px 0; }.service-section.alt { background: #eeefeb; }
.service-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 44px; }.service-section-heading h2 { margin-bottom: 0; }.service-section-heading > p { max-width: 320px; margin: 0 0 8px; color: #757c7a; font-size: 13px; line-height: 1.55; }
.essential-link { display: inline-block; margin-top: 1px; color: #3b5fd2; font-size: 12px; }
.include-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: #d5d9d4; border: 1px solid #d5d9d4; }.include-item { min-height: 175px; padding: 24px; background: #f5f6f2; }.include-item .item-number { display: block; margin-bottom: 22px; color: #909894; font-size: 10px; }.include-item h3 { margin-bottom: 8px; font-size: 18px; letter-spacing: -.03em; font-weight: 500; }.include-item p { max-width: 350px; margin: 0; color: #747b79; font-size: 13px; line-height: 1.5; }
.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.process-item { min-height: 245px; padding: 24px; background: #fff; border: 1px solid #e0e3de; }.process-item > span { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 51px; border-radius: 50%; color: #111; background: var(--product-accent); font-size: 10px; }.process-item h3 { margin-bottom: 8px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; }.process-item p { margin: 0; color: #777e7b; font-size: 13px; line-height: 1.5; }
.pricing-band { padding: 115px 0; background: #101113; color: #f5f7f4; }.pricing-band-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12%; align-items: center; }.pricing-band h2 { margin-bottom: 25px; }.pricing-band h2 i { color: #8b949f; font-style: normal; }.pricing-band-copy > p:not(.section-kicker) { max-width: 370px; color: #999fa6; font-size: 15px; line-height: 1.6; }.pricing-band .section-kicker { color: var(--product-accent); }
.service-price-card { padding: 27px 29px 28px; background: #1b1d21; border: 1px solid #3b3f45; }.service-price-top { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 20px; color: #858d95; border-bottom: 1px solid #3a3e43; font-size: 9px; letter-spacing: .12em; }.service-price-top span:last-child { color: var(--product-accent); letter-spacing: 0; }.service-price { display: flex; align-items: center; padding: 25px 0 8px; }.service-price sup { align-self: flex-start; margin: 12px 5px 0 0; color: var(--product-accent); font-size: 18px; }.service-price strong { font-size: 88px; line-height: .9; letter-spacing: -.08em; font-weight: 400; }.service-price > span { margin: 19px 0 0 14px; color: #8a929a; font-size: 12px; line-height: 1.15; }.service-price-note { margin: 0; color: #aab1b6; font-size: 13px; }.service-price-rule { height: 1px; margin: 25px 0 20px; background: #3a3e43; }.service-price-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }.service-price-list li { padding: 11px 12px; color: #d2d8d5; background: #272a2f; font-size: 10px; line-height: 1.3; }.service-price-list li::before { content: "+"; margin-right: 5px; color: var(--product-accent); }.service-price-fine { display: block; margin-top: 20px; color: #707880; font-size: 10px; line-height: 1.4; }.core-price-lines { display: grid; gap: 11px; padding: 25px 0 10px; }.core-price-lines div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 11px; border-bottom: 1px solid #3a3e43; }.core-price-lines span { color: #8f979f; font-size: 11px; }.core-price-lines strong { color: #f1f4f0; font-size: 25px; font-weight: 400; letter-spacing: -.04em; white-space: nowrap; }
.fit-band { padding: 91px 0; background: var(--product-wash); }.fit-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 12%; align-items: center; }.fit-grid h2 { margin-bottom: 0; }.fit-grid h2 i { color: #7b8580; font-style: normal; }.fit-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; }.fit-list li { padding: 17px; background: rgba(255,255,255,.48); color: #4f5d5d; font-size: 13px; }.fit-list li::before { content: "→"; margin-right: 9px; color: #526ee1; }
.service-cta { padding: 125px 0 135px; text-align: center; background: #f5f6f2; }.service-cta .product-cta-mark { width: 55px; margin: 0 auto 27px; color: var(--product-accent); }.service-cta .product-cta-mark svg { display: block; width: 100%; }.service-cta h2 { margin-bottom: 22px; }.service-cta > .container > p:not(.section-kicker) { max-width: 420px; margin: 0 auto 28px; color: #757d7a; font-size: 15px; line-height: 1.55; }.service-cta .section-kicker { color: #7e8682; }
.service-footer { background: #101113; }.service-footer .footer-wrap { min-height: 76px; }

@media (max-width: 850px) {
  .service-hero { padding: 80px 0 75px; }.service-hero-layout, .service-intro-grid, .pricing-band-grid, .fit-grid { grid-template-columns: 1fr; gap: 55px; }.service-hero-copy { padding-top: 20px; }.service-visual { min-height: 315px; }.product-disc { width: 250px; height: 250px; }.service-meta { margin-top: 38px; }.service-intro, .service-section, .pricing-band, .service-cta { padding: 95px 0; }.service-section-heading { display: block; }.service-section-heading > p { margin-top: 25px; }.fit-grid { gap: 34px; }
}
@media (max-width: 560px) {
  .service-header .nav-wrap { min-height: 72px; }.back-link { font-size: 11px; }.service-hero { padding-top: 55px; }.service-hero h1 { font-size: 56px; }.service-lead { font-size: 16px; }.service-actions { align-items: flex-start; flex-direction: column; gap: 17px; }.service-meta { gap: 16px; }.service-meta b { font-size: 11px; }.service-visual { min-height: 280px; }.product-disc { width: 220px; height: 220px; }.product-glyph { width: 105px; height: 105px; }.product-glyph svg { width: 50px; height: 50px; }.product-index { top: 0; }.product-caption { bottom: 0; }.service-intro, .service-section, .pricing-band, .service-cta { padding: 78px 0; }.include-grid, .process-grid { grid-template-columns: 1fr; }.include-item { min-height: 0; }.process-item { min-height: 0; }.process-item > span { margin-bottom: 32px; }.service-price-card { padding: 21px 17px 22px; }.service-price-top { font-size: 8px; }.service-price strong { font-size: 72px; }.core-price-lines strong { font-size: 21px; }.service-price-list, .fit-list { grid-template-columns: 1fr; }.fit-list li { padding: 14px; }
}