@import "https://unpkg.com/normalize.css" layer(normalize);
.keypad-signup-section-module__jb4Bmq__root{--travel:20;color:#fff;background:#000;padding:4rem 1rem;position:relative;overflow:hidden}.keypad-signup-section-module__jb4Bmq__root:before{--size:45px;--line:color-mix(in hsl, canvasText, transparent 80%);content:"";background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 0 calc(var(--size) * .32) / var(--size) var(--size);transform-style:flat;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}.keypad-signup-section-module__jb4Bmq__root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.keypad-signup-section-module__jb4Bmq__root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.keypad-signup-section-module__jb4Bmq__root[data-theme=light]{color:#171419;background:#fff}.keypad-signup-section-module__jb4Bmq__root[data-theme=light]:before{--line:#0003}.keypad-signup-section-module__jb4Bmq__root[data-theme=light] .keypad-signup-section-module__jb4Bmq__title{color:#171419}.keypad-signup-section-module__jb4Bmq__root[data-theme=light] .keypad-signup-section-module__jb4Bmq__copy{color:#171419b8}.keypad-signup-section-module__jb4Bmq__root[data-theme=light] .keypad-signup-section-module__jb4Bmq__keyDouble .keypad-signup-section-module__jb4Bmq__doubleImage{filter:grayscale()brightness(2.85)contrast(.9)}.keypad-signup-section-module__jb4Bmq__root[data-theme=light] .keypad-signup-section-module__jb4Bmq__keyTextBrand .keypad-signup-section-module__jb4Bmq__keyGlyphImage{filter:invert()}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__contentSection{opacity:0;filter:blur(4px);transition-delay:0s}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keypad{transition-delay:0s,.26s;translate:calc(-50% - 1rem)}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keypadBase{--depth:2.5}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keySingle{--depth:-1}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keySingleLeft{--depth:-2}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keyDouble{--depth:0}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__keypadBase,.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__key{translate:0 calc(var(--depth) * 10vh);transition-delay:.52s}.keypad-signup-section-module__jb4Bmq__root[data-exploded=true] .keypad-signup-section-module__jb4Bmq__key:after{opacity:1;transition-delay:.52s}.keypad-signup-section-module__jb4Bmq__main{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.55rem;max-width:1320px;margin:0 auto;display:flex;position:relative}.keypad-signup-section-module__jb4Bmq__main h1{letter-spacing:-.05rem;line-height:1}.keypad-signup-section-module__jb4Bmq__contentSection{flex:50ch;transition:opacity .26s ease-out .26s,filter .26s ease-out .26s}.keypad-signup-section-module__jb4Bmq__contentSection,.keypad-signup-section-module__jb4Bmq__contentInner{width:50ch;max-width:calc(100vw - 2rem)}.keypad-signup-section-module__jb4Bmq__contentSection{justify-content:flex-start;display:flex}.keypad-signup-section-module__jb4Bmq__contentInner{text-align:left;margin-right:auto}.keypad-signup-section-module__jb4Bmq__title{max-width:12.4ch;font-family:var(--font-manrope), sans-serif;letter-spacing:-.05rem;color:#fff;margin:0;font-size:clamp(2.25rem,2.55vw + .85rem,3.55rem);font-weight:500;line-height:1.04}.keypad-signup-section-module__jb4Bmq__copy{color:#ffffffb3;max-width:50rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.05vw,1.22rem);font-weight:300;line-height:1.08}.keypad-signup-section-module__jb4Bmq__keypad{aspect-ratio:400/310;-webkit-tap-highlight-color:#0000;width:clamp(280px,35vw,400px);transform-style:preserve-3d;opacity:1;place-items:center;margin-left:-.9rem;transition:translate .26s ease-out .26s,transform .26s ease-out .52s;display:flex;position:relative}.keypad-signup-section-module__jb4Bmq__key,.keypad-signup-section-module__jb4Bmq__keypadBase{transition-property:translate;transition-duration:.26s;transition-timing-function:ease-out}.keypad-signup-section-module__jb4Bmq__keypadBase{width:100%;position:absolute;bottom:0}.keypad-signup-section-module__jb4Bmq__baseImage,.keypad-signup-section-module__jb4Bmq__keyImage{width:100%;transition:translate .12s ease-out}.keypad-signup-section-module__jb4Bmq__keyImage{filter:hue-rotate(calc(var(--hue,0) * 1deg)) saturate(var(--saturate,1)) brightness(var(--brightness,1))}.keypad-signup-section-module__jb4Bmq__key{transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;outline:none;padding:0;position:absolute}.keypad-signup-section-module__jb4Bmq__key[data-pressed=true] .keypad-signup-section-module__jb4Bmq__keyContent,.keypad-signup-section-module__jb4Bmq__key:active .keypad-signup-section-module__jb4Bmq__keyContent{translate:0 calc(var(--travel) * 1%)}.keypad-signup-section-module__jb4Bmq__key:after{z-index:-1;content:"";opacity:0;background:repeating-linear-gradient(-45deg,#0000 0 5px,#69f 5px 6px);transition-property:opacity;transition-duration:.26s;transition-timing-function:ease-out;position:absolute;inset:0}.keypad-signup-section-module__jb4Bmq__keyMask{width:100%;height:100%;display:inline-block}.keypad-signup-section-module__jb4Bmq__keyContent{width:100%;height:100%;transition:translate .12s ease-out;display:inline-block;container-type:inline-size}.keypad-signup-section-module__jb4Bmq__keyText{z-index:21;mix-blend-mode:normal;color:#f0f0f0;text-align:left;width:86%;height:46%;padding:1ch;font-size:12cqi;position:absolute;top:5%;left:0;transform:rotateX(36deg)rotateY(45deg)rotateX(-90deg)rotate(0)}.keypad-signup-section-module__jb4Bmq__keyTextLogo,.keypad-signup-section-module__jb4Bmq__keyTextBrand{justify-content:center;align-items:center;padding:0;display:flex}.keypad-signup-section-module__jb4Bmq__keyGlyphFrame{display:block;position:relative}.keypad-signup-section-module__jb4Bmq__keyGlyphFrameIcon{aspect-ratio:1;width:80%}.keypad-signup-section-module__jb4Bmq__keyGlyphFrameBrand{width:88%;height:88%}.keypad-signup-section-module__jb4Bmq__keyGlyphImage{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none}.keypad-signup-section-module__jb4Bmq__keySingle{clip-path:polygon(0 0,54% 0,89% 24%,100% 70%,54% 100%,46% 100%,0 69%,12% 23%,47% 0%);width:40.5%;height:46%;position:absolute;bottom:36%;left:54%;-webkit-mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50%/100% 100%;mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50%/100% 100%}.keypad-signup-section-module__jb4Bmq__keySingleLeft{bottom:54.2%;left:29.3%}.keypad-signup-section-module__jb4Bmq__keySingle .keypad-signup-section-module__jb4Bmq__keyText{width:52%;height:62%;font-size:18cqi;translate:45% -16%}.keypad-signup-section-module__jb4Bmq__keySingle .keypad-signup-section-module__jb4Bmq__keyTextLogo{width:58%;height:64%;translate:36% -15%}.keypad-signup-section-module__jb4Bmq__keySingle:not(.keypad-signup-section-module__jb4Bmq__keySingleLeft) .keypad-signup-section-module__jb4Bmq__keyText{translate:41% -12%}.keypad-signup-section-module__jb4Bmq__singleImage{opacity:1;width:96%;position:absolute;top:0;left:50%;translate:-50% 1%}.keypad-signup-section-module__jb4Bmq__primarySingleImage{filter:sepia()saturate(6.5)hue-rotate(286deg)brightness(.9)}.keypad-signup-section-module__jb4Bmq__keyDouble{clip-path:polygon(34% 0,93% 44%,101% 78%,71% 100%,66% 100%,0 52%,0 44%,7% 17%,30% 0);background:#ff2b0000;width:64%;height:65%;position:absolute;bottom:17.85%;left:6%;-webkit-mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50%/100% 100%;mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50%/100% 100%}.keypad-signup-section-module__jb4Bmq__keyDouble .keypad-signup-section-module__jb4Bmq__keyText{translate:11% 10%}.keypad-signup-section-module__jb4Bmq__keyDouble .keypad-signup-section-module__jb4Bmq__keyTextBrand{width:76%;height:32%;translate:17.5% 26%}.keypad-signup-section-module__jb4Bmq__doubleImage{opacity:1;width:99%;position:absolute;top:0;left:50%;translate:-50% 1%}@media (max-width:768px){.keypad-signup-section-module__jb4Bmq__root{padding:3rem 1rem}.keypad-signup-section-module__jb4Bmq__keypad{order:1;width:min(100%,284px);margin-left:auto;margin-right:auto;transform:translate(-10px)}.keypad-signup-section-module__jb4Bmq__contentSection{flex-basis:100%;order:2}.keypad-signup-section-module__jb4Bmq__contentSection,.keypad-signup-section-module__jb4Bmq__contentInner{text-align:left}.keypad-signup-section-module__jb4Bmq__title{text-align:left;max-width:none;margin-left:0;margin-right:0;font-size:clamp(1.38rem,4vw,1.7rem);line-height:1.06}.keypad-signup-section-module__jb4Bmq__copy{font-size:.98rem;line-height:1.12}}