.grain{opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.integrations{isolation:isolate;background:var(--navy);color:#fff;padding:clamp(100px,12vw,160px) 0 clamp(90px,11vw,140px);position:relative;overflow:hidden}.integrations .grain{z-index:-1}.int-glow{z-index:-1;background:radial-gradient(closest-side,#3995d147,#0000 70%);width:1100px;height:800px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.int-head{text-align:center;max-width:760px;margin:0 auto}.int-head p{color:#ffffffa8;max-width:32em;margin:20px auto 0;font-size:18px}.hub{aspect-ratio:1000/560;max-width:1040px;margin:clamp(48px,6vw,80px) auto 0;position:relative}.hub svg.links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.links .ring{fill:none;stroke:#a9d6ff1a;stroke-dasharray:2 6}.links .base{fill:none;stroke:url(#lg);stroke-width:1.3px;stroke-linecap:round;opacity:.55;transition:opacity .3s,stroke-width .3s}.links .pulse{fill:none;stroke:#bfe2ff;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:100px;opacity:0;filter:drop-shadow(0 0 4px #a9d6ffe6)}.hub.live .links .pulse{opacity:1;animation:flow var(--dur,3.2s) linear infinite;animation-delay:var(--delay,0s)}.hub.live .links .pulse.rev{animation-name:flow-rev}@keyframes flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes flow-rev{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.hub[data-hot] .links .base{opacity:.18}.hub .links .base.hot{opacity:1;stroke-width:2px}.core{aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:clamp(110px,15vw,170px);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 10px #a9d6ff0f,0 0 0 22px #a9d6ff0a,0 30px 80px -10px #3995d1b3}.core img{width:64%;height:auto}.core:before,.core:after{content:"";animation:ripple 3.6s var(--ease-out) infinite;border:1px solid #a9d6ff59;border-radius:50%;position:absolute;inset:-14px}.core:after{animation-delay:1.8s}@keyframes ripple{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.6)}}.node{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0;display:flex;position:absolute;translate:-50% -50%}.node-ico{width:clamp(52px,6.4vw,72px);height:clamp(52px,6.4vw,72px);transition:transform .3s var(--ease-out), box-shadow .3s ease;animation:6s ease-in-out infinite bob;animation-delay:var(--bob,0s);background:#fff;border-radius:20px;place-items:center;display:grid;box-shadow:0 0 0 1px #fff6,0 18px 40px -16px #000000b3}.node-ico svg{width:52%;height:52%}.node-label{color:#ffffffd9;white-space:nowrap;font-size:13.5px;font-weight:500;transition:color .2s}@keyframes bob{50%{translate:0 -6px}}.node:active .node-ico{transform:scale(.95)}.node.hot .node-ico{transform:scale(1.08);box-shadow:0 0 0 4px #a9d6ff59,0 22px 50px -14px #3995d1e6}.node.hot .node-label{color:#fff}.int-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(56px,7vw,96px);display:grid}.int-card{--mx:50%;--my:0%;box-shadow:inset 0 0 0 1px var(--line-dark);transition:background-color .3s ease, box-shadow .3s ease, transform .4s var(--ease-out);background:#ffffff09;border-radius:18px;padding:24px 22px 26px;position:relative;overflow:hidden}.int-card:before{content:"";background:radial-gradient(320px circle at var(--mx) var(--my), #3995d138, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.int-card.wide{grid-column:1/-1}.int-card.hot{background:#ffffff0f;box-shadow:inset 0 0 0 1px #a9d6ff73}.int-card.hot:before{opacity:1}@media (hover:hover) and (pointer:fine){.int-card:hover:before{opacity:1}.int-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #a9d6ff59}}.int-card .top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.int-card .ico{background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.int-card .ico svg{width:24px;height:24px}.int-card .cat{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky-soft);opacity:.8;font-size:10.5px}.int-card h3{letter-spacing:-.015em;margin:0 0 8px;font-size:18px;font-weight:500}.int-card p{color:#ffffff9e;margin:0;font-size:14.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.node-ico,.core:before,.core:after{animation:none!important}.hub .links .pulse{display:none}.node:active .node-ico{transform:none}}@media (max-width:960px){.int-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hub{aspect-ratio:1/1.05}.node-label{display:none}.node-ico{border-radius:13px;width:44px;height:44px}.int-grid{grid-template-columns:1fr}}.integrations{background:linear-gradient(160deg, var(--navy) 0%, #0f2a57 100%)}.integrations .sec-num{color:#fff9;text-align:left}.integrations .rule{background:var(--line-dark)}.int-head{margin-top:44px}.int-head .h2 .serif{color:var(--sky-soft)}.int-card{border-radius:12px}.int-card h3{letter-spacing:-.03em;font-weight:700}