.wpfm-flow{--wpfm-red:#ef2b2d;--wpfm-text:#171717;--wpfm-muted:#8d8d8d;--wpfm-border:#e7e7e7;--wpfm-soft:#fff4f4;width:100%;box-sizing:border-box;font-family:inherit;color:var(--wpfm-text)}
.wpfm-flow *{box-sizing:border-box}
.wpfm-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--wpfm-gap);align-items:center;position:relative}
.wpfm-node{min-width:0;position:relative}
.wpfm-node:nth-child(1),.wpfm-node:nth-child(2),.wpfm-node:nth-child(3),.wpfm-node:nth-child(4){grid-row:1}
.wpfm-node:nth-child(5),.wpfm-node:nth-child(6),.wpfm-node:nth-child(7),.wpfm-node:nth-child(8),.wpfm-node:nth-child(9){grid-row:2}
.wpfm-node:nth-child(1){grid-column:1 / span 2}
.wpfm-node:nth-child(2){grid-column:3 / span 2}
.wpfm-node:nth-child(3){grid-column:5 / span 2}
.wpfm-node:nth-child(4){grid-column:7 / span 3}
.wpfm-node:nth-child(5){grid-column:8 / span 2}
.wpfm-node:nth-child(6){grid-column:6 / span 2}
.wpfm-node:nth-child(7){grid-column:4 / span 2}
.wpfm-node:nth-child(8){grid-column:2 / span 2}
.wpfm-node:nth-child(9){grid-column:1 / span 2}
.wpfm-card-link{position:relative;display:flex;align-items:center;gap:15px;min-height:142px;padding:22px;border:1px solid var(--wpfm-border);border-radius:20px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(0,0,0,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.wpfm-card-link:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.07);border-color:#ddd}
.wpfm-icon{width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--wpfm-soft);color:var(--wpfm-red)}
.wpfm-icon svg{width:26px;height:26px}
.wpfm-copy{display:flex;flex-direction:column;min-width:0}
.wpfm-kicker{font-size:13px;line-height:1.25;color:#969696;font-weight:600;margin-bottom:7px}
.wpfm-title{font-size:18px;line-height:1.25;font-weight:700;color:#161616}
.wpfm-badge{align-self:flex-start;margin-top:14px;padding:8px 11px;border:1px solid #ececec;border-radius:9px;background:#fafafa;font-size:12px;line-height:1;color:#777}
.wpfm-index{position:absolute;right:12px;top:10px;font-size:12px;color:#aaa;font-weight:700}
.wpfm-node:not(:last-child):after{content:"";position:absolute;z-index:2;width:calc(var(--wpfm-gap) + 2px);height:1px;background:#cfcfcf;right:calc(var(--wpfm-gap) * -1);top:50%}
.wpfm-node:not(:last-child):before{content:"";position:absolute;z-index:3;right:calc(var(--wpfm-gap) * -1);top:calc(50% - 4px);border-left:7px solid #cfcfcf;border-top:4px solid transparent;border-bottom:4px solid transparent}
.wpfm-node:nth-child(4):after{width:90px;height:110px;background:none;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;border-radius:0 0 70px 0;right:-42px;top:70px}
.wpfm-node:nth-child(4):before{right:-47px;top:175px;transform:rotate(90deg)}
.wpfm-node:nth-child(5):after,.wpfm-node:nth-child(5):before{display:none}
.wpfm-node:nth-child(6):after{left:calc(var(--wpfm-gap) * -1);right:auto}
.wpfm-node:nth-child(6):before{left:calc(var(--wpfm-gap) * -1);right:auto;transform:rotate(180deg)}
.wpfm-node:nth-child(7):after,.wpfm-node:nth-child(8):after{left:calc(var(--wpfm-gap) * -1);right:auto}
.wpfm-node:nth-child(7):before,.wpfm-node:nth-child(8):before{left:calc(var(--wpfm-gap) * -1);right:auto;transform:rotate(180deg)}
.wpfm-node:nth-child(9):after,.wpfm-node:nth-child(9):before{display:none}
.wpfm-no-arrows .wpfm-node:after,.wpfm-no-arrows .wpfm-node:before{display:none}
.wpfm-legend{display:flex;justify-content:space-between;align-items:center;margin-top:45px;padding:18px 22px;border:1px solid var(--wpfm-border);border-radius:16px;background:#fff;font-size:13px;color:#888}
.wpfm-legend>span:first-child{display:flex;align-items:center;gap:9px}
.wpfm-legend i{width:8px;height:8px;border-radius:50%;background:var(--wpfm-red);display:inline-block}
.wpfm-result{color:#4d4d4d;font-weight:600}
.wpfm-result b{color:var(--wpfm-red);font-size:20px;vertical-align:-2px;margin:0 7px}
.wpfm-single-card{max-width:100%;display:inline-block}
.wpfm-single-card .wpfm-card-link{min-height:110px}
.wpfm-flow-list-item{padding:12px 0;border-bottom:1px solid #eee}
.wpfm-flow-list-item code{margin-left:10px}
@media (max-width:1100px){
 .wpfm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .wpfm-node:nth-child(1){grid-column:1 / span 3}.wpfm-node:nth-child(2){grid-column:4 / span 3}
 .wpfm-node:nth-child(3){grid-column:1 / span 3;grid-row:2}.wpfm-node:nth-child(4){grid-column:4 / span 3;grid-row:2}
 .wpfm-node:nth-child(5){grid-column:4 / span 3;grid-row:3}.wpfm-node:nth-child(6){grid-column:1 / span 3;grid-row:3}
 .wpfm-node:nth-child(7){grid-column:4 / span 3;grid-row:4}.wpfm-node:nth-child(8){grid-column:1 / span 3;grid-row:4}
 .wpfm-node:nth-child(9){grid-column:1 / span 3;grid-row:5}
 .wpfm-node:after,.wpfm-node:before{display:none!important}
}
@media (max-width:700px){
 .wpfm-grid{display:flex;flex-direction:column;gap:16px;align-items:stretch}
 .wpfm-card-link{min-height:104px;padding:17px 18px;border-radius:16px}
 .wpfm-title{font-size:17px}
 .wpfm-icon{width:46px;height:46px;min-width:46px}
 .wpfm-legend{flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px}
 .wpfm-result{font-size:12px}
}/* v1.0.1 enhancements */
.wpfm-flow{--wpfm-accent:#ef2b2d;--wpfm-card-bg:#fff;--wpfm-border:#e7e7e7;--wpfm-radius:20px}
.wpfm-flow .wpfm-card-link{background:var(--wpfm-card-bg);border-radius:var(--wpfm-radius)}
.wpfm-flow .wpfm-icon{background:color-mix(in srgb,var(--wpfm-accent) 7%,#fff);color:var(--wpfm-accent)}
.wpfm-flow .wpfm-legend i{background:var(--wpfm-accent)}
.wpfm-layout-horizontal .wpfm-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}
.wpfm-layout-horizontal .wpfm-node:nth-child(n){grid-column:span 3!important;grid-row:auto!important}
.wpfm-layout-horizontal .wpfm-node:not(:last-child):after{content:"";position:absolute;right:calc(var(--wpfm-gap) * -1);top:50%;width:var(--wpfm-gap);height:1px;background:#cfcfcf}
.wpfm-layout-horizontal .wpfm-node:not(:last-child):before{content:"";position:absolute;right:calc(var(--wpfm-gap) * -1);top:calc(50% - 4px);border-left:7px solid #cfcfcf;border-top:4px solid transparent;border-bottom:4px solid transparent}
.wpfm-layout-horizontal .wpfm-node:last-child:after,.wpfm-layout-horizontal .wpfm-node:last-child:before{display:none}
.wpfm-layout-vertical .wpfm-grid{display:flex;flex-direction:column;align-items:stretch}.wpfm-layout-vertical .wpfm-node:after,.wpfm-layout-vertical .wpfm-node:before{display:none}
.wpfm-no-connectors .wpfm-node:after,.wpfm-no-connectors .wpfm-node:before,.wpfm-no-arrows .wpfm-node:before{display:none!important}.wpfm-line-only .wpfm-node:before{display:none!important}
.wpfm-animation-fade .wpfm-node{animation:wpfmFade .55s ease both}.wpfm-animation-lift .wpfm-node{animation:wpfmLift .55s ease both}@keyframes wpfmFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wpfmLift{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wpfm-layout-horizontal .wpfm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.wpfm-layout-horizontal .wpfm-node:nth-child(n){grid-column:span 3!important}.wpfm-layout-horizontal .wpfm-node:after,.wpfm-layout-horizontal .wpfm-node:before{display:none}}
@media(max-width:700px){.wpfm-layout-horizontal .wpfm-grid{display:flex!important;flex-direction:column;gap:16px}.wpfm-layout-horizontal .wpfm-node:nth-child(n){width:100%}}
@media(prefers-reduced-motion:reduce){.wpfm-animation-fade .wpfm-node,.wpfm-animation-lift .wpfm-node{animation:none!important}}
/* v1.0.2 modern flow motion */
.wpfm-motion-modern .wpfm-card-link{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.wpfm-motion-modern .wpfm-card-link:hover{transform:translateY(-5px) scale(1.008);box-shadow:0 18px 42px rgba(20,20,20,.10)}
.wpfm-motion-modern .wpfm-icon{transition:transform .35s ease,box-shadow .35s ease}.wpfm-motion-modern .wpfm-card-link:hover .wpfm-icon{transform:translateY(-1px) rotate(-3deg);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:not(:last-child):after,.wpfm-motion-modern.wpfm-layout-horizontal .wpfm-node:not(:last-child):after{background:linear-gradient(90deg,#d5d5d5 0%,#ef2b2d 50%,#d5d5d5 100%);background-size:220% 100%;animation:wpfmFlowLine 2.4s linear infinite}
.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:not(:last-child):before,.wpfm-motion-modern.wpfm-layout-horizontal .wpfm-node:not(:last-child):before{filter:drop-shadow(0 0 3px rgba(239,43,45,.18));animation:wpfmArrowPulse 1.8s ease-in-out infinite}
.wpfm-motion-modern .wpfm-index{transition:transform .35s ease,color .35s ease}.wpfm-motion-modern .wpfm-card-link:hover .wpfm-index{transform:translateY(-2px);color:var(--wpfm-accent)}
@keyframes wpfmFlowLine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes wpfmArrowPulse{0%,100%{opacity:.45;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}
.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(2) .wpfm-card-link,.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(6) .wpfm-card-link{transition-delay:.04s}
.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(3) .wpfm-card-link,.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(7) .wpfm-card-link{transition-delay:.08s}
.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(4) .wpfm-card-link,.wpfm-motion-modern.wpfm-layout-zigzag .wpfm-node:nth-child(8) .wpfm-card-link{transition-delay:.12s}
@media(prefers-reduced-motion:reduce){.wpfm-motion-modern .wpfm-card-link,.wpfm-motion-modern .wpfm-icon{transition:none!important}.wpfm-motion-modern .wpfm-node:after,.wpfm-motion-modern .wpfm-node:before{animation:none!important}}

/* v1.0.3: automatic flow motion + richer interaction */
.wpfm-flow.wpfm-auto-motion .wpfm-node{will-change:transform}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(odd){animation:wpfmAutoFloat 5.8s ease-in-out infinite}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(even){animation:wpfmAutoFloatReverse 6.4s ease-in-out infinite}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(2){animation-delay:.15s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(3){animation-delay:.3s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(4){animation-delay:.45s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(5){animation-delay:.6s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(6){animation-delay:.75s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(7){animation-delay:.9s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(8){animation-delay:1.05s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(9){animation-delay:1.2s}
.wpfm-flow.wpfm-speed-slow .wpfm-node{animation-duration:8s}
.wpfm-flow.wpfm-speed-normal .wpfm-node{animation-duration:6s}
.wpfm-flow.wpfm-speed-fast .wpfm-node{animation-duration:4s}
@keyframes wpfmAutoFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-5px,0)}
}
@keyframes wpfmAutoFloatReverse{
  0%,100%{transform:translate3d(0,-2px,0)}
  50%{transform:translate3d(0,4px,0)}
}
.wpfm-flow:not(.wpfm-no-hover-lift) .wpfm-card-link:hover{
  transform:translate3d(0,-7px,0) scale(1.012);
  box-shadow:0 18px 42px rgba(0,0,0,.10);
}
.wpfm-flow:not(.wpfm-no-hover-lift) .wpfm-card-link:hover .wpfm-icon{
  transform:translateY(-2px) rotate(-2deg);
}
.wpfm-flow .wpfm-card-link,
.wpfm-flow .wpfm-icon{
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease;
}
.wpfm-flow.wpfm-auto-motion:not(.wpfm-no-pause):hover .wpfm-node{
  animation-play-state:paused;
}
.wpfm-flow .wpfm-card-link:focus-visible{
  outline:3px solid color-mix(in srgb,var(--wpfm-accent) 28%,transparent);
  outline-offset:4px;
}
@media(prefers-reduced-motion:reduce){
  .wpfm-flow.wpfm-auto-motion .wpfm-node{animation:none!important}
  .wpfm-flow .wpfm-card-link,.wpfm-flow .wpfm-icon{transition:none!important}
}


/* v1.0.4: modern arrows, Segoe UI and synchronized automatic motion */
.wpfm-flow,
.wpfm-flow *{
  font-family:"Segoe UI",SegoeUI,Arial,sans-serif;
}
.wpfm-flow .wpfm-node:not(:last-child):before{
  width:11px;
  height:11px;
  border:0;
  border-top:3px solid var(--wpfm-accent);
  border-right:3px solid var(--wpfm-accent);
  border-radius:2px;
  background:transparent;
  transform:rotate(45deg);
  top:calc(50% - 6px);
  right:calc(var(--wpfm-gap) * -1 - 5px);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));
}
.wpfm-flow .wpfm-node:nth-child(4):before{
  right:-52px;
  top:170px;
  transform:rotate(135deg);
}
.wpfm-flow .wpfm-node:nth-child(6):before,
.wpfm-flow .wpfm-node:nth-child(7):before,
.wpfm-flow .wpfm-node:nth-child(8):before{
  left:calc(var(--wpfm-gap) * -1 - 5px);
  right:auto;
  transform:rotate(225deg);
}
.wpfm-layout-horizontal .wpfm-node:not(:last-child):before{
  right:calc(var(--wpfm-gap) * -1 - 5px);
  top:calc(50% - 6px);
  transform:rotate(45deg);
}
.wpfm-layout-vertical .wpfm-node:not(:last-child):before{
  left:50%;
  right:auto;
  top:auto;
  bottom:-11px;
  transform:rotate(135deg);
}
.wpfm-flow.wpfm-auto-motion .wpfm-node{
  animation:wpfmAutoFloat 5.8s ease-in-out infinite;
}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(even){
  animation-name:wpfmAutoFloatReverse;
  animation-duration:6.2s;
}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(2){animation-delay:.15s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(3){animation-delay:.30s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(4){animation-delay:.45s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(5){animation-delay:.60s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(6){animation-delay:.75s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(7){animation-delay:.90s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(8){animation-delay:1.05s}
.wpfm-flow.wpfm-auto-motion .wpfm-node:nth-child(9){animation-delay:1.20s}
@media(max-width:1100px){
  .wpfm-flow .wpfm-node:after,.wpfm-flow .wpfm-node:before{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .wpfm-flow.wpfm-auto-motion .wpfm-node{animation:none!important}
}

/* v1.0.5: professional serpentine Zigzag layout */
.wpfm-layout-zigzag .wpfm-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(142px,auto);
  column-gap:clamp(20px,var(--wpfm-gap),40px);
  row-gap:clamp(34px,calc(var(--wpfm-gap) + 8px),52px);
  align-items:stretch;
}
.wpfm-layout-zigzag .wpfm-zigzag-node{grid-column:var(--wpfm-zigzag-col)!important;grid-row:var(--wpfm-zigzag-row)!important}
.wpfm-layout-zigzag .wpfm-zigzag-node .wpfm-card-link{min-height:142px}
.wpfm-layout-zigzag .wpfm-zigzag-node:not(.wpfm-zigzag-edge):not(:last-child):after{
  content:"";position:absolute;z-index:2;top:50%;height:2px;width:var(--wpfm-gap);right:calc(var(--wpfm-gap) * -1);
  background:linear-gradient(90deg,#d8d8d8 0%,var(--wpfm-accent) 50%,#d8d8d8 100%);background-size:200% 100%;border-radius:99px;
}
.wpfm-layout-zigzag .wpfm-zigzag-node:not(.wpfm-zigzag-edge):not(:last-child):before{
  content:"";position:absolute;z-index:3;width:9px;height:9px;border:0;border-top:2.5px solid var(--wpfm-accent);border-right:2.5px solid var(--wpfm-accent);background:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.10));
  top:calc(50% - 5px);right:calc(var(--wpfm-gap) * -1 - 4px);transform:rotate(45deg);
}
/* End of each serpentine row turns the connector toward the next row. */
.wpfm-layout-zigzag .wpfm-zigzag-node.wpfm-zigzag-edge:after{
  content:"";position:absolute;z-index:2;width:calc(50% + var(--wpfm-gap));height:calc(var(--wpfm-gap) + 4px);top:calc(100% + 12px);right:auto;left:50%;
  background:none;border-right:2px solid var(--wpfm-accent);border-bottom:2px solid var(--wpfm-accent);border-radius:0 18px 18px 0;
}
.wpfm-layout-zigzag .wpfm-zigzag-node.wpfm-zigzag-edge:before{
  content:"";position:absolute;z-index:3;width:9px;height:9px;border:0;border-top:2.5px solid var(--wpfm-accent);border-right:2.5px solid var(--wpfm-accent);background:transparent;right:auto;left:calc(50% + var(--wpfm-gap));top:calc(100% + var(--wpfm-gap) + 4px);transform:rotate(135deg);
}
.wpfm-layout-zigzag .wpfm-zigzag-row-2 .wpfm-zigzag-node:not(.wpfm-zigzag-edge):not(:last-child):after{left:calc(var(--wpfm-gap) * -1);right:auto}
.wpfm-layout-zigzag .wpfm-zigzag-row-2 .wpfm-zigzag-node:not(.wpfm-zigzag-edge):not(:last-child):before{left:calc(var(--wpfm-gap) * -1 - 4px);right:auto;transform:rotate(225deg)}
.wpfm-layout-zigzag .wpfm-zigzag-row-2 .wpfm-zigzag-edge:after{left:auto;right:50%;border-right:0;border-left:2px solid var(--wpfm-accent);border-bottom:2px solid var(--wpfm-accent);border-radius:18px 0 0 18px}
.wpfm-layout-zigzag .wpfm-zigzag-row-2 .wpfm-zigzag-edge:before{left:auto;right:calc(50% + var(--wpfm-gap));transform:rotate(225deg)}
.wpfm-layout-zigzag .wpfm-zigzag-row-3 .wpfm-zigzag-edge:after,.wpfm-layout-zigzag .wpfm-zigzag-row-3 .wpfm-zigzag-edge:before{display:none}
@media(max-width:1100px){
 .wpfm-layout-zigzag .wpfm-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;row-gap:18px}
 .wpfm-layout-zigzag .wpfm-zigzag-node{grid-column:auto!important;grid-row:auto!important}
 .wpfm-layout-zigzag .wpfm-zigzag-node:after,.wpfm-layout-zigzag .wpfm-zigzag-node:before{display:none!important}
}
@media(max-width:700px){.wpfm-layout-zigzag .wpfm-grid{display:flex;flex-direction:column;gap:16px}.wpfm-layout-zigzag .wpfm-zigzag-node{width:100%}}

/* v1.0.6: accounting icons, configurable icon size/columns and clearer arrows */
.wpfm-flow .wpfm-grid{grid-template-columns:repeat(var(--wpfm-columns,4),minmax(0,1fr));}
.wpfm-flow .wpfm-icon{width:var(--wpfm-icon-size,48px);height:var(--wpfm-icon-size,48px);min-width:var(--wpfm-icon-size,48px);}
.wpfm-flow .wpfm-icon svg{width:calc(var(--wpfm-icon-size,48px) * .52);height:calc(var(--wpfm-icon-size,48px) * .52);}
.wpfm-flow .wpfm-node:not(:last-child):before{width:13px;height:13px;border-top-width:3px;border-right-width:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.14));}
.wpfm-flow .wpfm-node:not(:last-child):after{height:3px;border-radius:999px;}
.wpfm-layout-horizontal .wpfm-grid{grid-template-columns:repeat(var(--wpfm-columns,4),minmax(0,1fr));}
@media(max-width:1100px){.wpfm-flow .wpfm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.wpfm-flow .wpfm-grid{grid-template-columns:1fr!important}}

/* v1.0.7: reference / branching flow inspired by the supplied visual */
.wpfm-layout-reference .wpfm-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(var(--wpfm-columns,3),minmax(0,1fr));
  grid-auto-rows:minmax(142px,auto);
  column-gap:clamp(28px,var(--wpfm-gap),56px);
  row-gap:clamp(28px,calc(var(--wpfm-gap) + 10px),56px);
  align-items:stretch;
  padding:10px 0;
}
.wpfm-layout-reference .wpfm-reference-node{
  grid-column:var(--wpfm-ref-col)!important;
  grid-row:var(--wpfm-ref-row)!important;
  z-index:2;
}
.wpfm-layout-reference .wpfm-reference-node .wpfm-card-link{
  min-height:142px;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(28,70,120,.08);
}
.wpfm-layout-reference .wpfm-connector-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  z-index:1;
  pointer-events:none;
}
.wpfm-layout-reference .wpfm-connector-layer path{
  fill:none;
  stroke:#79aee6;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 1px 1px rgba(50,100,160,.10));
}
.wpfm-layout-reference .wpfm-connector-layer circle{
  fill:#fff;
  stroke:#79aee6;
  stroke-width:2;
}
.wpfm-layout-reference .wpfm-icon{
  background:#edf5ff;
  color:#1257c7;
  border-radius:12px;
}
.wpfm-layout-reference .wpfm-index{color:#7f96ad}
.wpfm-layout-reference.wpfm-motion-modern .wpfm-connector-layer path{
  stroke-dasharray:7 9;
  animation:wpfmReferenceFlow 2.6s linear infinite;
}
@keyframes wpfmReferenceFlow{to{stroke-dashoffset:-32}}
@media(max-width:1100px){
  .wpfm-layout-reference .wpfm-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(132px,auto)}
  .wpfm-layout-reference .wpfm-reference-node{grid-column:auto!important;grid-row:auto!important}
  .wpfm-layout-reference .wpfm-connector-layer{display:none}
}
@media(max-width:700px){
  .wpfm-layout-reference .wpfm-grid{display:flex;flex-direction:column;gap:16px;padding:0}
  .wpfm-layout-reference .wpfm-reference-node{width:100%}
}