/* HTML blocks avoid the inherited SVG display typeface and remain readable at every size. */
.b2c-flow{padding:32px 28px;border:1px solid #b9ccd5;border-radius:18px;background:#f6fafb}.b2c-flow h2{margin:0 0 24px;color:#102c3e;font:700 clamp(24px,3vw,34px)/1.18 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-shadow:none!important}.b2c-flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;margin:0;list-style:none}.b2c-flow-list li{position:relative;min-height:122px;padding:20px 16px;border:2px solid #31566a;border-radius:14px;background:#fff;color:#102c3e;box-shadow:0 4px 12px rgba(16,44,62,.06);animation:b2c-card-in .5s ease-out both}.b2c-flow-list li:nth-child(2){animation-delay:.12s;background:#eff8f2}.b2c-flow-list li:nth-child(3){animation-delay:.24s;background:#fff4df}.b2c-flow-list li:nth-child(4){animation-delay:.36s;background:#f2f6f8}.b2c-flow-list li:not(:last-child)::after{content:'→';position:absolute;right:-26px;top:42px;color:#16845a;font:700 38px/1 Arial,sans-serif;animation:b2c-arrow-in .35s ease-out both}.b2c-flow-list li:nth-child(1)::after{animation-delay:.35s}.b2c-flow-list li:nth-child(2)::after{animation-delay:.5s}.b2c-flow-list li:nth-child(3)::after{animation-delay:.65s}.b2c-flow-step{display:block;margin-bottom:9px;font:700 18px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-shadow:none!important}.b2c-flow-list small{display:block;color:#31566a;font:400 15px/1.45 Arial,Helvetica,sans-serif!important}.b2c-flow-note{margin:24px 0 0!important;color:#476170!important;font:400 15px/1.55 Arial,Helvetica,sans-serif!important}@keyframes b2c-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes b2c-arrow-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(max-width:760px){.b2c-flow{padding:24px 18px}.b2c-flow-list{grid-template-columns:1fr;gap:16px}.b2c-flow-list li{min-height:unset}.b2c-flow-list li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-29px;transform:translateX(-50%) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.b2c-flow-list li,.b2c-flow-list li:not(:last-child)::after{animation:none}}