.usageflow{background-color:var(--color-beige)}.usageflow>.usageflow-inner{display:flex;flex-direction:column;gap:var(--content-spacer);padding-block:var(--section-padding)}.usageflow-inner>.usageflow-heading{margin:0}.usageflow-inner>.usageflow-situations,.usageflow-situations>.usageflow-situation{display:flex;flex-direction:column;gap:min(40px,20/768 * 100vw);width:100%}.usageflow-situations>.usageflow-situation{background-color:var(--color-white);padding:min(40px,20/768 * 100vw)}.usageflow-situation>.usageflow-situation-head{align-items:center;border-bottom:1px solid var(--color-stroke);display:flex;gap:15px;padding-bottom:16px;width:100%}.usageflow-situation-head>.usageflow-situation-badge{align-items:center;display:flex;flex:none;gap:10px}.usageflow-situation-badge>.usageflow-situation-tag{border-bottom:1px solid;color:var(--color-brown);display:flex;flex-direction:column;font-family:var(--font-en);font-size:22px;font-weight:300;justify-content:center;line-height:var(--line-height-normal)}.usageflow-situation-badge>.usageflow-situation-number{--number_width:min(60px,50/768 * 100vw);align-items:center;background-color:var(--color-brown);border-radius:50%;color:var(--color-white);display:flex;flex:none;font-family:var(--font-en);font-size:36px;font-weight:300;height:var(--number_width);justify-content:flex-start;line-height:normal;text-align:left;width:var(--number_width)}.usageflow-situation>.usageflow-steps{--circle_width:min(200px,100/768 * 100vw);align-items:flex-start;display:flex;flex-wrap:wrap;gap:min(20px,15/768 * 100vw);width:100%}.usageflow-steps>.usageflow-step{align-items:center;display:flex;flex:none;flex-direction:column;gap:10px;position:relative}.usageflow-step>.usageflow-step-circle{background-color:var(--color-offwhite);border-radius:50%;display:grid;flex-shrink:0;height:var(--circle_width);place-items:center;width:var(--circle_width)}.usageflow-step>.usageflow-step-circle img{width:min(60px,60/390 * 100vw)}.usageflow-step>.usageflow-step-number{left:0;top:0}.usageflow-steps>.usageflow-step-arrow{align-items:center;display:flex;flex:none;height:var(--circle_width);justify-content:center;width:20px}.usageflow-inner>.usageflow-cta{align-self:center}@media screen and (max-width:767px){.usageflow-inner>.usageflow-situations{gap:min(20px,20/390 * 100vw)}.usageflow-situations>.usageflow-situation{gap:min(20px,20/390 * 100vw);padding:min(20px,20/390 * 100vw)}.usageflow-situation-badge>.usageflow-situation-tag{font-size:18px;width:88px}.usageflow-situation-badge>.usageflow-situation-number{--number_width:min(50px,50/390 * 100vw);font-size:32px}.usageflow-situation>.usageflow-steps{--circle_width:min(120px,120/390 * 100vw);gap:min(20px,20/390 * 100vw) min(10px,10/390 * 100vw)}.usageflow-steps>.usageflow-step-arrow{width:15px}.usageflow-cta>.cta-btn-arrow{position:static;transform:none}}@media screen and (max-width:479px){.usageflow-situation>.usageflow-situation-head{align-items:flex-start;flex-direction:column;gap:0}}