/* page-specific */
.int-hero{position:relative;overflow:hidden;padding:88px 0 74px;isolation:isolate}
.int-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 85% 0%, rgba(0,140,255,.12), transparent 40%),
             radial-gradient(circle at 5% 100%, rgba(19,122,69,.07), transparent 32%);}
.int-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}
.int-hero h1{max-width:12ch;margin:22px 0}
.int-hero .lead{margin-bottom:0}
.int-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}

/* integration explorer */
.integration-explorer{padding:92px 0 76px;border-block:1px solid var(--line);background:#f5f6f3}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);gap:70px;align-items:end;margin-bottom:38px}
.catalog-heading .section-title{max-width:680px;margin:17px 0 0}
.catalog-heading .section-copy{margin:0 0 7px}
.catalog-tabs{margin-bottom:8px}
.catalog-tab-panel{padding-top:24px}
.catalog-tab-panel[hidden]{display:none}
.catalog-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.catalog-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-filter-card{min-width:0;min-height:240px;display:flex;flex-direction:column;gap:12px;padding:26px 24px;text-align:left;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;transition:transform .22s,box-shadow .22s}
.catalog-filter-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.catalog-filter-card:focus-visible{outline:3px solid rgba(0,140,255,.22);outline-offset:3px}
.catalog-filter-card .catalog-filter-icon{padding:13px;color:#0b0f1a}
.catalog-filter-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.catalog-filter-card h4{margin:0}
.catalog-filter-card .cat{font-family:var(--label);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.catalog-filter-card p{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.catalog-filter-card .go{font-weight:700;font-size:14px;color:var(--blue)}
.catalog-filter-card:hover .go{color:var(--blue-deep)}
.catalog-filter-card-soon{cursor:default;background:linear-gradient(145deg,#fff 0%,#fffbf2 100%)}
.catalog-filter-card-soon:hover{transform:none;box-shadow:none}
.catalog-filter-card-soon .int-title-line{align-items:center}
.catalog-filter-card-soon .pill{white-space:nowrap}
.catalog-filter-card-soon .catalog-coming-soon-note,.catalog-filter-card-soon:hover .catalog-coming-soon-note{color:var(--amber-text)}

/* results */
.integration-results{padding:72px 0 10px;scroll-margin-top:92px}
.catalog-results-bar{display:flex;justify-content:space-between;gap:38px;align-items:end;padding-bottom:27px;border-bottom:1px solid var(--line)}
.catalog-results-copy h3{margin:10px 0 4px;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.05}
.catalog-results-copy p{margin:0;color:var(--muted);font-size:14px}
.catalog-results-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.searchbox{position:relative;display:block;width:min(310px,100%)}
.searchbox .input{min-height:44px;padding-left:42px;border-radius:var(--r-pill)}
.searchbox .ic{position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:18px;line-height:1;pointer-events:none}
.catalog-clear{min-height:42px;padding:0 15px;border:1px solid var(--field-border);border-radius:var(--r-pill);background:#fff;color:var(--ink);font-family:var(--label);font-size:12px;font-weight:700;cursor:pointer}
.catalog-clear:hover{border-color:var(--ink)}
.catalog-clear[hidden]{display:none}
.count-note{width:100%;text-align:right;white-space:nowrap;color:var(--faint);font-family:var(--label);font-size:11px;letter-spacing:.06em}

/* grid */
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.int-card[hidden]{display:none}
.integration-catalog-results{padding-bottom:20px}
.int-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;display:flex;flex-direction:column;gap:12px;
  transition:transform .22s,box-shadow .22s}
a.int-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.int-top{display:flex;align-items:center;gap:14px}
.int-logo{flex:none;width:58px;height:58px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;padding:7px;background:#fff;overflow:hidden}
.int-logo img{display:block;width:100%;height:100%;object-fit:contain}
.int-logo.int-logo-crop{display:flex;align-items:center;justify-content:flex-start}.int-logo.int-logo-crop img{width:auto;height:100%;max-width:none;object-fit:initial}
.int-heading{min-width:0;flex:1}
.int-title-line{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.int-card .int-title-line .pill{white-space:nowrap}
.int-card h4{margin:0}
.int-card .cat{font-family:var(--label);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.int-card p{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.int-card .go{font-weight:700;font-size:14px;color:var(--blue)}
a.int-card:hover .go{color:var(--blue-deep)}
.int-card-disabled{min-height:244px;cursor:default}
.int-card-coming-soon{cursor:default;background:linear-gradient(145deg,#fff 0%,#fffbf2 100%)}
.int-card-coming-soon .go{color:var(--amber-text)}
.int-card .tags{display:flex;gap:6px;flex-wrap:wrap}
.no-results{display:none;text-align:center;padding:70px 0;color:var(--muted)}
.no-results.show{display:block}
.no-results .big{font-family:var(--serif);font-size:34px;color:var(--ink);margin-bottom:8px}
.int-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:42px;margin-top:52px;padding-bottom:16px}
.int-pagination[hidden]{display:none}
.int-page-button{box-sizing:border-box;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--field-border);border-radius:11px;background:#fff;color:var(--ink);font-family:var(--label);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.int-page-button:hover:not(:disabled):not(.active){border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.int-page-button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(0,140,255,.2)}
.int-page-button:focus-visible{outline:3px solid rgba(0,140,255,.22);outline-offset:3px}
.int-page-button:disabled{opacity:.42;cursor:not-allowed}

/* category listing pages */
.integration-category-hero{position:relative;overflow:hidden;padding:70px 0 78px;border-bottom:1px solid var(--line);isolation:isolate}
.integration-category-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 12%,rgba(0,140,255,.12),transparent 35%),radial-gradient(circle at 8% 100%,rgba(19,122,69,.07),transparent 30%)}
.catalog-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:45px;color:var(--faint);font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.04em}
.catalog-breadcrumb a{color:var(--muted);text-decoration:none}.catalog-breadcrumb a:hover{color:var(--blue)}
.integration-category-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.55fr);gap:80px;align-items:end}
.integration-category-hero h1{max-width:800px;margin:18px 0 20px;font-size:clamp(52px,7vw,88px);line-height:.95}
.integration-category-hero .lead{max-width:720px;margin:0}
.integration-category-stat{padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm)}
.integration-category-stat strong,.integration-category-stat span{display:block}.integration-category-stat strong{font-family:var(--serif);font-size:58px;font-weight:400;line-height:.9}.integration-category-stat>span{margin-top:9px;color:var(--muted);font-size:14px}
.integration-category-stat a{display:inline-flex;gap:8px;margin-top:25px;color:var(--blue);font-family:var(--label);font-size:13px;font-weight:700;text-decoration:none}
.integration-category-results{padding-top:78px}
.integration-category-page .catalog-results-copy h2{margin:10px 0 4px;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.05}
.category-cta{margin:86px 18px 0;padding:66px 0;border-radius:34px 34px 0 0;background:var(--ink);color:#fff}
.category-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:38px}
.category-cta h2{max-width:700px;margin:18px 0 0;color:#fff;font-family:var(--serif);font-size:48px;font-weight:400;line-height:1.04}.category-cta h2 span{color:#7cc7ff}
@media(max-width:980px){.int-hero-grid{grid-template-columns:1fr;gap:42px}.int-hero-copy{max-width:760px}.catalog-heading{grid-template-columns:1fr;gap:18px}.catalog-heading .section-copy{max-width:660px}.catalog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-results-bar{align-items:flex-start}.integration-category-hero-grid{grid-template-columns:1fr;gap:40px}.integration-category-stat{max-width:390px}.int-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.catalog-results-bar{display:block}.catalog-results-actions{justify-content:flex-start;margin-top:24px}.count-note{text-align:left}.searchbox{width:100%;max-width:none}}
@media(max-width:640px){.int-hero{padding:62px 0}.int-hero h1{font-size:48px}.int-hero-actions .btn{width:100%}.integration-explorer{padding:68px 0 58px}.catalog-heading{margin-bottom:28px}.catalog-tabs{width:100%}.catalog-tabs .tab{flex:1}.catalog-filter-grid{grid-template-columns:1fr}.catalog-filter-card{min-height:230px}.integration-category-hero{padding:48px 0 60px}.catalog-breadcrumb{margin-bottom:34px;flex-wrap:wrap}.integration-category-hero h1{font-size:50px}.integration-category-stat{max-width:none}.integration-results{padding-top:56px}.category-cta{margin-inline:10px;padding:54px 0;border-radius:25px 25px 0 0}.category-cta-inner{display:block}.category-cta h2{font-size:39px}.category-cta .btn{width:100%;margin-top:28px}.int-grid{grid-template-columns:1fr}}

/* request band */
.req-band{background:var(--ink);color:#E8ECF4;border-radius:34px;margin:96px 18px 0}
.req-inner{padding:84px 0}
.req-band .section-copy{color:rgba(232,236,244,.66)}
.req-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:32px;box-shadow:0 34px 80px rgba(0,0,0,.4)}

/* integration request form status */
.integration-request-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;padding:13px 15px;border:1px solid #cfe6d8;border-radius:12px;background:#f3fbf6;color:#155d32;font-size:14px;line-height:1.45}
.integration-request-alert>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff4e6;font-weight:700;flex:none}
.integration-request-alert.error{border-color:#f0cccc;background:#fff5f5;color:#9f2828}
.integration-request-alert.error>span{background:#f8dddd}