/* Small native SVG marks; keep the copy as the primary content. */
.workflow-section{padding-block:76px}
.workflow-section>div:first-child{margin-bottom:36px}
.workflow-section .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.workflow-grid .workflow-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:22px;padding:30px;background:#22262a;border:1px solid #343b40;border-radius:16px;transition:background .18s,border-color .18s}
.workflow-grid .workflow-card:hover{background:#252a2e;border-color:#53613c}
.workflow-icon{width:48px;height:48px;color:#8d9aa5;margin-top:1px}
.workflow-accent{stroke:var(--green,#b5ff36)}
.workflow-fill{fill:var(--green,#b5ff36);stroke:var(--green,#b5ff36)}
.workflow-grid h3{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin:4px 0 14px;text-wrap:balance}
.workflow-grid p{margin:0;font-size:14px;line-height:1.9;overflow-wrap:break-word}
@media(max-width:900px){.workflow-grid .workflow-card{padding:24px;gap:16px;grid-template-columns:40px minmax(0,1fr)}.workflow-icon{width:40px;height:40px}.workflow-grid h3{font-size:18px}}
@media(max-width:680px){.workflow-section{padding-block:48px}.workflow-section .workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-grid .workflow-card{padding:23px 20px;gap:15px;grid-template-columns:36px minmax(0,1fr)}.workflow-icon{width:36px;height:36px}.workflow-grid h3{margin-top:2px;margin-bottom:10px}.workflow-section>div:first-child{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.workflow-card{transition:none!important}}

/* Explicit weights prevent the shared site SVG rule from thinning these marks. */
.workflow-grid svg.workflow-icon{stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.workflow-icon .workflow-heavy{stroke-width:6}
.workflow-icon .workflow-fill{stroke:none}
.workflow-icon .workflow-cutout{fill:#22262a;stroke:#22262a;stroke-width:4}
.workflow-card:hover .workflow-cutout{fill:#252a2e;stroke:#252a2e}