.integration-showcase{margin:0 auto;max-width:var(--container-2xl);padding:var(--section-padding-y) var(--container-padding)}.showcase-container{display:flex;flex-direction:column;gap:var(--space-12)}.showcase-header{margin:0 auto;max-width:var(--container-lg);text-align:center}.showcase-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-h2);font-weight:400;line-height:var(--line-height-snug);margin:0 0 var(--space-6) 0}.showcase-description{color:hsla(0,0%,100%,.8);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.integration-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.integration-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--border-radius-card);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-8);position:relative;transition:all .3s ease}.integration-card:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.12);box-shadow:0 12px 32px rgba(0,0,0,.1);transform:translateY(-4px)}.integration-logo{align-items:center;background:hsla(0,0%,100%,.05);border-radius:var(--border-radius-lg);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);padding:var(--space-3);width:80px}.integration-logo img{filter:brightness(0) invert(1);max-height:100%;max-width:100%;object-fit:contain;opacity:.9}.integration-content{flex:1;text-align:center}.integration-name{color:#fff;font-size:var(--font-size-xl);font-weight:500;margin:0 0 var(--space-3) 0}.integration-description,.integration-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.integration-description{color:hsla(0,0%,100%,.75);font-size:var(--font-size-base);font-weight:300;line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0}.integration-link{color:#ff6e82;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.integration-link:hover{color:#ff5252}.integration-type-badge{background:rgba(255,110,130,.2);border:1px solid rgba(255,110,130,.4);border-radius:var(--border-radius-sm);color:#ff6e82;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-4);text-transform:uppercase;top:var(--space-4)}.integration-card[data-type=eln] .integration-type-badge{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4);color:#667eea}.integration-card[data-type=lims] .integration-type-badge{background:rgba(118,75,162,.2);border-color:rgba(118,75,162,.4);color:#764ba2}.integration-card[data-type=workflow] .integration-type-badge{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4);color:#22c55e}@media (max-width:1024px){.integration-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.integration-grid{grid-template-columns:1fr}.integration-card{padding:var(--space-6)}.integration-logo{height:60px;width:60px}}