.scattered-container{position:relative;min-height:400px;overflow:visible}.scattered-card{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform;box-shadow:var(--shadow-lg)}.scattered-card:hover{transform:scale(1.08) rotate(0)!important;z-index:10;box-shadow:var(--shadow-2xl)}.scatter-1{top:0;left:5%;transform:rotate(-3deg);z-index:3}.scatter-2{top:60px;left:35%;transform:rotate(2deg);z-index:2}.scatter-3{top:20px;right:8%;transform:rotate(-1deg);z-index:1}.pricing-scatter-1{top:0;left:2%;transform:rotate(-2deg)}.pricing-scatter-2{top:40px;left:26%;transform:rotate(1deg)}.pricing-scatter-3{top:-20px;left:50%;transform:rotate(-1deg);z-index:5}.pricing-scatter-4{top:60px;right:2%;transform:rotate(2deg)}@keyframes float{0%,to{transform:translateY(8px) rotate(-3deg)}33%{transform:translateY(-8px) rotate(-2deg)}66%{transform:translateY(-0px) rotate(-3.5deg)}}@keyframes float-reverse{0%,to{transform:translateY(-6px) rotate(2deg)}33%{transform:translateY(6px) rotate(1deg)}66%{transform:translateY(0) rotate(2.5deg)}}@keyframes float-neutral{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(-.5deg)}}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 10s ease-in-out infinite}.animate-float-neutral{animation:float-neutral 7s ease-in-out infinite}.floating-dot{position:absolute;width:8px;height:8px;background:var(--primary);border-radius:50%;opacity:.3}.floating-shape{position:absolute;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;opacity:.1}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.nav-item-hover{position:relative;transition:color .2s ease-in-out;cursor:pointer}.nav-item-hover:after{content:"";position:absolute;bottom:-4px;left:0;height:3px;width:0;background-color:var(--accent);transition:width .2s ease-in-out}.nav-item-hover:hover{color:var(--accent)!important}.nav-item-hover:hover:after{width:100%}.nav-item-active{color:var(--accent)!important;font-weight:600!important}.nav-item-active:after{width:100%!important}@keyframes tabFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in-up{animation:tabFadeInUp 1.2s cubic-bezier(.4,0,.2,1) both}@keyframes gentleFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.gentle-fade-in-up{opacity:0;transform:translateY(20px);animation:gentleFadeInUp 1s cubic-bezier(.25,.46,.45,.94) both}.gentle-fade-in{opacity:0;transform:translateY(15px);animation:gentleFadeIn .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes gentleButtonFadeIn{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gentle-button-fade-in{opacity:0;transform:translateY(25px) scale(.95);animation:gentleButtonFadeIn 1s cubic-bezier(.25,.46,.45,.94) both}@keyframes charDropIn{0%{opacity:0;transform:translateY(-20px)}50%{opacity:.7;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.char-drop-in{display:inline-block;animation:charDropIn .4s cubic-bezier(.34,.5,.64,1) both}@keyframes gentleSubtitleFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gentle-subtitle-fade-in{opacity:0;transform:translateY(20px) scale(.98);animation:gentleSubtitleFadeIn 1.2s cubic-bezier(.25,.46,.45,.94) both}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(30px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.tab-content-fade-in{opacity:0;transform:translateY(15px) scale(.99);animation:tabContentFadeIn .6s cubic-bezier(.25,.46,.45,.94) both}.animate-when-visible{animation-play-state:paused}.animate-when-visible.is-visible{animation-play-state:running}@media (max-width: 768px){.scattered-card{position:relative!important;transform:none!important;margin-bottom:1rem}.scatter-1,.scatter-2,.scatter-3,.pricing-scatter-1,.pricing-scatter-2,.pricing-scatter-3,.pricing-scatter-4{position:relative!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important}.scattered-container{min-height:auto}}