.integration-why-card{border:1px solid var(--sbx-border-strong);background-color:var(--sbx-bg-elev);height:100%;box-shadow:var(--sbx-shadow-sm);border-radius:18px;flex-direction:column;gap:12px;padding:26px;display:flex}.integration-why-icon{background-color:var(--sbx-accent);width:44px;height:44px;color:var(--sbx-on-accent);border-radius:14px;justify-content:center;align-items:center;display:flex}.integration-why-card h3{color:var(--sbx-fg);margin:0;font-size:16px;font-weight:700}.integration-why-card p{color:var(--sbx-fg-soft);margin:0;font-size:14px;line-height:1.6}.integration-directory{flex-direction:column;gap:48px;display:flex}.integration-band{border-bottom:1px solid var(--sbx-border-strong);grid-template-columns:1fr;gap:20px;padding-bottom:48px;display:grid}.integration-band:last-child{border-bottom:0;padding-bottom:0}@media (min-width:960px){.integration-band{grid-template-columns:260px minmax(0,1fr);gap:36px}}.integration-band-head h3{letter-spacing:-.01em;color:var(--sbx-fg);margin:12px 0 6px;font-size:20px;font-weight:700}.integration-band-head p{color:var(--sbx-fg-soft);margin:0;font-size:14px;line-height:1.6}.integration-band-icon{background-color:var(--sbx-accent);width:38px;height:38px;color:var(--sbx-on-accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.integration-band-grid{grid-template-columns:1fr;align-content:start;gap:16px;display:grid}@media (min-width:560px){.integration-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1140px){.integration-band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.integration-tile{border:1px solid var(--sbx-border-strong);background-color:var(--sbx-bg-elev);height:100%;box-shadow:var(--sbx-shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex}.integration-tile:hover{border-color:var(--sbx-accent);box-shadow:var(--sbx-shadow-md)}.integration-tile-head{align-items:center;gap:12px;display:flex}.integration-tile-logo{border:1px solid var(--sbx-border-strong);color:#11110d;background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:7px;display:flex}[data-theme=dark] .integration-tile-logo{border-color:#ffffff3d}.integration-tile-name{min-width:0;color:var(--sbx-fg);flex:1;margin:0;font-size:15px;font-weight:700}.integration-tile-connect{border:1px solid var(--sbx-border-strong);background-color:var(--sbx-bg-soft);white-space:nowrap;color:var(--sbx-fg-soft);border-radius:9999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.integration-tile-copy{color:var(--sbx-fg-soft);margin:0;font-size:13.5px;line-height:1.6}.integration-code{color:#fff;max-width:680px;box-shadow:var(--sbx-shadow-md);background-color:#11110d;border:1px solid #ffffff29;border-radius:18px;margin:0 auto;overflow:hidden}.integration-code>header{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;font-size:13px;display:flex}.integration-code-title{color:var(--sbx-accent);align-items:center;gap:8px;font-weight:700;display:inline-flex}.integration-code>header em{color:#ffffffa8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-style:normal}.integration-code pre{color:#ffffffeb;margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.integration-code>footer{color:#ffffffc7;border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:8px 20px;padding:13px 18px;font-size:12px;display:flex}.integration-code>footer span{align-items:center;gap:6px;display:inline-flex}