.dki-stage{--dki-t: 3.2s;position:relative;width:min(88vw,82vh,520px);aspect-ratio:1;color:#fff;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.dki-stage *{box-sizing:border-box}.dki-mark{position:absolute;left:50%;top:30%;width:34%;transform:translate(-50%,-50%) scale(.72)}.dki-mark svg{display:block;width:100%;height:auto;overflow:visible}.dki-lid{transform-box:view-box;transform-origin:24px 34px}.dki-glow{opacity:0}.dki-word{position:absolute;left:0;right:0;top:54%;text-align:center;font-weight:800;letter-spacing:-.02em;font-size:clamp(34px,11.5cqi,60px);line-height:1}.dki-tag{position:absolute;left:0;right:0;top:66%;text-align:center;font-weight:700;letter-spacing:.18em;font-size:clamp(9px,2.3cqi,12px);color:#a1a1aa;text-transform:uppercase}.dki-stage{container-type:inline-size}.dki-pill{position:absolute;left:var(--fx);top:84%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;padding:.62em 1em;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff0f;color:#fff;text-decoration:none;font-weight:700;font-size:clamp(11px,3.1cqi,15px)}.dki-pill svg{width:1.15em;height:1.15em;flex:none}a.dki-pill:hover,a.dki-pill:focus-visible{background:#fff;color:#000;outline:none}@media(prefers-reduced-motion:no-preference){.dki-play .dki-mark{animation:dki-mark var(--dki-t) cubic-bezier(.3,.7,.3,1) both}.dki-play .dki-lid{animation:dki-lid var(--dki-t) cubic-bezier(.4,0,.2,1) both}.dki-play .dki-glow{animation:dki-glow var(--dki-t) ease both}.dki-play .dki-word{animation:dki-fade-up var(--dki-t) ease both}.dki-play .dki-tag{animation:dki-fade-late var(--dki-t) ease both}.dki-play .dki-pill{animation:dki-pill var(--dki-t) cubic-bezier(.25,.8,.3,1) both}.dki-play .dki-pill:nth-of-type(2){animation-delay:.08s}.dki-play .dki-pill:nth-of-type(3){animation-delay:.16s}}@keyframes dki-mark{0%{top:46%;transform:translate(-50%,-50%) scale(.6);opacity:0}15.6%{top:46%;transform:translate(-50%,-50%) scale(1);opacity:1}66%{top:46%;transform:translate(-50%,-50%) scale(1)}81%,to{top:30%;transform:translate(-50%,-50%) scale(.72);opacity:1}}@keyframes dki-lid{0%,17%{transform:rotate(0)}27%,59%{transform:rotate(-38deg)}67%,to{transform:rotate(0)}}@keyframes dki-glow{0%,20%{opacity:0}30%,56%{opacity:1}66%,to{opacity:0}}@keyframes dki-pill{0%,23%{left:50%;top:47%;transform:translate(-50%,-50%) scale(.25);opacity:0}42%,59%{left:var(--bx);top:var(--by);transform:translate(-50%,-50%) scale(1);opacity:1}78%,to{left:var(--fx);top:84%;transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes dki-fade-up{0%,70%{opacity:0;transform:translateY(14px)}86%,to{opacity:1;transform:none}}@keyframes dki-fade-late{0%,80%{opacity:0}94%,to{opacity:1}}.dki-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .45s ease}.dki-overlay.dki-out{opacity:0;pointer-events:none}.dki-skip{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}.dki-skip:hover,.dki-skip:focus-visible{background:#fff;color:#000;outline:none}
