.integrations-page{padding:0 0 4rem;background:var(--light)}.integrations-hero{background:linear-gradient(135deg,#f8f9fc,#f0f2ff);border-radius:var(--radius-xl);padding:3rem;margin-bottom:3rem;text-align:center}.integrations-badge{display:inline-block;background:#673de61a;color:var(--primary);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.integrations-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-heading)}.integrations-subtitle{font-size:1.125rem;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.6}.integration-category{margin-bottom:4rem}.category-header{margin-bottom:2rem;border-left:4px solid var(--primary);padding-left:1rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.category-desc{color:var(--gray);font-size:.9375rem}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.integration-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-normal);border:1px solid #e6e9ff;position:relative;overflow:hidden}.integration-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.integration-card.coming-soon{opacity:.7;background:#fafbff}.coming-badge{position:absolute;top:1rem;right:1rem;background:var(--gray-light);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:500}.coming-badge.active{background:var(--accent-orange)}.integration-logo{width:60px;height:60px;background:linear-gradient(135deg,#f0f2ff,#e6e9ff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.integration-logo i{font-size:2rem;color:var(--primary)}.integration-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.integration-card p{color:var(--gray);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.integration-status{display:inline-block;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem}.status-live{background:#10b9811a;color:var(--accent-green)}.status-beta{background:#f59e0b1a;color:var(--accent-orange)}.status-coming{background:#6c74861a;color:var(--gray)}.feature-list{list-style:none;margin-top:.75rem}.feature-list li{font-size:.8125rem;color:var(--gray);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-list li i{color:var(--accent-green);font-size:.75rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.api-section{background:#fff;border-radius:var(--radius-xl);padding:2rem;margin-bottom:4rem;border:1px solid #e6e9ff}.api-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.api-icon{width:60px;height:60px;background:linear-gradient(135deg,#f0f2ff,#e6e9ff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.api-icon i{font-size:2rem;color:var(--primary)}.api-title{font-size:1.5rem;font-weight:700}.api-description{color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.code-example{background:var(--dark);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;margin-top:1rem}.code-example pre{color:#a5adc6;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;margin:0}@media (max-width: 768px){.integrations-hero{padding:2rem}.integrations-title{font-size:2rem}.integration-grid,.two-column{grid-template-columns:1fr}.category-title{font-size:1.5rem}.api-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.integrations-title{font-size:1.75rem}}