.demo-cta-section .demo-cta-btn-wrapper{--dot-size:8px;--line-weight:1px;--line-distance:0.8rem 1rem;--animation-speed:0.35s;align-items:center;border-radius:18px;display:inline-flex;height:auto;justify-content:center;padding:var(--line-distance);position:relative;text-decoration:none;user-select:none;width:auto}.dark .demo-cta-section .demo-cta-btn-wrapper,.demo-cta-section .demo-cta-btn-wrapper{--dot-color:hsla(0,0%,100%,.5);--line-color:hsla(0,0%,100%,.36);--grid-color:hsla(0,0%,100%,.14);--btn-text:#fff;--btn-hover-bg:#fff;--btn-hover-text:#1a1918;--btn-svg-stroke:hsla(0,0%,100%,.45);--btn-svg-fill:hsla(0,0%,100%,.12)}.demo-cta-section .demo-cta-btn-wrapper:after{background-color:transparent;background-image:repeating-linear-gradient(45deg,var(--grid-color) 0 1px,transparent 2px 5px);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:0}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover):after{animation:demo-cta-opacity-anim calc(var(--animation-speed)*4) ease-in-out forwards}@keyframes demo-cta-opacity-anim{80%{opacity:0}to{opacity:1}}.demo-cta-section .demo-cta-btn-inner{align-items:center;background-color:transparent;border:1px solid var(--grid-color);border-radius:14px;color:var(--btn-text);cursor:pointer;display:flex;font-family:"Geist",var(--font-geist-sans),system-ui,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:-.01em;padding:.8rem 1.35rem;position:relative;text-transform:capitalize;transition:transform .2s ease-in-out,letter-spacing .2s ease-in-out,background-color .2s ease,color .2s ease,border-color .2s ease;z-index:1}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-btn-inner{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-bg);color:var(--btn-hover-text);letter-spacing:.04em;transform:scale(1.05)}.demo-cta-section .demo-cta-btn-inner:active{letter-spacing:.02em;transform:scale(.98)}.demo-cta-section .demo-cta-btn-svg{fill:var(--btn-svg-fill);flex-shrink:0;height:24px;stroke:var(--btn-svg-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:1;transition:stroke .2s ease,fill .2s ease;width:24px}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-btn-svg{fill:rgba(17,17,24,.15);stroke:var(--btn-hover-text)}.dark .demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-btn-svg{fill:rgba(17,17,24,.15);stroke:var(--btn-hover-text)}.demo-cta-section .demo-cta-dot{aspect-ratio:1;background-color:var(--dot-color);border-radius:2px;opacity:0;position:absolute;transition:all .3s ease-in-out;width:var(--dot-size);z-index:2}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-dot.top.left{animation:demo-cta-move-top-left var(--animation-speed) ease-in-out forwards;left:20%;top:50%}@keyframes demo-cta-move-top-left{90%{opacity:.6}to{left:calc(var(--dot-size)*-.5);opacity:1;top:calc(var(--dot-size)*-.5)}}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-dot.top.right{animation:demo-cta-move-top-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*.6);right:20%;top:50%}@keyframes demo-cta-move-top-right{80%{opacity:.6}to{opacity:1;right:calc(var(--dot-size)*-.5);top:calc(var(--dot-size)*-.5)}}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-dot.bottom.right{animation:demo-cta-move-bottom-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*1.2);bottom:50%;right:20%}@keyframes demo-cta-move-bottom-right{80%{opacity:.6}to{bottom:calc(var(--dot-size)*-.5);opacity:1;right:calc(var(--dot-size)*-.5)}}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-dot.bottom.left{animation:demo-cta-move-bottom-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*1.8);bottom:50%;left:20%}@keyframes demo-cta-move-bottom-left{80%{opacity:.6}to{bottom:calc(var(--dot-size)*-.5);left:calc(var(--dot-size)*-.5);opacity:1}}.demo-cta-section .demo-cta-line{pointer-events:none;position:absolute;transition:all .3s ease-in-out;z-index:2}.demo-cta-section .demo-cta-line.horizontal{background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--line-weight)*2),var(--line-color) calc(var(--line-weight)*2) calc(var(--line-weight)*4));height:var(--line-weight);width:100%}.demo-cta-section .demo-cta-line.top{top:calc(var(--line-weight)*-.5);transform:rotate(5deg) scaleX(0);transform-origin:top left}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-line.top{animation:demo-cta-draw-top var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*.8)}@keyframes demo-cta-draw-top{to{transform:rotate(0deg) scaleX(1)}}.demo-cta-section .demo-cta-line.bottom{bottom:calc(var(--line-weight)*-.5);transform:rotate(5deg) scaleX(0);transform-origin:bottom right}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-line.bottom{animation:demo-cta-draw-bottom var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*2)}@keyframes demo-cta-draw-bottom{to{transform:rotate(0deg) scaleX(1)}}.demo-cta-section .demo-cta-line.vertical{background-image:repeating-linear-gradient(0deg,transparent 0 calc(var(--line-weight)*2),var(--line-color) calc(var(--line-weight)*2) calc(var(--line-weight)*4));height:100%;width:var(--line-weight)}.demo-cta-section .demo-cta-line.left{left:calc(var(--line-weight)*-.5);transform:rotate(0deg) scaleY(0);transform-origin:bottom left}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-line.left{animation:demo-cta-draw-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*2.4)}@keyframes demo-cta-draw-left{to{transform:rotate(0deg) scaleY(1)}}.demo-cta-section .demo-cta-line.right{right:calc(var(--line-weight)*-.5);transform:rotate(5deg) scaleY(0);transform-origin:top right}.demo-cta-section .demo-cta-btn-wrapper:has(.demo-cta-btn-inner:hover) .demo-cta-line.right{animation:demo-cta-draw-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed)*1.4)}@keyframes demo-cta-draw-right{to{transform:rotate(0deg) scaleY(1)}}@keyframes demo-cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-cta-section .demo-cta-avatar-float{animation:demo-cta-float 4.2s ease-in-out infinite}.demo-cta-section .demo-cta-avatar-float:first-child{animation-delay:0s}.demo-cta-section .demo-cta-avatar-float:nth-child(2){animation-delay:.35s}.demo-cta-section .demo-cta-avatar-float:nth-child(3){animation-delay:.7s}.demo-cta-section .demo-cta-avatar-float:nth-child(4){animation-delay:1.05s}.demo-cta-section .demo-cta-avatar-float:nth-child(5){animation-delay:1.4s}.demo-cta-section .demo-cta-avatar-float:nth-child(6){animation-delay:1.75s}@media (prefers-reduced-motion:reduce){.demo-cta-section .demo-cta-avatar-float{animation:none}.demo-cta-section .demo-cta-btn-wrapper:after,.demo-cta-section .demo-cta-dot,.demo-cta-section .demo-cta-line{animation:none!important}.demo-cta-section .demo-cta-btn-inner:hover{letter-spacing:-.01em;transform:none}}