.offer-page { --offer-space: 120px; overflow: hidden; }
.offer-page h1, .offer-page h2, .offer-page h3 { font-weight: 600; letter-spacing: -.06em; }
.offer-lead { max-width: 720px; margin-bottom: 36px; color: #4f5b61; font-size: 17px; line-height: 1.7; }
.offer-section-heading { margin-bottom: 72px; display: grid; grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr); gap: 8vw; align-items: end; }
.offer-section-heading h2 { max-width: 900px; margin: 0; font-size: clamp(46px,5vw,72px); line-height: 1; }
.offer-section-heading > p { max-width: 530px; margin: 0 0 5px; color: #4f5b61; font-size: 16px; line-height: 1.7; }
.offer-section-heading--light > p { color: #c2cace; }
.offer-section-heading--dark .eyebrow { color: var(--ink); }
.offer-code { position: absolute; z-index: 5; left: 38px; top: 34px; font: 600 11px/1.4 "IBM Plex Mono",monospace; letter-spacing: .07em; text-transform: uppercase; }
.offer-inline-link { min-height: 46px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; border: 1px solid currentColor; font: 600 11px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; transition: background-color .2s ease,color .2s ease,transform .2s ease; }
.offer-inline-link:hover,.offer-inline-link:focus-visible { background: var(--ink); color: var(--paper); transform: translateY(-3px); }

.offer-hero { min-height: 780px; display: grid; grid-template-columns: 58% 42%; border-bottom: 1px solid var(--ink); }
.offer-hero__copy { padding: 118px max(48px,calc((100vw - 1360px)/2)) 45px; padding-right: clamp(60px,7vw,120px); display: flex; flex-direction: column; align-items: flex-start; }
.offer-hero h1 { max-width: 860px; margin-bottom: 30px; font-size: clamp(56px,5.5vw,84px); line-height: .96; }
.offer-hero__meta { width: 100%; margin-top: auto; padding-top: 42px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font: 500 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.offer-hero__system { min-width: 0; position: relative; overflow: hidden; background: var(--blue); color: var(--paper); }
.offer-grid { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px); background-size: 72px 72px; }
.offer-layer { width: 58%; height: 43%; position: absolute; border: 2px solid; transform: skewY(-7deg); }
.offer-layer--a { left: 8%; top: 28%; border-color: var(--paper); }
.offer-layer--b { left: 34%; top: 18%; border-color: var(--lime); }
.offer-layer--c { left: 23%; top: 47%; border-color: var(--ink); background: rgba(16,24,32,.12); }
.offer-node { padding: 17px 19px; position: absolute; z-index: 4; left: 34%; top: 49%; background: var(--ink); color: var(--paper); }
.offer-node b,.offer-node span { display: block; }.offer-node b { color: var(--lime); font-size: 11px; text-transform: uppercase; }.offer-node span { margin-top: 3px; font-size: 24px; font-weight: 600; letter-spacing: -.05em; }

.offer-integration { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.offer-integration .offer-section-heading > p { color: #c2cace; }
.integration-diagram { min-height: 320px; display: grid; grid-template-columns: repeat(3,1fr); position: relative; border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; }
.integration-diagram span { padding: 32px; border-right: 1px solid #4a565d; color: #c2cace; font: 500 11px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }.integration-diagram span:nth-child(3) { border: 0; }
.integration-diagram b { padding: 16px 22px; position: absolute; z-index: 3; left: 50%; top: 52%; transform: translate(-50%,-50%); background: var(--lime); color: var(--ink); font-size: 20px; letter-spacing: -.04em; }
.integration-diagram i { width: 29%; height: 130px; position: absolute; top: 105px; border: 2px solid; transform: skewY(-5deg); }.integration-diagram i:nth-of-type(1) { left: 2%; border-color: var(--paper); }.integration-diagram i:nth-of-type(2) { left: 35.5%; border-color: var(--blue); }.integration-diagram i:nth-of-type(3) { right: 2%; border-color: var(--lime); transform: skewY(5deg); }

.offer-fronts { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--soft); }
.offer-front-list { border-top: 1px solid var(--ink); }
.offer-front { min-height: 560px; display: grid; grid-template-columns: 180px minmax(250px,.72fr) minmax(0,1.28fr); border-bottom: 1px solid var(--ink); }
.offer-front__index { padding: 28px 24px 28px 0; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid currentColor; font: 600 11px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }
.offer-front__symbol { min-width: 0; position: relative; overflow: hidden; border-right: 1px solid currentColor; }
.offer-front__symbol i { width: 52%; aspect-ratio: 1; position: absolute; border: 2px solid; }.offer-front__symbol i:first-child { left: 16%; top: 28%; }.offer-front__symbol i:last-child { left: 35%; top: 39%; border-color: var(--lime); }
.offer-front__content { padding: 52px 0 45px clamp(42px,6vw,90px); display: flex; flex-direction: column; align-items: flex-start; }
.offer-front__content h3 { max-width: 650px; margin-bottom: 22px; font-size: clamp(44px,4.5vw,68px); line-height: .98; }
.offer-front__content > p { max-width: 680px; color: #4f5b61; font-size: 16px; line-height: 1.7; }
.offer-front__content ul { width: min(100%,680px); margin: 24px 0 34px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; list-style: none; }
.offer-front__content li { padding: 12px 0; border-bottom: 1px solid currentColor; font: 500 12px/1.5 "IBM Plex Mono",monospace; }.offer-front__content li::before { content:""; width: 7px; height: 7px; margin-right: 11px; display: inline-block; background: var(--lime); }
.offer-front--product { margin-inline: calc(-1 * max(48px,calc((100vw - 1360px)/2))); padding-inline: max(48px,calc((100vw - 1360px)/2)); background: var(--blue); color: var(--paper); }
.offer-front--product .offer-front__content > p { color: var(--paper); }.offer-front--product .offer-inline-link:hover,.offer-front--product .offer-inline-link:focus-visible { background: var(--lime); color: var(--ink); }
.offer-front--growth { background: var(--lime); }.offer-front--growth .offer-front__symbol i:last-child { border-color: var(--blue); }.offer-front--growth .offer-front__content li::before { background: var(--blue); }
.offer-front--automation { margin-inline: calc(-1 * max(48px,calc((100vw - 1360px)/2))); padding-inline: max(48px,calc((100vw - 1360px)/2)); background: var(--ink); color: var(--paper); }
.offer-front--automation .offer-front__content > p { color: #c2cace; }.offer-front--automation .offer-front__symbol i:first-child { border-color: var(--blue); }.offer-front--automation .offer-front__symbol i:last-child { border-color: var(--lime); }.offer-front--automation .offer-front__content li::before { background: var(--blue); }.offer-front--automation .offer-inline-link:hover,.offer-front--automation .offer-inline-link:focus-visible { background: var(--lime); color: var(--ink); }

.offer-diagnosis { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--paper); }
.offer-steps { margin: 0; padding: 0; display: grid; list-style: none; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.offer-steps--four,.offer-steps--4 { grid-template-columns: repeat(4,1fr); }.offer-steps--5 { grid-template-columns: repeat(5,1fr); }
.offer-steps li { min-height: 350px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid currentColor; }.offer-steps li:first-child { padding-left: 0; }.offer-steps li:last-child { padding-right: 0; border-right: 0; }
.offer-steps li > span { font: 600 11px/1.4 "IBM Plex Mono",monospace; }.offer-steps h3 { margin-bottom: 14px; font-size: 25px; line-height: 1.1; }.offer-steps p { margin: 0; color: #4f5b61; font-size: 14px; line-height: 1.65; }

.offer-cta { min-height: 720px; padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); position: relative; overflow: hidden; background: var(--ink); color: var(--paper); }
.offer-cta > div:first-child { max-width: 970px; position: relative; z-index: 3; }.offer-cta h2 { margin-bottom: 28px; font-size: clamp(56px,6vw,90px); line-height: .95; }.offer-cta p:not(.eyebrow) { max-width: 680px; margin-bottom: 36px; color: #c2cace; font-size: 17px; line-height: 1.7; }
.offer-cta__layer { width: 52vw; height: 600px; position: absolute; right: -18vw; top: 60px; }.offer-cta__layer i { width: 68%; height: 70%; position: absolute; border: 2px solid; transform: skewY(-7deg); }.offer-cta__layer i:first-child { left: 0; top: 12%; border-color: var(--blue); }.offer-cta__layer i:last-child { left: 25%; top: 0; border-color: var(--lime); }

.detail-hero { min-height: 760px; display: grid; grid-template-columns: 62% 38%; border-bottom: 1px solid var(--ink); }
.detail-hero__copy { padding: 112px max(48px,calc((100vw - 1360px)/2)) 80px; padding-right: clamp(55px,6vw,100px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: var(--paper); }
.detail-hero h1 { max-width: 940px; margin-bottom: 30px; font-size: clamp(54px,5.3vw,80px); line-height: .97; }
.detail-hero__visual { min-width: 0; position: relative; overflow: hidden; background: var(--blue); color: var(--paper); }
.detail-hero__visual::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px); background-size:72px 72px; }
.detail-shape { width: 70%; height: 46%; position: absolute; border: 2px solid; }.detail-shape--one { left: 10%; top: 26%; border-color: var(--paper); }.detail-shape--two { left: 38%; top: 39%; border-color: var(--lime); }
.detail-hero__visual > b { max-width: 270px; position: absolute; left: 38px; bottom: 38px; font-size: 30px; line-height: 1; letter-spacing: -.055em; }
.solution-detail--brand .detail-hero__visual { background: var(--soft); color: var(--ink); }.solution-detail--brand .detail-shape--one { border-width: 10px; border-color: var(--blue); }.solution-detail--brand .detail-shape--two { border-color: var(--ink); }
.solution-detail--growth .detail-hero__visual { background: var(--lime); color: var(--ink); }.solution-detail--growth .detail-shape--one { border-color: var(--ink); transform: skewY(-7deg); }.solution-detail--growth .detail-shape--two { border-color: var(--blue); transform: skewY(-7deg); }
.solution-detail--automation .detail-hero__visual { background: var(--ink); color: var(--paper); }.solution-detail--automation .detail-shape--one { border-width: 8px; border-color: var(--blue); transform: skewY(7deg); }.solution-detail--automation .detail-shape--two { border-color: var(--lime); transform: skewY(-7deg); }

.detail-problem { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.detail-signals { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,1fr); list-style: none; border-top: 1px solid #4a565d; }
.detail-signals li { min-height: 150px; padding: 28px 36px 28px 24px; display: flex; align-items: flex-end; border-right: 1px solid #4a565d; border-bottom: 1px solid #4a565d; color: #d8dddf; font-size: 15px; line-height: 1.6; }.detail-signals li:nth-child(3n) { border-right: 0; }.detail-signals li::before { content:""; width: 8px; height: 8px; margin: 0 16px 7px 0; flex: 0 0 8px; background: var(--lime); }

.detail-services { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--paper); }
.detail-service-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.detail-service-grid article { min-height: 310px; padding: 26px 30px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }.detail-service-grid article > span { color: var(--blue); font: 600 11px/1.4 "IBM Plex Mono",monospace; }.detail-service-grid h3 { margin: 90px 0 14px; font-size: 27px; line-height: 1.08; }.detail-service-grid p { margin: 0; color: #4f5b61; font-size: 14px; line-height: 1.65; }
.detail-product-links { margin-top: 42px; border-top: 1px solid var(--ink); }
.detail-product-links > a { min-height: 190px; padding: 28px 0; display: grid; grid-template-columns: 170px minmax(0,1fr) auto; gap: 42px; align-items: center; border-bottom: 1px solid var(--ink); transition: background-color .25s ease,padding .35s ease; }
.detail-product-links > a > span,.detail-product-links > a > b { font: 600 10px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; }.detail-product-links > a > span { color: var(--blue); }.detail-product-links > a > b { color: var(--ink); }
.detail-product-links h3 { margin: 0 0 10px; font-size: 31px; }.detail-product-links p { max-width: 720px; margin: 0; color: #4f5b61; font-size: 14px; line-height: 1.65; }
.detail-product-links > a:hover,.detail-product-links > a:focus-visible { padding-inline: 24px; background: var(--lime); }

.automation-cases { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--ink); color: var(--paper); }
.automation-cases__heading { margin-bottom: 70px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 8vw; align-items: end; }
.automation-cases__heading h2 { max-width: 900px; margin: 0; font-size: clamp(50px,5.4vw,78px); line-height: .97; }
.automation-cases__heading > p { max-width: 560px; margin: 0 0 5px; color: #c2cace; font-size: 16px; line-height: 1.7; }
.case-navigation { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); overflow-x: auto; border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; scrollbar-width: thin; scrollbar-color: var(--lime) #303b43; }
.case-navigation__item { min-width: 190px; min-height: 128px; padding: 24px 22px; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; border-right: 1px solid #4a565d; color: #c2cace; text-align: left; transition: color .2s ease,background-color .2s ease; }
.case-navigation__item:last-child { border-right: 0; }
.case-navigation__item::after { content:""; height: 7px; position: absolute; left: 0; right: 100%; bottom: 0; background: var(--lime); transition: right .25s ease; }
.case-navigation__item span { font: 600 11px/1.4 "IBM Plex Mono",monospace; }
.case-navigation__item b { font-size: 14px; line-height: 1.3; font-weight: 600; letter-spacing: -.02em; }
.case-navigation__item:hover,.case-navigation__item:focus-visible,.case-navigation__item.is-active { background: #1e2a33; color: var(--paper); }
.case-navigation__item.is-active::after { right: 0; }
.automation-cases__panels { background: var(--paper); color: var(--ink); }
.automation-case { min-height: 720px; }
.automation-case + .automation-case { margin-top: 34px; border-top: 12px solid var(--ink); }
.automation-cases.is-enhanced .automation-case[hidden] { display: none; }
.automation-cases.is-enhanced .automation-case.is-entering { animation: case-enter .35s ease both; }
.automation-case__intro { min-height: 285px; padding: 42px 48px 46px; display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 6vw; align-items:end; }
.automation-case__intro > div { height: 100%; display: flex; flex-direction: column; justify-content: space-between; color: var(--blue); font: 600 10px/1.5 "IBM Plex Mono",monospace; text-transform: uppercase; }
.automation-case__intro h3 { max-width: 930px; margin: 0; font-size: clamp(40px,4.3vw,64px); line-height: 1; }
.automation-case__path { display: grid; grid-template-columns: repeat(3,1fr); }
.automation-case__path section { min-height: 350px; padding: 30px 32px 38px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); }
.automation-case__path section:nth-child(1) { background: var(--soft); }
.automation-case__path section:nth-child(2) { background: var(--lime); }
.automation-case__path section:nth-child(3) { border-right: 0; background: var(--blue); color: var(--paper); }
.automation-case__path section > span { font: 600 10px/1.5 "IBM Plex Mono",monospace; text-transform: uppercase; }
.automation-case__path h4 { margin: 82px 0 18px; font-size: 27px; line-height: 1.05; letter-spacing: -.05em; }
.automation-case__path p { margin: 0; color: #4f5b61; font-size: 14px; line-height: 1.7; }
.automation-case__path section:nth-child(3) p { color: var(--paper); }
.automation-case__path ul { margin: 0; padding: 0; list-style: none; }
.automation-case__path li { padding: 10px 0; display: flex; gap: 11px; border-bottom: 1px solid rgba(16,24,32,.35); font-size: 14px; line-height: 1.55; }
.automation-case__path li::before { content:""; width: 7px; height: 7px; margin-top: 7px; flex: 0 0 7px; background: var(--blue); }
.automation-case__controls { min-height: 82px; padding: 0 28px; display: none; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid var(--ink); }
.automation-cases.is-enhanced .automation-case__controls { display: grid; }
.automation-case__controls button { min-height: 46px; padding: 0; border: 0; background: transparent; color: var(--ink); font: 600 11px/1.4 "IBM Plex Mono",monospace; text-transform: uppercase; cursor: pointer; }
.automation-case__controls button:last-child { text-align: right; }
.automation-case__controls button span { color: var(--blue); font-size: 17px; }
.automation-case__controls > span { font: 600 10px/1.4 "IBM Plex Mono",monospace; }
.automation-cases__note { max-width: 810px; margin: 34px 0 0 auto; padding-left: 17px; border-left: 6px solid var(--lime); color: #c2cace; font-size: 13px; line-height: 1.65; }
@keyframes case-enter { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }

.detail-process { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); background: var(--blue); color: var(--paper); }
.detail-process .offer-section-heading > p,.detail-process .offer-steps p { color: var(--paper); }.detail-process .offer-steps { border-color: rgba(244,246,242,.6); }.detail-process .offer-steps li { border-color: rgba(244,246,242,.6); }.detail-process .offer-steps li > span { color: var(--lime); }

.detail-integration { min-height: 650px; padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); display: grid; grid-template-columns: 1.2fr .8fr; gap: 9vw; align-items: end; background: var(--ink); color: var(--paper); }
.detail-integration__copy h2 { max-width: 790px; margin-bottom: 26px; font-size: clamp(48px,5vw,74px); line-height: .98; }.detail-integration__copy > p:not(.eyebrow) { max-width: 720px; margin: 0; color: #c2cace; font-size: 16px; line-height: 1.7; }
.detail-integration ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #4a565d; }.detail-integration li { padding: 18px 0; border-bottom: 1px solid #4a565d; font: 500 12px/1.5 "IBM Plex Mono",monospace; }.detail-integration li::before { content:""; width: 8px; height: 8px; margin-right: 13px; display: inline-block; background: var(--lime); }

.detail-integration--services { min-height: 0; display: block; }
.detail-integration--services .detail-integration__copy { margin-bottom: 78px; display: grid; grid-template-columns: 1.08fr .72fr; column-gap: 9vw; align-items: end; }
.detail-integration--services .detail-integration__copy .eyebrow { grid-column: 1/-1; }
.detail-integration--services .detail-integration__copy h2 { margin: 0; }
.detail-integration--services .detail-integration__copy > p:not(.eyebrow) { padding-bottom: 5px; }
.detail-integration__services { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #4a565d; border-bottom: 1px solid #4a565d; }
.detail-integration__services article { min-height: 410px; padding: 30px 28px 34px; display: flex; flex-direction: column; border-right: 1px solid #4a565d; }
.detail-integration__services article:last-child { border-right: 0; }
.detail-integration__service-meta { display: flex; justify-content: space-between; align-items: flex-start; }
.detail-integration__service-meta small { color: #8e9aa1; font: 600 10px/1.4 "IBM Plex Mono",monospace; letter-spacing: .08em; }
.detail-integration__services h3 { max-width: 260px; margin: auto 0 18px; font-size: clamp(23px,2vw,30px); line-height: 1.08; letter-spacing: -.045em; }
.detail-integration__services article > p { max-width: 290px; margin: 0; color: #c2cace; font-size: 14px; line-height: 1.65; }
.detail-integration__icon { width: 82px; height: 74px; position: relative; display: block; color: var(--lime); }
.detail-integration__icon::before,.detail-integration__icon::after,.detail-integration__icon i { content: ""; position: absolute; display: block; box-sizing: border-box; }
.detail-integration__icon--web { height: 60px; margin-top: 7px; border: 2px solid currentColor; }
.detail-integration__icon--web::before { width: 100%; left: 0; top: 12px; border-top: 2px solid currentColor; }
.detail-integration__icon--web::after { width: 6px; height: 6px; left: 7px; top: 3px; background: var(--blue); }
.detail-integration__icon--web i:first-child { width: 27px; height: 19px; right: 9px; bottom: 8px; border: 2px solid currentColor; }
.detail-integration__icon--web i:last-child { width: 12px; height: 12px; left: 12px; bottom: 11px; border: 2px solid var(--blue); border-radius: 50%; }
.detail-integration__icon--product::before,.detail-integration__icon--product::after,.detail-integration__icon--product i:first-child { width: 48px; height: 48px; border: 2px solid currentColor; }
.detail-integration__icon--product::before { left: 0; top: 0; }
.detail-integration__icon--product::after { left: 15px; top: 13px; border-color: #69767d; }
.detail-integration__icon--product i:first-child { right: 0; bottom: 0; border-color: var(--blue); }
.detail-integration__icon--product i:last-child { width: 10px; height: 10px; right: 7px; bottom: 7px; background: currentColor; }
.detail-integration__icon--campaign::before { width: 70px; height: 70px; left: 0; top: 2px; border: 2px solid currentColor; border-radius: 50%; }
.detail-integration__icon--campaign::after { width: 38px; height: 38px; left: 16px; top: 18px; border: 2px solid #69767d; border-radius: 50%; }
.detail-integration__icon--campaign i:first-child { width: 12px; height: 12px; left: 29px; top: 31px; background: var(--blue); border-radius: 50%; }
.detail-integration__icon--campaign i:last-child { width: 44px; height: 2px; left: 34px; top: 22px; background: currentColor; transform: rotate(-38deg); transform-origin: left center; }
.detail-integration__icon--content::before { width: 52px; height: 52px; left: 11px; top: 11px; border: 2px solid currentColor; transform: rotate(45deg); }
.detail-integration__icon--content::after { width: 18px; height: 18px; left: 28px; top: 28px; background: var(--blue); transform: rotate(45deg); }
.detail-integration__icon--content i:first-child { width: 82px; height: 2px; left: 0; top: 36px; background: #69767d; }
.detail-integration__icon--content i:last-child { width: 2px; height: 74px; left: 36px; top: 0; background: #69767d; }

.detail-fit { padding: var(--offer-space) max(48px,calc((100% - 1360px)/2)); display: grid; grid-template-columns: .75fr 1.25fr; gap: 9vw; background: var(--soft); }
.detail-fit h2 { max-width: 470px; margin: 0; font-size: clamp(42px,4.3vw,64px); line-height: 1; }.detail-fit ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }.detail-fit li { padding: 19px 0; display: flex; gap: 14px; border-bottom: 1px solid #bdc5c4; font-size: 15px; line-height: 1.55; }.detail-fit li::before { content:""; width: 8px; height: 8px; margin-top: 7px; flex: 0 0 8px; background: var(--lime); }

@media (max-width:1000px) {
  .offer-hero__copy,.detail-hero__copy { padding-left: 28px; }.offer-integration,.offer-fronts,.offer-diagnosis,.offer-cta,.detail-problem,.detail-services,.detail-process,.detail-integration,.detail-fit,.automation-cases { padding-left: 28px; padding-right: 28px; }
  .offer-front--product,.offer-front--automation { margin-inline:-28px; padding-inline:28px; }.offer-front { grid-template-columns:120px 230px minmax(0,1fr); }.offer-front__content { padding-left:42px; }
  .detail-integration--services .detail-integration__copy { grid-template-columns: 1fr .8fr; column-gap: 60px; }.detail-integration__services { grid-template-columns: repeat(2,minmax(0,1fr)); }.detail-integration__services article { min-height: 360px; }.detail-integration__services article:nth-child(2) { border-right: 0; }.detail-integration__services article:nth-child(-n+2) { border-bottom: 1px solid #4a565d; }.detail-integration__services article:nth-child(3) { border-right: 1px solid #4a565d; }
}

@media (max-width:760px) {
  .offer-page { --offer-space:88px; }.offer-section-heading { margin-bottom:52px; display:block; }.offer-section-heading h2 { font-size:41px; }.offer-section-heading > p { margin-top:25px; font-size:15px; }
  .offer-hero,.detail-hero { min-height:0; display:flex; flex-direction:column; }.offer-hero__copy,.detail-hero__copy { min-height:670px; padding:88px 18px 42px; }.offer-hero h1,.detail-hero h1 { font-size:48px; }.offer-lead { font-size:16px; }.offer-hero__system,.detail-hero__visual { min-height:520px; }.offer-hero__meta { margin-top:55px; }
  .integration-diagram { min-height:560px; display:block; }.integration-diagram span { min-height:170px; display:block; border-right:0; border-bottom:1px solid #4a565d; }.integration-diagram span:nth-child(3) { border-bottom:0; }.integration-diagram i { width:64%; height:110px; }.integration-diagram i:nth-of-type(1) { left:-18%; top:80px; }.integration-diagram i:nth-of-type(2) { left:25%; top:225px; }.integration-diagram i:nth-of-type(3) { left:auto; right:-20%; top:370px; }.integration-diagram b { width:max-content; max-width:80%; text-align:center; }
  .offer-fronts { padding-inline:18px; }.offer-front { min-height:0; display:block; }.offer-front__index { min-height:80px; padding:20px 0; flex-direction:row; border-right:0; }.offer-front__symbol { min-height:280px; border-top:1px solid currentColor; border-right:0; }.offer-front__content { padding:52px 0 65px; }.offer-front__content h3 { font-size:44px; }.offer-front__content > p { font-size:15px; }.offer-front__content ul { display:block; }.offer-front--product,.offer-front--automation { margin-inline:-18px; padding-inline:18px; }
  .offer-diagnosis,.offer-integration,.offer-cta,.detail-problem,.detail-services,.detail-process,.detail-integration,.detail-fit,.automation-cases { padding-left:18px; padding-right:18px; }.offer-steps,.offer-steps--four,.offer-steps--5 { display:block; }.offer-steps li,.offer-steps li:first-child,.offer-steps li:last-child { min-height:250px; padding:24px 0; border-right:0; border-bottom:1px solid currentColor; }.offer-steps li:last-child { border-bottom:0; }.offer-steps h3 { font-size:24px; }
  .automation-cases__heading { margin-bottom:52px; display:block; }.automation-cases__heading h2 { font-size:43px; }.automation-cases__heading > p { margin-top:26px; font-size:15px; }.case-navigation { margin-right:-18px; }.case-navigation__item { min-width:176px; min-height:116px; }.automation-case { min-height:0; }.automation-case__intro { min-height:400px; padding:32px 22px 38px; display:flex; flex-direction:column; justify-content:space-between; gap:70px; }.automation-case__intro > div { width:100%; height:auto; flex-direction:row; }.automation-case__intro h3 { font-size:39px; }.automation-case__path { display:block; }.automation-case__path section { min-height:330px; padding:27px 22px 34px; border-right:0; border-bottom:1px solid var(--ink); }.automation-case__path section:last-child { border-bottom:0; }.automation-case__path h4 { margin-top:74px; }.automation-case__controls { min-height:132px; padding:18px 20px; grid-template-columns:1fr 1fr; gap:16px; }.automation-case__controls > span { grid-column:1/-1; grid-row:1; text-align:center; }.automation-case__controls button { grid-row:2; font-size:9px; }.automation-cases__note { margin-top:30px; }
  .offer-cta { min-height:700px; }.offer-cta h2 { font-size:52px; }.offer-cta p:not(.eyebrow) { font-size:16px; }.offer-cta__layer { width:110vw; right:-70vw; opacity:.7; }
  .detail-signals { display:block; }.detail-signals li,.detail-signals li:nth-child(3n) { min-height:120px; padding-inline:0; border-right:0; }.detail-service-grid { display:block; }.detail-service-grid article { min-height:270px; }.detail-service-grid h3 { margin-top:70px; }.detail-product-links > a { display:block; }.detail-product-links > a > span,.detail-product-links > a > b { display:block; }.detail-product-links > a > div { margin:34px 0; }.detail-product-links > a:hover,.detail-product-links > a:focus-visible { padding-inline:14px; }
  .detail-integration { min-height:0; display:block; }.detail-integration__copy h2 { font-size:45px; }.detail-integration ul { margin-top:55px; }.detail-integration--services .detail-integration__copy { margin-bottom:55px; display:block; }.detail-integration--services .detail-integration__copy h2 { margin-bottom:26px; }.detail-integration__services { display:block; }.detail-integration__services article,.detail-integration__services article:nth-child(3) { min-height:340px; padding:28px 0 32px; border-right:0; border-bottom:1px solid #4a565d; }.detail-integration__services article:last-child { border-bottom:0; }.detail-integration__services h3 { max-width:300px; font-size:29px; }.detail-integration__services article > p { max-width:340px; font-size:15px; }.detail-fit { display:block; }.detail-fit ul { margin-top:52px; }
}

@media (prefers-reduced-motion:reduce) { .offer-inline-link,.case-navigation__item,.case-navigation__item::after { transition:none; }.automation-cases.is-enhanced .automation-case.is-entering { animation:none; } }