.video-workflow-page{min-height:720px;padding:30px 36px 42px;background:var(--paper);scroll-margin-top:85px}
.workflow-page-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:400;letter-spacing:1px}
.video-workflow-heading{text-align:center;max-width:800px;margin:52px auto 48px}
.video-workflow-heading h2{font-size:clamp(30px,4.4vw,52px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin:0 0 24px}
.video-workflow-heading>p{font-size:16px;line-height:1.6;max-width:640px;margin:0 auto}
.video-workflow-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0 10px 26px}
.video-workflow-steps::before{content:'';position:absolute;inset:80px 0 0;border:1px solid #30304450;border-radius:36px;pointer-events:none}
.workflow-step{--step-color:var(--pink);position:relative;padding:0 5px 16px;min-width:0;text-align:center}
.workflow-step:nth-child(2),.workflow-step:nth-child(6){--step-color:var(--lav)}
.workflow-step:nth-child(3){--step-color:var(--cream)}
.workflow-step:nth-child(4){--step-color:var(--blue)}
.workflow-step:nth-child(5){--step-color:var(--pink)}
.workflow-number{font-size:46px;font-weight:500;line-height:1;display:block;padding-bottom:35px;letter-spacing:-1px}
.workflow-step::before{content:'';position:absolute;top:72px;left:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--step-color);border:1px solid #30304450}
.workflow-step h3{position:relative;display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #30304450;border-radius:24px;background:var(--step-color);padding:7px 6px;font-size:13px;line-height:1.2;font-weight:400;text-transform:uppercase;letter-spacing:0;margin:24px 0 18px}
.workflow-step p{font-size:14px;line-height:1.65;margin:0}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.video-workflow-page{padding:30px 28px}.video-workflow-steps{gap:8px;padding-inline:8px}.workflow-step{padding-inline:3px}.workflow-step h3{font-size:12px}.workflow-step p{font-size:14px}.video-workflow-heading{margin-top:40px}}
@media(max-width:850px){.video-workflow-page{min-height:0}.video-workflow-steps{display:block;border:1px solid #30304450;border-radius:28px;padding:24px}.video-workflow-steps::before{inset:30px auto 30px 52px;border:0;border-left:1px solid #30304450;border-radius:0}.workflow-step{text-align:left;display:grid;grid-template-columns:60px 1fr;column-gap:24px;padding:0 0 32px}.workflow-step:last-child{padding-bottom:0}.workflow-number{grid-column:1;grid-row:1/3;font-size:34px;padding:0;position:relative;z-index:1;background:var(--paper);align-self:start;text-align:center}.workflow-step::before{display:none}.workflow-step h3{grid-column:2;justify-content:flex-start;min-height:0;width:max-content;max-width:100%;padding:9px 16px;font-size:14px;margin:0 0 12px}.workflow-step p{grid-column:2;font-size:16px;line-height:1.6}.video-workflow-heading{margin:36px auto}.video-workflow-heading h2{font-size:38px;letter-spacing:-1.5px}.workflow-page-meta{font-size:11px}}
@media(max-width:450px){.video-workflow-page{padding:25px 18px 30px}.workflow-page-meta{font-size:10px;letter-spacing:.3px;gap:10px}.video-workflow-heading h2{font-size:31px;letter-spacing:-1px}.video-workflow-heading>p{font-size:16px}.video-workflow-steps{padding:22px 16px}.video-workflow-steps::before{left:38px}.workflow-step{grid-template-columns:44px 1fr;column-gap:14px}.workflow-number{font-size:30px}.workflow-step h3{font-size:13px;padding:8px 12px}}
@media print{.video-workflow-page{height:189mm;min-height:0;max-height:none;padding:8mm 10mm;margin:0;border:0;border-radius:0;break-before:page;break-after:page;break-inside:avoid}.workflow-page-meta{font-size:8pt}.video-workflow-heading{margin:14mm auto 12mm}.video-workflow-heading h2{font-size:32pt;margin-bottom:6mm;letter-spacing:-1pt}.video-workflow-heading>p{font-size:12pt;max-width:180mm}.video-workflow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3mm;border:0;border-radius:0;padding:0 3mm 8mm}.video-workflow-steps::before{inset:21mm 0 0;border:1px solid #30304450;border-radius:9mm}.workflow-step{display:block;text-align:center;padding:0 1mm 4mm;break-inside:avoid}.workflow-number{font-size:30pt;padding-bottom:9mm;background:none;text-align:center}.workflow-step::before{display:block;top:19mm;left:calc(50% - 2mm);width:4mm;height:4mm}.workflow-step h3{width:auto;max-width:none;justify-content:center;min-height:12mm;font-size:9pt;padding:2mm 1mm;margin:6mm 0 5mm;line-height:1.3}.workflow-step p{font-size:10pt;line-height:1.6}.workflow-step:last-child{padding-bottom:4mm}}
