.solution__visual{aspect-ratio:1360/543;background:0 0;margin-block-end:var(--flow-gap);position:relative;overflow:hidden}.solution__visual picture{display:block}.solution__image{width:100%;height:auto;display:block}@media (width<=767px){.solution__visual{aspect-ratio:698/543}}.solution__grid{gap:var(--space-md);display:grid}.solution-card{gap:var(--space-lg);min-height:260px;padding:var(--space-md);border:1px solid rgb(var(--color-surface-dim));border-radius:var(--radius-card);background:var(--color-surface);color:inherit;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard);flex-direction:column;display:flex;box-shadow:0 4px 6px #0000001a}.solution-card:hover,.solution-card:focus-visible{border-color:#00000047;transform:translateY(-2px);box-shadow:0 8px 12px #00000024}.solution-card__topline{justify-content:space-between;align-items:flex-start;display:flex}.solution-card__icon{width:var(--space-2xl);height:var(--space-2xl);border-radius:var(--radius-sm);background:var(--color-primary-container);color:var(--color-on-primary-container);place-items:center;display:grid}.solution-card__icon .icon{display:block}.solution-card__arrow{width:var(--space-2xl);height:var(--space-2xl);border:1px solid var(--color-surface-dim);border-radius:var(--radius-full);color:var(--color-on-surface-variant);background:var(--color-surface-dim);transition:background-color var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard);place-items:center;display:grid}.solution-card:hover .solution-card__arrow,.solution-card:focus-visible .solution-card__arrow{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.solution-card__content{gap:var(--space-sm);flex-direction:column;display:flex}.solution-card__content h3{font-size:var(--fs-h4);line-height:var(--lh-normal);font-weight:var(--fw-semibold);margin:0}.solution-card__content p{color:var(--color-on-surface-variant);font-size:var(--fs-body-sm);line-height:var(--lh-relaxed);margin:0}.step h3{font-size:var(--fs-h4);line-height:var(--lh-normal);font-weight:var(--fw-semibold);margin-block-end:var(--space-2xs)}.step p{color:var(--color-on-surface-variant);font-size:var(--fs-body-sm);line-height:var(--lh-relaxed)}.steps{gap:var(--space-xl);margin:0 0 var(--flow-gap);padding:0;list-style:none;display:grid}.step__number{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-on-primary-container);color:var(--color-on-primary);font-weight:var(--fw-semibold);place-items:center;margin-block-end:var(--space-md);display:grid}.step__connector{display:none}.customer-stories .section-container{padding-block-start:var(--section-py);padding-block-end:0}.story-slider__viewport{transition:height var(--duration) var(--ease-standard);position:relative;overflow:visible}.story-card{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(var(--space-2xs));transition:opacity var(--duration) var(--ease-standard), transform var(--duration) var(--ease-standard), visibility 0s linear var(--duration);display:block;position:absolute;inset:0}.story-card.is-active{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;position:relative;transform:translateY(0)}.story-card__media{border-radius:var(--radius-card);background:var(--color-primary);min-height:clamp(340px,42vw,560px);color:var(--color-on-primary);cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.story-card__media iframe{--story-video-scale:1.3;width:100%;height:100%;transform:translate(-50%, -50%) scale(var(--story-video-scale));transform-origin:50%;pointer-events:none;border:0;display:block;position:absolute;top:50%;left:50%}.story-card__play{z-index:1;width:var(--space-3xl);height:var(--space-3xl);border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container);cursor:pointer;border:0;place-items:center;margin:0;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (width<=767px){.story-card__media iframe{--story-video-scale:1.2}}@media (width<=599px){.story-card__media iframe{--story-video-scale:1.5}}@media (width<=479px){.story-card__media iframe{--story-video-scale:1.9}}@media (width<=391px){.story-card__media iframe{--story-video-scale:2.3}}.story-card__content{z-index:1;width:calc(100% - var(--space-md) - var(--space-md));max-width:calc(var(--space-5xl) + var(--space-5xl) + var(--space-5xl) + var(--space-5xl) + var(--space-5xl));margin:calc(-1 * var(--space-5xl)) auto 0;padding:clamp(var(--space-sm), 3.2vw, var(--space-xl));border-radius:var(--radius-card);background:var(--color-primary-container);position:relative}.story-card__customer{color:var(--color-on-primary-container);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;margin:0}.story-card blockquote{font-size:var(--fs-h4);line-height:var(--lh-snug);font-weight:var(--fw-medium);margin:0}.story-card__quote-highlight{font-weight:var(--fw-semibold)}.story-card__meta{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-md);display:flex}.story-controls{gap:var(--space-xs);flex:none;display:flex}.story-controls button{border:1px solid var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-primary);transition:background-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard);background:0 0;place-items:center;display:grid}.story-controls button:first-child{transform:rotate(180deg)}.story-controls button:hover,.story-controls button:focus-visible{background:var(--color-primary);color:var(--color-on-primary)}@media (width>=768px){.solution__grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.solution__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.steps{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr))}.step__connector{background:linear-gradient(to right, var(--color-on-primary-container), var(--transparent) 65%);width:calc(100% - 48px);height:1px;display:block;position:absolute;top:24px;left:48px}.step{position:relative}.story-card__media{border-radius:var(--radius-card);width:80%;min-height:clamp(520px,42vw,620px)}.story-card__content{width:min(38%,520px);margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}}