.integrations-page{position:relative;z-index:1}.integrations-page .cta-primary{background:#7aff8733!important;border:2px solid #7aff87!important;color:#7aff87!important;box-shadow:0 0 30px #7aff8766,inset 0 0 20px #7aff871a!important}.integrations-page .cta-primary:hover{background:#7aff87!important;color:#0a0118!important;box-shadow:0 0 50px #7aff87cc,inset 0 0 30px #7aff874d!important;transform:translateY(-2px)!important}.integrations-page .cta-primary:hover span,.integrations-page .cta-primary:hover svg{color:#0a0118!important}.integration-hub-static-container{position:relative;width:100%;max-width:900px;height:700px;margin:0 auto;display:flex;align-items:center;justify-content:center}.connection-lines-static{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke:#7aff8766;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(122,255,135,.6));animation:linePulse 3s ease-in-out infinite}.connection-line-1{animation-delay:0s}.connection-line-2{animation-delay:.4s}.connection-line-3{animation-delay:.8s}.connection-line-4{animation-delay:1.2s}.connection-line-5{animation-delay:1.6s}.connection-line-6{animation-delay:2s}.connection-line-7{animation-delay:2.4s}.connection-line-8{animation-delay:2.8s}@keyframes linePulse{0%,to{stroke:#7aff874d;stroke-width:3;filter:drop-shadow(0 0 4px rgba(122,255,135,.5))}50%{stroke:#7aff8799;stroke-width:3.5;filter:drop-shadow(0 0 10px rgba(122,255,135,.9))}}.hub-center-static{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.hub-center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(122,255,135,.3) 0%,rgba(122,255,135,.1) 40%,transparent 70%);border-radius:50%;animation:hubPulse 4s ease-in-out infinite;filter:blur(20px)}@keyframes hubPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.hub-center-logo{position:relative;width:160px;height:160px;background:linear-gradient(135deg,#0f051de6,#1a0d2ecc);border:3px solid rgba(122,255,135,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #7aff8766,0 0 80px #7aff8733,inset 0 0 30px #7aff871a}.hub-center-logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:2px solid rgba(122,255,135,.3);border-radius:50%;animation:connectionRing 3s ease-in-out infinite}.hub-center-logo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1px solid rgba(122,255,135,.15);border-radius:50%;animation:connectionRing 3s ease-in-out infinite;animation-delay:.5s}@keyframes connectionRing{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tells-logo{width:120px;height:auto;filter:drop-shadow(0 0 20px rgba(122,255,135,.6))}.integration-node{position:absolute;z-index:5}.integration-node:nth-child(2) .node-icon{animation-delay:0s}.integration-node:nth-child(3) .node-icon{animation-delay:.4s}.integration-node:nth-child(4) .node-icon{animation-delay:.8s}.integration-node:nth-child(5) .node-icon{animation-delay:1.2s}.integration-node:nth-child(6) .node-icon{animation-delay:1.6s}.integration-node:nth-child(7) .node-icon{animation-delay:2s}.integration-node:nth-child(8) .node-icon{animation-delay:2.4s}.integration-node:nth-child(9) .node-icon{animation-delay:2.8s}.node-icon{width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0f051df2,#1a0d2ee6);border:2px solid rgba(122,255,135,.3);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0009,0 0 40px #7aff8726;transition:all .3s ease;cursor:pointer;position:relative;animation:nodePulse 3s ease-in-out infinite}@keyframes nodePulse{0%,to{box-shadow:0 8px 32px #0009,0 0 40px #7aff8726;transform:scale(1)}50%{box-shadow:0 8px 32px #0009,0 0 60px #7aff874d;transform:scale(1.02)}}.node-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#7aff87;border:3px solid rgba(15,5,29,.9);border-radius:50%;box-shadow:0 0 20px #7aff87,0 0 40px #7aff8799,inset 0 0 8px #7aff87cc;z-index:10;animation:connectionDot 3s ease-in-out infinite}@keyframes connectionDot{0%,to{box-shadow:0 0 20px #7aff87cc,0 0 40px #7aff8766,inset 0 0 8px #7aff8799;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 30px #7aff87,0 0 60px #7aff87cc,inset 0 0 12px #7aff87;transform:translate(-50%,-50%) scale(1.2)}}.node-icon:hover{border-color:#7aff8799;box-shadow:0 12px 48px #000c,0 0 60px #7aff874d;transform:translateY(-8px) scale(1.05)}.node-label{font-size:11px;font-weight:600;color:#7aff87;text-align:center;margin:0;text-shadow:0 0 10px rgba(122,255,135,.5);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 991px){.integration-hub-static-container{height:600px;max-width:750px}.hub-center-logo{width:140px;height:140px}.tells-logo{width:100px}.node-icon{width:95px;height:95px}.node-icon .text-4xl{font-size:2rem}.node-icon svg{width:28px;height:28px}}@media (max-width: 767px){.integration-hub-static-container{height:500px;max-width:600px}.hub-center-logo{width:120px;height:120px}.hub-center-glow{width:240px;height:240px}.tells-logo{width:80px}.node-icon{width:75px;height:75px}.node-icon .text-4xl{font-size:1.5rem}.node-icon svg{width:20px;height:20px}.node-label{font-size:9px}.connection-line{stroke-width:1.5}}@media (max-width: 480px){.integration-hub-static-container{height:450px;max-width:500px}.hub-center-logo{width:100px;height:100px}.hub-center-glow{width:200px;height:200px}.tells-logo{width:70px}.node-icon{width:65px;height:65px;border-radius:12px}.node-icon .text-4xl{font-size:1.25rem}.node-icon svg{width:18px;height:18px}.node-label{font-size:8px}.connection-line{stroke-width:1.5}}.hero-section{position:relative;display:flex;align-items:center;justify-content:center}.logo-wall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:0 20px}.logo-wall-item{animation:logoFadeIn .6s ease-out forwards;opacity:0;transition:transform .3s ease}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-wall-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#0f051d99,#1a0d2e66);border:1px solid rgba(122,255,135,.15);border-radius:16px;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;height:100%}.logo-wall-item:hover .logo-wall-inner{border-color:#7aff8766;background:linear-gradient(135deg,#0f051dcc,#1a0d2e99);box-shadow:0 8px 32px #7aff8733;transform:translateY(-4px)}.logo-wall-item:hover{transform:translateY(-8px)!important}.integration-card{animation:cardFadeIn .6s ease-out forwards;opacity:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.integration-card .inline-flex{position:relative;overflow:hidden}.integration-card .inline-flex:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#7aff8733;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.integration-card:hover .inline-flex:after{width:300px;height:300px}@keyframes developerCardGlow{0%,to{box-shadow:0 0 20px #7aff871a}50%{box-shadow:0 0 40px #7aff874d}}@keyframes dotPulse{0%,to{box-shadow:0 0 10px currentColor;transform:scale(1)}50%{box-shadow:0 0 20px currentColor;transform:scale(1.2)}}.outcomes-strip .w-2{animation:dotPulse 2s ease-in-out infinite}@media (max-width: 767px){.logo-wall-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.logo-wall-inner{padding:16px 12px}.logo-wall-inner .text-5xl{font-size:2.5rem}.logo-wall-inner .text-sm{font-size:.75rem}}@media (max-width: 480px){.logo-wall-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.hero-section{padding-top:100px;padding-bottom:40px}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}}@media (max-width: 991px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.125rem}}@media (max-width: 767px){.integration-card{padding:20px}.integration-card h3{font-size:1.5rem}.integration-card .text-6xl{font-size:3rem}}@media (max-width: 767px){.py-20{padding-top:3rem;padding-bottom:3rem}section .p-12{padding:2rem}section .p-8{padding:1.5rem}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.integration-card:hover svg,.logo-wall-item:hover .text-5xl{filter:drop-shadow(0 0 15px rgba(122,255,135,.6));animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shadow-green-500\/30:hover{animation:ctaGlow 2s ease-in-out infinite}@keyframes ctaGlow{0%,to{box-shadow:0 0 30px #7aff874d}50%{box-shadow:0 0 60px #7aff8799}}.integrations-page *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.integration-card,.logo-wall-item,.developer-card{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.integration-page-wrapper{position:relative;padding-top:100px;min-height:100vh}.integration-hero-section{position:relative;padding:100px 24px 80px;text-align:center;overflow:hidden}.integration-hero-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(122,255,135,.15) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.hero-content-container{position:relative;z-index:1;max-width:900px;margin:0 auto}.platform-logo-wrapper{display:flex;justify-content:center;margin-bottom:32px;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero-headline{font-size:clamp(32px,6vw,64px);font-weight:700;line-height:1.1;margin:0 0 24px;color:#fff;text-shadow:0 0 30px rgba(122,255,135,.3);animation:fadeInUp 1s ease-out .2s both}.hero-subheadline{font-size:clamp(16px,2vw,22px);line-height:1.6;color:#b8b8b8;max-width:700px;margin:0 auto 40px;animation:fadeInUp 1s ease-out .4s both}.hero-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.hero-cta-buttons .cta-primary,.hero-cta-buttons .cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.hero-cta-buttons .cta-primary{background:#7aff8733;border:2px solid #7aff87;color:#7aff87;box-shadow:0 0 30px #7aff8766,inset 0 0 20px #7aff871a}.hero-cta-buttons .cta-primary:hover{background:#7aff87!important;color:#0a0118!important;box-shadow:0 0 50px #7aff87cc,inset 0 0 30px #7aff874d;transform:translateY(-2px)}.hero-cta-buttons .cta-primary:hover svg{color:#0a0118!important}.hero-cta-buttons .cta-secondary{background:transparent;border:2px solid rgba(122,255,135,.3);color:#7aff87}.hero-cta-buttons .cta-secondary:hover{border-color:#7aff87;background:#7aff871a;box-shadow:0 0 30px #7aff874d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.integration-page-wrapper{padding-top:80px}.integration-hero-section{padding:80px 20px 60px}.platform-logo-wrapper svg,.platform-logo-wrapper div{width:60px!important;height:60px!important;font-size:32px!important}.hero-cta-buttons{flex-direction:column}.hero-cta-buttons .cta-primary,.hero-cta-buttons .cta-secondary{width:100%;justify-content:center}}