/* Start:/services/detail.css?17840988249768*/
.service-detail { background: var(--wc-color-bg); color: var(--wc-color-ink); font-family: var(--wc-font-body); overflow: hidden; }
.service-detail * { box-sizing: border-box; }
.service-detail__hero { min-height: 760px; padding: 120px 0 150px; background: var(--wc-color-ink); color: #fff; }
.service-detail__hero-inner { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }
.service-detail__eyebrow { grid-column: 1 / -1; margin: 0 0 56px; color: var(--wc-color-blue); font: 500 18px/1 var(--wc-font-medium); text-transform: uppercase; letter-spacing: .08em; }
.service-detail__hero h1 { grid-column: 1 / -1; max-width: 1540px; margin: 0; font: 400 clamp(56px, 5.2vw, 100px)/.94 var(--wc-font-display); text-transform: uppercase; }
.service-detail__hero-copy { grid-column: 7 / -1; display: grid; gap: 32px; align-items: start; margin-top: 56px; }
.service-detail__hero-copy p { margin: 0; font: 400 clamp(22px, 1.875vw, 36px)/1.12 var(--wc-font-body); }
.service-detail__hero-copy .wc-button { justify-self: start; }
.service-detail__promise { grid-column: 1 / 7; align-self: end; max-width: 700px; margin: 80px 0 0; color: rgba(255,255,255,.72); font: 400 clamp(18px, 1.25vw, 24px)/1.3 var(--wc-font-body); }

.service-detail__offers { margin-top: -65px; padding: 0 0 120px; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; background: var(--wc-color-bg); position: relative; }
.service-detail__offers-grid { padding-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.service-offer-card { min-height: 250px; padding: 36px 42px; border-radius: var(--wc-radius-card); background: var(--wc-color-blue); color: #fff; display: grid; grid-template-columns: 1fr auto; align-content: start; gap: 18px 24px; }
.service-offer-card > span { grid-column: 2; grid-row: 1; font: 400 28px/1 var(--wc-font-body); }
.service-offer-card h2 { grid-column: 1; grid-row: 1; max-width: 660px; margin: 0; font: 400 clamp(28px, 2.1vw, 40px)/1 var(--wc-font-body); }
.service-offer-card p { grid-column: 1 / -1; max-width: 720px; margin: 16px 0 0; font: 400 clamp(18px, 1.25vw, 24px)/1.25 var(--wc-font-body); }

.service-detail__tools { padding: 50px 0 100px; overflow: hidden; }
.service-detail__tools-track { display: flex; width: max-content; gap: 18px; transform: translateX(-3vw); }
.service-detail__tools-track span { min-width: 300px; min-height: 118px; display: grid; place-items: center; padding: 24px; border-radius: 20px; background: var(--wc-color-blue); color: #fff; font: 500 30px/1 var(--wc-font-medium); }

.service-detail__benefits { padding: 120px 0 150px; background: #fff; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.service-benefits-list { list-style: none; padding: 80px 0 0; margin: 0; }
.service-benefits-list li { display: grid; grid-template-columns: 140px minmax(280px, 1fr) minmax(360px, 1.2fr); gap: 40px; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--wc-color-line); }
.service-benefits-list > li > span { color: var(--wc-color-blue); font: 500 44px/1 var(--wc-font-medium); }
.service-benefits-list h3 { margin: 0; font: 400 clamp(26px, 1.875vw, 36px)/1.08 var(--wc-font-body); }
.service-benefits-list p { margin: 0; color: var(--wc-color-gray); font: 400 clamp(18px, 1.3vw, 25px)/1.3 var(--wc-font-body); }

.service-detail__result { padding: 130px 0 150px; background: var(--wc-color-ink); color: #fff; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.service-detail__result .wc-section-heading__eyebrow, .service-detail__cases .wc-section-heading__eyebrow { color: #fff; opacity: .65; }
.service-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 80px; }
.service-metrics article { min-height: 280px; padding: 36px; display: flex; flex-direction: column; justify-content: space-between; border-radius: var(--wc-radius-card); background: var(--wc-color-bg); color: var(--wc-color-ink); }
.service-metrics p { margin: 0; color: var(--wc-color-blue); font: 500 clamp(58px, 5vw, 96px)/.95 var(--wc-font-medium); }
.service-metrics span { font: 400 clamp(20px, 1.5vw, 28px)/1.1 var(--wc-font-body); }
.service-deliverables { margin-top: 20px; padding: 48px; border-radius: var(--wc-radius-card); background: var(--wc-color-blue); }
.service-deliverables h3 { margin: 0 0 50px; font: 400 clamp(40px, 3.75vw, 72px)/1 var(--wc-font-display); text-transform: uppercase; }
.service-deliverables ol { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: deliverable; }
.service-deliverables li { counter-increment: deliverable; min-height: 190px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255,255,255,.45); border-radius: 20px; font: 400 22px/1.15 var(--wc-font-body); }
.service-deliverables li::before { content: counter(deliverable, decimal-leading-zero); font-size: 18px; opacity: .7; }

.service-detail__process { padding: 130px 0 150px; background: var(--wc-color-bg); border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.service-process-list { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; padding: 70px 0 0; margin: 0; }
.service-process-list li { min-height: 280px; padding: 24px; border-radius: 24px; background: var(--wc-color-blue); color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.service-process-list li:nth-child(even) { background: var(--wc-color-surface); color: var(--wc-color-ink); border: 1px solid var(--wc-color-line); }
.service-process-list span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; border: 1px solid currentColor; font: 500 24px/1 var(--wc-font-medium); }
.service-process-list p { margin: 0; font: 400 clamp(22px, 1.6vw, 30px)/1.1 var(--wc-font-body); }

.service-detail__cases { padding: 130px 0 150px; background: var(--wc-color-ink); color: #fff; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.service-detail__cases-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.service-case-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 20px; margin-top: 70px; }
.service-case-card { background: var(--wc-color-blue); color: #fff; }
.service-case-card__media { height: 430px; background: #161616; overflow: hidden; }
.service-case-card__body { min-height: 150px; padding: 26px; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.service-case-card h3 { margin: 0; font: 400 32px/1 var(--wc-font-body); }
.service-case-card span { font-size: 16px; white-space: nowrap; }

.service-detail__cta { padding: 130px 0; background: var(--wc-color-bg); border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.service-detail__cta-inner { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.service-detail__cta h2 { margin: 0; font: 400 clamp(54px, 5.2vw, 100px)/.94 var(--wc-font-display); text-transform: uppercase; }

@media (max-width: 1199px) {
    .service-detail__hero { min-height: auto; padding: 90px 0 120px; }
    .service-detail__hero-copy { grid-column: 6 / -1; }
    .service-detail__promise { grid-column: 1 / 6; }
    .service-benefits-list li { grid-template-columns: 90px 1fr 1fr; gap: 24px; }
    .service-deliverables ol, .service-process-list { grid-template-columns: repeat(3, 1fr); }
    .service-case-grid { grid-template-columns: 1fr 1fr; }
    .service-case-card:first-child { grid-column: 1 / -1; }
}

@media (max-width: 899px) {
    .service-detail__hero-inner { display: block; }
    .service-detail__eyebrow { margin-bottom: 38px; }
    .service-detail__hero-copy, .service-detail__promise { margin-top: 38px; }
    .service-detail__offers-grid { grid-template-columns: 1fr; }
    .service-benefits-list li { grid-template-columns: 70px 1fr; }
    .service-benefits-list p { grid-column: 2; }
    .service-metrics { grid-template-columns: 1fr; }
    .service-deliverables ol, .service-process-list { grid-template-columns: 1fr 1fr; }
    .service-detail__cta-inner { align-items: start; flex-direction: column; }
}

@media (max-width: 639px) {
    .service-detail__hero { padding: 70px 0 90px; }
    .service-detail__offers { margin-top: -28px; padding-bottom: 70px; }
    .service-detail__offers-grid { padding-top: 44px; gap: 12px; }
    .service-offer-card { min-height: 210px; padding: 24px; }
    .service-offer-card h2 { padding-right: 28px; }
    .service-detail__tools { padding: 10px 0 70px; }
    .service-detail__tools-track span { min-width: 190px; min-height: 82px; font-size: 20px; }
    .service-detail__benefits, .service-detail__result, .service-detail__process, .service-detail__cases, .service-detail__cta { padding: 76px 0 84px; }
    .service-benefits-list { padding-top: 42px; }
    .service-benefits-list li { grid-template-columns: 54px 1fr; padding: 26px 0; gap: 16px; }
    .service-benefits-list > li > span { font-size: 30px; }
    .service-metrics { margin-top: 44px; }
    .service-metrics article { min-height: 190px; padding: 24px; }
    .service-deliverables { padding: 26px; }
    .service-deliverables ol, .service-process-list { grid-template-columns: 1fr; }
    .service-deliverables li, .service-process-list li { min-height: 150px; }
    .service-case-grid { grid-template-columns: 1fr; margin-top: 42px; }
    .service-case-card:first-child { grid-column: auto; }
    .service-case-card__media { height: 300px; }
    .service-detail__cases-head { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) { .service-detail__tools-track { transform: none; } }

/* End */
/* /services/detail.css?17840988249768 */