.landing-code pre{background:#111111!important;border:1px solid #262626;border-radius:.5rem;padding:1rem;overflow-x:auto;font-size:.8125rem;line-height:1.6;font-family:var(--font-code)}.landing-code pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.75rem .55rem;border-radius:.5rem;font-size:.8125rem;font-weight:400;letter-spacing:.06em;line-height:1;color:#000;background:linear-gradient(165deg,#5eead4,#14b8a6 50%,#0d9488);border:1px solid rgba(255,255,255,.12);overflow:hidden;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 24px rgba(20,184,166,.12),0 1px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover{background:linear-gradient(165deg,#99f6e4,#2dd4bf 50%,#14b8a6);box-shadow:0 0 32px rgba(20,184,166,.2),0 0 64px rgba(20,184,166,.08),0 1px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 12px rgba(20,184,166,.08),0 1px 2px rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.1)}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.04) 50%,transparent 55%);transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:after{transform:translateX(100%)}.btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.75rem .55rem;border-radius:.5rem;font-size:.8125rem;font-weight:400;letter-spacing:.06em;line-height:1;color:rgba(153,246,228,.7);background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.2);overflow:hidden;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(20,184,166,.03)}.btn-secondary:hover{border-color:rgba(20,184,166,.4);color:rgba(153,246,228,.9);background:rgba(20,184,166,.08);box-shadow:0 0 20px rgba(20,184,166,.06),0 0 40px rgba(20,184,166,.03);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0);background:rgba(20,184,166,.1)}.btn-secondary:before{content:"";position:absolute;inset:-1px;border-radius:.5rem;padding:1px;background:linear-gradient(135deg,rgba(20,184,166,.3),transparent 40%,transparent 60%,rgba(20,184,166,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.btn-secondary:hover:before{opacity:1}.showcase-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .5rem .4rem;border-radius:.375rem;font-size:.6875rem;font-family:var(--font-code,ui-monospace,monospace);font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(153,246,228,.85);background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.25);cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.showcase-btn:hover{color:rgba(153,246,228,1);background:rgba(20,184,166,.18);border-color:rgba(20,184,166,.4)}.showcase-btn:active{background:rgba(20,184,166,.16)}.showcase-btn-label{white-space:nowrap}.showcase-kbd{display:inline-flex;align-items:center;padding:.125rem .25rem;border-radius:.1875rem;font-size:.5625rem;font-family:inherit;line-height:1;color:rgba(255,255,255,.45);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:color .2s ease}.showcase-btn:hover .showcase-kbd{color:rgba(255,255,255,.7)}