/* Prominent homepage workflow cards. */
html[data-template='pro'] #how-it-works .ph-flow{display:grid!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1.3fr)!important;gap:18px!important;align-items:center!important}
html[data-template='pro'] #how-it-works :is(.flow-source,.flow-brain){width:100%!important;min-height:220px!important;padding:32px 22px!important;border:3px solid #e42127!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(228,33,39,.1)!important;box-sizing:border-box!important}
html[data-template='pro'] #how-it-works .flow-targets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html[data-template='pro'] #how-it-works .flow-targets>span{border:3px solid #e42127!important;border-radius:18px!important;min-height:104px!important;padding:20px 16px!important;font-size:18px!important;box-sizing:border-box!important}
html[data-template='pro'] #how-it-works .flow-source>svg{width:38px!important;height:38px!important}
html[data-template='pro'] #how-it-works .flow-brain img{width:92px!important;height:92px!important;object-fit:contain}
html[data-template='pro'] #how-it-works :is(.flow-source,.flow-brain)>b{font-size:22px!important}
html[data-template='pro'] #how-it-works .flow-line{height:3px!important;width:100%!important;background:#e42127!important;position:relative!important}
html[data-template='pro'] #how-it-works .flow-line::after{content:"";position:absolute;right:0;top:50%;width:11px;height:11px;border-top:3px solid #e42127;border-right:3px solid #e42127;transform:translateY(-50%) rotate(45deg)}
html[data-template='pro'] #how-it-works .ph-five-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;border-top:2px solid #e42127!important;padding-top:28px!important;margin-top:36px!important}
html[data-template='pro'] #how-it-works .ph-five-steps>div{border:2px solid #e42127!important;border-radius:14px!important;padding:22px 18px!important;min-height:126px!important;box-sizing:border-box!important}
html[data-template='pro'][data-lang][data-lang][data-lang] #how-it-works .ph-five-steps>div>b{display:block;color:#c91820!important;-webkit-text-fill-color:#c91820!important;font-size:23px!important;margin-bottom:12px}
@media(max-width:900px){html[data-template='pro'] #how-it-works .ph-flow{grid-template-columns:1fr!important;gap:20px!important;max-width:600px;margin:auto}html[data-template='pro'] #how-it-works .flow-line{width:3px!important;height:32px!important;margin:auto}html[data-template='pro'] #how-it-works .flow-line::after{top:auto;bottom:0;right:50%;transform:translateX(50%) rotate(135deg)}html[data-template='pro'] #how-it-works .ph-five-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-template='pro'] #how-it-works :is(.flow-source,.flow-brain){min-height:180px!important}}
@media(max-width:480px){html[data-template='pro'] #how-it-works .flow-targets>span{padding:16px 12px!important;font-size:16px!important;min-height:88px!important}html[data-template='pro'] #how-it-works .ph-five-steps{grid-template-columns:1fr!important}}