body{background-color:#f0f0f0;font-family:Parkinsans,sans-serif;overflow-x:hidden}.container{justify-content:flex-end;min-height:70vh;padding:324px 16px 91px;perspective:1200px}.container,.stats-wrapper{align-items:center;display:flex;flex-direction:column}.stats-wrapper{gap:400px}.stat-section{height:200px;position:relative;width:244px}.stat-card{left:50%;opacity:0;position:absolute;top:-281px;transform:translate(-50%,80px);transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;z-index:20}.stat-card.rise{animation:riseUp 1.2s cubic-bezier(.34,1.56,.64,1) forwards}.stat-card.float{animation:floatAnimation 5s ease-in-out infinite;opacity:1}.stat-content{font-family:Parkinsans,sans-serif;position:relative}.roi-stat-content{height:272px;width:180px}.faster-stat-content,.quota-stat-content{height:272px;width:298px}.layered-text{font-size:94px;font-weight:800;left:50%;letter-spacing:-1.88px;line-height:94.94px;position:absolute;text-align:center;transform:translateX(-50%)}.faster-layered,.quota-layered{left:50%}.main-text{font-size:94px;font-weight:800;letter-spacing:-1.88px;line-height:94.94px}.main-text,.subtitle-text{color:#0c233f;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.subtitle-text{font-size:16px;font-weight:300;letter-spacing:-.32px;line-height:20.64px;white-space:nowrap}.confetti-container{height:200px;left:120px;pointer-events:none;position:absolute;top:0;width:0}.confetti-particle{border-radius:50%;position:absolute;will-change:transform,opacity}.confetti-particle.burst{animation:confettiBurst 1.2s ease-out forwards}.gift-box-wrapper{left:0;position:absolute;top:0;width:240px;z-index:10}.gift-box{height:200px;position:relative;width:240px}.box-body{background:linear-gradient(to bottom right,#a20d32,#8a0a28);border-radius:10px;bottom:0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);height:160px;position:absolute;width:100%}.ribbon-vertical{background:linear-gradient(90deg,#fdc700,#f0b100);height:100%;left:50%;top:0;transform:translateX(-50%);width:40px}.ribbon-horizontal,.ribbon-vertical{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);position:absolute}.ribbon-horizontal{background:linear-gradient(180deg,#fdc700,#f0b100);height:40px;left:0;top:50%;transform:translateY(-50%);width:100%}.box-details{border-radius:10px;inset:0;overflow:hidden;position:absolute}.box-top-shadow{background:rgba(0,0,0,.1);top:0}.box-bottom-shadow,.box-top-shadow{height:20px;left:0;position:absolute;width:100%}.box-bottom-shadow{background:rgba(0,0,0,.2);bottom:0}.box-lid{height:30px;left:0;position:absolute;top:20px;transform-origin:bottom;transform-style:preserve-3d;width:100%;will-change:transform}.box-lid.open{animation:lidOpen 1s cubic-bezier(.34,1.56,.64,1) forwards}.lid-top{background:linear-gradient(to bottom right,#a20d32,#8a0a28);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);inset:0}.lid-highlight,.lid-top{border-radius:10px 10px 0 0;position:absolute}.lid-highlight{background:hsla(0,0%,100%,.2);height:7.5px;left:0;top:2.5px;width:100%}.bow-container{height:19px;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:70px;z-index:10}.bow-svg{display:block;height:100%;width:100%}@keyframes riseUp{0%{opacity:0;transform:translate(-50%,80px)}to{opacity:1;transform:translate(-50%)}}@keyframes floatAnimation{0%,to{transform:translate(-50%) rotate(0deg)}33%{transform:translate(-50%,-10px) rotate(1deg)}66%{transform:translate(-50%) rotate(-1deg)}}@keyframes lidOpen{0%{transform:rotateX(-200deg) translateY(0) translateZ(0)}to{transform:rotateX(-120deg) translateY(155px) translateZ(50px)}}@keyframes confettiBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--conf-x),var(--conf-y)) scale(0)}}@media (min-width:768px){.container{padding:324px 32px 91px}.stats-wrapper{align-items:flex-end;flex-direction:row;gap:154px}}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.stat-card.reset{animation:none;opacity:0;transform:translate(-50%,80px)}.box-lid.reset{animation:none;transform:rotateX(0deg) translateY(0) translateZ(0)}