.App{min-height:100vh;background:var(--df-bg)}@keyframes df-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes df-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10}}@keyframes loop-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes flow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flow-right{width:40%;height:100%;background:linear-gradient(90deg,transparent,#a855f7,transparent);animation:flowRight 1.2s linear infinite}.flow-left{width:40%;height:100%;background:linear-gradient(270deg,transparent,#a855f7,transparent);animation:flowLeft 1.2s linear infinite}@keyframes flowRight{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes flowLeft{0%{transform:translateX(200%)}to{transform:translateX(-100%)}}.flow-line{width:30%;height:100%;background:linear-gradient(90deg,transparent,#a855f7,transparent);animation:flowMove 1.2s linear infinite}@keyframes flowMove{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}section{padding-left:clamp(16px,5vw,80px);padding-right:clamp(16px,5vw,80px)}.df-section{padding-left:0!important;padding-right:0!important}.df-container{max-width:1180px!important}.df-container,.df-nav-container{width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(18px,3vw,32px);padding-right:clamp(18px,3vw,32px)}.df-nav-container{max-width:1180px}@media (max-width:640px){.df-container{padding-left:20px;padding-right:20px}}@keyframes costShrink{0%{transform:translateX(0);opacity:1}40%{transform:translateX(-20%);opacity:.9}70%{transform:translateX(-50%);opacity:.6}to{transform:translateX(-60%);opacity:0}}.animate-costShrink{animation:costShrink 2.5s ease-in-out infinite}