.animate-on-scroll.visible{opacity:1;transform:translateY(0);filter:blur(0)}.stagger-children .animate-on-scroll:nth-child(1){transition-delay:0ms}.stagger-children .animate-on-scroll:nth-child(2){transition-delay:.1s}.stagger-children .animate-on-scroll:nth-child(3){transition-delay:.2s}.stagger-children .animate-on-scroll:nth-child(4){transition-delay:.3s}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#1e1e22;transform:translate(-50%)}.timeline-progress{position:absolute;left:50%;top:0;width:2px;height:0%;background:linear-gradient(180deg,#c2703e,#d4845a);transform:translate(-50%);transition:height .1s linear}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#1e1e22;border:2px solid #2A2A2E;position:absolute;left:50%;transform:translate(-50%);z-index:2;transition:background .4s,border-color .4s,box-shadow .4s}.timeline-dot.active{background:#c2703e;border-color:#c2703e;box-shadow:0 0 20px #c2703e66}.timeline-step{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.timeline-step.visible{opacity:1;transform:translateY(0)}.timeline-screenshot{border-radius:12px;box-shadow:0 24px 60px -12px #0006,0 0 0 1px #ffffff0f;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.timeline-screenshot:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 80px -16px #c2703e26,0 0 0 1px #c2703e1a}.outcome-card{background:linear-gradient(135deg,#c2703e0f,#c2703e05);border:1px solid rgba(194,112,62,.12);transition:border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}.outcome-card:hover{border-color:#c2703e4d;transform:translateY(-2px)}