:root{--landing-ease-spring: cubic-bezier(.32, 1.2, .6, 1);--landing-ease-smooth: cubic-bezier(.22, 1, .36, 1);--landing-container: 1000px;--landing-container-wide: 1120px}.landing-container{width:100%;max-width:var(--landing-container);margin-inline:auto;padding-inline:1.25rem}.landing-container-wide{width:100%;max-width:var(--landing-container-wide);margin-inline:auto;padding-inline:1.25rem}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-hero-in{animation:heroFadeIn .8s var(--landing-ease-smooth) forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-stagger-item{opacity:0;transform:translateY(20px)}.animate-stagger-visible .animate-stagger-item{animation:fadeInUp .6s var(--landing-ease-smooth) forwards}.flow-card{background:#fff;border:1.5px solid hsl(var(--brand-neutral-200));border-radius:16px;padding:1rem 1.25rem;position:relative;transition:background-color .3s ease,transform .3s ease;cursor:default;content-visibility:auto}.flow-card:hover{background-color:hsl(var(--brand-neutral-50));transform:translateY(-2px)}.flow-card-start{border-color:hsl(var(--brand-primary-main) / .2)}.flow-card-hub{border-color:hsl(var(--brand-primary-main) / .3)}.flow-card-branch{border-radius:16px;padding:1.25rem;text-align:center;min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:none;background:#fff}.flow-card-branch:hover{background-color:hsl(var(--brand-neutral-50))}.flow-card-magic{border:2px dashed hsl(var(--brand-accent-main) / .3);border-radius:16px;padding:1.25rem 1.5rem;background:#fff}.flow-card-magic:hover{border-color:hsl(var(--brand-accent-main) / .5)}.flow-card-output{border-radius:16px;padding:1rem 1.25rem;border:none;background:#fff;transition:background-color .3s ease,transform .3s ease}.flow-card-output:hover{background-color:hsl(var(--brand-neutral-50));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.05)}.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.06)}.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) / .15)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.animate-icon-float{animation:iconFloat 3s ease-in-out infinite}.animate-icon-pulse{animation:iconPulse 2s ease-in-out infinite}@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(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.flow-card,.flow-card-output,.flow-icon,.flow-icon-sm,.animate-hero-in,.animate-stagger-item,.animate-icon-float,.animate-icon-pulse{transition:none;animation:none;opacity:1;transform:none}}@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}}