@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,500;0,600;1,500&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
.tjep-css-anim{width:100%;container-type:inline-size}
.tjep-css-anim *{box-sizing:border-box}
.tjep-css-anim .stage{--u:0.0925926cqw;--a:#28A745;--tint:rgb(234,246,236);position:relative;width:100%;aspect-ratio:1/1;background:transparent;overflow:hidden;font-family:'Hanken Grotesk',system-ui,sans-serif;color:#15120E}
.tjep-css-anim .board{position:absolute;inset:0;padding:calc(50*var(--u)) calc(58*var(--u));display:flex;flex-direction:column;justify-content:center}
.aeye{animation:aeye 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.atitle{animation:atitle 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.asub{animation:asub 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.ak1{animation:ak1 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.ac0{animation:ac0 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.ac1{animation:ac1 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.aconv{animation:aconv 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.adash{animation:adash 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.ascore{animation:ascore 12s cubic-bezier(.34,1.56,.64,1) 1 forwards}
.aring{animation:aring 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.atrend{animation:atrend 12s cubic-bezier(.34,1.56,.64,1) 1 forwards}
.abar0{animation:abar0 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.abar1{animation:abar1 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.abar2{animation:abar2 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.abar3{animation:abar3 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.ak2{animation:ak2 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.acp0{animation:acp0 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.acp1{animation:acp1 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.acp2{animation:acp2 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
.aboard{animation:aboard 12s cubic-bezier(.215,.61,.355,1) 1 forwards}
@keyframes aeye{0%,1.667%{opacity:0;transform:translateY(calc(10*var(--u)))}5.833%,100%{opacity:1;transform:translateY(0)}}
@keyframes atitle{0%,4.167%{opacity:0;transform:translateY(calc(16*var(--u)))}9.167%,100%{opacity:1;transform:translateY(0)}}
@keyframes asub{0%,9.167%{opacity:0;transform:translateY(calc(12*var(--u)))}14.167%,100%{opacity:1;transform:translateY(0)}}
@keyframes ak1{0%,15.833%{opacity:0;transform:translateY(calc(8*var(--u)))}20%,100%{opacity:1;transform:translateY(0)}}
@keyframes ac0{0%,19.167%{opacity:0;transform:translateY(calc(22*var(--u)))}23.75%,100%{opacity:1;transform:translateY(0)}}
@keyframes ac1{0%,20.667%{opacity:0;transform:translateY(calc(22*var(--u)))}25.25%,100%{opacity:1;transform:translateY(0)}}
@keyframes aconv{0%,30%{opacity:0;transform:translateY(calc(10*var(--u)))}34.167%,100%{opacity:1;transform:translateY(0)}}
@keyframes adash{0%,34.167%{opacity:0;transform:translateY(calc(18*var(--u)))}38.75%,100%{opacity:1;transform:translateY(0)}}
@keyframes ascore{0%,39.167%{opacity:0;transform:scale(.6)}43.333%,100%{opacity:1;transform:scale(1)}}
@keyframes aring{0%,39.167%{stroke-dashoffset:364.42}45.833%,100%{stroke-dashoffset:65.6}}
@keyframes abar0{0%,42.5%{width:0%}46.667%,100%{width:88%}}
@keyframes abar1{0%,44.833%{width:0%}49%,100%{width:79%}}
@keyframes abar2{0%,47.167%{width:0%}51.333%,100%{width:92%}}
@keyframes abar3{0%,49.5%{width:0%}53.667%,100%{width:71%}}
@keyframes atrend{0%,53.333%{opacity:0;transform:scale(.6)}57.083%,100%{opacity:1;transform:scale(1)}}
@keyframes ak2{0%,63.333%{opacity:0;transform:translateY(calc(8*var(--u)))}67.5%,100%{opacity:1;transform:translateY(0)}}
@keyframes acp0{0%,66.667%{opacity:0;transform:translateY(calc(18*var(--u)))}70.833%,100%{opacity:1;transform:translateY(0)}}
@keyframes acp1{0%,68.167%{opacity:0;transform:translateY(calc(18*var(--u)))}72.333%,100%{opacity:1;transform:translateY(0)}}
@keyframes acp2{0%,69.667%{opacity:0;transform:translateY(calc(18*var(--u)))}73.833%,100%{opacity:1;transform:translateY(0)}}
@keyframes aboard{0%{opacity:0}2.917%,100%{opacity:1}}
.tjep-css-anim .stage{aspect-ratio:auto !important;overflow:visible !important}
.tjep-css-anim .board{position:relative !important;inset:auto !important}
@container (max-width: 560px) {
  .tjep-css-anim .board{padding:28px 20px !important}
  .tjep-css-anim h1{font-size:26px !important;line-height:1.2 !important}
  .tjep-css-anim p{font-size:15px !important}
  .tjep-css-anim .aeye span{font-size:11px !important}
  .tjep-css-anim .ak1 span:first-child,.tjep-css-anim .ak2 span:first-child{font-size:11px !important}
  .tjep-css-anim .aconv span{font-size:13px !important}
  .tjep-css-anim .agrid,.tjep-css-anim .agrid2{grid-template-columns:1fr !important;gap:10px !important}
  .tjep-css-anim .ac0,.tjep-css-anim .ac1,.tjep-css-anim .acp0,.tjep-css-anim .acp1,.tjep-css-anim .acp2{padding:14px !important}
  .tjep-css-anim .ac0 *,.tjep-css-anim .ac1 *,.tjep-css-anim .acp0 *,.tjep-css-anim .acp1 *,.tjep-css-anim .acp2 *{font-size:13px !important}
  .tjep-css-anim .ac0>div:first-child,.tjep-css-anim .ac1>div:first-child,.tjep-css-anim .acp0>div:first-child,.tjep-css-anim .acp1>div:first-child,.tjep-css-anim .acp2>div:first-child{width:36px !important;height:36px !important;border-radius:10px !important;margin-bottom:8px !important}
  .tjep-css-anim .ac0>div:first-child svg,.tjep-css-anim .ac1>div:first-child svg,.tjep-css-anim .acp0>div:first-child svg,.tjep-css-anim .acp1>div:first-child svg,.tjep-css-anim .acp2>div:first-child svg{width:19px !important;height:19px !important}
  .tjep-css-anim .ac0>div:nth-child(2),.tjep-css-anim .ac1>div:nth-child(2),.tjep-css-anim .acp0>div:nth-child(2) span:last-child,.tjep-css-anim .acp1>div:nth-child(2) span:last-child,.tjep-css-anim .acp2>div:nth-child(2) span:last-child{font-size:16px !important}
  .tjep-css-anim .adash{flex-direction:column !important;align-items:stretch !important;gap:16px !important;padding:16px !important}
  .tjep-css-anim .adash>div:first-child{padding-right:0 !important;border-right:none !important;border-bottom:1px solid #ECE9E3 !important;padding-bottom:14px !important}
  .tjep-css-anim .adash *{font-size:12.5px !important}
  .tjep-css-anim .ascore{font-size:32px !important}
  .tjep-css-anim .atrend{font-size:11px !important}
  .tjep-css-anim .adash>div:last-child>div>div:first-child{width:92px !important;line-height:1.2 !important}
  .tjep-css-anim .adash>div:last-child>div>div:last-child{width:28px !important}
}
@media (prefers-reduced-motion: reduce){.tjep-css-anim *{animation:none!important;opacity:1!important;transform:none!important}}