/* Page Intégrations — grille papier, panneau central, sidebar de filtres et cartes à filets */
.hub{--c:118px;--line:#e0dacd;--paper:#eee9df;padding:0;margin:0;max-width:none}
.hub-top{position:relative;min-height:calc(var(--c)*7);display:grid;place-items:center;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--c) var(--c);background-position:center top;padding:calc(var(--c)*1.4) 0 calc(var(--c)*1.2);overflow:hidden}
.hub-panel{position:relative;z-index:2;background:#fff;width:min(calc(var(--c)*11),calc(100% - 32px));padding:clamp(48px,9vw,120px) 24px;text-align:center;border:1px solid var(--line)}
.hub-panel h1{font-size:clamp(38px,5.4vw,80px);line-height:1.02;letter-spacing:-.06em;margin:0 0 22px}
.hub-panel p{font-size:clamp(16px,1.5vw,21px);color:#2a3a36;max-width:660px;margin:0 auto 28px;line-height:1.45}
.hub-black{display:inline-flex;align-items:center;gap:12px;background:#0b0b0b;color:#fff;border-radius:16px;padding:19px 26px;font-size:16px;transition:transform .2s,background .2s}
.hub-black:hover{transform:translateY(-2px);background:#222}.hub-black svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.hub-cell{position:absolute;width:var(--c);height:var(--c);z-index:1}
.c-pink{left:calc(50% - var(--c)*6.5);bottom:calc(var(--c)*1.2);background:#fbd0ea;display:grid;place-items:center}.c-pink svg{width:52px}
.c-peach{right:calc(50% - var(--c)*6.5);top:calc(var(--c)*2);background:#ffe1b8}.c-grey{right:calc(50% - var(--c)*7.5);bottom:calc(var(--c)*1.2);background:#e6e6e6}
@media(max-width:1500px){.c-pink,.c-peach,.c-grey{display:none}}
.hub-main{display:grid;grid-template-columns:minmax(260px,22%) 1fr;background:#fff;border-top:1px solid var(--line)}
.hub-side{padding:42px 22px 28px;border-right:1px solid var(--line);position:sticky;top:0;align-self:start;height:100vh;overflow:auto;display:flex;flex-direction:column}
.hub-sh{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.14em;color:#5b6b9a;margin:0 0 16px}.hub-sh i{flex:1;height:1px;background:var(--line)}
.hub-sh button{border:0;background:none;color:#2b6bd6;font-size:14px;letter-spacing:0;cursor:pointer;padding:0}
.hub-search{display:flex;align-items:center;border:1px solid #d7d9de;border-radius:10px;padding:0 16px;margin-bottom:32px;background:#fff}
.hub-search input{flex:1;border:0;outline:0;font-size:16px;padding:19px 0;background:transparent;min-width:0;color:var(--ink)}.hub-search svg{width:24px;height:24px;fill:none;stroke:#111;stroke-width:2}
.hub-search:focus-within{border-color:#111}
.hub-acc{border-bottom:0}.hub-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;font-size:17px}.hub-acc summary::-webkit-details-marker{display:none}
.hub-acc summary:after{content:'';width:9px;height:9px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);transition:transform .2s;margin-top:-4px}.hub-acc[open] summary:after{transform:rotate(-135deg);margin-top:4px}
.hub-opts{padding:0 22px 14px;display:flex;flex-direction:column;gap:2px}.hub-opts label{display:flex;align-items:center;gap:10px;font-size:15px;padding:8px 0;cursor:pointer;color:#33423e}.hub-opts label span{flex:1}.hub-opts b{font-weight:400;color:#8a948f;font-size:13px}.hub-opts input{width:17px;height:17px;accent-color:#111}
.hub-become{margin-top:auto;justify-content:center;width:100%;position:sticky;bottom:0}
.hub-results{min-width:0}
.hub-count{margin:0;padding:18px 28px;font-size:13px;color:#738075;border-bottom:1px solid var(--line)}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.hub-card{display:flex;flex-direction:column;gap:18px;padding:36px 40px 40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:330px;transition:background .15s;background:#fff}
.hub-card:nth-child(3n){border-right:0}.hub-card:hover,.hub-card:focus-visible{background:#f3f2ef}.hub-card[hidden]{display:none}
.hub-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.hub-logo{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:transparent}.hub-logo:has(i){background:var(--bg,#f0f0f0)}
.hub-logo img{max-width:52px;max-height:46px;width:auto;height:auto;object-fit:contain}.hub-logo i{font-style:normal;font-weight:700;font-size:26px;color:#111}
.hub-ico{color:#333;opacity:.55}.hub-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;transform:rotate(-45deg);transition:transform .2s}.hub-card:hover .hub-ico svg{transform:rotate(0)}
.hub-card strong{font-size:clamp(22px,2vw,30px);letter-spacing:-.04em;line-height:1.1;margin-top:8px}
.hub-desc{font-size:16px;line-height:1.5;color:#4a5a55;flex:1}
.hub-tags{display:flex;gap:8px;flex-wrap:wrap}.hub-tags em{font-style:normal;font-size:14px;border:1px solid #e3e3e0;border-radius:4px;padding:8px 14px;background:#fff;color:#111}.hub-tags em.fiche{background:#e8f4ee;border-color:#cfe6da;color:#146a52}
.hub-empty{padding:60px 28px;color:#52645e}.hub .verified-note{padding:26px 28px 40px;font-size:12px;color:#738075;max-width:900px}
@media(max-width:1250px){.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-card:nth-child(3n){border-right:1px solid var(--line)}.hub-card:nth-child(2n){border-right:0}}
@media(max-width:860px){:root{}.hub{--c:70px}.hub-main{grid-template-columns:1fr}.hub-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:24px 16px}.hub-become{margin-top:18px;position:static}.hub-card{padding:26px 22px;min-height:0}.hub-panel{padding:48px 18px}}
@media(max-width:560px){.hub-grid{grid-template-columns:1fr}.hub-card,.hub-card:nth-child(n){border-right:0}}


/* 3.9 — proportions inspected live on Clay /integrations. */
.hub{--c:calc(100vw / 16);--paper:#eeeae0;--line:#ddd8ce;background:#fff}
.hub-top{min-height:0;padding:calc(110px + var(--c)) 0 var(--c);background-position:center 110px}
.hub-panel{width:calc(var(--c)*10);padding:clamp(50px,6.8vw,100px) 5%;min-height:0}
.hub-panel h1{font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin-bottom:24px}
.hub-panel p{font-size:20px;line-height:1.4;max-width:600px;color:#252b59}.hub-cell{display:none}
.hub-main{grid-template-columns:minmax(250px,23.5%) minmax(0,1fr);scroll-margin-top:100px}
.hub-side{top:100px;height:calc(100svh - 100px);padding:28px 16px 20px;overscroll-behavior:contain;background:white}
.hub-sh{font-size:10px;letter-spacing:.09em;color:#717681;gap:12px;margin-bottom:18px}.hub-sh button{font-size:10px;color:#5268ec}.hub-search{border-radius:4px;padding:0 15px;margin-bottom:26px}.hub-search input{padding:17px 0;font-size:14px}.hub-search svg{width:20px;height:20px}
.hub-acc summary{font-size:13px;line-height:1.4;padding:17px 16px;border-radius:3px}.hub-acc[open]>summary{background:#252b59;color:white}.hub-acc[open]>summary:after{border-color:white}.hub-opts{padding:5px 0 14px;max-height:340px;overflow:auto}.hub-opts label{padding:14px 20px;border-bottom:1px solid #e8e6e0;font-size:12px;line-height:1.3}.hub-opts input{flex-shrink:0}.hub-opts b{font-size:11px}.hub-become{position:static;margin-top:36px;min-height:44px;font-size:11px}
.hub-count{font-size:11px;padding:10px 30px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-card{gap:14px;padding:30px 32px 40px;min-height:280px;border-color:#e5e3df}.hub-card:nth-child(n){border-right:1px solid #e5e3df}.hub-card:nth-child(2n){border-right:0}
.hub-logo{width:42px;height:42px;border-radius:8px}.hub-logo img{max-width:42px;max-height:36px}.hub-card strong{font-size:22px;font-weight:500;margin-top:0}.hub-desc{font-size:14px;line-height:1.45;color:#646873}.hub-tags{gap:6px}.hub-tags em{font-size:12px;border-radius:3px;padding:5px 12px;line-height:1.3}.hub-tags em.fiche{color:#5268ec;background:#f0f2ff;border-color:#dfe3fc}.hub-card:hover{background:#faf9f5}.hub-mobile-toggle{display:none}
@media(min-width:1800px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card:nth-child(n){border-right:1px solid #e5e3df}.hub-card:nth-child(3n){border-right:0}.hub-top{--c:112px}}
@media(max-width:1000px){.hub-panel{width:calc(100% - var(--c)*2);padding:55px 28px}.hub-panel p{font-size:18px}.hub-main{grid-template-columns:240px minmax(0,1fr)}.hub-card{padding:25px 20px}.hub-card strong{font-size:20px}.hub-side{position:sticky;top:96px;height:calc(100svh - 96px);border-right:1px solid var(--line);padding:24px 14px}.hub-desc{font-size:13px}}
@media(max-width:760px){.hub-top{padding:132px 0 40px;background-size:54px 54px;background-position:center 78px}.hub-panel{width:calc(100% - 32px);padding:42px 22px}.hub-panel h1{font-size:clamp(34px,7.8vw,48px)}.hub-panel p{font-size:16px}.hub-main{display:block;scroll-margin-top:90px}.hub-side{position:static;height:auto;border-right:0;padding:20px 16px;border-bottom:1px solid var(--line);overflow:visible}.hub-mobile-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#f7f6f2;font-size:14px;margin-bottom:20px;min-height:44px}.hub-side #hub-filter-options{display:none}.hub-side.filters-open #hub-filter-options{display:block}.hub-sh{font-size:11px}.hub-sh button{font-size:12px}.hub-search{margin-bottom:12px}.hub-search input{font-size:16px}.hub-become{margin-top:12px;width:auto}.hub-count{padding:12px 20px}.hub-card{min-height:260px;padding:24px 20px}.hub-acc summary{font-size:15px}.hub-opts label{font-size:14px;min-height:44px}.hub-opts{max-height:320px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hub-grid{grid-template-columns:1fr}.hub-card:nth-child(n){border-right:0}.hub-card{min-height:250px;padding:26px 24px}.hub-card strong{font-size:24px}.hub-desc{font-size:15px}.hub-logo{width:46px;height:46px}}