.integration-showcase-section{background-color:var(--surface-light,#f8fafc);border-radius:24px 24px 0 0;overflow:hidden;padding:calc(var(--spacing-xxl, 64px)) 0;position:relative}.integration-container{display:flex;flex-direction:column;gap:var(--spacing-xl,40px);margin:0 auto;max-width:1240px;padding:0 var(--spacing-lg,24px)}.integration-visual{align-items:center;display:flex;height:500px;justify-content:center;margin:0 auto;max-width:600px;position:relative;width:100%}.orbital-system-center{background:var(--primary-orange,#ff5d35);border-radius:50%;box-shadow:0 0 25px rgba(255,93,53,.4),0 0 0 10px rgba(255,93,53,.1);height:20px;position:relative;width:20px;z-index:5}.orbit{border:1px dashed rgba(0,0,0,.1);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-1{height:220px;width:220px}.orbit-2{height:360px;width:360px}.orbit-3{height:480px;width:480px}.app-icon-wrapper{animation:orbit var(--orbit-duration,30s) linear infinite;animation-delay:var(--orbit-delay,0s);height:1px;left:50%;position:absolute;top:50%;width:1px}.app-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-elevated,0 4px 12px rgba(0,0,0,.1));color:var(--text-secondary,#64748b);display:flex;font-size:1.75rem;height:60px;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%) translateX(var(--orbit-radius,150px));transition:transform .3s ease;width:60px}.app-icon:hover{transform:translate(-50%,-50%) translateX(var(--orbit-radius,150px)) scale(1.15)!important;z-index:10}.icon-hubspot{color:#ff7a59}.icon-salesforce{color:#00a1e0}.icon-slack{color:#4a154b}.icon-aircall{color:#00b388}.icon-gdrive{color:#4285f4}.icon-shopify{color:#95bf47}.icon-trello{color:#0079bf}.icon-mailchimp{color:#241c15}.icon-wordpress{color:#21759b}.integration-content{display:flex;flex-direction:column;margin:0 auto var(--spacing-xl,48px);max-width:600px;position:relative;text-align:center;z-index:2}.integration-preheader{color:var(--primary-orange,#ff5d35);display:inline-block;letter-spacing:3px;margin-bottom:32px;padding-bottom:10px;position:relative;text-transform:uppercase}.integration-preheader:after{background-color:var(--primary-orange,#ff5d35);bottom:0;content:"";display:none;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.integration-preheader:not(:empty):after{display:block}.integration-title{color:var(--text-primary,#1e293b);margin-bottom:var(--spacing-xs)}.integration-description{color:var(--text-secondary,#64748b);line-height:1.7}.integration-benefits-list{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.integration-benefits-list li{align-items:center;color:var(--text-secondary,#64748b);display:flex;gap:10px;max-width:400px;text-align:left}.integration-benefits-list i{color:var(--primary-orange,#ff5d35);font-size:1.25rem}@keyframes orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:992px){.integration-container{align-items:center;flex-direction:row;justify-content:space-between}.integration-content{max-width:50%;text-align:left}.integration-preheader:after{left:0;transform:none}.integration-benefits-list{align-items:flex-start}.integration-visual{max-width:50%}}@media (max-width:1024px) and (min-width:769px){.integration-showcase-section{padding:var(--spacing-xxl,64px) 0}.integration-container{gap:var(--spacing-lg,32px);padding:0 var(--spacing-md,24px)}.integration-visual{height:450px;max-width:500px}.integration-content{margin-bottom:var(--spacing-lg,32px)}}@media (max-width:768px){.integration-showcase-section{padding:var(--spacing-xl,52px) 0}.integration-container{gap:var(--spacing-md,24px);padding:0 var(--spacing-sm,16px)}.integration-visual{height:350px;transform:scale(.8)}.orbit-1{height:180px;width:180px}.orbit-2{height:300px;width:300px}.orbit-3{height:400px;width:400px}.app-icon-wrapper{--orbit-radius:calc(var(--orbit-radius, 150px)*0.8)}.app-icon{font-size:1.5rem;height:50px;width:50px}.integration-content{margin-bottom:var(--spacing-md,24px)}}@media (max-width:480px){.integration-showcase-section{padding:var(--spacing-xl,52px) 0}.integration-container{padding:0 var(--spacing-sm,16px)}.integration-visual{height:300px;transform:scale(.65)}}