.c-workflow{padding:88px max(28px,6vw) 64px;background-color:#f3edff;background-image:linear-gradient(#7857ff0b 1px,transparent 1px),linear-gradient(90deg,#7857ff0b 1px,transparent 1px);background-size:72px 72px;border-bottom:2px solid var(--ink);scroll-margin-top:88px}
.c-workflow-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:44px;scroll-margin-top:100px}
.c-workflow-heading .c-kicker{margin:0 0 24px}
.c-workflow-heading h2{margin:0;font-size:clamp(38px,4.6vw,68px);line-height:1.08;letter-spacing:-.035em}
.c-workflow-heading h2 span{color:var(--purple)}
.c-workflow-intro{max-width:460px;padding-bottom:4px}
.c-workflow-intro p{margin:0 0 22px;color:#45404f;font-size:17px;line-height:1.6}
.c-workflow-intro .c-btn{gap:20px;font-size:14px}
.c-workflow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.c-workflow-card{min-width:0;background:#fff;border:1px solid #ded5ef;border-radius:24px;overflow:hidden;scroll-margin-top:100px}
.c-workflow-label{display:flex;align-items:center;gap:12px;padding:20px}
.c-workflow-label>span{flex-shrink:0;padding:8px 10px;border-radius:8px;background:var(--purple);color:#fff;font:500 10px/1.2 var(--mono);letter-spacing:.03em}
.c-workflow-label b{font-size:13px;line-height:1.4;color:#514762}
.c-workflow-screen{display:block;position:relative;aspect-ratio:1.9;overflow:hidden;background:#fffdf4;border-block:1px solid #e8e2ef}
/* Purpose-framed retina visuals replace enlarged low-resolution crops. */
.c-workflow-screen img{display:block;width:100%;height:100%;object-fit:contain}
.c-workflow-copy{padding:24px 24px 28px}
.c-workflow-copy h3{margin:0 0 10px;font-size:clamp(21px,1.65vw,25px);line-height:1.25;letter-spacing:-.02em}
.c-workflow-copy p{margin:0;font-size:14px;line-height:1.6;color:#56515e}
.c-workflow a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.c-workflow-screen:focus-visible{outline-offset:-4px}
@media(min-width:1800px){.c-workflow-copy p{font-size:16px}.c-workflow-label b{font-size:15px}}
@media(max-width:1050px){.c-workflow-heading{gap:32px}.c-workflow-cards{gap:16px}.c-workflow-label{padding:16px 14px;gap:8px}.c-workflow-label b{font-size:12px}.c-workflow-copy{padding:20px 18px 24px}.c-workflow-copy p{font-size:14px}}
@media(max-width:760px){
  .c-workflow{padding:64px 20px 48px}
  .c-workflow-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  .c-workflow-heading .c-kicker{margin-bottom:18px}
  .c-workflow-heading h2{font-size:42px}
  .c-workflow-intro{max-width:560px;padding:0}
  .c-workflow-intro p{font-size:16px;margin-bottom:20px}
  .c-workflow-cards{grid-template-columns:1fr;gap:20px}
  .c-workflow-card{border-radius:20px}
  .c-workflow-label{padding:18px 20px;gap:12px}
  .c-workflow-label b{font-size:14px}
  .c-workflow-copy{padding:22px 22px 26px}
  .c-workflow-copy h3{font-size:23px}
  .c-workflow-copy p{font-size:14px}
}