.integrations-page{background-color:var(--color-white)}.hero-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.hero-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.hero-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.hero-title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;font-size:1rem;line-height:1.7}.btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.25rem;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(#1e1e28 0%,#141317 100%);border:1px solid #303038;box-shadow:0 1px 4px #00000040}.btn-primary:hover{background:linear-gradient(#282832 0%,#1e1d21 100%)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-bg-light-gray)}.btn-secondary:hover{background-color:var(--color-bg-very-light);border-color:var(--color-text-muted)}.section-divider{background-color:var(--color-bg-light-gray);width:100%;height:1px}.integrations-hero{background-color:var(--color-white);padding-bottom:0}.integrations-hero-wrapper{max-width:1050px;margin:0 auto;position:relative}.integrations-hero-wrapper:before{content:"";border-left:1px solid var(--color-bg-light-gray);border-right:1px solid var(--color-bg-light-gray);pointer-events:none;position:absolute;inset:0}.integrations-hero-content{text-align:center;padding:var(--spacing-xl);flex-direction:column;align-items:center;padding-top:4rem;padding-bottom:4rem;display:flex}.title-divider{background-color:var(--color-bg-light-gray);width:100vw;height:1px;position:relative;left:50%;transform:translate(-50%)}.title-circle{display:none}.integrations-list-section{padding:var(--spacing-3xl)0}.integration-category{margin-bottom:var(--spacing-3xl)}.integration-category:last-child{margin-bottom:0}.integration-category-header{margin-bottom:var(--spacing-xl)}.integration-category-description{color:var(--color-text-secondary);max-width:600px;font-size:1rem;line-height:1.6}.integration-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.integration-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-bg-light-gray);background-color:var(--color-white);transition:all var(--transition-fast);display:flex}.integration-card:hover{border-color:#a78bfa4d;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.integration-card-logo{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.integration-card-logo img{object-fit:contain;width:40px;height:40px}.integration-fallback-icon{background-color:var(--color-bg-very-light);border-radius:var(--radius-md);width:40px;height:40px;font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.integration-card-content{flex:1;min-width:0}.integration-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.25rem;display:flex}.integration-card-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);line-height:1.3}.integration-card-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.integration-status{font-size:.7rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;align-items:center;gap:.375rem;padding:.2rem .5rem;display:inline-flex}.integration-status--available{color:#16a34a;background-color:#22c55e26}.integration-status--coming-soon{color:var(--color-pink-primary);background-color:#ec489926}.integration-status--planned{color:var(--color-text-muted);background-color:#0000000d}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot--available{background-color:#22c55e;animation:2s infinite pulse-green;box-shadow:0 0 6px #22c55e99}@keyframes pulse-green{0%,to{box-shadow:0 0 6px #22c55e99}50%{box-shadow:0 0 12px #22c55ee6}}.dark-section{background-color:var(--color-primary-dark);padding:var(--spacing-3xl)0}.dark-cta-content{max-width:600px}.dark-title{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.2}.dark-subtitle{color:var(--color-white);opacity:.8;margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.7}.dark-cta-buttons{gap:var(--spacing-md);display:flex}.dark-btn-primary{background:var(--color-white)!important;color:var(--color-primary-dark)!important;border-color:var(--color-white)!important}.dark-btn-primary:hover{opacity:.9}.dark-btn-secondary{color:var(--color-white)!important;background:0 0!important;border:1px solid #ffffff4d!important}.dark-btn-secondary:hover{background:#ffffff1a!important;border-color:#ffffff80!important}.arrow{transition:transform var(--transition-fast);display:inline-block}@media (max-width:1023px){.hero-title{font-size:2.5rem}.integration-cards-grid{grid-template-columns:repeat(2,1fr)}.title-circle-left{left:calc(50% - 50vw + var(--spacing-xl) - 3px)}.title-circle-right{right:calc(50% - 50vw + var(--spacing-xl) - 3px)}}@media (max-width:768px){.hero-title{font-size:2rem}.integration-cards-grid{grid-template-columns:1fr}.dark-cta-buttons{flex-direction:column}.dark-cta-buttons .btn{width:100%;max-width:300px}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.875rem}.integrations-hero-content{padding:var(--spacing-lg);padding-top:2rem;padding-bottom:2rem}.integrations-list-section,.dark-section{padding:var(--spacing-xl)0}.integration-category{margin-bottom:var(--spacing-xl)}.integration-category-description{font-size:.875rem}.dark-title{font-size:1.5rem}.integrations-hero-wrapper:before{border-left:none;border-right:none}.title-circle,.title-circle-left,.title-circle-right{display:none}.integration-card{padding:var(--spacing-md)}.integration-card-logo,.integration-card-logo img{width:32px;height:32px}}