.integrations-section{width:100%;max-width:1280px;padding:clamp(52px, 7vh, var(--spacing-4xl)) clamp(20px, 5vw, var(--spacing-lg));z-index:1;margin:0 auto;position:relative}.integrations-section .section-intro{margin-bottom:clamp(28px, 4vh, var(--spacing-xl))}.stack-stage{aspect-ratio:3;width:100%;max-width:1080px;min-height:340px;margin:0 auto;position:relative}.stack-connections{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.shoplabs-node{z-index:5;width:132px;height:132px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shoplabs-node-inner{justify-content:center;align-items:center;gap:var(--spacing-2xs);background:var(--primary);width:100%;height:100%;box-shadow:0 0 0 1px var(--primary-18), 0 0 0 8px var(--primary-06), 0 0 0 24px var(--primary-03), 0 24px 60px -16px var(--primary-45), inset 0 1.5px 0 #ffffff2e;color:var(--cream);z-index:2;border-radius:50%;flex-direction:column;display:flex;position:relative}.shoplabs-node:before,.shoplabs-node:after{content:"";border:1px solid var(--primary-20);pointer-events:none;z-index:1;border-radius:50%;width:100%;height:100%;animation:4s ease-out infinite stack-ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shoplabs-node:after{animation-delay:2s}@keyframes stack-ping{0%{opacity:.6;width:100%;height:100%}to{opacity:0;width:220%;height:220%}}.shoplabs-node-logo{filter:brightness(0)invert();opacity:.92;width:80px;height:auto;display:block}.shoplabs-node-tag{margin-top:var(--spacing-2xs);font-size:var(--fs-label-xs);letter-spacing:.16em;text-transform:uppercase;color:#c7a6ded9;font-weight:600}.cluster{z-index:3;position:absolute}.cluster.nw{top:0;left:0}.cluster.ne{top:0;right:0}.cluster.sw{bottom:0;left:0}.cluster.se{bottom:0;right:0}.cluster-card{-webkit-backdrop-filter:var(--backdrop-blur-lg);border:1px solid var(--primary-10);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:inset 0 1px 0 #ffffffe6, 0 16px 36px -12px var(--primary-18), 0 6px 16px -4px var(--primary-08);background:linear-gradient(#ffffffeb 0%,#faf6fdf0 100%);width:360px}.cluster-header{align-items:center;gap:var(--spacing-2xs);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--primary-08);display:flex}.cluster-num{background:var(--primary-08);width:22px;height:22px;font-family:var(--font-display);font-style:italic;font-size:var(--fs-body-xs);color:var(--primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.cluster-label{font-size:var(--fs-label-md);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:600;line-height:1.3}.cluster-logos{gap:var(--spacing-2xs);flex-wrap:wrap;display:flex}.logo-tile{padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--fs-ui-md);color:var(--charcoal);transition:all var(--duration-base) var(--ease-smooth);cursor:default;letter-spacing:-.005em;background:#ffffffb3;border:1px solid #1a1a1a0f;align-items:center;font-weight:600;display:inline-flex}.logo-tile:hover{background:var(--white);box-shadow:0 4px 10px var(--primary-08);border-color:#1a1a1a1f;transform:translateY(-1px)}.logo-tile .logo-img{width:auto;height:20px;display:block}.logo-tile.shopify .logo-img,.logo-tile.salesforce .logo-img{height:20px}.endpoint-dot{background:var(--white);border:2px solid var(--primary);z-index:2;width:12px;height:12px;box-shadow:0 2px 6px var(--primary-20);border-radius:50%;position:absolute}.endpoint-dot:after{content:"";border:1px solid var(--primary-15);border-radius:50%;animation:2.4s ease-out infinite endpoint-pulse;position:absolute;inset:-6px}@keyframes endpoint-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.endpoint-dot.nw{top:calc(50% - 1px);left:calc(25% - 1px);transform:translate(-50%,-50%)}.endpoint-dot.ne{top:calc(50% - 1px);left:calc(75% + 1px);transform:translate(-50%,-50%)}.endpoint-dot.sw{top:calc(50% + 1px);left:calc(25% - 1px);transform:translate(-50%,-50%)}.endpoint-dot.se{top:calc(50% + 1px);left:calc(75% + 1px);transform:translate(-50%,-50%)}.connection-line{fill:none;stroke:var(--primary-25);stroke-width:1.5px;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:draw-connection 1.6s var(--ease-smooth) forwards}.connection-line.delay-1{animation-delay:.1s}.connection-line.delay-2{animation-delay:.25s}.connection-line.delay-3{animation-delay:.4s}.connection-line.delay-4{animation-delay:.55s}@keyframes draw-connection{to{stroke-dashoffset:0}}.data-packet{fill:var(--accent);filter:drop-shadow(0 0 4px #9bcf6ab3)}.integration-callout{margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--primary-10);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffffe6, 0 6px 20px -8px var(--primary-10);-webkit-backdrop-filter:var(--backdrop-blur-md);background:#ffffffb3;display:flex}.callout-feature{align-items:center;gap:var(--spacing-xs);display:flex}.callout-icon{width:36px;height:36px;color:var(--icon-green);background:#9bcf6a26;border:1px solid #9bcf6a4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.callout-icon svg{width:16px;height:16px}.callout-text{font-size:var(--fs-body-xs);line-height:1.3}.callout-text strong{color:var(--charcoal);margin-bottom:1px;font-weight:600;display:block}.callout-text span{color:var(--charcoal-50)}.callout-divider{background:var(--primary-10);width:1px;height:36px}@media (width<=960px){.integrations-section{padding:var(--spacing-2xl) 20px}.stack-stage{aspect-ratio:auto;gap:var(--spacing-sm);flex-direction:column;max-width:100%;display:flex}.stack-connections,.endpoint-dot{display:none}.shoplabs-node{margin:0 auto var(--spacing-2xs);position:relative;top:auto;left:auto;transform:none}.cluster{width:100%;position:relative;inset:auto}.cluster-card{width:100%}.integration-callout{align-items:stretch;gap:var(--spacing-xs);flex-direction:column}.callout-divider{width:100%;height:1px}}