/* Vault Integrations: one catalog, two release stages, no pretend connection state. */
.integrations-hub{max-width:1180px;margin:0 auto;padding:clamp(1px,1vw,14px);color:var(--text)}
.integrations-hub *{box-sizing:border-box}
.integrations-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:center;padding:clamp(26px,4.5vw,46px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 93% 14%,color-mix(in srgb,var(--warm) 10%,transparent),transparent 46%),linear-gradient(130deg,color-mix(in srgb,var(--panel) 92%,var(--panel2)),var(--panel));position:relative;overflow:hidden}
.integrations-hero:before{content:'';position:absolute;inset:0 auto auto 0;width:120px;height:2px;background:var(--warm);opacity:.78}
.integrations-eyebrow{font-size:10px!important;line-height:1.5;letter-spacing:.16em;font-weight:750;color:var(--warm)!important;text-transform:uppercase;margin:0 0 12px!important}
.integrations-hero h1{font-size:clamp(33px,3.7vw,48px);letter-spacing:-.045em;line-height:1.05;font-weight:650}
.integrations-intro{font-size:14px;line-height:1.7;max-width:650px;margin:17px 0 0;color:var(--muted)}
.integrations-pulse{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;overflow:hidden;background:var(--line)}
.integrations-pulse>div{min-height:106px;background:color-mix(in srgb,var(--panel2) 35%,var(--panel));display:flex;flex-direction:column;justify-content:center;padding:17px 20px}
.integrations-pulse strong{font-size:32px;line-height:1;font-weight:550;letter-spacing:-.05em;color:var(--text);font-variant-numeric:tabular-nums}
.integrations-pulse span{color:var(--muted);font-size:11px;margin-top:10px;line-height:1.35}
.integration-clarity{display:flex;align-items:flex-start;gap:12px;margin:15px 1px 0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 65%,transparent)}
.integration-clarity-dot{width:7px;height:7px;flex:0 0 7px;margin-top:7px;background:var(--warm);border-radius:99px;opacity:.8}
.integration-clarity p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.integration-clarity strong{font-weight:680;color:var(--text)}
.integration-current{display:flex;justify-content:space-between;gap:32px;align-items:center;margin:22px 0 32px;padding:26px 30px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 67%,var(--warm) 33%);background:linear-gradient(115deg,color-mix(in srgb,var(--warm) 8%,var(--panel)),var(--panel));overflow:hidden}
.integration-current-kicker{display:block;color:var(--warm);font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:8px}
.integration-current h2{font-size:23px;font-weight:650;letter-spacing:-.035em;margin:0 0 10px}
.integration-current p{font-size:12px;line-height:1.6;max-width:670px;margin:0;color:var(--muted)}
.integration-current-art{display:flex;gap:11px;align-items:center;min-width:122px;justify-content:center;opacity:.6}
.integration-current-art span{display:block;width:20px;height:34px;border:1px solid color-mix(in srgb,var(--warm) 58%,var(--line));border-radius:5px;transform:rotate(-25deg);background:color-mix(in srgb,var(--warm) 10%,transparent)}
.integration-current-art span:nth-child(2){height:55px;transform:rotate(-15deg)}
.integration-current-art span:nth-child(3){height:78px;transform:rotate(-5deg)}
.integrations-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.integrations-collection-head h2{font-size:22px;letter-spacing:-.03em;margin:0}
.integrations-collection-head .integrations-eyebrow{margin-bottom:4px!important}
.integrations-filters{display:flex;flex-wrap:wrap;gap:6px}
.integrations-filters button{appearance:none;font-size:11px;line-height:1.3;padding:9px 12px;min-height:36px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;white-space:nowrap}
.integrations-filters button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--warm) 45%,var(--line));background:color-mix(in srgb,var(--warm) 12%,var(--panel));color:var(--text);font-weight:700}
.integrations-filters button:hover{border-color:var(--warm);color:var(--text)}
.integrations-visible-count{font-size:11px;color:var(--muted);margin:0 0 14px}
.integrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.integration-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:15px;padding:clamp(18px,2.3vw,24px);background:linear-gradient(152deg,color-mix(in srgb,var(--panel) 90%,var(--panel2)),var(--panel));box-shadow:0 12px 36px #14263609}
.integration-tile[hidden]{display:none!important}
.integration-card-top{display:flex;gap:12px;align-items:center;min-width:0}
.integration-wordmark{width:42px;height:42px;border-radius:12px;flex:0 0 42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--warm) 30%,var(--line));background:color-mix(in srgb,var(--warm) 8%,var(--panel2));color:var(--text);font-size:22px;font-weight:700;font-family:ui-sans-serif,system-ui,sans-serif}
.integration-title-wrap{min-width:0;flex:1}
.integration-title-wrap h3{font-size:18px;line-height:1.35;margin:1px 0 0;font-weight:650;letter-spacing:-.025em}
.integration-category{display:block;color:var(--muted);font-size:10px;letter-spacing:.05em}
.integration-stage{border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:10px;line-height:1.3;text-align:center;color:var(--muted);white-space:nowrap;max-width:110px}
.integration-stage-next{color:var(--warm);border-color:color-mix(in srgb,var(--warm) 35%,var(--line))}
.integration-description{font-size:12px;line-height:1.65;margin:17px 0;color:var(--muted);min-height:40px}
.integration-facts{display:grid;gap:16px;padding:15px 0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.integration-facts small{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--warm)}
.integration-facts p{color:var(--text);font-size:12px;line-height:1.6;margin:5px 0 0;opacity:.94}
.integration-details{margin:10px 0 0!important;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;border-right:0!important;border-bottom:0!important;border-left:0!important;background:transparent!important;border-radius:0!important}
.integration-details summary{padding:13px 0 4px;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:11px;color:var(--accent);gap:12px}
.integration-details summary::-webkit-details-marker{display:none}
.integration-details summary span{color:var(--muted);font-size:18px;font-weight:400}
.integration-details[open] summary span{transform:rotate(45deg)}
.integration-details ul{margin:12px 0 0;padding-left:18px;display:grid;gap:8px}
.integration-details li{color:var(--muted);line-height:1.55;font-size:11px}
.integrations-footnote{color:var(--muted);font-size:11px;line-height:1.7;margin:24px 2px 5px;max-width:790px}
@media(max-width:1050px){.integrations-hero{grid-template-columns:1fr}.integrations-pulse{max-width:440px}.integrations-collection-head{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.integrations-hub{padding:0}.integrations-hero{padding:25px 19px;border-radius:14px}.integrations-intro{font-size:13px}.integrations-pulse>div{min-height:85px}.integrations-pulse strong{font-size:27px}.integration-current{padding:20px;gap:10px}.integration-current-art{display:none}.integrations-grid{grid-template-columns:1fr}.integration-card-top{flex-wrap:wrap}.integration-title-wrap{flex:1 1 calc(100% - 58px)}.integration-stage{margin-left:54px;white-space:normal}.integration-description{min-height:0}.integrations-collection-head{gap:13px}.integrations-filters{gap:5px}.integrations-filters button{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.integrations-hub *{transition:none!important}}