.integration-page[data-astro-cid-gq2glfl6]{padding-top:5rem}.integration-hero[data-astro-cid-gq2glfl6]{padding:4rem 0 6rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--bg-primary) 40%,var(--accent-50) 100%);position:relative;overflow:hidden}.integration-hero[data-astro-cid-gq2glfl6]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(14,165,233,.1) 0%,transparent 50%);z-index:-1}.hero-content[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.integration-badge[data-astro-cid-gq2glfl6]{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;padding:.5rem 1rem;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;margin-bottom:1.5rem}.hero-text[data-astro-cid-gq2glfl6] h1[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.hero-text[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7}.hero-metrics[data-astro-cid-gq2glfl6]{display:flex;gap:2rem;margin-bottom:2.5rem}.metric-item[data-astro-cid-gq2glfl6]{text-align:center}.metric-number[data-astro-cid-gq2glfl6]{font-size:2rem;font-weight:700;color:var(--primary-600);line-height:1;display:block}.metric-label[data-astro-cid-gq2glfl6]{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.hero-actions[data-astro-cid-gq2glfl6]{display:flex;gap:1rem}.integration-flow[data-astro-cid-gq2glfl6]{position:relative;width:100%;height:400px;background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);margin-bottom:2rem}.flow-center[data-astro-cid-gq2glfl6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.auth-platform[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.platform-icon[data-astro-cid-gq2glfl6]{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.platform-label[data-astro-cid-gq2glfl6]{font-weight:600;font-size:.9rem}.connected-apps[data-astro-cid-gq2glfl6]{position:relative;width:100%;height:100%}.app-node[data-astro-cid-gq2glfl6]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid var(--border-light);transition:all .3s ease}.app-node[data-astro-cid-gq2glfl6]:hover{transform:scale(1.05);border-color:var(--primary-500);box-shadow:var(--shadow-lg)}.app-icon[data-astro-cid-gq2glfl6]{font-size:1.5rem}.app-label[data-astro-cid-gq2glfl6]{font-size:.8rem;font-weight:600;color:var(--text-primary)}.app-node[data-astro-cid-gq2glfl6].top-left{top:10%;left:10%}.app-node[data-astro-cid-gq2glfl6].top-right{top:10%;right:10%}.app-node[data-astro-cid-gq2glfl6].middle-left{top:50%;left:5%;transform:translateY(-50%)}.app-node[data-astro-cid-gq2glfl6].middle-right{top:50%;right:5%;transform:translateY(-50%)}.app-node[data-astro-cid-gq2glfl6].bottom-left{bottom:10%;left:10%}.app-node[data-astro-cid-gq2glfl6].bottom-right{bottom:10%;right:10%}.connection-line[data-astro-cid-gq2glfl6]{position:absolute;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:2px;z-index:1}.line-1[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;left:100%;transform:translateY(-50%) rotate(25deg);transform-origin:left center}.line-2[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;right:100%;transform:translateY(-50%) rotate(-25deg);transform-origin:right center}.line-3[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;left:100%;transform:translateY(-50%);transform-origin:left center}.line-4[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;right:100%;transform:translateY(-50%);transform-origin:right center}.line-5[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;left:100%;transform:translateY(-50%) rotate(-25deg);transform-origin:left center}.line-6[data-astro-cid-gq2glfl6]{width:120px;height:3px;top:50%;right:100%;transform:translateY(-50%) rotate(25deg);transform-origin:right center}.integration-benefits[data-astro-cid-gq2glfl6]{display:flex;gap:1rem;justify-content:center}.benefit-tag[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);font-weight:500;transition:all .3s ease}.benefit-tag[data-astro-cid-gq2glfl6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tag-icon[data-astro-cid-gq2glfl6]{font-size:1rem}.tag-text[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-size:.9rem}.integration-challenges[data-astro-cid-gq2glfl6]{padding:6rem 0;background:var(--bg-secondary)}.section-header[data-astro-cid-gq2glfl6]{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.section-header[data-astro-cid-gq2glfl6] h2[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:1rem}.section-header[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{font-size:1.125rem;color:var(--text-secondary)}.challenges-comparison[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center}.challenge-side[data-astro-cid-gq2glfl6] h3[data-astro-cid-gq2glfl6]{text-align:center;margin-bottom:2rem;font-size:1.5rem;padding:1rem;border-radius:var(--radius-lg)}.challenge-side[data-astro-cid-gq2glfl6].traditional h3[data-astro-cid-gq2glfl6]{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.challenge-side[data-astro-cid-gq2glfl6].solution h3[data-astro-cid-gq2glfl6]{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.challenge-list[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;gap:1.5rem}.challenge-item[data-astro-cid-gq2glfl6]{display:flex;gap:1rem;background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s ease}.challenge-item[data-astro-cid-gq2glfl6]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.challenge-icon[data-astro-cid-gq2glfl6]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.challenge-icon[data-astro-cid-gq2glfl6].error{background:var(--error-100);color:var(--error-600)}.challenge-icon[data-astro-cid-gq2glfl6].success{background:var(--success-100);color:var(--success-600)}.challenge-content[data-astro-cid-gq2glfl6]{flex:1}.challenge-content[data-astro-cid-gq2glfl6] h4[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.challenge-content[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.challenge-metric[data-astro-cid-gq2glfl6]{font-weight:600;font-size:.9rem;padding:.375rem .75rem;border-radius:var(--radius-sm)}.traditional[data-astro-cid-gq2glfl6] .challenge-metric[data-astro-cid-gq2glfl6]{background:var(--error-50);color:var(--error-700)}.solution[data-astro-cid-gq2glfl6] .challenge-metric[data-astro-cid-gq2glfl6]{background:var(--success-50);color:var(--success-700)}.solution-arrow[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;align-items:center;gap:1rem}.arrow-text[data-astro-cid-gq2glfl6]{background:linear-gradient(90deg,var(--primary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1rem;white-space:nowrap}.integration-platform[data-astro-cid-gq2glfl6]{padding:6rem 0}.platform-features[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-astro-cid-gq2glfl6]{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease}.feature-card[data-astro-cid-gq2glfl6].primary{border:2px solid var(--primary-500);transform:scale(1.02)}.feature-card[data-astro-cid-gq2glfl6]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-header[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.feature-icon[data-astro-cid-gq2glfl6]{width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.feature-header[data-astro-cid-gq2glfl6] h3[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-size:1.25rem}.feature-card[data-astro-cid-gq2glfl6]>p[data-astro-cid-gq2glfl6]{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.feature-highlights[data-astro-cid-gq2glfl6]{margin-bottom:1.5rem}.highlight-grid[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.highlight-item[data-astro-cid-gq2glfl6]{background:var(--primary-50);color:var(--primary-700);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-align:center}.feature-benefits[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;gap:.75rem}.benefit[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.benefit[data-astro-cid-gq2glfl6] svg[data-astro-cid-gq2glfl6]{color:var(--primary-600);flex-shrink:0}.integration-process[data-astro-cid-gq2glfl6]{padding:6rem 0;background:var(--bg-secondary)}.process-timeline[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.process-step[data-astro-cid-gq2glfl6]{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);text-align:center;transition:all .3s ease;position:relative}.process-step[data-astro-cid-gq2glfl6]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.step-number[data-astro-cid-gq2glfl6]{width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin:0 auto 1.5rem}.step-content[data-astro-cid-gq2glfl6] h3[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.step-content[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.step-features[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.step-feature[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.feature-icon[data-astro-cid-gq2glfl6]{font-size:1rem}.step-duration[data-astro-cid-gq2glfl6]{background:var(--primary-50);color:var(--primary-700);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;display:inline-block}.process-summary[data-astro-cid-gq2glfl6]{text-align:center}.summary-card[data-astro-cid-gq2glfl6]{background:#fff;border-radius:var(--radius-xl);padding:2rem 3rem;box-shadow:var(--shadow-lg);border:2px solid var(--primary-500);display:inline-block}.summary-metric[data-astro-cid-gq2glfl6]{margin-bottom:1rem}.metric-value[data-astro-cid-gq2glfl6]{font-size:3rem;font-weight:700;color:var(--primary-600);line-height:1;display:block}.metric-label[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-weight:600;font-size:1.125rem;margin-top:.5rem}.summary-vs[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;gap:.25rem}.vs-text[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-size:.9rem}.vs-improvement[data-astro-cid-gq2glfl6]{color:var(--success-600);font-weight:700;font-size:1.125rem}.integration-success[data-astro-cid-gq2glfl6]{padding:6rem 0}.success-stories[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.story-card[data-astro-cid-gq2glfl6]{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease}.story-card[data-astro-cid-gq2glfl6].featured{border:2px solid var(--primary-500);transform:scale(1.02)}.story-card[data-astro-cid-gq2glfl6]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.story-header[data-astro-cid-gq2glfl6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.company-info[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:1rem}.company-logo[data-astro-cid-gq2glfl6]{width:3rem;height:3rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.company-details[data-astro-cid-gq2glfl6] h4[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem}.company-type[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-size:.9rem}.story-metric[data-astro-cid-gq2glfl6]{text-align:right}.story-metric[data-astro-cid-gq2glfl6] .metric-number[data-astro-cid-gq2glfl6]{font-size:1.75rem;font-weight:700;color:var(--primary-600);line-height:1;display:block}.story-metric[data-astro-cid-gq2glfl6] .metric-text[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-size:.85rem;font-weight:500}.story-content[data-astro-cid-gq2glfl6] blockquote[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-style:italic;line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.story-author[data-astro-cid-gq2glfl6]{margin-bottom:1.5rem}.author-name[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-weight:600;display:block;margin-bottom:.25rem}.author-title[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-size:.9rem}.story-results[data-astro-cid-gq2glfl6]{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.result-item[data-astro-cid-gq2glfl6]{display:flex;justify-content:space-between;align-items:center}.result-label[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-weight:500;font-size:.9rem}.result-value[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-weight:600;font-size:.9rem}.integration-cta[data-astro-cid-gq2glfl6]{padding:6rem 0;background:linear-gradient(135deg,var(--primary-600),var(--accent-600));color:#fff}.cta-content[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cta-text[data-astro-cid-gq2glfl6] h2[data-astro-cid-gq2glfl6]{color:#fff;margin-bottom:1rem}.cta-text[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{font-size:1.125rem;margin-bottom:2rem;opacity:.9;line-height:1.7}.cta-highlights[data-astro-cid-gq2glfl6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.highlight[data-astro-cid-gq2glfl6]{display:flex;align-items:center;gap:.75rem;background:#ffffff26;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);font-weight:500}.highlight-icon[data-astro-cid-gq2glfl6]{font-size:1.125rem}.highlight-text[data-astro-cid-gq2glfl6]{font-size:.9rem}.cta-demo[data-astro-cid-gq2glfl6]{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);text-align:center}.demo-header[data-astro-cid-gq2glfl6]{margin-bottom:2rem}.demo-header[data-astro-cid-gq2glfl6] h3[data-astro-cid-gq2glfl6]{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.demo-header[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{color:var(--text-secondary)}.demo-player[data-astro-cid-gq2glfl6]{margin-bottom:2rem}.demo-preview[data-astro-cid-gq2glfl6]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:3rem 2rem;position:relative;border:1px solid var(--border-light);transition:all .3s ease;cursor:pointer}.demo-preview[data-astro-cid-gq2glfl6]:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.play-button[data-astro-cid-gq2glfl6]{width:4rem;height:4rem;background:var(--primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s ease}.play-button[data-astro-cid-gq2glfl6]:hover{background:var(--primary-700);transform:scale(1.1)}.demo-info[data-astro-cid-gq2glfl6]{display:flex;flex-direction:column;gap:.25rem}.demo-title[data-astro-cid-gq2glfl6]{color:var(--text-primary);font-weight:600}.demo-duration[data-astro-cid-gq2glfl6]{color:var(--text-secondary);font-size:.9rem}.demo-actions[data-astro-cid-gq2glfl6]{display:flex;gap:1rem;justify-content:center}.integration-cta[data-astro-cid-gq2glfl6] .btn-primary[data-astro-cid-gq2glfl6]{background:var(--primary-600);color:#fff}.integration-cta[data-astro-cid-gq2glfl6] .btn-primary[data-astro-cid-gq2glfl6]:hover{background:var(--primary-700)}.integration-cta[data-astro-cid-gq2glfl6] .btn-secondary[data-astro-cid-gq2glfl6]{background:transparent;color:var(--primary-600);border-color:var(--primary-600)}.integration-cta[data-astro-cid-gq2glfl6] .btn-secondary[data-astro-cid-gq2glfl6]:hover{background:var(--primary-600);color:#fff}@media (max-width: 768px){.integration-page[data-astro-cid-gq2glfl6]{padding-top:4rem}.integration-hero[data-astro-cid-gq2glfl6]{padding:3rem 0 4rem}.hero-content[data-astro-cid-gq2glfl6]{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-text[data-astro-cid-gq2glfl6] h1[data-astro-cid-gq2glfl6]{font-size:2rem}.hero-text[data-astro-cid-gq2glfl6] p[data-astro-cid-gq2glfl6]{font-size:1.125rem}.hero-metrics[data-astro-cid-gq2glfl6]{justify-content:center}.hero-actions[data-astro-cid-gq2glfl6]{flex-direction:column;align-items:center}.integration-flow[data-astro-cid-gq2glfl6]{height:300px}.integration-benefits[data-astro-cid-gq2glfl6]{flex-direction:column}.integration-challenges[data-astro-cid-gq2glfl6],.integration-platform[data-astro-cid-gq2glfl6],.integration-process[data-astro-cid-gq2glfl6],.integration-success[data-astro-cid-gq2glfl6],.integration-cta[data-astro-cid-gq2glfl6]{padding:4rem 0}.challenges-comparison[data-astro-cid-gq2glfl6]{grid-template-columns:1fr;gap:2rem}.solution-arrow[data-astro-cid-gq2glfl6]{order:2}.challenge-side[data-astro-cid-gq2glfl6].solution{order:3}.platform-features[data-astro-cid-gq2glfl6]{grid-template-columns:1fr}.feature-card[data-astro-cid-gq2glfl6].primary{transform:none}.process-timeline[data-astro-cid-gq2glfl6],.success-stories[data-astro-cid-gq2glfl6]{grid-template-columns:1fr}.story-card[data-astro-cid-gq2glfl6].featured{transform:none}.cta-content[data-astro-cid-gq2glfl6]{grid-template-columns:1fr;gap:3rem}.cta-highlights[data-astro-cid-gq2glfl6]{grid-template-columns:1fr}.demo-actions[data-astro-cid-gq2glfl6]{flex-direction:column}}