.service-offer .wf-hero-eyebrow { text-align: center; }
.service-offer .wf-hero-rule { flex-shrink: 0; }
.workflow-benefit { display: inline-flex; align-items: baseline; gap: 8px; }
.workflow-benefit-check { color: #22D3EE; }
.wf-offer-story { margin: 32px 0 0; }
.wf-offer-story-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.wf-offer-story-stage { min-width: 0; }
.wf-offer-story-stage picture { display: block; overflow: hidden; border-radius: 12px; background: #F1F5F9; }
.wf-offer-story-stage img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.wf-offer-story-progress { display: flex; align-items: center; gap: 12px; margin: 18px 0 16px; }
.wf-offer-story-progress span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; border: 1px solid #B8DDE6; border-radius: 50%; color: #0E7490; font-size: 13px; }
.wf-offer-story-stage:not(:last-child) .wf-offer-story-progress::after { content: ''; flex: 1; height: 1px; background: #D8E5EC; }
.wf-offer-story-copy h3 { margin: 0 0 10px; color: #0B1220; font-size: 18px; line-height: 1.4; }
.wf-offer-story-copy p { margin: 0; color: #4B5563; font-size: 15px; line-height: 1.65; }
.wf-offer-story-note { margin-top: 24px; color: #4B5563; font-size: 13px; line-height: 1.5; }
@media (min-width: 651px) and (max-width: 1099px) {
    .wf-offer-story-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
}
@media (max-width: 650px) {
    .wf-offer-story-stages { grid-template-columns: 1fr; gap: 32px; }
}
@media (hover: hover) and (pointer: fine) {
    .wf-offer-story-stage { transition: transform 200ms cubic-bezier(.22,1,.36,1); }
    .wf-offer-story-stage picture { transition: transform 200ms cubic-bezier(.22,1,.36,1), box-shadow 200ms ease; }
    .wf-offer-story-progress span { transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease; }
    .wf-offer-story-copy h3 { transition: color 200ms ease; }
    .wf-offer-story-stage:hover picture { box-shadow: 0 8px 20px rgb(15 23 42 / 8%); }
    .wf-offer-story-stage:hover .wf-offer-story-progress span { background: #0E7490; border-color: #0E7490; color: #FFFFFF; }
    .wf-offer-story-stage:hover .wf-offer-story-copy h3 { color: #0E7490; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .wf-offer-story-stage:hover { transform: translateY(-2px); }
    .wf-offer-story-stage:hover picture { transform: scale(1.008); }
}
@media (prefers-reduced-motion: reduce) {
    .wf-offer-story-stage, .wf-offer-story-stage picture, .wf-offer-story-progress span, .wf-offer-story-copy h3 { transition: none; }
}
.service-offer .wf-price-card { padding: 0; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; overflow: hidden; }
.service-offer .wf-price-summary { padding: 48px; gap: 28px; }
.service-offer .wf-price-amount { font-size: clamp(48px, 5.5vw, 72px); }
.service-offer .wf-price-scope { flex-direction: column; align-items: flex-start; gap: 12px; }
.service-offer .wf-price-scope .workflow-benefit { align-items: center; gap: 12px; }
.service-offer .wf-price-scope .wf-price-check { flex: 0 0 22px; margin-top: 0; }
.service-offer .wf-price-invitation { margin-top: auto; padding-top: 64px; }
.service-offer .wf-price-included { padding: 48px; gap: 20px; }
.service-offer .wf-price-item { align-items: start; font-size: 16px; }
.service-offer .wf-price-item-copy strong { display: block; color: #FFFFFF; font-weight: 700; }
.service-offer .wf-price-item-copy p { margin: 2px 0 0; color: #C9D2DE; font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) {
    .service-offer .wf-price-card { grid-template-columns: 1fr; }
    .service-offer .wf-price-summary { padding: 28px; }
    .service-offer .wf-price-included { padding: 28px; border-left: 0; border-top: 1px solid #1F2937; }
    .service-offer .wf-price-invitation { padding-top: 24px; }
}
.service-offer .wf-contact-container { align-items: center; }
.service-offer .wf-contact-introduction { align-items: stretch; align-self: center; }
.service-offer .wf-contact-invitation { align-items: stretch; border-top: 1px solid #1F2937; padding-top: 24px; }
.service-offer .wf-contact-action { justify-content: center; }