.integration-stream{--stream-bg: rgba(244, 239, 227, .55);--stream-line: #7a9a3a;--stream-glow: rgba(223, 255, 0, .25);--stream-node-bg: rgba(255, 255, 255, .82);--stream-node-border: rgba(122, 154, 58, .18);--stream-node-shadow: 0 2px 12px rgba(26, 26, 26, .06);--stream-node-lift: 0 6px 24px rgba(26, 26, 26, .1);--stream-text: #1a1a1a;--stream-muted: #6b6b5e;--stream-speed: 38s;position:relative;overflow:hidden;padding:3rem 0;background:linear-gradient(110deg,#faf7eefa,#f5f0e1f5)}.integration-stream-header{text-align:center;padding:0 1.5rem 1.5rem}.integration-stream-header .eyebrow{display:flex;align-items:center;justify-content:center;gap:.4em;font-family:Patrick Hand,Patrick Hand Fallback,cursive;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--stream-line);margin-bottom:.6rem}.integration-stream-header .eyebrow svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.integration-stream-header h2{font-family:Patrick Hand,Patrick Hand Fallback,cursive;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:400;color:var(--stream-text);margin:0}.stream-vine{position:absolute;left:0;right:0;top:50%;height:2px;pointer-events:none;z-index:0;transform:translateY(-50%)}.stream-vine-line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--stream-line) 8%,var(--stream-line) 92%,transparent 100%);opacity:.25}.stream-vine-pulse{position:absolute;left:0;top:-2px;width:60px;height:6px;border-radius:3px;background:var(--stream-glow);filter:blur(4px);animation:streamPulse var(--stream-speed) linear infinite}@keyframes streamPulse{0%{transform:translate3d(-60px,0,0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translate3d(calc(100vw + 60px),0,0);opacity:0}}.stream-track-wrap{position:relative;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%)}.stream-track{position:relative;z-index:1;display:flex;gap:1.5rem;width:max-content;animation:streamScroll var(--stream-speed) linear infinite;will-change:transform}.stream-track:hover,.stream-track:focus-within,.stream-track:has(.is-tapped){animation-play-state:paused}.stream-track:not(.is-in-view){animation-play-state:paused}@keyframes streamScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.stream-node{flex-shrink:0;display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem .55rem .65rem;background:var(--stream-node-bg);border:1px solid var(--stream-node-border);border-radius:2rem;box-shadow:var(--stream-node-shadow);cursor:default;transition:transform .28s cubic-bezier(.22,.8,.2,1),box-shadow .28s ease,border-color .28s ease;position:relative;outline:none}.stream-node:hover,.stream-node:focus-visible{transform:translateY(-3px) scale(1.04);box-shadow:var(--stream-node-lift);border-color:var(--stream-line);z-index:2}.stream-node:focus-visible{outline:2px solid var(--stream-line);outline-offset:2px}.stream-node-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:700;color:#fff;background:var(--node-color, #6b6b5e);text-transform:uppercase;overflow:hidden}.stream-node-icon img{width:100%;height:100%;object-fit:contain}.stream-node-name{font-family:Nunito,Nunito Fallback,sans-serif;font-size:.82rem;font-weight:600;color:var(--stream-text);white-space:nowrap;line-height:1.2}.stream-detail{position:absolute;left:50%;bottom:9px;z-index:3;width:max-content;max-width:calc(100% - 24px);margin:0;transform:translate(-50%);color:#3e5b26;font-family:Nunito,Nunito Fallback,sans-serif;font-size:.76rem;font-weight:700;line-height:1.25;text-align:center;pointer-events:none;opacity:0;transition:opacity .18s ease}.stream-detail.is-visible{opacity:1}.stream-node:before{content:"";position:absolute;left:50%;bottom:-1.4rem;width:32px;height:8px;transform:translate(-50%);background:radial-gradient(ellipse,var(--stream-glow) 0%,transparent 70%);opacity:0;transition:opacity .28s ease;pointer-events:none}.stream-node:hover:before,.stream-node:focus-visible:before{opacity:1}.stream-legend{display:none}.integration-stream:not(.integration-stream--expanded){padding:2rem 0 2.5rem}.integration-stream:not(.integration-stream--expanded) .stream-legend{display:none}.integration-stream--expanded{padding:3.5rem 0 4rem}.integration-stream--expanded .integration-stream-header h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}.integration-stream--expanded .integration-stream-header p{font-family:Nunito,Nunito Fallback,sans-serif;font-size:.92rem;color:var(--stream-muted);max-width:38rem;margin:.7rem auto 0;line-height:1.55}.integration-stream--expanded .stream-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding:0 1rem}.stream-swipe-hint{display:none}.stream-legend-item{display:flex;align-items:center;gap:.4rem;font-family:Nunito,Nunito Fallback,sans-serif;font-size:.75rem;color:var(--stream-muted)}.stream-legend-dot{width:8px;height:8px;border-radius:50%}.stream-legend-dot--native{background:#7a9a3a}.stream-legend-dot--api{background:#d4a843}.stream-legend-dot--custom{background:#8b7ec8}.stream-node[data-integration=meta]{--node-color: #0081FB}.stream-node[data-integration=facebook]{--node-color: #1877F2}.stream-node[data-integration=instagram]{--node-color: #E4405F}.stream-node[data-integration=whatsapp]{--node-color: #25D366}.stream-node[data-integration=tiktok]{--node-color: #010101}.stream-node[data-integration=google],.stream-node[data-integration=google-workspace],.stream-node[data-integration=google-drive],.stream-node[data-integration=google-calendar],.stream-node[data-integration=google-ads]{--node-color: #4285F4}.stream-node[data-integration=slack]{--node-color: #4A154B}.stream-node[data-integration=hubspot]{--node-color: #FF7A59}.stream-node[data-integration=salesforce]{--node-color: #00A1E0}.stream-node[data-integration=zoho]{--node-color: #DC2626}.stream-node[data-integration=shopify]{--node-color: #96BF48}.stream-node[data-integration=notion]{--node-color: #151515}.stream-node[data-integration=microsoft]{--node-color: #00A4EF}.stream-node[data-integration=teams]{--node-color: #6264A7}.stream-node[data-integration=stripe]{--node-color: #635BFF}@media (prefers-reduced-motion: reduce){.stream-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:.75rem;padding:0 1rem}.stream-vine-pulse{animation:none;display:none}.stream-vine{display:none}.stream-track-wrap{mask-image:none;-webkit-mask-image:none}.stream-node:before{display:none}}@media (max-width: 768px){.integration-stream{--stream-speed: 32s;padding:1.5rem 0 2rem}.stream-node{padding:.45rem .8rem .45rem .55rem;gap:.5rem}.stream-node-icon{width:24px;height:24px;border-radius:5px;font-size:.6rem}.stream-node-name{font-size:.75rem}.stream-detail{font-size:.7rem}.stream-track{gap:1rem}.integration-stream--expanded .stream-legend{gap:1rem;flex-wrap:wrap}.stream-legend-item{font-size:.68rem}}@media (max-width: 430px){.integration-stream{--stream-speed: 28s;padding:1.2rem 0 1.5rem}.integration-stream-header h2{font-size:1rem}.stream-node{padding:.35rem .7rem .35rem .45rem}.stream-node-icon{width:22px;height:22px}.stream-node-name{font-size:.7rem}}@media (max-width: 767px) and (prefers-reduced-motion: no-preference){.integration-stream--expanded .stream-swipe-hint{display:none}.integration-stream--expanded .stream-track{gap:10px;padding:2px 0 12px}.integration-stream--expanded .stream-node{min-height:48px;padding:8px 14px 8px 9px}.integration-stream--expanded .stream-node-icon{width:28px;height:28px}.integration-stream--expanded .stream-node-name{font-size:.82rem}.integration-stream--expanded .stream-detail{position:relative;bottom:auto;min-height:24px;margin:8px auto 0}}@media (prefers-reduced-motion: reduce){.stream-detail{transition:none}}