.integration-connections,.paragon-integrations-directory{--paragon-black:#181a18;--paragon-black-deep:#050605;--paragon-text:#181a18;--paragon-text-secondary:#5f665f;--paragon-text-muted:#747b73;--paragon-green:#7da63b;--paragon-green-bright:#98c94b;--paragon-green-dark:#5b792f;--paragon-green-soft:#eef5e5;--paragon-bg:#fff;--paragon-bg-soft:#f7f8f5;--paragon-border:#e0e4dc;--paragon-border-hover:#c6d2bc;--paragon-shadow-sm:0 2px 4px rgba(24,30,23,.015),0 10px 28px rgba(24,30,23,.035);--paragon-shadow-hover:0 6px 16px rgba(24,30,23,.045),0 22px 44px rgba(24,30,23,.075);font-family:Work Sans,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.integration-connections a,.integration-connections button,.integration-connections h1,.integration-connections h2,.integration-connections h3,.integration-connections h4,.integration-connections p,.integration-connections span,.paragon-integrations-directory a,.paragon-integrations-directory button,.paragon-integrations-directory h1,.paragon-integrations-directory h2,.paragon-integrations-directory h3,.paragon-integrations-directory h4,.paragon-integrations-directory input,.paragon-integrations-directory p,.paragon-integrations-directory span{font-family:Work Sans,sans-serif!important}.paragon-integrations-directory{color:var(--paragon-text);margin-left:auto;margin-right:auto;max-width:1240px;padding:72px 0 88px;width:calc(100% - 48px)}.directory-header{margin-bottom:34px;max-width:900px}.directory-heading{color:var(--paragon-black);font-size:clamp(40px,4.2vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.05;margin:0 0 18px;max-width:900px}.directory-intro{color:var(--paragon-text-secondary);font-size:18px;font-weight:400;letter-spacing:-.01em;line-height:1.65;max-width:760px}.directory-intro p{margin-top:0}.directory-intro p:last-child{margin-bottom:0}.directory-controls{margin-bottom:18px}.directory-search-label{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.directory-search{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236d736d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:20px;background-repeat:no-repeat;background-size:20px;border:1px solid #d8ddd4;border-radius:999px;box-shadow:0 3px 12px rgba(25,35,25,.025);color:var(--paragon-black);display:block;font-size:16px;font-weight:400;letter-spacing:-.01em;line-height:1.4;max-width:680px;min-height:56px;outline:none;padding:15px 18px 15px 52px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;width:100%}.directory-search::placeholder{color:#858c84;opacity:1}.directory-search:hover{border-color:#bfc8b8}.directory-search:focus{border-color:var(--paragon-green);box-shadow:0 0 0 4px rgba(125,166,59,.12),0 8px 22px rgba(25,35,25,.05)}.directory-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}.filter-chip{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #dde1d9;border-radius:999px;box-shadow:0 1px 2px rgba(20,30,20,.02);color:#4d534c;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:-.01em;line-height:1;min-height:40px;padding:10px 16px;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;white-space:nowrap}.filter-chip:hover{background:var(--paragon-green-soft);border-color:rgba(125,166,59,.38);color:var(--paragon-green-dark);transform:translateY(-1px)}.filter-chip.is-active{background:var(--paragon-black);border-color:var(--paragon-black);box-shadow:0 8px 20px rgba(24,26,24,.14);color:#fff}.filter-chip.is-active:hover{background:#252725;border-color:#252725;color:#fff}.filter-chip:focus-visible{outline:3px solid rgba(125,166,59,.25);outline-offset:3px}.directory-grid{align-items:stretch;display:grid;gap:18px;grid-auto-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{background:#fff;border:1px solid var(--paragon-border);border-radius:18px;box-shadow:var(--paragon-shadow-sm);height:auto;min-height:0;min-width:0;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.integration-card:before{background:var(--paragon-green);border-radius:0 0 5px 5px;content:"";height:4px;left:30px;position:absolute;top:0;width:44px;z-index:2}.integration-card:hover{border-color:var(--paragon-border-hover);box-shadow:var(--paragon-shadow-hover);transform:translateY(-4px)}.integration-card__inner{color:inherit;display:flex;flex-direction:column;height:100%;min-height:0;padding:28px 30px 26px;position:relative;text-decoration:none;width:100%}a.integration-card__inner{cursor:pointer}a.integration-card__inner:focus,a.integration-card__inner:hover{color:inherit;text-decoration:none}a.integration-card__inner:focus-visible{border-radius:18px;outline:3px solid rgba(125,166,59,.3);outline-offset:-4px}.integration-card__top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;min-height:68px}.integration-card__logo-wrap{align-items:center;display:flex;min-height:48px;min-width:0}.integration-card__logo{display:block;height:46px;max-height:46px;max-width:150px;object-fit:contain;object-position:left center;width:auto}.integration-card__logo-placeholder{background:#f5f7f2;border:1px solid #dce1d8;border-radius:10px;color:var(--paragon-green-dark);display:flex;font-size:15px;height:46px;width:46px}.integration-card__badge,.integration-card__logo-placeholder{align-items:center;font-weight:700;justify-content:center;text-transform:uppercase}.integration-card__badge{background:var(--paragon-black);border:0;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:10px;letter-spacing:.08em;line-height:1;padding:6px 10px}.integration-card__title{color:var(--paragon-black);display:block;font-size:clamp(22px,1.6vw,26px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 7px;max-width:100%;overflow-wrap:anywhere}.integration-card__category{align-items:center;align-self:flex-start;background:var(--paragon-green-soft);border-radius:999px;color:var(--paragon-green-dark);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;margin:0 0 14px;padding:6px 10px;width:auto}.integration-card__description{color:var(--paragon-text-secondary);font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.55;margin:0 0 14px}.integration-card__meta{color:#747b73;font-size:13px;font-weight:500;letter-spacing:-.005em;line-height:1.5;margin:4px 0 0}.integration-card__cta{align-items:center;border-top:1px solid #ecefe9;color:var(--paragon-black);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:-.01em;line-height:1.2;margin-top:auto;padding-top:18px;width:100%}.integration-card__cta-arrow{color:#6f9635;font-size:17px;font-weight:600;margin-left:auto;transition:transform .16s ease}.integration-card:hover .integration-card__cta-arrow{transform:translateX(3px)}.integration-card[data-category=hr-benefits]:before{background:#7da63b}.integration-card[data-category=hr-benefits]
.integration-card__category{background:#eef5e5;color:#5b792f}.integration-card[data-category=time-scheduling]:before{background:#76977f}.integration-card[data-category=time-scheduling]
.integration-card__category{background:#edf4ef;color:#53715b}.integration-card[data-category=accounting]:before{background:#8aad4a}.integration-card[data-category=accounting]
.integration-card__category{background:#eff5e4;color:#5c7b2e}.integration-card[data-category=retirement]:before{background:#b7a06e}.integration-card[data-category=retirement]
.integration-card__category{background:#f5f0e7;color:#786747}.integration-card[data-category=workers-comp]:before{background:#667b68}.integration-card[data-category=workers-comp]
.integration-card__category{background:#edf1ec;color:#526455}.integration-card[data-category=financial-wellness]:before{background:#8cac62}.integration-card[data-category=financial-wellness]
.integration-card__category{background:#eff5e9;color:#5d773e}.integration-card[data-category=other]:before{background:#9aa099}.integration-card[data-category=other]
.integration-card__category{background:#f1f2f0;color:#646a63}.directory-empty-state{background:var(--paragon-bg-soft);border:1px dashed #cfd5cc;border-radius:18px;margin-top:34px;padding:44px 32px;text-align:center}.directory-empty-state h3{color:var(--paragon-black);font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 8px}.directory-empty-state p{color:var(--paragon-text-secondary);font-size:15px;font-weight:400;line-height:1.6;margin:0 auto;max-width:520px}.directory-empty-state[hidden],.integration-card[hidden]{display:none!important}.directory-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.directory-pagination[hidden]{display:none!important}.directory-pagination button{background:#fff;border:1px solid var(--paragon-border);border-radius:999px;color:var(--paragon-black);cursor:pointer;font-size:14px;font-weight:600;min-height:42px;padding:10px 18px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.directory-pagination button:hover:not(:disabled){background:var(--paragon-green-soft);border-color:var(--paragon-green)}.directory-pagination button:focus-visible{outline:3px solid rgba(125,166,59,.3);outline-offset:3px}.directory-pagination button:disabled{cursor:default;opacity:.4}.directory-page-status{color:var(--paragon-text-secondary);font-size:14px;text-align:center}.integration-connections{background:radial-gradient(circle at 90% 5%,rgba(125,166,59,.08),transparent 28%),#050605;border-radius:30px;color:#fff;margin:0 auto 88px;max-width:1440px;padding:72px 56px 64px;width:calc(100% - 48px)}.integration-connections__header{margin:0 auto 48px;max-width:760px;text-align:center}.integration-connections__eyebrow{color:var(--paragon-green-bright);font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.integration-connections__header h2{color:#fff;font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.045em;line-height:1.06;margin:0 0 18px}.integration-connections__intro{color:#aeb4ad;font-size:17px;font-weight:400;line-height:1.65;margin:0 auto;max-width:660px}.integration-connections__grid{align-items:stretch;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.connection-card{background:linear-gradient(145deg,#1a1d1a,#121412);border:1px solid #353a34;border-radius:28px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025);display:flex;flex-direction:column;min-height:610px;min-width:0;overflow:hidden;padding:38px 38px 28px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.connection-card:hover{border-color:rgba(125,166,59,.7);box-shadow:0 22px 45px rgba(0,0,0,.28);transform:translateY(-3px)}.connection-card--file{border-color:rgba(125,166,59,.9)}.connection-card__header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:58px}.connection-card__header h3{color:#fff;font-size:clamp(28px,2.4vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1;margin:0}.connection-card__badge{align-items:center;background:rgba(125,166,59,.08);border:1px solid rgba(125,166,59,.35);border-radius:999px;color:#a7cd68;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.13em;line-height:1;padding:8px 14px;text-transform:uppercase}.connection-visual{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(90px,1fr) minmax(90px,1.2fr) minmax(90px,1fr);margin-bottom:48px;min-height:130px;width:100%}.connection-system-box{align-items:center;background:linear-gradient(145deg,#292c29,#222522);border:1px solid #40463f;border-radius:16px;color:#f2f3f1;display:flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.04em;line-height:1.3;min-height:82px;min-width:0;padding:16px 12px;text-align:center}.connection-system-box__small{font-size:10px;opacity:.68}.connection-visual__line{background:linear-gradient(90deg,rgba(132,161,89,.25),rgba(132,161,89,.65));display:block;height:2px;width:100%}.connection-visual__api-line{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;min-width:0}.connection-visual__exchange{align-items:center;color:#9aca4f;display:flex;font-size:28px;font-weight:400;height:38px;justify-content:center;line-height:1;text-align:center;width:38px}.connection-file-transfer{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;min-width:0}.connection-file-icon{align-items:center;background:#1c1f1c;border:1px solid #4a5149;border-radius:9px;color:#e5e8e2;display:inline-flex;font-size:10px;font-weight:700;height:38px;justify-content:center;letter-spacing:.08em;min-width:52px;padding:0 10px}.file-transfer-lines{display:flex;flex-direction:column;gap:15px;min-width:0}.file-transfer-row{min-width:0;position:relative}.file-transfer-label{color:#8d9589;display:block;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1;margin-bottom:6px;text-align:center}.file-transfer-line{height:2px;position:relative;width:100%}.file-transfer-line--import{background:linear-gradient(90deg,rgba(125,166,59,.28),rgba(152,201,75,.95))}.file-transfer-line--import .file-transfer-arrow{right:-4px}.file-transfer-line--export{background:linear-gradient(90deg,rgba(152,201,75,.95),rgba(125,166,59,.28))}.file-transfer-line--export .file-transfer-arrow{left:-4px}.file-transfer-arrow{align-items:center;color:#9aca4f;display:flex;font-size:24px;font-weight:500;height:22px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:22px}.connection-card__content{margin-bottom:28px}.connection-card__content h4{color:#fff;font-size:clamp(23px,1.8vw,28px);font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:0 0 18px}.connection-card__content p{color:#aeb3ac;font-size:16px;font-weight:400;letter-spacing:-.01em;line-height:1.72;margin:0}.connection-card__details{border-top:1px solid #303430;margin-top:auto}.connection-detail{align-items:center;border-bottom:1px solid #303430;display:grid;gap:14px;grid-template-columns:100px minmax(0,1fr);padding:14px 0}.connection-detail:last-child{border-bottom:0}.connection-detail span{color:#747c73;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}.connection-detail strong{color:#e5e7e3;font-size:13px;font-weight:600;line-height:1.35;min-width:0}@media (max-width:1120px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-connections{padding-left:36px;padding-right:36px}.integration-connections__grid{grid-template-columns:1fr}.connection-card{min-height:0}.connection-visual{max-width:520px}}@media (max-width:991px){.paragon-integrations-directory{padding:58px 0 66px;width:calc(100% - 40px)}.directory-grid{gap:18px}.integration-connections{border-radius:26px;margin-bottom:66px;padding:58px 32px 50px;width:calc(100% - 40px)}.integration-connections__header{margin-bottom:38px}}@media (max-width:767px){.paragon-integrations-directory{padding:44px 0 54px;width:calc(100% - 32px)}.directory-heading{font-size:34px;letter-spacing:-.04em}.directory-header{margin-bottom:28px}.directory-intro{font-size:16px}.directory-search{border-radius:999px;max-width:none;min-height:52px}.directory-filters{flex-wrap:nowrap;margin-bottom:30px;margin-right:-16px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;padding-right:16px;scrollbar-width:none;width:calc(100% + 16px);-webkit-overflow-scrolling:touch}.directory-filters::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.directory-grid{gap:15px;grid-template-columns:1fr}.integration-card{border-radius:16px;height:auto}.integration-card:hover{transform:none}.integration-card__inner{min-height:0;padding:26px 24px 24px}.integration-card:before{left:24px}.integration-card__top{margin-bottom:15px;min-height:58px}.integration-card__title{font-size:21px}.integration-card__logo{height:42px;max-height:42px;max-width:140px}.integration-connections{border-radius:22px;margin-bottom:54px;padding:44px 18px 24px;width:calc(100% - 24px)}.integration-connections__header{margin-bottom:30px;text-align:left}.integration-connections__header h2{font-size:34px}.integration-connections__intro{font-size:16px}.integration-connections__grid{gap:16px}.connection-card{border-radius:22px;padding:28px 22px 24px}.connection-card__header{margin-bottom:36px}.connection-card__header h3{font-size:28px}.connection-card__badge{font-size:9px;padding:7px 10px}.connection-visual{gap:8px;grid-template-columns:minmax(74px,1fr) minmax(70px,1fr) minmax(74px,1fr);margin-bottom:36px;min-height:110px}.connection-system-box{border-radius:13px;font-size:11px;min-height:70px;padding:12px 8px}.connection-file-icon{font-size:8px;height:32px;min-width:42px;padding:0 6px}.connection-visual__exchange{font-size:22px;height:30px;width:30px}.file-transfer-label{font-size:8px}.file-transfer-arrow{font-size:20px}.connection-card__content h4{font-size:23px}.connection-card__content p{font-size:15px}}@media (max-width:420px){.paragon-integrations-directory{width:calc(100% - 24px)}.directory-heading{font-size:30px}.integration-card__inner{padding:24px 22px 22px}.integration-connections{padding-left:14px;padding-right:14px;width:calc(100% - 16px)}.connection-card{padding-left:18px;padding-right:18px}.connection-card__header{align-items:flex-start}.connection-card__badge{white-space:nowrap}.connection-visual{gap:6px;grid-template-columns:minmax(68px,1fr) minmax(62px,.9fr) minmax(68px,1fr)}.connection-system-box{font-size:10px}.connection-detail{gap:10px;grid-template-columns:82px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.connection-card,.directory-search,.filter-chip,.integration-card,.integration-card__cta-arrow{transition:none}.connection-card:hover,.integration-card:hover{transform:none}}.connection-visual--api{position:relative}.connection-visual__api-line{overflow:visible;position:relative}.connection-visual__api-line:after,.connection-visual__api-line:before{background:#98c94b;border-radius:50%;box-shadow:0 0 0 4px rgba(152,201,75,.1),0 0 14px rgba(152,201,75,.45);content:"";height:7px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:7px}.connection-visual__api-line:before{animation:paragon-api-forward 2.4s ease-in-out infinite;left:2%}.connection-visual__api-line:after{animation:paragon-api-backward 2.4s ease-in-out infinite;right:2%}@keyframes paragon-api-forward{0%{left:2%;opacity:0}12%{opacity:1}50%{left:calc(100% - 9px);opacity:1}62%,to{left:calc(100% - 9px);opacity:0}}@keyframes paragon-api-backward{0%,48%{opacity:0;right:2%}58%{opacity:1}96%{opacity:1;right:calc(100% - 9px)}to{opacity:0;right:calc(100% - 9px)}}.connection-visual__exchange{animation:paragon-api-exchange 2.4s ease-in-out infinite}@keyframes paragon-api-exchange{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.connection-file-transfer{overflow:visible;position:relative}.connection-file-icon{animation:paragon-file-transfer 3s ease-in-out infinite;box-shadow:0 0 0 rgba(152,201,75,0);position:relative}@keyframes paragon-file-transfer{0%{opacity:.45;transform:translateX(-14px)}20%{opacity:1}50%{box-shadow:0 0 18px rgba(152,201,75,.18);transform:translateX(14px)}80%{opacity:1}to{opacity:.45;transform:translateX(-14px)}}.file-transfer-line{overflow:visible}.file-transfer-line:before{background:#98c94b;border-radius:50%;box-shadow:0 0 0 4px rgba(152,201,75,.1),0 0 14px rgba(152,201,75,.4);content:"";height:7px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:7px}.file-transfer-line--import:before{animation:paragon-import-file 2.2s ease-in-out infinite;left:0}@keyframes paragon-import-file{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 7px);opacity:0}}.file-transfer-line--export:before{animation:paragon-export-file 2.2s ease-in-out infinite;right:0}@keyframes paragon-export-file{0%{opacity:0;right:0}12%{opacity:1}88%{opacity:1}to{opacity:0;right:calc(100% - 7px)}}.file-transfer-line--import .file-transfer-arrow{animation:paragon-arrow-right 1.4s ease-in-out infinite}.file-transfer-line--export .file-transfer-arrow{animation:paragon-arrow-left 1.4s ease-in-out infinite}@keyframes paragon-arrow-right{0%,to{opacity:.65;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(4px)}}@keyframes paragon-arrow-left{0%,to{opacity:.65;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(-4px)}}.connection-card:hover .connection-system-box{border-color:rgba(152,201,75,.55)}@media (prefers-reduced-motion:reduce){.connection-file-icon,.connection-visual__api-line:after,.connection-visual__api-line:before,.connection-visual__exchange,.file-transfer-arrow,.file-transfer-line:before{animation:none!important}}