.landing-code pre{border:1px solid theme(--color-neutral-800);font-size:.8125rem;line-height:1.6;font-family:var(--font-code);border-radius:.5rem;padding:1rem;overflow-x:auto;background:#111!important}.landing-code pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.btn-primary{letter-spacing:.06em;color:#000;cursor:pointer;background:linear-gradient(165deg,#5eead4 0%,#14b8a6 50%,#0d9488 100%);border:1px solid #ffffff1f;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1.75rem .55rem;font-size:.8125rem;font-weight:400;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 24px #14b8a61f,0 1px 3px #0006,inset 0 1px #fff3}.btn-primary:hover{background:linear-gradient(165deg,#99f6e4 0%,#2dd4bf 50%,#14b8a6 100%);transform:translateY(-1px);box-shadow:0 0 32px #14b8a633,0 0 64px #14b8a614,0 1px 3px #0006,inset 0 1px #ffffff40}.btn-primary:active{transform:translateY(0);box-shadow:0 0 12px #14b8a614,0 1px 2px #0006,inset 0 1px 2px #0000001a}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff1f 45%,#ffffff0a 50%,#0000 55%);transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.btn-secondary{letter-spacing:.06em;color:#99f6e4b3;cursor:pointer;background:#14b8a60a;border:1px solid #14b8a633;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1.75rem .55rem;font-size:.8125rem;font-weight:400;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 12px #14b8a608}.btn-secondary:hover{color:#99f6e4e6;background:#14b8a614;border-color:#14b8a666;transform:translateY(-1px);box-shadow:0 0 20px #14b8a60f,0 0 40px #14b8a608}.btn-secondary:active{background:#14b8a61a;transform:translateY(0)}.btn-secondary:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#14b8a64d,#0000 40% 60%,#14b8a64d);border-radius:.5rem;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-secondary:hover:before{opacity:1}.showcase-btn{font-size:.6875rem;font-family:var(--font-code,ui-monospace,monospace);letter-spacing:.04em;color:#99f6e4d9;cursor:pointer;background:#14b8a61a;border:1px solid #14b8a640;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem .4rem;font-weight:400;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.showcase-btn:hover{color:#99f6e4;background:#14b8a62e;border-color:#14b8a666}.showcase-btn:active{background:#14b8a629}.showcase-btn-label{white-space:nowrap}.showcase-kbd{color:#ffffff73;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.1875rem;align-items:center;padding:.125rem .25rem;font-family:inherit;font-size:.5625rem;line-height:1;transition:color .2s;display:inline-flex}.showcase-btn:hover .showcase-kbd{color:#ffffffb3}