@keyframes grow-progress2{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(30px) scale(.95)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.section-wrapper{height:600vh;position:relative;view-timeline-name:--section-scroll;view-timeline-axis:block}.scroll-step{position:absolute;opacity:0;transform:translateY(30px) scale(.95);animation:fadeInOut linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeNodeBorder{0%,to{border-color:#475569}0.0001%,99.9999%{border-color:rgba(233,115,221,.4)}}.timeline-node{animation:activeNodeBorder linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeNodeDot{0%,to{background-color:#475569}0.0001%,99.9999%{background-color:#e973dd;box-shadow:0 0 8px rgba(233,115,221,.8)}}.timeline-dot{animation:activeNodeDot linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeConnector{0%,to{background-color:transparent}0.0001%,99.9999%{background-color:rgba(233,115,221,.4)}}.timeline-connector{animation:activeConnector linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeCardBorder{0%,to{border-color:transparent;background-color:transparent}0.0001%,99.9999%{border-color:rgba(233,115,221,.3);background-color:rgba(233,115,221,.05)}}.item-card{animation:activeCardBorder linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeIconBox{0%,to{border-color:#334155;box-shadow:none}0.0001%,99.9999%{border-color:#e973dd;box-shadow:0 0 15px rgba(233,115,221,.4),inset 0 0 10px rgba(233,115,221,.1)}}.icon-box{animation:activeIconBox linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeIconColor{0%,to{color:#94a3b8}0.0001%,99.9999%{color:#e973dd}}.icon-svg{animation:activeIconColor linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes activeTitle{0%,to{color:#cbd5e1}0.0001%,99.9999%{color:#fff}}.item-title{animation:activeTitle linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}@keyframes slideInFromLeft{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shrinkIn{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.maindiv{transform:translateX(-50px);animation:slideInFromLeft 1s ease-out forwards;animation-delay:.1s}.maindiv,.maintext{display:inline-block;opacity:0}.maintext{animation:fadeIn 1.4s ease-out forwards;animation-delay:.6s}