.integrations-orbit{position:relative}.orbit-ring{border:1.5px dashed var(--border);border-radius:9999px;position:absolute}.orbit-ring-1{animation:80s linear infinite orbit-spin;inset:20%}.orbit-ring-2{animation:120s linear infinite reverse orbit-spin;inset:4%}.orbit-node{--radius:155px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-1 * var(--radius))) rotate(calc(-1 * var(--angle)));z-index:10;animation:.6s ease-out backwards orbit-node-appear;animation-delay:var(--delay,0s);position:absolute;top:50%;left:50%}@media (width>=640px){.orbit-node{--radius:185px}}.orbit-icon{border:2px solid var(--border);background:var(--background);width:3.25rem;height:3.25rem;animation:4s ease-in-out infinite orbit-icon-float;animation-delay:var(--delay,0s);border-radius:9999px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #00000014}.orbit-icon:hover{box-shadow:0 6px 24px color-mix(in oklch, var(--primary) 20%, transparent);transform:scale(1.2)}:root.dark .orbit-icon{box-shadow:0 4px 12px #0006}:root.dark .orbit-icon:hover{box-shadow:0 6px 24px color-mix(in oklch, var(--primary) 30%, transparent)}.center-glow{background:color-mix(in oklch, var(--primary) 15%, transparent);filter:blur(20px);border-radius:9999px;width:80px;height:80px;animation:3s ease-in-out infinite center-glow-pulse;position:absolute}.connector-line{stroke:var(--primary);stroke-opacity:.2;stroke-width:.5px;stroke-dasharray:2 2;animation:3s linear infinite connector-dash}.energy-dot{r:1.2;fill:var(--primary);opacity:.7}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-node-appear{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(0)}}@keyframes orbit-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes center-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes connector-dash{to{stroke-dashoffset:-20px}}.hero-text-container{aspect-ratio:800/150;width:min(800px,90vw);display:inline-block;position:relative}#hero-mesh{--gradient-color-1:#7d98f2;--gradient-color-2:#c8d1ef;--gradient-color-3:#f2f4f7;--gradient-color-4:#fff}.dark #hero-mesh{--gradient-color-1:#0434d2;--gradient-color-2:#1d2d63;--gradient-color-3:#171b26;--gradient-color-4:#0b0c10}.hero-fade{background:radial-gradient(ellipse at center, transparent 30%, var(--background) 80%)}.feature-showcase{padding:2rem 0}.mockup-container{perspective:1200px}.mockup-kanban{--kanban-col-1:#e2e8f0;--kanban-col-2:#d1fae5;--kanban-col-3:#fef9c3;background:var(--card);border:1px solid var(--border);border-radius:.75rem;gap:.625rem;padding:.75rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #00000014}.dark .mockup-kanban{--kanban-col-1:#334155;--kanban-col-2:#064e3b;--kanban-col-3:#713f12}.kanban-col{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.kanban-header{border-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem;transition:background .2s;display:flex}.deal-card{space-y:.375rem;background:var(--card);border:1px solid var(--border);border-radius:.375rem;padding:.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000a}.deal-card:hover{border-color:hsl(var(--primary) / .5)}.deal-card-dragging{background:hsl(var(--primary) / .05);box-shadow:0 0 0 1px hsl(var(--primary)), 0 8px 16px -4px #00000026;border-width:2px;transform:rotate(-1.5deg)scale(1.02);border-color:hsl(var(--primary))!important}.kanban-card-1{animation:3s ease-in-out infinite card-float}.kanban-card-2{animation:3s ease-in-out .5s infinite card-float}.kanban-card-3{animation:3s ease-in-out 1s infinite card-float}.kanban-card-4{animation:3s ease-in-out 1.5s infinite card-float}.kanban-card-5{animation:3s ease-in-out 2s infinite card-float}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.mockup-automation{background:var(--card);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;align-items:center;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #00000014}.auto-node{background:var(--background);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.625rem;width:180px;padding:.625rem 1rem;transition:box-shadow .2s;display:flex}.auto-node:hover{box-shadow:0 2px 8px #00000014}.auto-node-icon{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.auto-node-icon-sm{border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;display:flex}.auto-connector{background:var(--border);width:2px;height:1.25rem;position:relative}.auto-connector:after{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;position:absolute;bottom:-3px;left:-3px}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.auto-connector-sm{background:var(--border);width:2px;height:.75rem;margin:0 auto}.auto-branch{gap:2rem;margin-top:.25rem;display:flex;position:relative}.auto-branch:before{content:"";background:var(--border);width:calc(100% - 4rem);height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.auto-branch-left,.auto-branch-right{flex-direction:column;align-items:center;gap:.125rem;display:flex}.auto-action-sm{background:var(--background);border:1px solid var(--border);border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.mockup-landing{background:var(--card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #00000014}.landing-toolbar{border-bottom:1px solid var(--border);background:var(--muted);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.landing-url{background:var(--background);border:1px solid var(--border);border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .5rem;display:flex}.landing-canvas{grid-template-rows:auto auto;grid-template-columns:1fr 5rem;min-height:220px;display:grid;position:relative}.landing-hero-block{border-bottom:1px dashed var(--border);grid-column:1;padding:1.5rem 1rem}.landing-form-block{grid-column:1;padding:1rem}.landing-sidebar{border-left:1px solid var(--border);background:var(--muted);grid-area:1/2/-1;padding:.5rem}.landing-block-item{color:var(--muted-foreground);cursor:default;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem;font-size:8px;transition:background .15s;display:flex}.landing-block-item:hover{background:var(--background)}.mockup-conecta{border:1px solid var(--border);border-radius:.75rem;height:380px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #00000014}.conecta-wpp-bg{background:#111b21;flex:1;min-width:0;display:flex}:root:not(.dark) .conecta-wpp-bg{background:#f0f2f5}.conecta-wpp-sidebar{border-right:1px solid #ffffff14;width:35%;overflow:hidden}:root:not(.dark) .conecta-wpp-sidebar{border-right-color:#d1d7db}.conecta-chat-item{border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem;display:flex}:root:not(.dark) .conecta-chat-item .h-1\.5,:root:not(.dark) .conecta-chat-item .h-1{background:#0000001f!important}:root:not(.dark) .conecta-chat-item .h-4.w-4{background:#00000014!important}:root:not(.dark) .conecta-chat-item.bg-white\/10{background:#0000000f}:root:not(.dark) .conecta-wpp-sidebar .border-b{border-color:#d1d7db}:root:not(.dark) .conecta-wpp-sidebar .text-white\/50{color:#54656f}.conecta-wpp-chat{background:#0b141a;flex-direction:column;flex:1;justify-content:flex-end;display:flex}:root:not(.dark) .conecta-wpp-chat{background:#efeae2}.conecta-bubble{border-radius:.375rem;max-width:80%;padding:.25rem .5rem;font-size:9px;line-height:1.4}.conecta-bubble-sent{color:#e9edef;background:#005c4b;border-bottom-right-radius:0;margin-left:auto}:root:not(.dark) .conecta-bubble-sent{color:#111b21;background:#d9fdd3}.conecta-bubble-received{color:#e9edef;background:#202c33;border-bottom-left-radius:0;margin-right:auto}:root:not(.dark) .conecta-bubble-received{color:#111b21;background:#fff}.conecta-panel{background:var(--card);flex-direction:column;width:180px;display:flex;overflow:hidden}.conecta-panel-header{border-bottom:1px solid var(--border);background:var(--muted);justify-content:center;align-items:center;padding:.375rem;display:flex}.conecta-panel-user{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;padding:.3rem .5rem;display:flex}.conecta-panel-btn{border:1px solid var(--border);color:var(--muted-foreground);cursor:default;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;margin:.3rem .5rem;padding:.25rem .5rem;font-size:8px;display:flex}.conecta-contact-section{border-top:1px solid var(--border)}.conecta-panel-btn-inner{border:1px solid var(--border);color:var(--muted-foreground);cursor:default;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;margin:0 .5rem .3rem;padding:.25rem .5rem;font-size:8px;display:flex}.conecta-deal-card{border:1px solid var(--border);background:var(--background);border-radius:.375rem;margin:0 .5rem .5rem;padding:.5rem}.conecta-action-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground);cursor:default;border-radius:.25rem;justify-content:center;align-items:center;transition:background .15s;display:flex}.conecta-action-icon:hover{background:var(--muted)}.conecta-temp-icon{opacity:.3;font-size:8px}.conecta-temp-icon.active{opacity:1}.conecta-slide-in-1{animation:.4s ease-out .3s both conecta-slide}.conecta-slide-in-2{animation:.4s ease-out .5s both conecta-slide}.conecta-slide-in-3{animation:.3s ease-out .8s both conecta-slide}.conecta-slide-in-4{animation:.3s ease-out 1s both conecta-slide}@keyframes conecta-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.landing-hero-block{animation:.5s ease-out .2s both landing-block-appear}.landing-form-block{animation:.5s ease-out .5s both landing-block-appear}@keyframes landing-block-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-block-item:first-child{animation:.3s ease-out .4s both landing-sidebar-item}.landing-block-item:nth-child(2){animation:.3s ease-out .55s both landing-sidebar-item}.landing-block-item:nth-child(3){animation:.3s ease-out .7s both landing-sidebar-item}.landing-block-item:nth-child(4){animation:.3s ease-out .85s both landing-sidebar-item}@keyframes landing-sidebar-item{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}