.integration-section{background-color:#01022e;border-radius:clamp(16px,2.5vw,25px);color:#fafbff;max-width:1280px;overflow:hidden;padding:clamp(20px,3.5vw,30px);position:relative;text-align:center}.grid-background{background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:clamp(24px,3vw,40px) clamp(24px,3vw,40px);inset:0;mask-image:radial-gradient(circle,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(circle,#000 40%,transparent 90%);opacity:.4;position:absolute;z-index:1}.content-wrapper{margin:0 auto;position:relative;z-index:2}.integration-text{margin-bottom:clamp(30px,4vw,50px)}.integration-text h2{font-size:clamp(2rem,3.5vw,2.5rem);font-weight:500;margin:0 0 15px}.integration-text p{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.5;margin:0 auto;max-width:700px}.integration-container{margin:0 auto clamp(30px,4vw,40px);position:relative;width:clamp(60%,80vw,80%)}.main-integration{display:block;height:auto;pointer-events:none;position:relative;width:100%;z-index:10}.anim-connector{height:100%;left:-1px;pointer-events:none;position:absolute;top:4px;transform:scale(1.17);width:100%;z-index:5}.integration-cards-flex{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,20px);justify-content:center;margin-bottom:30px;text-align:left;width:100%}.integration-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:radial-gradient(98.45% 69.8% at 50.11% 46.83%,hsla(0,0%,100%,.1) 18.67%,hsla(0,0%,100%,.3) 100%);border:none;border-radius:clamp(12px,1.5vw,16px);display:flex;flex:1 1 clamp(200px,22vw,220px);flex-direction:column;justify-content:space-between;max-width:300px;padding:clamp(16px,2vw,20px);transition:transform .3s ease,border-color .3s ease}.integration-card:before{background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.1) 40%,#fff);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:2}.integration-card:hover{transform:translateY(-4px)}.integration-card h3{color:#fafbff;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:500;margin:0 0 12px}.integration-card .card-desc{flex-grow:1;font-size:clamp(.85rem,1.2vw,.9rem);line-height:1.45;margin:0 0 20px}.integration-card .card-tags{font-size:clamp(.8rem,1.1vw,.85rem);font-weight:500;margin:0}.integration-cta-wrapper{align-items:center;display:flex;justify-content:center;margin-top:20px}.integration-cta-btn{align-items:center;color:#fafbff;display:inline-flex;font-size:clamp(.9rem,1.3vw,1rem);font-weight:500;gap:12px;text-decoration:none}.integration-cta-btn .icon-circle{align-items:center;background-color:#fafbff;border-radius:clamp(10px,1.2vw,14px);color:#01022e;display:flex;height:clamp(38px,3.5vw,44px);justify-content:center;transition:transform .4s cubic-bezier(.16,1,.3,1);width:clamp(38px,3.5vw,44px)}.integration-cta-btn .icon-circle svg{transform:rotate(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.integration-cta-btn .icon-circle:hover svg{transform:rotate(-45deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}@media (max-width:900px){.integration-card{flex:1 1 40%;max-width:45%}.integration-container{width:100%}}@media (max-width:600px){.integration-card{flex:1 1 100%;max-width:100%}.integration-container{width:100%}}