/* Integrations hub (#integrations): platform node, six categories, hex-framed card art */
#integrations .oxc-row{display:block}
#integrations .oxc-row>.oxc-col>.cb-stage.hx2-stage{margin:clamp(20px,2.4vw,32px) 0 clamp(36px,4vw,56px);padding:0;background:none;border:0;box-shadow:none}
#integrations .oxc-cb>.cb-head{margin-top:0}
.hx2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px) minmax(0,1fr);grid-template-rows:repeat(3,auto);column-gap:clamp(56px,9vw,150px);row-gap:18px;align-items:center;padding:clamp(22px,3vw,40px);border:1px solid var(--line-1);border-radius:24px;background:radial-gradient(60% 80% at 50% 50%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 70%),color-mix(in oklab,var(--ink-0) 2.5%,transparent);overflow:hidden;isolation:isolate}
.hx2::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in oklab,var(--ink-0) 12%,transparent) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask:radial-gradient(70% 90% at 50% 50%,#000,transparent);mask:radial-gradient(70% 90% at 50% 50%,#000,transparent);opacity:.6}
.hx2-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.hx2-wire{fill:none;stroke:color-mix(in oklab,var(--accent) 45%,transparent);stroke-width:1.5;stroke-linecap:round}
.hx2-wire-glow{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:6 10;opacity:.55;animation:hx2-flow 1.6s linear infinite}
.hx2-pulse{fill:var(--accent)}
.hx2-pulse.g{fill:var(--hc-green,#1f9d70)}
@keyframes hx2-flow{to{stroke-dashoffset:-32}}
.hx2-nodes{display:contents;list-style:none;margin:0;padding:0}
.hx2-node{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line-1);border-radius:14px;background:var(--bg-0);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px -14px rgba(15,23,42,.25)}
.hx2-node:nth-child(1){grid-area:1/1}.hx2-node:nth-child(2){grid-area:2/1}.hx2-node:nth-child(3){grid-area:3/1}
.hx2-node:nth-child(4){grid-area:1/3}.hx2-node:nth-child(5){grid-area:2/3}.hx2-node:nth-child(6){grid-area:3/3}
.hx2-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--accent);background:color-mix(in oklab,var(--accent) 11%,transparent)}
.hx2-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hx2-ico .ac{stroke:var(--hc-green,#1f9d70)}
.hx2-txt{display:flex;flex-direction:column;min-width:0}
.hx2-t{font:600 14.5px/1.25 'Inter',sans-serif;color:var(--ink-0);overflow-wrap:anywhere}
.hx2-f{margin-top:3px;font:500 11px/1.3 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.02em;color:var(--ink-2)}
.hx2-core{position:relative;z-index:1;grid-area:1/2/4/3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px 22px;border-radius:22px;color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent-3));box-shadow:0 22px 50px -22px color-mix(in oklab,var(--accent) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.hx2-core::after{content:"";position:absolute;inset:-10px;border-radius:30px;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);animation:hx2-ring 3.2s ease-out infinite;pointer-events:none}
@keyframes hx2-ring{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}
.hx2-core svg{width:54px;height:54px}
.hx2-core>span{display:flex;flex-direction:column;align-items:center;gap:4px}
.hx2-core b{font:700 16px/1.2 'Inter Tight','Inter',sans-serif;letter-spacing:-.01em}
.hx2-sub{font:500 13px/1.4 'Inter',sans-serif;opacity:.85;max-width:24ch}
/* staged entry */
.hx2 .hx2-node,.hx2 .hx2-core{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms + 200ms)}
.hx2 .hx2-core{transition-delay:0ms}
.hx2 .hx2-wires path.hx2-wire{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1s ease;transition-delay:calc(var(--i,0)*90ms + 250ms)}
.hx2.is-on .hx2-node,.hx2.is-on .hx2-core{opacity:1;transform:none}
.hx2.is-on .hx2-wires path.hx2-wire{stroke-dashoffset:0}
.hx2:not(.is-on) .hx2-wire-glow,.hx2:not(.is-on) .hx2-pulse{opacity:0}
/* category cards: hex art */
#integrations .reveal{opacity:1;transform:none}
#integrations .oce-integr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
#integrations .oce-integr-card{padding:28px 24px 24px;min-height:220px}
@media (max-width:1100px){#integrations .oce-integr-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#integrations .oce-integr-cats{grid-template-columns:minmax(0,1fr)}}
#integrations .oce-integr-cats{row-gap:clamp(34px,3.4vw,44px);margin-top:clamp(36px,3.6vw,52px);padding-inline:12px}
#integrations .oce-integr-card{overflow:visible}
#integrations .oce-integr-card .oxi-head{padding-left:76px;min-height:64px}
#integrations .oce-integr-title{font-size:17px}
#integrations .oce-integr-card .oce-integr-logos{display:none}
.hx2-hex{position:absolute;top:-18px;left:-18px;width:96px;height:96px;filter:drop-shadow(0 10px 14px rgba(15,23,42,.22));transition:transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hx2-hex::before,.hx2-hex img{position:absolute;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}
.hx2-hex::before{content:"";inset:0;background:linear-gradient(150deg,var(--accent-2),var(--accent-3) 60%,var(--hc-green,#1f9d70))}
.hx2-hex img{inset:3.5px;width:calc(100% - 7px);height:calc(100% - 7px);object-fit:cover;display:block;background:#f4f7fb}
#integrations .oce-integr-card:hover .hx2-hex{transform:translateY(-3px) rotate(-2deg)}
#integrations .oce-integr-body{min-height:0}
[data-theme="dark"] .hx2-node{background:var(--bg-1);box-shadow:0 8px 24px -14px rgba(0,0,0,.6)}
[data-theme="dark"] .hx2-hex{filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}
@media (max-width:1100px){.hx2{column-gap:56px;grid-template-columns:minmax(0,1fr) minmax(190px,240px) minmax(0,1fr)}}
@media (max-width:820px){
.hx2{grid-template-columns:1fr 1fr;grid-template-rows:auto;column-gap:12px;row-gap:12px;padding:18px 14px}
.hx2-core{grid-area:1/1/2/3;flex-direction:row;text-align:start;padding:16px 18px;margin-bottom:34px}
.hx2-core svg{width:44px;height:44px;flex:none}
.hx2-core>span{align-items:flex-start;gap:2px}
.hx2-sub{max-width:none}
.hx2-node:nth-child(n){grid-area:auto}
.hx2-node{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
.hx2-t{font-size:13.5px}
}
@media (max-width:640px){
.hx2-hex{width:72px;height:72px;top:-14px;left:-12px}
#integrations .oce-integr-card .oxi-head{padding-left:52px;min-height:44px}
#integrations .oce-integr-cats{padding-inline:6px;row-gap:30px}
}
@media (prefers-reduced-motion:reduce){
.hx2 .hx2-node,.hx2 .hx2-core{opacity:1;transform:none;transition:none}
.hx2 .hx2-wires path.hx2-wire{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
.hx2-wire-glow,.hx2-pulse,.hx2-core::after{display:none;animation:none}
.hx2-hex{transition:none}
}

.li-av.li-ph{width:56px;height:56px;border-radius:50%;overflow:hidden;object-fit:cover;flex:none;background:var(--bg-2);box-shadow:0 0 0 2px var(--bg-1,#fff),0 0 0 3px var(--line-1,#d6dce4)}