:root { --catalog-line: #e9ebef; }
.service-hero { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; min-height: 740px; padding: 100px 24px 62px; overflow: hidden; text-align: center; background: #f2f5fc; }
.service-hero__copy { position: relative; z-index: 1; max-width: 900px; }
.service-hero h1 { font-size: clamp(44px,4.7vw,66px); line-height: 1.3; letter-spacing: -.045em; font-weight: 600; }
.service-hero h1 em { font-style: normal; }
.service-hero .service-hero__description { max-width: 660px; margin: 28px auto 0; font-size: 17px; line-height: 1.95; color: var(--color-text-600); text-wrap: pretty; }
.service-hero .button-row { justify-content: center; margin-top: 34px; gap: 30px; }
.deliverable-panel { display: grid; grid-template-columns: 1fr 1.4fr; overflow: hidden; border-radius: 20px; background: #fff; box-shadow: var(--shadow-control); }
.deliverable-panel__intro { padding: 48px; background: linear-gradient(135deg,#e6efff,#d1e2f9 65%,#dcf0ed); }
.deliverable-panel__intro h3 { margin-top: 42px; font-size: 29px; font-weight: 500; line-height: 1.4; }
.deliverable-panel__intro p { margin-top: 18px; color: var(--color-text-600); font-size: 16px; line-height: 28px; }
.deliverable-list { padding: 18px 40px; margin: 0; list-style: none; }
.deliverable-list li { display: flex; gap: 22px; padding: 26px 0; border-bottom: 1px solid #e6ebf3; }
.deliverable-list li:last-child { border: 0; }
.deliverable-list h3 { font-size: 18px; font-weight: 500; line-height: 28px; }
.deliverable-list p { margin-top: 10px; color: var(--color-text-600); font-size: 15px; line-height: 26px; }
.talent-loop { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 35px; width: 72%; margin: 40px auto 0; }
.talent-loop::before { content: ''; position: absolute; inset: 20px; border: 1px solid #fff; border-radius: 40px; }
.talent-loop span { z-index: 1; padding: 17px 8px; text-align: center; border: 1px solid white; border-radius: 12px; background: #ffffffbe; color: #607ea9; font-size: 14px; box-shadow: var(--shadow-control); }
.art-label { position: absolute; top: 16px; right: 16px; color: #4e6689; font-size: 12px; line-height: 20px; padding: 4px 10px; border-radius: 30px; background: #ffffffc4; z-index: 3; }
.service-catalog-section { position: relative; isolation: isolate; overflow: visible; margin-block: 80px 24px; padding-block: 0; }
.service-catalog-section::before { top: 50%; transform: translateY(-50%); pointer-events: none; }
.service-catalog { padding: 40px; background: #fff; border-radius: 20px; box-shadow: var(--shadow-control); }
.service-catalog .section-heading { grid-template-columns: 1fr; justify-items: center; gap: 18px; text-align: center; }
.service-catalog .section-heading > p { max-width: 640px; justify-self: center; padding-top: 0; text-align: center; }
.service-catalog .service-catalog__grid { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; border: 1px solid var(--catalog-line); }
.service-catalog__grid::before, .service-catalog__grid::after { content: ''; position: absolute; z-index: 2; pointer-events: none; }
.service-catalog__grid::before { inset: -12px -1px; border-inline: 1px solid var(--catalog-line); }
.service-catalog__grid::after { inset: -1px -12px; border-block: 1px solid var(--catalog-line); }
.service-catalog .service-catalog__item { position: relative; min-width: 0; grid-column: span 2; border-right: 1px solid var(--catalog-line); border-bottom: 1px solid var(--catalog-line); }
.service-catalog__item:nth-child(6n+1) { --catalog-a: #ded9dc; --catalog-b: #fae0d1; --catalog-c: #d2eaeb; --catalog-d: #e9d3eb; --catalog-peak: 59%; --catalog-phase: -1s; }
.service-catalog__item:nth-child(6n+2) { --catalog-a: #d9e3e7; --catalog-b: #d9efdc; --catalog-c: #f0dced; --catalog-d: #cde8ef; --catalog-peak: 48%; --catalog-phase: -3s; }
.service-catalog__item:nth-child(6n+3) { --catalog-a: #e4dcd1; --catalog-b: #f9dfd3; --catalog-c: #d9ece2; --catalog-d: #e8d2e7; --catalog-peak: 65%; --catalog-phase: -5s; }
.service-catalog__item:nth-child(6n+4) { --catalog-a: #e0d9e1; --catalog-b: #f9e1d1; --catalog-c: #cce7ea; --catalog-d: #efd5e8; --catalog-peak: 43%; --catalog-phase: -2s; }
.service-catalog__item:nth-child(6n+5) { --catalog-a: #d8dfe9; --catalog-b: #e0efd8; --catalog-c: #ebd5e6; --catalog-d: #cce8ec; --catalog-peak: 57%; --catalog-phase: -6s; }
.service-catalog__item:nth-child(6n+6) { --catalog-a: #e2dccf; --catalog-b: #f9e4d1; --catalog-c: #d3ebe2; --catalog-d: #eed6dd; --catalog-peak: 70%; --catalog-phase: -4s; }
.service-catalog__link { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; height: 100%; min-height: 264px; padding: 40px 28px; }
.service-catalog__link::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 0; transform: translateY(24%) scaleY(.5); transform-origin: center bottom; background: radial-gradient(ellipse at var(--catalog-peak) 72%,var(--catalog-c) 0%,transparent 52%),linear-gradient(115deg,var(--catalog-a) 0%,var(--catalog-b) 27%,var(--catalog-c) 61%,var(--catalog-d) 90%); background-size: 120% 110%,100% 100%; mask-image: linear-gradient(to bottom,transparent 20%,#000 90%); transition: opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1); animation: catalog-color-drift 9s ease-in-out var(--catalog-phase) infinite alternate paused; }
.service-catalog__link:focus-visible { outline-offset: -4px; }
.service-catalog__link:focus-visible::before { opacity: 1; transform: translateY(0) scaleY(1); }
.service-catalog__icon { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; background: #f6f6f7; margin-bottom: 24px; }
.service-catalog__icon img { width: 20px; height: 20px; }
.service-catalog__item h3 { min-height: 56px; margin: 0; font-size: 20px; line-height: 28px; font-weight: 500; color: var(--color-text-900); letter-spacing: -.02em; }
.service-catalog__item h3 > span { display: block; }
.service-catalog__label { white-space: nowrap; }
.service-catalog__item p { max-width: 34em; margin-top: 12px; color: var(--color-text-600); font-size: 14px; line-height: 24px; }
@keyframes catalog-color-drift { from { background-position: 0% 100%,15% 100%; } to { background-position: 75% 100%,85% 100%; } }
@media(hover:hover) and (pointer:fine) {
  .service-catalog__link:hover::before { opacity: 1; transform: translateY(0) scaleY(1); animation-play-state: running; }
}
@media(min-width:1024px) {
  .service-catalog__item:nth-child(3n), .service-catalog__item:last-child { border-right: 0; }
  .service-catalog__item:nth-child(3n+1):nth-last-child(-n+3), .service-catalog__item:nth-child(3n+1):nth-last-child(-n+3) ~ .service-catalog__item { border-bottom: 0; }
  .service-catalog__item:nth-child(3n+1):nth-last-child(2), .service-catalog__item:nth-child(3n+1):nth-last-child(2) + .service-catalog__item { grid-column: span 3; }
  .service-catalog .service-catalog__grid--two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-catalog__grid--two-columns .service-catalog__item { grid-column: auto; border-right: 1px solid var(--catalog-line); border-bottom: 1px solid var(--catalog-line); }
  .service-catalog__grid--two-columns .service-catalog__item:nth-child(2n) { border-right: 0; }
  .service-catalog__grid--two-columns .service-catalog__item:nth-last-child(-n+2) { border-bottom: 0; }
}
@media(min-width:641px) and (max-width:1023px) {
  .service-catalog .service-catalog__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-catalog .service-catalog__item { grid-column: auto; }
  .service-catalog__item:nth-child(2n) { border-right: 0; }
  .service-catalog__item:nth-last-child(-n+2) { border-bottom: 0; }
}
@media(max-width:640px) {
  .service-catalog .service-catalog__grid { grid-template-columns: minmax(0,1fr); }
  .service-catalog .service-catalog__item { grid-column: auto; border-right: 0; }
  .service-catalog .service-catalog__item:last-child { border-bottom: 0; }
  .service-catalog__link { padding: 36px 28px; }
}
@media(max-width:1100px) {
  .service-catalog { padding: 36px; }
}
@media(max-width:800px) {
  .deliverable-panel { grid-template-columns: 1fr; }
  .deliverable-panel__intro { padding: 32px; }
  .deliverable-panel__intro h3 { margin-top: 24px; }
  .service-hero { min-height: 690px; padding-top: 80px; }
  .service-hero h1 { font-size: 48px; }
  .service-hero .service-hero__description { max-width: 560px; font-size: 16px; text-wrap: balance; }
  .service-catalog-section { margin-block: 50px 12px; }
  .service-catalog { padding: 30px 24px; }
}
@media(max-width:520px) {
  .deliverable-panel__intro, .deliverable-list { padding: 26px; }
  .deliverable-panel__intro h3 { font-size: 25px; }
  .talent-loop { width: 85%; gap: 28px; }
  .service-hero { min-height: 650px; padding: 72px 20px 44px; }
  .service-hero h1 { font-size: clamp(30px,9.2vw,36px); line-height: 1.4; }
  .service-hero .service-hero__description { font-size: 15px; line-height: 1.95; margin-top: 24px; }
  .service-hero .button-row { gap: 22px; margin-top: 28px; }
  .service-catalog-section { margin-top: 36px; }
  .service-catalog { padding: 26px 18px; border-radius: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .service-catalog__link::before { transition: none; animation: none; }
}

.capability-section { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.4fr); gap: 64px; padding-top: 80px; }
.capability-section__intro { display: flex; flex-direction: column; justify-content: space-between; padding-block: 20px; }
.capability-section__intro h2 { font-weight: 500; font-size: clamp(26px,2.6vw,38px); line-height: 1.4; letter-spacing: -.035em; }
.capability-section__intro h2 span { color: var(--color-text-600); }
.capability-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.capability-card { display: flex; flex-direction: column; padding: 8px; border-radius: 20px; background: #ffffff8c; box-shadow: var(--shadow-control); }
.capability-art { position: relative; isolation: isolate; display: grid; place-items: center; flex-shrink: 0; aspect-ratio: 1.2; overflow: hidden; border-radius: 12px; }
.capability-art::before { content: ''; position: absolute; z-index: -1; inset: -25%; animation: capability-field 14s ease-in-out infinite alternate; }
.capability-art--preparation { background: #deb69e; }
.capability-art--preparation::before { background: radial-gradient(ellipse at 43% 45%,#cfa18b 12%,#f0d4ab 32%,#d7998f 50%,#ecc4a4 75%); filter: blur(12px); }
.capability-art--implementation { background: #c9c7ce; }
.capability-art--implementation::before { background: conic-gradient(from 30deg at 70% 53%,#c9c1bd,#e5d6c6 12%,#89b4e5 23%,#ffdf96 26%,#abc8e8 29%,#c3c6ce 46%,#e3d2bb 60%,#95b9e1 75%,#e9dccb); filter: blur(6px); animation-delay: -7s; }
.capability-art__label { position: absolute; top: 14px; right: 14px; font-size: 12px; line-height: 18px; padding: 1px 10px; border-radius: 20px; color: #4c4944; background: #fff8; }
.capability-art__icon { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: #ffffff70; transition: transform .5s,background .5s; }
.capability-art__icon img { width: 30px; height: 30px; }
.capability-card:hover .capability-art__icon { transform: translateY(-4px); background: #ffffffa6; }
.capability-card__body { display: flex; flex-direction: column; flex: 1; padding: 22px 14px 18px; }
.capability-card__body h3 { font-size: 21px; line-height: 30px; font-weight: 500; }
.capability-card__body p { margin: 10px 0 22px; font-size: 14px; line-height: 22px; color: var(--color-text-600); }
.capability-card__body .button-outline { align-self: flex-start; margin-top: auto; }
@keyframes capability-field { from { transform: rotate(-8deg) scale(1); } to { transform: rotate(20deg) scale(1.18) translate(-3%,4%); } }
@media(max-width:1100px) {
 .capability-section { gap: 30px; grid-template-columns: .85fr 1.6fr; }
 .capability-card__body { padding-inline: 10px; }
}
@media(max-width:900px) {
 .capability-section { grid-template-columns: 1fr; gap: 32px; padding-top: 56px; }
 .capability-section__intro { padding: 0; }
 .capability-art { aspect-ratio: 1.35; }
}
@media(max-width:520px) {
 .capability-section { padding-top: 40px; }
 .capability-pair { grid-template-columns: 1fr; gap: 24px; }
 .capability-card__body { padding: 22px 18px; }
 .capability-card__body h3 { font-size: 23px; }
 .capability-card__body p { font-size: 15px; line-height: 26px; }
}
@media(prefers-reduced-motion:reduce) {
 .capability-art::before { animation: none; }
 .capability-art__icon { transition: none; }
}

.benefit-band .value-grid { position: relative; isolation: isolate; gap: 0; border: 1px solid #e1e5e9; border-radius: 0; overflow: hidden; background: linear-gradient(110deg,#d7dfad,#c0d2bc 26%,#99d0e7 50%,#ebdba8 80%,#a6beb0); }
.benefit-band .value-grid::before { content: ''; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(105deg,transparent 0 11px,#fff2 12px,transparent 13px 16px),radial-gradient(ellipse at 35% 75%,#d6f1ff,transparent 30%),radial-gradient(ellipse at 80% 65%,#f6e4a3,transparent 35%); background-size: 100% 100%,140% 100%,140% 100%; animation: benefit-field 12s ease-in-out infinite alternate; }
.benefit-band .value-card { display: grid; grid-template-rows: subgrid; grid-row: span 3; min-width: 0; padding: 0; border-radius: 0; border-right: 1px solid #ffffff75; box-shadow: none; background: none; }
.benefit-band .value-card:last-child { border-right: 0; }
.benefit-band .value-card__body { display: grid; grid-template-rows: subgrid; grid-row: 1 / span 2; padding: 28px 24px; background: #fff; }
.benefit-band .value-card__body h3 { font-size: 20px; line-height: 30px; }
.benefit-band .value-card__body p { min-height: 0; margin-top: 12px; font-size: 14px; line-height: 22px; }
.benefit-band .value-card__visual { grid-row: 3; display: block; height: 310px; border-radius: 0; background: transparent; padding: 88px 18px 0; }
.benefit-band .value-card__visual::before,.benefit-band .value-card__visual::after { display: none; }
.value-card__window { width: 100%; min-height: 270px; padding: 15px 12px; border: 1px solid #ffffffa8; border-radius: 16px 16px 0 0; background: #ffffffb3; box-shadow: var(--shadow-control); }
.value-card__window-heading { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding-bottom: 17px; font-size: 12px; line-height: 18px; }
.value-card__window-heading strong { font-weight: 500; }
.value-card__window-heading > span { padding: 1px 5px; background: #ffffffa1; border-radius: 10px; color: #92978e; font-size: 8px; white-space: nowrap; }
.value-card__tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.value-card__tiles > span { display: flex; flex-direction: column; gap: 14px; padding: 12px; border-radius: 8px; background: #ffffffa8; font-size: 12px; line-height: 18px; }
.value-card__tiles img { width: 17px; height: 17px; }
.value-card__tasks { display: grid; gap: 8px; }
.value-card__tasks > span { display: flex; align-items: center; gap: 8px; border-radius: 8px; padding: 12px 10px; background: #ffffffa8; font-size: 12px; line-height: 18px; }
.value-card__tasks img { width: 16px; height: 16px; }
.value-card__tasks i { width: 9px; height: 9px; border-radius: 50%; margin-left: auto; border: 1px solid #a0b3a4; }
[data-loop-visuals][data-playing="false"] *,[data-loop-visuals][data-playing="false"] *::before { animation-play-state: paused !important; }
@keyframes benefit-field { to { background-position: 0 0,100% 50%,60% 0; } }
@media(max-width:1100px) { .benefit-band .value-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .benefit-band .value-card:nth-child(2) { border-right: 0; } }
@media(max-width:600px) { .benefit-band .value-grid { grid-template-columns: minmax(0,1fr); } .benefit-band .value-card { border-right: 0; } .benefit-band .value-card__visual { padding-inline: 28px; } .benefit-band .value-card__body { padding: 26px; } }
@media(prefers-reduced-motion:reduce) { .benefit-band *,.benefit-band *::before { animation: none !important; } }

.story-spotlight { display: grid; grid-template-columns: minmax(0,1.67fr) minmax(0,1fr); gap: 20px; }
.story-spotlight__stage { position: relative; min-height: 520px; overflow: hidden; border-radius: 28px; background: #f1d9c0; }
.story-spotlight__scene { position: absolute; inset: 0; isolation: isolate; opacity: 0; visibility: hidden; transition: opacity .75s ease,visibility .75s; }
.story-spotlight__scene[data-active="true"] { opacity: 1; visibility: visible; }
.story-spotlight__scene::before { content: ''; position: absolute; z-index: -1; inset: -20%; animation: story-field 16s ease-in-out infinite alternate; }
.story-spotlight__scene:nth-child(1)::before { background: radial-gradient(ellipse at 78% 25%,#d29578,transparent 35%),radial-gradient(ellipse at 10% 100%,#f1b98f,transparent 50%),#f6dbc0; }
.story-spotlight__scene:nth-child(1)::after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .12; background: url('../images/walkthrough-grain.svg'); }
.story-spotlight__scene:nth-child(2)::before { background: radial-gradient(ellipse at 65% 30%,#e9dec0,transparent 45%),radial-gradient(ellipse at 95% 95%,#7fa696,transparent 65%),#d2e5dc; }
.story-spotlight__scene:nth-child(3)::before { background: #dbe5ec url('../images/story-flow.svg') center/cover; animation: story-swirl 60s linear infinite; }
.story-spotlight__caption { position: absolute; left: 24px; bottom: 24px; width: 77%; padding: 24px; background: #fffaf2e8; border-radius: 20px; opacity: 0; transform: translateY(12px); transition: transform .65s ease,opacity .65s ease; }
.story-spotlight__scene[data-active="true"] .story-spotlight__caption { opacity: 1; transform: none; }
.story-spotlight__caption > span { font-size: 11px; line-height: 20px; color: #73786e; }
.story-spotlight__caption strong { display: block; margin-top: 12px; font-size: 27px; font-weight: 500; line-height: 1.35; color: var(--color-text-900); }
.story-spotlight__caption p { margin-top: 12px; color: var(--color-text-600); font-size: 14px; line-height: 22px; }
.story-spotlight__navigation { display: flex; flex-direction: column; padding: 14px; border: 1px solid #e5e8e9; border-radius: 28px; }
.story-spotlight__navigation ol { flex: 1; display: grid; grid-template-rows: repeat(3,1fr); gap: 5px; padding: 0; margin: 0; list-style: none; }
.story-spotlight__navigation button { display: flex; gap: 14px; align-items: flex-start; height: 100%; width: 100%; padding: 22px 16px; border: 0; border-radius: 18px; background: none; color: inherit; text-align: left; cursor: pointer; transition: background .3s; }
.story-spotlight__navigation button[aria-pressed="true"],.story-spotlight__navigation button:hover { background: #e9ecea7d; }
.story-spotlight__icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 50%; background: #e7ebe7; transition: background .3s; }
.story-spotlight__icon img { width: 19px; height: 19px; opacity: .65; }
.story-spotlight__navigation button[aria-pressed="true"] .story-spotlight__icon { background: #262e26; }
.story-spotlight__navigation button[aria-pressed="true"] img { filter: brightness(0) invert(1); opacity: 1; }
.story-spotlight__navigation button strong { display: block; font-size: 16px; font-weight: 500; line-height: 25px; }
.story-spotlight__navigation button span > span { display: block; margin-top: 7px; font-size: 12px; line-height: 21px; color: var(--color-text-500); }
.story-spotlight__navigation > .button-outline { margin-top: 18px; width: 100%; }
@keyframes story-field { to { transform: rotate(10deg) translate(-4%,6%) scale(1.1); } }
@keyframes story-swirl { to { transform: rotate(360deg); } }
@media(max-width:900px) {
 .story-spotlight { grid-template-columns: 1.3fr 1fr; gap: 16px; }
 .story-spotlight__navigation { padding: 8px; }
 .story-spotlight__navigation button { padding: 20px 12px; gap: 10px; }
 .story-spotlight__caption { width: calc(100% - 40px); left: 20px; bottom: 20px; padding: 22px; }
 .story-spotlight__caption strong { font-size: 25px; }
}
@media(max-width:700px) {
 .story-spotlight { grid-template-columns: 1fr; }
 .story-spotlight__stage { min-height: 430px; }
 .story-spotlight__navigation button { min-height: 110px; }
 .story-spotlight__navigation { padding: 12px; }
 .story-spotlight__caption strong { font-size: 24px; }
}
@media(prefers-reduced-motion:reduce) {
 .story-spotlight *, .story-spotlight *::before { animation: none !important; transition: none !important; }
}

.service-page .capability-card { background: #fff; }
.service-page .capability-card__body .button-outline { width: 100%; }
.service-page .capability-card__body p { font-size: 14px; line-height: 22px; }
.service-page .benefit-band .value-grid { border: 0; border-radius: 20px; box-shadow: var(--shadow-control); }
.service-page .benefit-band .value-card__window { animation: none; }

.service-page .value-card__window-heading > span { font-size: 12px; line-height: 18px; }
.value-card__handoff dl { display: grid; gap: 8px; margin: 0; }
.value-card__handoff dl > div { display: grid; grid-template-columns: 4em minmax(0,1fr); align-items: start; gap: 10px; padding: 9px 10px; background: #ffffffa8; border-radius: 8px; font-size: 12px; line-height: 18px; }
.value-card__handoff dt { color: var(--color-text-600); }
.value-card__handoff dd { margin: 0; text-align: right; color: var(--color-text-900); }
.value-card__handoff > p { margin: 12px 0 0; font-size: 12px; line-height: 18px; color: #627568; }

.service-page .value-card__tasks i { position: relative; flex: 0 0 12px; width: 12px; height: 12px; color: #fff; background: #758d7a; border-color: #758d7a; box-shadow: none; animation: value-task-first 8s linear infinite; animation-delay: 0s; }
.service-page .value-card__tasks i::after { content: ''; position: absolute; left: 2px; top: 2px; width: 6px; height: 3.5px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
.service-page .value-card__tasks > span:nth-child(2) i { animation-name: value-task-second; }
.service-page .value-card__tasks > span:nth-child(3) i { animation-name: value-task-third; }
@keyframes value-task-first {
  0%,18%,100% { color: transparent; background: #fff; border-color: #a0b3a4; }
  22%,99.99% { color: #fff; background: #758d7a; border-color: #758d7a; }
}
@keyframes value-task-second {
  0%,42%,100% { color: transparent; background: #fff; border-color: #a0b3a4; }
  46%,99.99% { color: #fff; background: #758d7a; border-color: #758d7a; }
}
@keyframes value-task-third {
  0%,66%,100% { color: transparent; background: #fff; border-color: #a0b3a4; }
  70%,99.99% { color: #fff; background: #758d7a; border-color: #758d7a; }
}

.service-page .benefit-band .value-card { border-right-color: var(--catalog-line); }

.service-page .capability-card__body h3 { font-size: 20px; line-height: 28px; }
.service-page .benefit-band .value-card__body h3 { line-height: 28px; }
.service-page .story-spotlight__navigation button strong { font-size: 20px; line-height: 28px; }
.service-page .story-spotlight__navigation button span > span { font-size: 14px; line-height: 22px; }
.service-page .story-spotlight__navigation { background: #fff; border: 0; border-radius: 20px; box-shadow: var(--shadow-control); }
.service-page .story-spotlight__stage { border-radius: 20px; }
.service-page .story-spotlight__scene:nth-child(3)::before { background: radial-gradient(ellipse at 72% 24%,#e5d5c7,transparent 48%),radial-gradient(ellipse at 92% 90%,#9eb9cd,transparent 62%),#dbe5ec; animation: none; }

@media (max-width: 520px) {
  .capability-art { aspect-ratio: 1.7; }
  .story-spotlight__caption > span { font-size: 12px; line-height: 18px; }
}
@media (max-width: 360px) {
  .benefit-band .value-card__visual { padding-inline: 16px; }
  .benefit-band .value-card__body { padding-inline: 20px; }
}