.cy-workflow-cards{background:var(--cy-surface-page);padding:120px 0}.cy-workflow-cards .cy-shead+.wc-grid{margin-top:48px}.cy-workflow-cards .wc-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.cy-workflow-cards .wc-card{height:100%;perspective:2000px}.cy-workflow-cards .wc-flip{height:100%;position:relative;transform-style:preserve-3d;transition:transform .42s ease}.cy-workflow-cards .wc-front,.cy-workflow-cards .wc-rest{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--cy-surface-card);border:1px solid var(--cy-border-subtle);border-radius:14px;overflow:hidden}.cy-workflow-cards .wc-rest{height:100%;padding:32px}.cy-workflow-cards .wc-card.is-flipped .wc-flip,.cy-workflow-cards .wc-card:focus-within .wc-flip{transform:rotateY(180deg)}@media(hover:hover){.cy-workflow-cards .wc-card:hover .wc-flip{transform:rotateY(180deg)}}.cy-workflow-cards .wc-front{align-items:center;display:flex;flex-direction:column;gap:40px;inset:0;padding:10px 10px 32px;position:absolute;transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.cy-workflow-cards .wc-flip{transform:none!important;transition:none}.cy-workflow-cards .wc-front,.cy-workflow-cards .wc-rest{transition:opacity .2s ease}.cy-workflow-cards .wc-front{opacity:0;transform:none}.cy-workflow-cards .wc-card.is-flipped .wc-front,.cy-workflow-cards .wc-card:focus-within .wc-front{opacity:1}.cy-workflow-cards .wc-card.is-flipped .wc-rest,.cy-workflow-cards .wc-card:focus-within .wc-rest{opacity:0}}@media(hover:hover)and (prefers-reduced-motion:reduce){.cy-workflow-cards .wc-card:hover .wc-front{opacity:1}.cy-workflow-cards .wc-card:hover .wc-rest{opacity:0}}.cy-workflow-cards .wc-media{border-radius:14px;display:grid;flex:1 1 auto;overflow:hidden;place-items:center;position:relative;width:100%}.cy-workflow-cards .wc-steps--front{gap:20px;margin:0;max-width:calc(100% - 32px);position:relative;width:290px;z-index:1}.cy-workflow-cards .wc-steps--front:before{background:var(--cy-border-strong);bottom:10%;content:"";left:50%;position:absolute;top:10%;transform:translateX(-50%);width:2px}.cy-workflow-cards .wc-steps--front .wc-step{border:0;box-shadow:0 0 1px rgba(0,0,0,.03);font:var(--cy-body-md);gap:14px;min-height:54px;padding:8px 20px 8px 8px}.cy-workflow-cards .wc-steps--front .wc-step+.wc-step{margin-top:0}.cy-workflow-cards .wc-steps--front .wc-step+.wc-step:before{content:none}.cy-workflow-cards .wc-steps--front .wc-step-ico{height:38px;width:38px}.cy-workflow-cards .wc-cta{flex:none;font-size:var(--cy-type-label-md-size);height:40px;line-height:var(--cy-type-label-md-line);padding-inline:16px}.cy-workflow-cards .wc-steps{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0 0 32px;padding:0}.cy-workflow-cards .wc-step{align-items:center;background:var(--cy-surface-raised);border:1px solid var(--cy-border-subtle);border-radius:var(--cy-radius-pill);color:var(--cy-text-primary);display:flex;font:var(--cy-label-md);gap:16px;max-width:320px;min-height:56px;padding:8px 20px 8px 8px;position:relative;width:100%}.cy-workflow-cards .wc-step+.wc-step{margin-top:18px}.cy-workflow-cards .wc-step+.wc-step:before{background:var(--cy-border-subtle);content:"";height:18px;left:50%;position:absolute;top:-19px;width:1px}.cy-workflow-cards .wc-step-ico{align-items:center;background:var(--cy-surface-band);border-radius:50%;color:var(--cy-text-primary);display:inline-flex;flex:none;height:40px;justify-content:center;width:40px}.cy-workflow-cards .wc-step-ico img,.cy-workflow-cards .wc-step-ico svg{display:block;height:20px;width:20px}.cy-workflow-cards .wc-title{color:var(--cy-text-primary);font:var(--cy-heading-sm);margin:0 0 8px}.cy-workflow-cards .wc-text{color:var(--cy-text-secondary);font:var(--cy-body-sm);margin:0}@media(max-width:1080px){.cy-workflow-cards{padding:80px 0}.cy-workflow-cards .wc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cy-workflow-cards .wc-grid{grid-template-columns:minmax(0,1fr)}.cy-workflow-cards .wc-rest{padding:24px}.cy-workflow-cards .wc-grid.cy-carousel{display:flex;flex-wrap:nowrap;gap:16px;margin-inline:calc(var(--cy-gutter)*-1);overflow-x:auto;overscroll-behavior-x:contain;padding-inline:var(--cy-gutter);scroll-padding-inline:var(--cy-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.cy-workflow-cards .wc-grid.cy-carousel::-webkit-scrollbar{display:none}.cy-workflow-cards .wc-grid.cy-carousel>*{flex:0 0 min(82vw,360px);min-width:0;scroll-snap-align:start}}
/*# sourceMappingURL=cyWorkflowCards.css.map*/