.integrations-hero.svelte-kso9fs{background:linear-gradient(135deg,#0a3c37 0%,var(--primary-teal) 100%);padding:8rem 0 5rem;color:#fff;position:relative;overflow:hidden}.hero-decoration.svelte-kso9fs{position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:#ffffff08;border-radius:50%;pointer-events:none}.hero-content.svelte-kso9fs{position:relative;z-index:2;max-width:760px}.hero-content.svelte-kso9fs h1:where(.svelte-kso9fs){font-size:3.8rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.hero-sub.svelte-kso9fs{font-size:1.25rem;color:#ffffffd9;max-width:600px;line-height:1.7;margin-bottom:2.5rem}.hero-actions.svelte-kso9fs{display:flex;gap:1.2rem;flex-wrap:wrap}.difference-section.svelte-kso9fs{background:var(--cream)}.difference-header.svelte-kso9fs{text-align:center;margin-bottom:4rem}.difference-header.svelte-kso9fs .section-subtitle:where(.svelte-kso9fs){margin-left:auto;margin-right:auto}.comparison-grid.svelte-kso9fs{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:start}.comparison-col.svelte-kso9fs{background:var(--white);border-radius:20px;padding:2.5rem;box-shadow:0 4px 24px #0000000f}.comparison-col.new.svelte-kso9fs{border:2px solid var(--primary-teal);box-shadow:0 8px 40px #0f766e26}.comparison-label.svelte-kso9fs{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2rem;padding:.5rem 1rem;border-radius:6px;display:inline-block}.old-label.svelte-kso9fs{background:#6b72801a;color:var(--text-gray)}.new-label.svelte-kso9fs{background:#0f766e1a;color:var(--primary-teal)}.flow-steps.svelte-kso9fs{display:flex;flex-direction:column;gap:0}.flow-step.svelte-kso9fs{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:10px;transition:background .2s}.flow-step.svelte-kso9fs:hover{background:var(--cream)}.flow-step.dead-end.svelte-kso9fs{opacity:.6}.flow-step.success.svelte-kso9fs{background:#0f766e0f}.flow-icon.svelte-kso9fs{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center}.flow-text.svelte-kso9fs{display:flex;flex-direction:column;gap:.2rem}.flow-text.svelte-kso9fs strong:where(.svelte-kso9fs){font-size:.98rem;font-weight:800;color:var(--text-dark)}.flow-text.svelte-kso9fs span:where(.svelte-kso9fs){font-size:.88rem;color:var(--text-gray)}.flow-arrow.svelte-kso9fs{text-align:center;font-size:1.4rem;color:var(--text-gray);padding:.2rem 0;margin-left:20px}.flow-arrow.teal.svelte-kso9fs{color:var(--primary-teal)}.comparison-divider.svelte-kso9fs{display:flex;align-items:center;justify-content:center;padding-top:6rem}.comparison-divider.svelte-kso9fs span:where(.svelte-kso9fs){font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:var(--text-gray);background:var(--cream);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(107,114,128,.2)}.grid-section.svelte-kso9fs{background:var(--white)}.grid-header.svelte-kso9fs{text-align:center;margin-bottom:3rem}.grid-header.svelte-kso9fs .section-subtitle:where(.svelte-kso9fs){margin-left:auto;margin-right:auto}.category-filters.svelte-kso9fs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.filter-btn.svelte-kso9fs{padding:.6rem 1.4rem;border-radius:100px;border:2px solid rgba(15,118,110,.2);background:transparent;color:var(--text-gray);font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease}.filter-btn.svelte-kso9fs:hover{border-color:var(--primary-teal);color:var(--primary-teal)}.filter-btn.active.svelte-kso9fs{background:var(--primary-teal);border-color:var(--primary-teal);color:#fff}.integrations-grid.svelte-kso9fs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.integration-card.svelte-kso9fs{display:flex;flex-direction:column;background:var(--cream);border-radius:16px;padding:2.5rem;text-decoration:none;border:2px solid transparent;transition:all .3s ease}.integration-card.svelte-kso9fs:hover{border-color:var(--primary-teal);transform:translateY(-6px);box-shadow:0 16px 48px #0f766e1f;background:var(--white)}.card-logo.svelte-kso9fs{font-size:2.8rem;margin-bottom:1rem}.card-badge.svelte-kso9fs{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--primary-teal);background:#0f766e1a;padding:.3rem .75rem;border-radius:100px;margin-bottom:1rem;align-self:flex-start}.integration-card.svelte-kso9fs h3:where(.svelte-kso9fs){font-size:1.3rem;font-weight:800;color:var(--text-dark);margin-bottom:.6rem}.card-tagline.svelte-kso9fs{font-size:.95rem;color:var(--text-gray);line-height:1.6;flex:1;margin-bottom:1.5rem}.card-link.svelte-kso9fs{font-size:.92rem;font-weight:700;color:var(--primary-teal);transition:color .2s}.integration-card.svelte-kso9fs:hover .card-link:where(.svelte-kso9fs){color:var(--light-teal)}.missing-section.svelte-kso9fs{background:var(--cream)}.missing-card.svelte-kso9fs{max-width:680px;margin:0 auto;text-align:center;background:var(--white);border-radius:24px;padding:4rem 3rem;box-shadow:0 8px 32px #0000000f}.missing-icon.svelte-kso9fs{font-size:3rem;margin-bottom:1.5rem}.missing-card.svelte-kso9fs h2:where(.svelte-kso9fs){font-size:2.2rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}.missing-card.svelte-kso9fs p:where(.svelte-kso9fs){font-size:1.05rem;color:var(--text-gray);line-height:1.7;margin-bottom:2rem}@media(max-width:1024px){.integrations-hero.svelte-kso9fs{padding:6rem 0 4rem}.hero-content.svelte-kso9fs h1:where(.svelte-kso9fs){font-size:2.8rem}.hero-sub.svelte-kso9fs{font-size:1.1rem}.comparison-grid.svelte-kso9fs{grid-template-columns:1fr;gap:1.5rem}.comparison-divider.svelte-kso9fs{padding:0}.integrations-grid.svelte-kso9fs{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.integrations-hero.svelte-kso9fs{padding:5rem 0 3.5rem}.hero-content.svelte-kso9fs h1:where(.svelte-kso9fs){font-size:2.2rem}.hero-sub.svelte-kso9fs{font-size:1rem}.hero-decoration.svelte-kso9fs{display:none}.hero-actions.svelte-kso9fs{flex-direction:column;align-items:flex-start}.integrations-grid.svelte-kso9fs{grid-template-columns:1fr}.missing-card.svelte-kso9fs{padding:3rem 1.5rem}.missing-card.svelte-kso9fs h2:where(.svelte-kso9fs){font-size:1.8rem}}