.deki-hero-keypad{--size:min(18vw, 80px);width:fit-content;margin:0 auto;display:grid;grid-template-columns:repeat(3,var(--size));grid-template-rows:repeat(4,var(--size));gap:22px;perspective:1000px;transform-style:preserve-3d}.key{position:relative;filter:blur(3px);width:var(--size);height:var(--size);border-radius:40%;border:1px solid rgb(255 255 255 / .12);overflow:hidden;will-change:transform;transform:translateZ(0);animation:pressAnim 2.8s infinite ease-in-out,spinAnim 9s infinite ease-in-out;animation-delay:calc(var(--r) * 0.35s + var(--c) * 0.28s),calc((var(--r) * 0.35s + var(--c) * 0.28s) * -1)}.key::before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;transform:translateZ(0)}.key::after{content:"";position:absolute;inset:-10%;border-radius:inherit;background:inherit;opacity:.65;transform:translateZ(-1px);will-change:opacity,transform}@keyframes pressAnim{0%{transform:translateY(0) scale(1)}25%{transform:translateY(4px) scale(.92)}40%{transform:translateY(0) scale(1)}100%{transform:translateY(0) scale(1)}}@keyframes spinAnim{0%{rotate:0deg}25%{rotate:calc(var(--c) * 14deg + var(--r) * -12deg)}60%{rotate:calc(var(--c) * -16deg + var(--r) * 10deg)}100%{rotate:0deg}}.key{box-shadow:0 0 8px rgb(0 183 195 / .22),0 0 18px rgb(195 42 147 / .18)}.key.red{background:var(--gradient-ro)}.key.blue{background:var(--gradient-gp)}.key.purple{background:var(--gradient-br)}.key{animation-name:pressAnim,spinAnim}.key::after{animation:glowAnim 2.8s infinite ease-in-out;animation-delay:calc(var(--r) * 0.35s + var(--c) * 0.28s)}@keyframes glowAnim{0%{opacity:.55;transform:translateZ(-1px) scale(1)}25%{opacity:.95;transform:translateZ(-1px) scale(1.08)}40%{opacity:.75;transform:translateZ(-1px) scale(1.03)}100%{opacity:.55;transform:translateZ(-1px) scale(1)}}@media (max-width:768px){.deki-hero-keypad .key,.deki-hero-keypad .key::after{animation-play-state:paused}}.deki-h3{font-family:"Inter"!important;font-size:42px;margin:0;color:var(--clr-primary-dark);font-weight:500;line-height:1.1em}@media (max-width:980px){.deki-h3{font-size:36px!important}}.deki-chip-marquee-main{--chip-main-gap:4rem;position:relative;display:flex;overflow:hidden;user-select:none;height:100px;width:100vw;gap:var(--chip-main-gap)}.deki-chip-track-main{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--chip-main-gap);min-width:100%;animation:deki-chip-main-loop 50s linear infinite}.deki-chip-track-main .deki-chip-icon{width:30px;height:30px;color:var(--clr-primary-dark);opacity:.95;flex:0 0 auto}.deki-chip-track-main .deki-chip-text{display:inline-flex;align-items:center;justify-content:center;font-family:"Inter";font-size:20px;font-weight:500;line-height:1.7em;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;color:var(--clr-primary-dark)}@keyframes deki-chip-main-loop{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--chip-main-gap)))}}.deki-chip-marquee-main:hover .deki-chip-track-main{animation-play-state:running}