/* One mobile viewport, with the persistent CTA occupying the remaining space. */
.how-v2{padding-top:56px;padding-bottom:56px;scroll-margin-top:0}
.how-v2 .how-head{text-align:center;margin-bottom:28px}
.how-v2 .how-setup{display:flex;align-items:center;justify-content:center;gap:28px;max-width:460px;margin:0 auto;padding:14px 25px;background:white;border:1px solid #d7e0f5;border-radius:10px}
.how-v2 .how-setup>span{font-size:12px;color:#687286}
.how-v2 .how-setup strong{font-weight:550;font-size:16px}
.how-v2 .how-setup strong span{color:#144cff;padding:0 10px}
.how-v2 .how-repeat{color:#144cff;font-size:13px;font-weight:600;text-align:center;margin:30px 0 14px}
.how-v2 .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.how-v2 .how-steps li{min-width:0;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
.how-v2 .how-visual{width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center}
.how-v2 .how-art{height:100%;aspect-ratio:1;max-width:100%;background-image:url('assets/how-workflow-v2.png');background-repeat:no-repeat;background-size:300% 100%;mix-blend-mode:multiply}
.how-v2 .how-art-drop{background-position:0% 50%}
.how-v2 .how-art-pick{background-position:50% 50%}
.how-v2 .how-art-post{background-position:100% 50%}
.how-v2 .how-number{font-size:11px;font-weight:600;color:#144cff;display:block;margin-bottom:7px}
.how-v2 .how-copy h3{font-size:30px;line-height:1.1;letter-spacing:-.055em}
.how-v2 .how-copy p{font-size:13px;line-height:1.45;color:#626a7c;margin-top:9px}
@media(max-width:900px){
  .how-v2{height:calc(100svh - var(--landing-cta-height,76px));min-height:490px;padding:22px 20px 16px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);row-gap:12px}
  .how-v2 .how-head{margin:0;text-align:left}
  .how-v2 .how-head h2{font-size:clamp(30px,8.2vw,42px);line-height:1.1}
  .how-v2 .how-setup{width:100%;max-width:none;justify-content:space-between;gap:12px;padding:12px 15px;margin:0;border-radius:8px}
  .how-v2 .how-setup strong{font-size:14px}
  .how-v2 .how-setup>span{font-size:11px}
  .how-v2 .how-repeat{text-align:left;margin:0;font-size:12px;padding-top:2px}
  .how-v2 .how-steps{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-height:0}
  .how-v2 .how-steps li{display:grid;grid-template-columns:minmax(100px,.72fr) minmax(0,1.28fr);gap:4px;min-height:0;text-align:left;align-items:stretch;border-bottom:1px solid #dce3f6}
  .how-v2 .how-steps li:last-child{border-bottom:0}
  .how-v2 .how-copy{align-self:center;padding-right:5px}
  .how-v2 .how-number{font-size:10px;margin-bottom:7px}
  .how-v2 .how-copy h3{font-size:clamp(23px,6.2vw,32px);white-space:nowrap}
  .how-v2 .how-copy p{font-size:11px;margin-top:7px}
  .how-v2 .how-visual{aspect-ratio:auto;height:100%;min-height:0;justify-content:flex-end;overflow:hidden}
  .how-v2 .how-art{max-height:100%;max-width:100%;height:auto;width:auto;aspect-ratio:1;block-size:100%;flex-shrink:0}
}
@media(max-width:900px) and (max-height:650px){
  .how-v2{padding-block:14px 10px;row-gap:8px}
  .how-v2 .how-head h2{font-size:29px}
  .how-v2 .how-setup{padding-block:9px}
  .how-v2 .how-copy h3{font-size:22px}
  .how-v2 .how-number{margin-bottom:4px}
}