.packages-integration{margin:0 auto;max-width:var(--container-2xl);padding:var(--section-padding-y) var(--container-padding)}.integration-container{display:flex;flex-direction:column;gap:var(--space-12)}.integration-header{margin:0 auto;max-width:var(--container-lg);text-align:center}.integration-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-h3);font-weight:300;letter-spacing:2px;line-height:var(--line-height-snug);margin:0 0 var(--space-6) 0;text-transform:uppercase}.integration-description{color:hsla(0,0%,100%,.8);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.integration-description strong{background:linear-gradient(135deg,#ff6e82,#f6861f);-webkit-background-clip:text;color:hsla(0,0%,100%,.95);-webkit-text-fill-color:transparent;background-clip:text}.platform-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.platform-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-6);position:relative;transition:all .3s ease}.platform-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)}.platform-logo{align-items:center;background:hsla(0,0%,100%,.05);border-radius:var(--border-radius-lg);display:flex;height:60px;justify-content:center;margin:0 auto var(--space-6);padding:var(--space-3);width:100px}.platform-logo img{filter:brightness(0) invert(1);max-height:100%;max-width:100%;object-fit:contain;opacity:.9}.platform-content{flex:1;margin-bottom:var(--space-4);text-align:center}.platform-name{color:#fff;font-size:var(--font-size-xl);font-weight:500;margin:0 0 var(--space-3) 0}.platform-description,.platform-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.platform-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}.platform-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}.platform-link:hover{color:#f6861f}.partnership-badge{border-radius:var(--border-radius-sm);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)}.platform-card[data-partnership=advanced] .partnership-badge{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);color:#22c55e}.platform-card[data-partnership=technology] .partnership-badge{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#3b82f6}.platform-card[data-partnership=integration] .partnership-badge{background:rgba(255,110,130,.2);border:1px solid rgba(255,110,130,.4);color:#ff6e82}.platform-card[data-partnership=compatible] .partnership-badge{background:rgba(156,163,175,.2);border:1px solid rgba(156,163,175,.4);color:#9ca3af}.integration-cta{margin-top:var(--space-8);text-align:center}.cta-button{backdrop-filter:blur(10px);background:var(--color-bg-subtle);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-button);color:#fff;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:all var(--duration-normal) var(--ease-out)}.cta-button:hover{background:var(--color-hover-bg);border-color:var(--color-hover-border);transform:translateY(-2px)}@media (max-width:1024px){.platform-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.platform-grid{grid-template-columns:1fr}.platform-card{padding:var(--space-6)}.platform-logo{height:50px;width:80px}}