.integrations-hero .button{margin-top:15px;font-size:14px}.integration-art{position:relative}.connection-chip{position:absolute;background:white;border:1px solid #cbd7e5;padding:15px;box-shadow:4px 4px 0 #3a82ff;font-size:13px}.chip-a{top:20px;left:5px;transform:rotate(-8deg)}.chip-b{bottom:12px;right:0;transform:rotate(6deg)}.native-section{padding-top:45px;padding-bottom:70px}.native-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.native-card{display:flex;flex-direction:column;background:white;border:1px solid #141414;padding:28px;transition:box-shadow .2s}.native-card:hover{box-shadow:5px 5px 0 #3a82ff}.native-logo{height:54px;width:170px;display:flex;align-items:center;padding:8px 0;margin-bottom:25px}.native-logo img{max-width:100%;max-height:38px}.dark-logo{background:#141414;padding:12px!important}.native-badge{font-size:10px;letter-spacing:.08em;color:#147487}.native-card h3{font-size:23px;letter-spacing:-.035em;line-height:1.15;margin:17px 0}.native-card p{font-size:14px;line-height:1.7;color:#59636f;flex:1}.native-link{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid #ddd;padding-top:20px;margin-top:20px}.directory-section{padding-top:35px;padding-bottom:75px}.directory-controls{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:35px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-list button{border:1px solid #c6cbd1;background:transparent;padding:12px 17px;font-size:13px}.filter-list button[aria-pressed=true]{background:#141414;color:white;border-color:#141414}.search-box input{font:inherit;font-size:14px;border:1px solid #b9c1cc;background:#fff;padding:14px;width:250px;max-width:100%}#result-count{font-size:12px;color:#68717b;margin:23px 0 18px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-card{background:white;border:1px solid #d4d9e0;padding:26px;display:flex;flex-direction:column;min-height:290px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.service-mark{height:42px;max-width:130px;display:flex;align-items:center}.service-mark img{max-width:100%;max-height:30px}.service-mark>span{width:42px;height:42px;display:grid;place-items:center;background:#e9f1ff;color:#2465df;font-size:27px}.category-tag{font-size:11px;color:#68717b}.integration-card h3{font-size:21px;margin:23px 0 12px;letter-spacing:-.025em}.integration-card p{font-size:14px;color:#59636f;line-height:1.7;margin:0 0 20px;flex:1}.card-bottom{border-top:1px solid #e1e5eb;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.service-status{font-size:11px;color:#147487}.service-status.upcoming{color:#737b85}.card-bottom button,.card-bottom>a{border:0;background:#f0f4fa;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.directory-note{font-size:12px;line-height:1.8;color:#68717b;margin-top:26px;max-width:830px}.workflow-title{font-size:50px;letter-spacing:-.04em;line-height:1.05;margin:25px 0}.integration-steps{grid-template-columns:repeat(3,1fr)}.integration-cta-actions{display:flex;flex-direction:column;gap:25px}.integrations-page [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#no-results{padding:60px 20px;text-align:center;border:1px dashed #b9c1cc}#no-results .button{border:0;margin-top:20px}#integration-dialog{width:520px;max-width:calc(100% - 40px);border:1px solid #141414;padding:40px;background:#f3f4f6}#integration-dialog::backdrop{background:#11182777}#close-dialog{position:absolute;top:10px;right:15px;font-size:28px;border:0;background:none}#integration-dialog h2{font-size:34px;letter-spacing:-.04em;margin:24px 0}#integration-dialog p{font-size:15px;line-height:1.7;color:#59636f}#integration-dialog .button{margin-top:15px;font-size:14px}.integrations-page nav a[href="integrations.html"]{color:#2465df}@media(max-width:1050px){.directory-controls{align-items:flex-start;flex-direction:column}.search-box,.search-box input{width:100%}.native-grid{gap:14px}.native-card{padding:22px}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.native-grid,.integration-grid,.integration-steps{grid-template-columns:1fr}.integration-art{max-width:320px;margin:auto}.native-section{padding-top:30px;padding-bottom:30px}.native-card h3{font-size:25px}.directory-section{padding-top:30px}.filter-list button{padding:11px 14px}.workflow-title{font-size:37px}.integration-card{min-height:260px}#integration-dialog{padding:30px}}
