.flow-card{background:#fff;border:1.5px solid hsl(var(--brand-neutral-200));border-radius:14px;padding:1rem 1.25rem;position:relative;transition:border-color .3s ease,box-shadow .35s ease,transform .3s ease;cursor:default}.flow-card:hover{border-color:hsl(var(--brand-primary-main) / .35);box-shadow:0 8px 28px hsl(var(--brand-primary-main) / .07),0 1px 6px #00000008;transform:translateY(-3px)}.flow-card-start{border-color:hsl(var(--brand-primary-main) / .25);background:linear-gradient(145deg,hsl(var(--brand-primary-light) / .06),#fff)}.flow-card-hub{border-color:hsl(var(--brand-primary-main) / .4);background:linear-gradient(145deg,hsl(var(--brand-primary-light) / .1),#fff 70%);box-shadow:0 4px 20px hsl(var(--brand-primary-main) / .07)}.flow-card-branch{border-radius:12px;padding:1.25rem;text-align:center;min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.flow-card-magic{border:2px dashed hsl(var(--brand-accent-main) / .35);border-radius:16px;padding:1.25rem 1.5rem;background:#fff}.flow-card-magic:hover{border-color:hsl(var(--brand-accent-main) / .6);box-shadow:0 8px 28px hsl(var(--brand-accent-main) / .08)}.flow-card-output{border-radius:12px;padding:1rem 1.25rem;transition:border-color .3s ease,box-shadow .35s ease,transform .3s ease}.flow-card-output:hover{transform:translateY(-2px)}.flow-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.flow-card:hover .flow-icon{transform:scale(1.06)}.flow-icon-sm{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.flow-card:hover .flow-icon-sm{transform:scale(1.08)}.flow-tag{display:inline-block;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:20px}.flow-branch-line{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:2px;height:18px;background:hsl(var(--brand-primary-main) / .2)}@keyframes flowDotRtl{0%{right:-2px;opacity:0}8%{opacity:1}92%{opacity:1}to{right:calc(100% - 4px);opacity:0}}@keyframes flowPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:.15}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.flow-card-branch{text-align:right;flex-direction:row;gap:.75rem;padding:1rem;min-height:auto}.flow-card-branch .flow-icon-sm{flex-shrink:0}.flow-card-branch h4,.flow-card-branch p{text-align:right}.flow-card-branch .flow-tag{margin-top:.5rem}}