*,*::after,*::before{margin:0;padding:0;box-sizing:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{box-sizing:border-box}@font-face{font-family:CircularPro-Black;src:url(9ca02052780109848aa88a12dc6e5243.woff) format("woff")}.logo{background-image:url(de4897ce373f79295708855194c93566.svg);background-size:contain;background-position:center bottom;background-repeat:no-repeat}.logo--xl{width:200px;height:96px}.logo--lg{width:144px;height:72px}.logo--md{width:120px;height:60px}.logo--sm{width:88px;height:48px}.texts{position:relative;width:100%}.tl{color:#fff;font-family:CircularPro-Black,sans-serif;white-space:pre-line;transition:all 200ms ease;line-height:1.12;letter-spacing:-0.02em}.tl:nth-child(2){position:absolute;left:0;top:0;display:none}.tl span{display:inline-block;transform-origin:50% 100%}.tl--xl{font-size:56px}.tl--lg{font-size:40px}.tl--md{font-size:32px}.tl--sm{font-size:24px}.tl--xs{font-size:20px}.tl--xxs{font-size:18px}.tl-hide{opacity:0 !important;visibility:hidden !important}.tl-remove{display:none !important}.tl-animate{animation:tlAnimation 500ms forwards cubic-bezier(0.26, 0.48, 0.23, 1.79)}.tl-show span{opacity:1}.tl-break{display:block !important;line-height:0 !important}.tl-in{display:block !important}.tl-in span{animation-name:tlAnimation;animation-duration:500ms;animation-timing-function:cubic-bezier(0.26, 0.48, 0.23, 1.79);animation-fill-mode:both}.tl-out{opacity:0}@keyframes tlAnimation{0%{opacity:0;transform:translateY(24px) scaleY(1)}100%{opacity:1;transform:translateY(0) scaleY(1)}}.graphic{width:310px;height:214px;position:absolute;transform:scale(1)}.graphic .bubble{background-image:url(732aec60039f923674e427d16dba41b5.svg);background-size:contain;background-position:center top;background-repeat:no-repeat;position:absolute;top:0;right:0;width:50%;height:100%;animation:bubble-in 0.8s forwards cubic-bezier(0.26, 0.48, 0.23, 1.79);animation-delay:1.6s;transform:scale(0);transform-origin:30% 100%}@keyframes bubble-in{0%{transform:scale(0) rotate(40deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}.btn{box-sizing:border-box;cursor:pointer;outline:none;border:2px solid rgba(255,255,255,0);font-family:CircularPro-Black,sans-serif;color:#fff;transition:color 200ms ease, background-color, 200ms ease;flex-shrink:0;background-color:rgba(255,255,255,0);border-color:#fff;padding:10px 22px;font-size:16px;letter-spacing:-0.5px;line-height:20px;position:absolute}.btn:hover{background-color:#fff;color:#1f1f1f}.btn:active{background-color:#949596;border-color:#949596;color:#1f1f1f}.btn-in{animation:btnAnimation 1s forwards cubic-bezier(0.26, 0.48, 0.23, 1.79)}@keyframes btnAnimation{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{transform:scale(1)}75%{transform:scale(0.95)}100%{transform:scale(1)}}.banner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#2ac768;margin:auto;overflow:hidden;cursor:pointer}.content-wrapper{width:100%}.banner{width:160px;height:600px;padding:24px 16px;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;align-items:center}.banner .tl{font-size:22px;line-height:1.3}.banner .graphic{transform:scale(0.7);left:-129px;bottom:180px}.banner .logo{position:absolute;bottom:48px;right:70px;width:100%;height:52px;left:0;background-position:center bottom}.banner .btn{bottom:140px;left:32px;padding:8px 10px}