.integration-filter{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.integration-filter__btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:600;border:1px solid #e6ebf1;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.integration-filter__btn:hover{border-color:#2563eb;color:#2563eb}.integration-filter__btn--active{background:#2563eb;border-color:#2563eb;color:#fff}.integration-filter__btn--active:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.integration-card{position:relative;background:#fff;border-radius:20px;padding:2rem;border:1px solid #e6ebf1;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4);opacity:0;transition:opacity .3s ease;border-radius:20px 20px 0 0}.integration-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -15px #0a254026;border-color:transparent}.integration-card:hover:before{opacity:1}.integration-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.integration-card__logo{width:48px;height:48px;border-radius:12px;-o-object-fit:contain;object-fit:contain;background:#f6f9fc;padding:8px;flex-shrink:0}.integration-card__name{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.integration-card__badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#635bff1a;color:#5851ea;margin-bottom:.75rem}.integration-card__badge--accounting{background:#10b9811a;color:#059669}.integration-card__badge--field-service{background:#f59e0b1a;color:#d97706}.integration-card__desc{font-size:.95rem;color:#334155;line-height:1.6;margin:0 0 1.25rem;flex:1}.integration-card__link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#2563eb;text-decoration:none;transition:gap .2s ease}.integration-card:hover .integration-card__link{gap:.625rem}.integration-card__link svg{width:16px;height:16px}.integration-breadcrumb{padding:1rem 0;position:relative;z-index:1}.integration-breadcrumb__list{display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.875rem}.integration-breadcrumb__list a{color:#fff9;text-decoration:none;transition:color .2s ease}.integration-breadcrumb__list a:hover{color:#ffffffe6}.integration-breadcrumb__separator{color:#fff6}.integration-breadcrumb__current{color:#ffffffe6}.integration-detail-hero{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.integration-detail-hero__logo{width:80px;height:80px;border-radius:20px;-o-object-fit:contain;object-fit:contain;background:#ffffff1a;padding:12px;flex-shrink:0;border:1px solid hsla(0,0%,100%,.15)}.integration-detail-hero__meta{flex:1}.integration-detail-hero__badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#635bff33;color:#a5b4fc;margin-bottom:.75rem}.integration-detail-hero__badge--accounting{background:#10b98133;color:#6ee7b7}.integration-detail-hero__badge--field-service{background:#f59e0b33;color:#fcd34d}.integration-detail-overview{font-size:1.1rem;font-weight:500;color:#1e293b;line-height:1.65;margin:0}.integration-capabilities{overflow-x:auto}.integration-capabilities__table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e6ebf1}.integration-capabilities__table td,.integration-capabilities__table th{padding:1rem 1.25rem;text-align:left;font-size:.9rem}.integration-capabilities__table thead th{background:#f6f9fc;font-weight:700;color:#0f172a;border-bottom:2px solid #e6ebf1}.integration-capabilities__table tbody tr{border-bottom:1px solid #f1f5f9}.integration-capabilities__table tbody tr:last-child{border-bottom:none}.integration-capabilities__entity{font-weight:600;color:#0f172a}.integration-capabilities__check{color:#10b981;display:flex;align-items:center;gap:.5rem}.integration-capabilities__check svg{width:20px;height:20px;flex-shrink:0}.integration-capabilities__method{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;background:#f1f5f9;color:#64748b}.integration-capabilities__dash{color:#cbd5e1}.integration-related{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.integration-cards{grid-template-columns:repeat(2,1fr)}.integration-detail-hero{flex-direction:column;align-items:flex-start;text-align:left}.integration-related{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.integration-cards{grid-template-columns:1fr}.integration-filter{justify-content:flex-start}.integration-detail-hero__logo{width:64px;height:64px}.integration-related{grid-template-columns:1fr}.integration-capabilities__table td,.integration-capabilities__table th{padding:.75rem;font-size:.8rem}}
