.workflow{padding-top:var(--space-8);padding-bottom:var(--space-6)}.workflow-hedlines{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-7);margin-top:var(--space-6);max-width:36em}.workflow-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.workflow-text{display:flex;flex-direction:column;align-items:center;text-align:center}.workflow h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3);line-height:1.2}.workflow .subtitle{font-size:1.1rem;color:var(--color-primary);max-width:600px;line-height:1.5}.workflow-infographic img{width:100%;max-width:480px;margin:0 auto var(--space-6);display:block}.workflow-social{display:flex;justify-content:center;gap:var(--space-5)}.workflow-social img{transition:transform .2s ease,box-shadow .2s ease}.workflow-visual img{width:100%;max-width:420px;border-radius:20px;box-shadow:0 20px 50px #00000026;display:block;max-width:100%;height:auto}@media (max-width: 960px){.workflow-inner{grid-template-columns:1fr;text-align:center}.workflow-visual{margin-top:var(--space-4);display:flex;justify-content:center}.workflow-social img{width:40px;height:40px}}:root{--wf-blue: #1d6eff;--wf-pill-bg: #ffffff;--wf-pill-text: #1461e0;--wf-shadow: 0 12px 24px rgba(22, 87, 199, .12);--wf-border: rgba(29, 110, 255, .18)}.workflow-steps{position:relative;width:100%;max-width:560px;margin:0 auto var(--space-6);font-size:16px;color:var(--wf-pill-text)}.workflow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;justify-content:center;gap:var(--space-2);position:relative;padding:0 8px 28px}.workflow-or{color:#7d8fb3;font-size:.9rem;align-self:center;padding:0 6px;white-space:nowrap}.workflow-box{background:var(--wf-pill-bg);border:1px solid var(--wf-border);border-radius:18px;box-shadow:var(--wf-shadow);display:flex;align-items:center;justify-content:center;text-align:center;width:134px;padding:10px 16px;min-height:60px;line-height:1.25;font-weight:500;color:var(--wf-pill-text);white-space:normal;text-wrap:balance}@supports not (text-wrap: balance){.workflow-box{word-break:keep-all}}.workflow-row:after{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:2px;background:var(--wf-blue);border-radius:2px}.workflow-arrow{text-align:center;color:var(--wf-blue);font-size:18px;margin:8px 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}.workflow-steps>.workflow-box{width:70%;margin:10px auto}.workflow-steps>.workflow-arrow:last-of-type{margin:10px 0}.workflow-row:after,.workflow-row:before,.workflow-steps:after{box-shadow:0 0 .5px #1d6eff99,0 0 8px #1d6eff1f}@media (max-width: 640px){.workflow-row{grid-template-columns:1fr;gap:10px;padding-bottom:16px}.workflow-row:after,.workflow-row:before,.workflow-row .workflow-box:last-of-type:after{content:none}.workflow-steps:after{left:50%;top:auto;bottom:auto;height:60px}.workflow-steps>.workflow-box{width:88%}.workflow-visual img{width:100%;max-width:320px}.workflow-box{margin:auto}}@media (min-width: 641px){.workflow-row,.workflow-row .workflow-box{position:relative}.workflow-row .workflow-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:28px;background:var(--wf-blue);box-shadow:0 0 .5px #1d6eff99,0 0 8px #1d6eff1f}.workflow-row:after{content:"";position:absolute;left:74px;right:74px;bottom:0;height:2px;background:var(--wf-blue);border-radius:2px;box-shadow:0 0 .5px #1d6eff99,0 0 8px #1d6eff1f}}:root[data-theme=dark]{--wf-blue: var(--color-secondary);--wf-pill-bg: #2c323b;--wf-pill-text: var(--color-light);--wf-shadow: 0 12px 24px rgba(0, 0, 0, .4);--wf-border: rgba(100, 164, 255, .25)}:root[data-theme=dark] .workflow h2,:root[data-theme=dark] .workflow .subtitle{color:var(--color-light)}:root[data-theme=dark] .workflow-or{color:var(--color-medium)}