.how-it-works-section{padding:100px 24px 60px;background:linear-gradient(180deg,#f5f5f4,#fdfbf5);display:flex;flex-direction:column;align-items:center;gap:48px;position:relative}.how-it-works-section:before{content:"";position:absolute;top:-10%;left:10%;width:250px;height:250px;background:radial-gradient(circle,rgba(17,191,191,.2) 0,transparent 70%);border-radius:50%;pointer-events:none}.how-it-works-header{text-align:center;max-width:700px;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.how-it-works-section-title{font-size:clamp(32px,4vw,40px);font-weight:500;color:#0f172a;margin:0 0 16px;line-height:1.2;letter-spacing:-.06em}.how-it-works-section-subtitle{font-size:clamp(16px,2vw,18px);line-height:1.6;color:#475569;margin:0 auto;max-width:700px;letter-spacing:-.05em}.how-it-works-container{max-width:1280px;width:100%;background:#e7e5e4;border-radius:24px;padding:8px;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.how-it-works-visible{opacity:1;transform:translateY(0)}.how-it-works-grid{display:flex;gap:8px;width:100%}.how-it-works-card{border-radius:16px;padding:24px;display:flex;flex-direction:row;gap:12px;flex:1;min-width:0;height:340px;background:rgba(255,255,255,.7);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.how-it-works-card-active{flex:2.5;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden}.how-it-works-card-left{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:0}.how-it-works-card-active .how-it-works-card-left{width:200px;flex:0 0 200px}.how-it-works-number{font-size:18px;line-height:26px;color:#a1a1aa;font-weight:400;margin-bottom:auto}.how-it-works-text{display:flex;flex-direction:column;gap:12px;min-width:0}.how-it-works-title{font-size:20px;line-height:26px;font-weight:600;color:#18181b;margin:0;letter-spacing:-.06em}.how-it-works-description{font-size:14px;line-height:20px;color:#52525b;margin:0;letter-spacing:-.05em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.how-it-works-card-active .how-it-works-description{-webkit-line-clamp:unset;overflow:visible}.how-it-works-card-right{flex:0;position:relative;overflow:hidden;border-radius:12px;min-width:0;opacity:0;transform:scale(.95);transition:opacity .3s ease-out,transform .3s ease-out,flex .4s cubic-bezier(.4,0,.2,1)}.how-it-works-card-active .how-it-works-card-right{flex:1;opacity:1;transform:scale(1)}.how-it-works-image{object-fit:cover;object-position:top left;border-radius:12px}@keyframes fadeInText{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.how-it-works-grid{flex-direction:column}.how-it-works-card{height:auto;min-height:80px}.how-it-works-card-active{min-height:300px}.how-it-works-card-left{flex-direction:row;align-items:flex-start;gap:16px}.how-it-works-card-active .how-it-works-card-left{flex-direction:column;width:auto}.how-it-works-card .how-it-works-number{margin-bottom:0}.how-it-works-card-active .how-it-works-card-right{min-height:200px}}@media (max-width:768px){.how-it-works-section{padding:40px 20px;gap:32px}}@media (max-width:480px){.how-it-works-card{padding:16px}.how-it-works-title{font-size:18px;line-height:24px}.how-it-works-card-active{min-height:260px}}.integrations-section{padding:120px 80px 100px;background:#fdfbf5;overflow:hidden;position:relative}.integrations-section:before{content:"";position:absolute;top:20%;right:-8%;width:400px;height:400px;background:radial-gradient(circle,rgba(242,141,82,.08) 0,transparent 70%);border-radius:50%;pointer-events:none}.integrations-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:300px;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.integrations-visible{opacity:1;transform:translateY(0)}.integrations-content{flex:0 0 auto;max-width:500px}.integrations-header{margin-bottom:40px}.integrations-title{font-size:clamp(32px,4vw,40px);font-weight:500;color:#0f172a;line-height:1.2;margin:0 0 20px;letter-spacing:-.06em}.integrations-description{font-size:18px;line-height:1.6;color:#475569;margin:0;letter-spacing:-.05em}.integrations-steps{display:flex;flex-direction:column;gap:16px;margin-top:100px}.integrations-step{display:flex;align-items:center;gap:16px}.integrations-step-number{font-size:12px;font-weight:600;color:#0e8f8f;background:rgba(17,191,191,.12);letter-spacing:-.05em;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.integrations-step-text{font-size:16px;color:#475569;line-height:1.5;letter-spacing:-.05em}.integrations-cta{margin-top:32px}.integrations-btn{display:inline-flex;align-items:center;gap:12px;background:#000000;color:#ffffff;border:none;border-radius:50px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;position:relative;padding:14px 52px 14px 24px}.integrations-btn:hover{background:#1a1a1a}.integrations-btn-icon-wrapper{width:28px;height:28px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:absolute;right:8px}.integrations-btn-icon{width:15px;height:15px;color:#000000}.integrations-btn:hover .integrations-btn-icon{animation:arrowSlideRight .6s ease-in-out forwards}.integrations-btn:not(:hover) .integrations-btn-icon{animation:arrowSlideLeft .6s ease-in-out forwards}@keyframes arrowSlideRight{0%{transform:translateX(0);opacity:1}49%{transform:translateX(10px);opacity:0}50%{transform:translateX(-10px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes arrowSlideLeft{0%{transform:translateX(0);opacity:1}49%{transform:translateX(-10px);opacity:0}50%{transform:translateX(10px);opacity:0}to{transform:translateX(0);opacity:1}}.integrations-visual{flex:0 0 auto;position:relative;height:466px;overflow:hidden}.integrations-visual:after,.integrations-visual:before{content:"";position:absolute;left:0;right:0;height:100px;pointer-events:none;z-index:2}.integrations-visual:before{top:0;background:linear-gradient(180deg,#fdfbf5 0,rgba(253,251,245,0))}.integrations-visual:after{bottom:0;background:linear-gradient(0deg,#fdfbf5 0,rgba(253,251,245,0))}.integrations-scroll-container{display:flex;gap:0;height:100%;justify-content:center}.integrations-column{flex:0 0 auto;width:120px;position:relative;overflow:hidden;height:100%}.integrations-column-1 .integrations-logo-grid{animation:scrollUp 20s linear infinite}.integrations-column-2 .integrations-logo-grid{animation:scrollDown 20s linear infinite}.integrations-logo-grid{display:flex;flex-direction:column;gap:16px;width:100%;will-change:transform}.integrations-logo-item{height:110px;width:110px;flex-shrink:0;padding:4px}.integrations-logo-card{width:100%;height:100%;background:#fafafa;border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.integrations-logo{width:48px;height:48px;object-fit:cover;border-radius:100px;overflow:clip}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@media (max-width:1024px){.integrations-container{gap:60px}.integrations-section{padding:80px 60px}}@media (max-width:768px){.integrations-section{padding:80px 40px}.integrations-container{flex-direction:column;gap:40px}.integrations-content{text-align:left;max-width:none}.integrations-visual{height:auto;width:100%}.integrations-visual:after,.integrations-visual:before{display:none}.integrations-scroll-container{flex-direction:column;width:100%;height:auto;gap:0}.integrations-column{width:100%;height:100px;overflow:hidden;position:relative}.integrations-column:after,.integrations-column:before{content:"";position:absolute;width:60px;height:100%;top:0;pointer-events:none;z-index:2}.integrations-column:before{left:0;background:linear-gradient(90deg,#fdfbf5 0,rgba(253,251,245,0))}.integrations-column:after{right:0;background:linear-gradient(270deg,#fdfbf5 0,rgba(253,251,245,0))}.integrations-column-1 .integrations-logo-grid{animation:scrollLeft 25s linear infinite}.integrations-column-2 .integrations-logo-grid{animation:scrollRight 25s linear infinite}.integrations-logo-grid{flex-direction:row;gap:16px;width:fit-content;height:100%;display:flex}.integrations-logo-item{height:80px;width:80px}.integrations-logo-card{padding:20px}.integrations-logo{width:36px;height:36px}}@media (max-width:480px){.integrations-section{padding:60px 32px}.integrations-visual{height:250px}.integrations-logo-item{height:70px;width:70px}.integrations-logo-card{padding:16px}.integrations-logo{width:32px;height:32px}}.integrations-btn:focus-visible{outline:2px solid #11BFBF;outline-offset:4px}