.gint-motion{color:#fff;--gint-progress:0}
.gint-motion-pipeline{display:grid;grid-template-columns:minmax(0,1fr) minmax(22px,.5fr) 62px minmax(22px,.5fr) minmax(0,1fr);align-items:center;gap:14px;margin:0 12px 28px}
.gint-motion-endpoint{min-width:0;text-align:center;display:grid;grid-template-rows:16px 38px;gap:8px}
.gint-motion-node-label{font-size:11px;line-height:1.4;color:#ffffffa8}
.gint-motion-node-value{font-size:16px;font-weight:500;line-height:1.35;color:#fff;display:grid;align-content:center}
.gint-motion-engine{display:flex;width:62px;height:62px;justify-content:center;align-items:center;background:#fff;border:1px solid #ffffff90;border-radius:12px;box-shadow:0 8px 28px #00000014}
.gint-motion-engine img{width:32px;height:32px;object-fit:contain}
.gint-motion-wire{height:1px;background:#ffffff38;position:relative;overflow:hidden}
.gint-motion-wire i{position:absolute;inset:0 auto 0 -30px;width:30px;background:#fff;animation:gint-signal 2.6s ease-in-out infinite}
.gint-motion-wire:nth-of-type(3) i{animation-delay:1.3s}
.gint-motion-stage{padding:24px;border:1px solid #ffffff90;border-radius:12px;background:#fffffff5;box-shadow:0 24px 60px #00000016;color:#303033}
.gint-motion-context{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;font-size:11px;line-height:1.5;color:#777}
.gint-motion-context>span:last-child{text-align:right;color:#5b35a8}
.gint-motion-story{padding:25px 0 23px;text-align:center;min-height:155px}
.gint-motion-brand{font-size:10px;font-weight:400;line-height:1.5;color:#888;text-transform:uppercase}
.gint-motion-story h2{font:500 27px/1.25 var(--font-paragraph--family,Helvetica,Arial,sans-serif);color:#303033;margin:12px 0 9px}
.gint-motion-story p{font-size:12px;line-height:1.5;color:#777;margin:0;min-height:36px}
.gint-motion-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gint-motion-products>.gint-product:nth-child(n+4){display:none}
.gint-motion-products .gint-product-art{aspect-ratio:4/5;transition:box-shadow .45s}
.gint-motion-products .gint-product-copy{height:72px;align-content:start}
.gint-motion-products .gint-product-name{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.gint-motion-products .gint-product-price{font-size:10px}
.gint-motion[data-mode=swish] .gint-product.is-saved .gint-product-art{box-shadow:inset 0 0 0 2px #e2cbdc}
.gint-motion[data-mode=swish] .gint-product.is-saved .gint-product-art:after{content:'Saved';position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:4px;background:#fff2fb;color:#8b527a;font-size:9px}
.gint-motion-outcome{display:flex;align-items:center;gap:8px;border-top:1px solid #dfe5eb;padding-top:16px;margin-top:15px;min-height:48px;color:#777;font-size:11px;line-height:1.5}
.gint-motion-outcome-icon{display:flex;flex:0 0 16px;width:16px;height:16px;color:#5b35a8}
.gint-motion-outcome svg{width:100%;height:100%}
.gint-motion-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 0}
.gint-motion-controls button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:8px 2px 15px;color:#ffffffa3;background:none;border:0;border-bottom:2px solid #ffffff24;border-radius:0;font:400 13px/1.4 var(--font-paragraph--family,Helvetica,Arial,sans-serif);cursor:pointer}
.gint-motion-controls button[aria-pressed=true]{color:#fff}
.gint-motion-controls button>span{display:flex;width:17px;height:17px;flex:none}
.gint-motion-controls svg{width:100%;height:100%;stroke-width:1.8}
.gint-motion-controls button>i{display:none;position:absolute;bottom:-2px;left:0;height:2px;width:100%;background:#fff;transform-origin:left;transform:scaleX(var(--gint-progress))}
.gint-motion-controls button[aria-pressed=true]>i{display:block}
.gint-motion:not([data-playing=true]) .gint-motion-wire i{animation-play-state:paused}
.gph-logo-marquee--integrations .gph-logo-marquee-viewport{container-type:inline-size}
.gph-logo-marquee--integrations{--gint-rail-gap:var(--gph-marquee-gap)}
.gph-section .gph-logo-marquee--integrations .gph-logo-marquee-track{animation-name:gint-logo-rail}
.gph-integration-copy{display:flex;align-items:center;justify-content:space-around;gap:var(--gph-marquee-gap);min-width:100cqw;flex:none}
.gph-logo-marquee--integrations .gph-marquee-logo-image{filter:brightness(0) invert(1)}
@keyframes gint-signal{to{left:100%}}
@keyframes gint-logo-rail{to{transform:translate3d(calc(-50% - var(--gint-rail-gap)/2),0,0)}}
@media(max-width:1099px){.gint-motion-pipeline{gap:8px;margin-inline:0;grid-template-columns:minmax(0,1fr) minmax(12px,.25fr) 54px minmax(12px,.25fr) minmax(0,1fr)}.gint-motion-engine{width:54px;height:54px}.gint-motion-node-value{font-size:14px}.gint-motion-stage{padding:20px}.gint-motion-story h2{font-size:25px}.gint-motion-controls{gap:12px}}
@media(max-width:749px){.gint-motion-pipeline{margin-top:4px;margin-bottom:23px}.gint-motion-node-label{font-size:10px}.gint-motion-node-value{font-size:13px}.gint-motion-story{padding:22px 0 17px;min-height:151px}.gint-motion-story h2{font-size:25px}.gint-motion-products{gap:8px}.gint-motion-products .gint-product-name{font-size:9px}.gint-motion-products .gint-product-price{font-size:9px}.gint-motion-outcome{font-size:10px}.gint-motion-controls{gap:12px;margin-top:18px}.gint-motion-controls button{font-size:12px;gap:6px}.gint-motion-controls button>span{width:15px;height:15px}.gph-integration-copy{gap:var(--gph-marquee-gap-mobile)} }
@media(max-width:359px){.gint-motion-stage{padding:16px}.gint-motion-pipeline{grid-template-columns:minmax(0,1fr) 12px 48px 12px minmax(0,1fr);gap:7px}.gint-motion-engine{height:48px;width:48px}.gint-motion-engine img{width:28px;height:28px}.gint-motion-node-value{font-size:12px}.gint-motion-story h2{font-size:23px}.gint-motion-controls button{font-size:11px}.gint-motion-controls button>span{width:14px;height:14px}.gint-motion-products .gint-product-copy{min-height:66px}}
@media(max-width:749px){.gph-logo-marquee--integrations{--gint-rail-gap:var(--gph-marquee-gap-mobile)}}
@media(min-width:750px) and (max-height:900px){.gph-demo-wrap:has(.gint-motion){--gph-demo-max:520px}.gint-motion-pipeline{margin-bottom:20px}.gint-motion-stage{padding:20px}.gint-motion-story{min-height:115px;padding:14px 0}.gint-motion-brand{display:none}.gint-motion-story h2{font-size:25px;margin-top:7px}.gint-motion-story p{min-height:30px}.gint-motion-controls{margin-top:18px}.gint-motion-controls button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.gint-motion *{animation:none!important;transition:none!important}.gph-section .gph-logo-marquee--integrations .gph-logo-marquee-track{animation:none!important}.gint-motion-controls button[aria-pressed=true]>i{transform:scaleX(1)}}