@keyframes rise{from{opacity:0;translate:0 26px;scale:.96}}
.joy>*:not(.foot){animation:rise .55s cubic-bezier(.2,.9,.3,1.2) both}
.joy>*:nth-child(2){animation-delay:.1s}.joy>*:nth-child(3){animation-delay:.2s}.joy>*:nth-child(4){animation-delay:.3s}.joy>*:nth-child(5){animation-delay:.4s}.joy>*:nth-child(6){animation-delay:.5s}
.joy .eb{align-self:flex-start;background:var(--g);color:var(--am);padding:9px 18px;border-radius:99px;font-size:18px;margin:0;animation:pop .6s cubic-bezier(.3,1.6,.5,1) .2s both,wob 2.4s ease-in-out 1s infinite}
@keyframes wob{50%{rotate:-3deg;scale:1.05}}
.joy h2{font-size:36px;line-height:1.03}
.joy h2 .bn{display:inline-block;animation:bounce 1.3s ease-in-out infinite}
@keyframes bounce{50%{translate:0 -9px;rotate:14deg}}
.joy .top .cp{animation:hop 1.6s ease-in-out infinite}
.joy .row .tag:nth-child(1){background:var(--am);color:#0E2B2A}.joy .row .tag:nth-child(2){background:var(--mi);color:#0E2B2A}
.joy .row .tag:nth-child(3){background:var(--vi);color:#FBF4EA}.joy .row .tag:nth-child(4){background:var(--g);color:var(--cr)}
.joy .tag{font-size:15px;padding:8px 14px}
.c1{background:rgba(244,163,64,.32)!important}.c2{background:rgba(167,215,189,.6)!important}
.joy .foot .btn:not(.g){animation:glow 1.8s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 8px rgba(14,43,42,.12),0 8px 28px rgba(14,43,42,.35);scale:1.03}}


.idea{overflow:hidden;cursor:pointer}
.idea>.cp,.idea>.hero{position:relative;z-index:1}
.rays{position:absolute;left:50%;top:50%;width:150vmax;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:repeating-conic-gradient(rgba(244,163,64,.3) 0 9deg,transparent 9deg 18deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 52%);mask:radial-gradient(circle,#000 6%,transparent 52%);animation:spin2 40s linear infinite}
@keyframes spin2{to{rotate:360deg}}
.idea .cp{animation:bob 1.3s ease-in-out infinite}@keyframes bob{50%{translate:0 -14px}}
.hero{font-size:clamp(44px,13vw,60px);text-align:center;line-height:1.05;color:var(--ink)}
.hop span{display:inline-block;animation:hop .9s cubic-bezier(.3,1.6,.5,1) var(--d) both,wave 2.6s calc(1.3s + var(--d)) ease-in-out infinite}
@keyframes hop{0%{translate:0 34px;opacity:0;scale:.5}100%{translate:0 0;opacity:1}}@keyframes wave{50%{rotate:-5deg;translate:0 -4px}}
.spk{position:absolute;z-index:1;font-style:normal;font-size:30px;animation:twk 1.8s ease-in-out infinite}
.s1{left:12%;top:24%;color:var(--vi)}.s2{right:12%;top:30%;color:var(--g);animation-delay:-.6s}.s3{left:18%;bottom:26%;color:var(--am);animation-delay:-1.2s}.s4{right:16%;bottom:22%;color:var(--vi);animation-delay:-.3s}
@keyframes twk{50%{scale:1.5;rotate:20deg;opacity:.55}}
.cf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.cf i{position:absolute;top:-20px;animation:fall2 linear both}@keyframes fall2{to{translate:var(--x) 105vh;rotate:var(--r)}}
@media(prefers-reduced-motion:reduce){.cf{display:none}}