.integrations-story{--s-available:#4f7a3f;--s-approval:#b5751f;--s-marketing:#4a6fa8}.int-hero-art{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:0}.int-hero-art span{aspect-ratio:1;display:grid;place-items:center;background:#f5f6ef0d;border:1px solid #f5f6ef1f;border-radius:6px}.int-hero-art img{width:30px;height:30px;filter:brightness(0) invert(1);opacity:.6}.int-key{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.int-key-item{background:var(--paper);padding:26px var(--page-gutter)}.int-key-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.int-key-head i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.int-key-head strong{font-weight:500;font-size:13.5px}.int-key-head em{font-style:normal;font-size:11px;color:#939e88;margin-left:auto}.int-key-item p{font-size:12px;line-height:1.65;color:#6c785f;margin:0}.status-available .int-key-head i{background:var(--s-available)}.status-approval .int-key-head i{background:var(--s-approval)}.status-marketing .int-key-head i{background:var(--s-marketing)}.int-section{padding:54px var(--page-gutter) 70px;scroll-margin-top:80px}.int-controls{display:flex;align-items:center;gap:20px;margin-bottom:20px}.int-search{flex:1 1;max-width:420px}.int-search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:3px;padding:13px 15px;font-size:14px;color:var(--ink)}.int-search input:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.int-count{font-size:11px;letter-spacing:.06em;color:#939e88}.int-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.int-filters button{font-size:12px;padding:8px 15px;border-radius:40px;background:var(--mist);color:#4a5546;border:1px solid transparent}.int-filters button:hover{border-color:var(--line)}.int-filters button.active{background:var(--ink);color:var(--paper)}.int-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:14px;gap:14px}.int-card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:11px;transition:border-color .15s,transform .15s}.int-card:hover{border-color:#b9c5af;transform:translateY(-2px)}.int-card-head{display:flex;align-items:center;gap:13px}.int-logo{width:46px;height:46px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.int-logo img{width:26px;height:26px;display:block}.int-logo-mono{font-family:var(--display);font-size:20px;color:var(--moss);background:var(--mist)}.int-card-head strong{display:block;font-weight:500;font-size:15px;letter-spacing:-.01em;line-height:1.25}.int-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#939e88}.int-blurb{font-size:13px;line-height:1.6;color:#4a5546;margin:0}.int-note{font-size:11.5px;line-height:1.65;color:#5c6857;margin:0;padding:11px 13px;background:var(--mist);border-left:2px solid var(--line);border-radius:0 3px 3px 0}.int-status{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px;color:#6c785f}.int-status i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.int-card.status-available .int-status i{background:var(--s-available)}.int-card.status-approval .int-status i{background:var(--s-approval)}.int-card.status-marketing .int-status i{background:var(--s-marketing)}.int-card.status-approval .int-note{border-left-color:var(--s-approval)}.int-card.status-marketing .int-note{border-left-color:var(--s-marketing)}.int-empty{font-size:14px;line-height:1.75;color:#4a5546;padding:40px 0;max-width:56ch}.int-builtin{background:var(--ink);color:var(--paper);padding:72px var(--page-gutter);display:grid;grid-template-columns:1fr 1fr;grid-gap:9%;gap:9%;align-items:start}.int-builtin .eyebrow{color:#b9c4ae;display:block;margin-bottom:16px}.int-builtin h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.8vw,50px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.int-builtin p{font-size:14px;line-height:1.8;color:#c9d1c1;margin:0;max-width:50ch}.int-builtin ul{list-style:none;padding:0;margin:0;border-top:1px solid #f5f6ef26}.int-builtin li{padding:17px 0 17px 22px;border-bottom:1px solid #f5f6ef26;font-size:14px;position:relative}.int-builtin li:before{content:"";position:absolute;left:0;top:1.45em;width:7px;height:7px;border-radius:50%;background:var(--acid)}@media (max-width:1000px){.int-key{grid-template-columns:1fr}}@media (max-width:900px){.int-builtin{grid-template-columns:1fr;gap:34px}}@media (max-width:700px){.int-hero-art{grid-template-columns:repeat(4,1fr);gap:7px}.int-hero-art img{width:22px;height:22px}.int-section{padding:38px var(--page-gutter) 50px}.int-controls{flex-direction:column;align-items:stretch;gap:10px}.int-search{max-width:none}.int-grid{grid-template-columns:1fr}}