:where(.integrations-page) .m-eyebrow{color:var(--od-text-muted);font-family:var(--od-font-mono);margin:0;font-size:.75rem;font-weight:500;line-height:1.4}:where(.integrations-page) .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.integrations-page) .page-hero{background:var(--od-bg);color:var(--od-text);position:relative;overflow:hidden}:where(.integrations-page) .page-hero__grid{opacity:.22;pointer-events:none;background-image:linear-gradient(var(--od-surface-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--od-surface-subtle) 1px, transparent 1px);background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%,#000);mask-image:linear-gradient(90deg,#0000,#000 40%,#000)}:where(.integrations-page) .page-hero__glow{background:radial-gradient(ellipse closest-side, color-mix(in srgb, var(--od-action) 22%, transparent), transparent);pointer-events:none;border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-30vw;right:-14vw}:where(.integrations-page) .page-hero__inner{z-index:1;align-items:center;gap:clamp(2.5rem,5vw,4rem);padding-block:clamp(4rem,8vw,5.5rem) clamp(3.5rem,7vw,4.5rem);display:grid;position:relative}:where(.integrations-page) .page-hero[data-layout=single] .page-hero__inner{grid-template-columns:minmax(0,1fr)}:where(.integrations-page) .page-hero[data-layout=balanced] .page-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}:where(.integrations-page) .page-hero[data-layout=product] .page-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem;padding-block:4.5rem 5.5rem}:where(.integrations-page) .page-hero__copy{min-width:0;max-width:36rem}:where(.integrations-page) .page-hero[data-layout=single] .page-hero__copy{max-width:44rem}:where(.integrations-page) .page-hero__breadcrumb{color:var(--od-text-muted);font-family:var(--od-font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.75rem;display:flex}:where(.integrations-page) .page-hero__crumb--current{color:var(--od-action-content)}:where(.integrations-page) .page-hero h1{letter-spacing:var(--od-tracking-tight);text-wrap:pretty;margin:1.5rem 0 1.375rem;font-size:clamp(2.75rem,5vw,3.75rem);font-weight:700;line-height:1}:where(.integrations-page) .page-hero[data-layout=single] h1{max-width:16ch;font-size:clamp(2.75rem,6vw,4.5rem);line-height:.98}:where(.integrations-page) .page-hero__lede{max-width:35rem;color:var(--od-text-muted);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.5}:where(.integrations-page) .page-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}:where(.integrations-page) .page-hero__meta{color:var(--od-text-muted);flex-wrap:wrap;gap:.75rem 1.5rem;margin:2rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}:where(.integrations-page) .page-hero__aside{justify-self:end;width:100%;min-width:0}:where(.integrations-page) .page-hero__strip{z-index:1;border-top:1px solid var(--od-border);position:relative}:where(.integrations-page) .page-hero__strip-inner{color:var(--od-text-muted);align-items:center;gap:2.5rem;padding-block:1.5rem;font-size:.8125rem;display:flex}:where(.integrations-page) .page-hero__strip-inner>p{flex:0 0 16.25rem;margin:0;line-height:1.45}:where(.integrations-page) .text-logos{color:var(--od-text-subtle);letter-spacing:-.02em;flex-wrap:wrap;flex:1;justify-content:space-between;gap:.75rem 1.5rem;margin:0;padding:0;font-size:1.0625rem;font-weight:700;list-style:none;display:flex}:where(.integrations-page) .m-section{padding-top:clamp(4.5rem,9vw,7rem);scroll-margin-top:5rem}:where(.integrations-page) .m-section[data-spacing=flush]{padding-top:0}:where(.integrations-page) .m-section[data-spacing=last]{padding-bottom:clamp(4.5rem,9vw,7rem)}:where(.integrations-page) .m-section__header[data-layout=stack] .m-section__heading{max-width:40rem}:where(.integrations-page) .m-section__header[data-layout=row]{justify-content:space-between;align-items:flex-end;gap:3rem;display:flex}:where(.integrations-page) .m-section__header[data-layout=row] .m-section__heading{max-width:40rem}:where(.integrations-page) .m-section__header h1,:where(.integrations-page) .m-section__header h2,:where(.integrations-page) .m-section__header h3{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:0;font-weight:700;line-height:1.05}:where(.integrations-page) .m-section__header[data-size=title] h2{font-size:clamp(1.75rem, 3vw, var(--od-font-size-7));letter-spacing:-.03em;line-height:1.1}:where(.integrations-page) .m-section__header .m-eyebrow+*{margin-top:1rem}:where(.integrations-page) .m-section__body{max-width:40rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.125rem 0 0;font-size:1.0625rem;line-height:1.5}:where(.integrations-page) .m-section__action{color:var(--od-action-content);white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:600;text-decoration:none}:where(.integrations-page) .m-section__action:hover{text-decoration:underline}:where(.integrations-page) .m-section__header[data-layout=stack] .m-section__action{margin-top:1.25rem;display:inline-block}:where(.integrations-page) .m-section__header+*{margin-top:3rem}:where(.integrations-page) .card-grid{margin:0;padding:0;list-style:none;display:grid}:where(.integrations-page) .card-grid[data-variant=fused]{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-border);gap:1px;overflow:hidden}:where(.integrations-page) .card-grid[data-variant=spaced]{gap:1.25rem}:where(.integrations-page) .card-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.integrations-page) .card-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.integrations-page) .card-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}:where(.integrations-page) .card-grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}:where(.integrations-page) .card-grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}:where(.integrations-page) .card-grid[data-variant=spaced][data-columns="4"]{gap:1rem}:where(.integrations-page) .card{background:var(--od-surface);min-width:0;color:inherit;flex-direction:column;gap:.75rem;padding:1.75rem;text-decoration:none;display:flex}:where(.integrations-page) .card__slot{min-width:0;display:flex}:where(.integrations-page) .card__slot>.card{flex:1}:where(.integrations-page) .card-grid[data-variant=spaced] .card,:where(.integrations-page) .card[data-density=compact]{border:1px solid var(--od-border);border-radius:var(--od-radius-panel)}:where(.integrations-page) .card-grid[data-variant=fused] .card{border:0;border-radius:0}:where(.integrations-page) .card[data-density=compact]{gap:.5rem;padding:1.5rem}:where(.integrations-page) .card[data-tone=subtle]{background:var(--od-surface-subtle)}:where(.integrations-page) .card[data-tone=dark]{background:var(--od-bg)}:where(.integrations-page) .card[data-interactive=true]{transition:border-color var(--od-duration-fast) var(--od-ease-standard)}:where(.integrations-page) .card[data-interactive=true]:hover{border-color:var(--od-border-strong)}:where(.integrations-page) .card__label{align-items:center;gap:.5rem;display:flex}:where(.integrations-page) .card__icon{width:1rem;height:1rem;color:var(--od-text-muted);display:inline-flex}:where(.integrations-page) .card__number{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page) .card__badge{color:var(--od-action-content);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page) .card__title{letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}:where(.integrations-page) .card[data-density=compact] .card__title{font-size:1rem}:where(.integrations-page) .card__body{color:var(--od-text-muted);text-wrap:pretty;font-size:.875rem;line-height:1.5}:where(.integrations-page) .card[data-density=compact] .card__body{font-size:.8125rem;line-height:1.45}:where(.integrations-page) .card ul{margin:0;padding:0;list-style:none}:where(.integrations-page) .related__title{font-size:clamp(1.75rem, 3vw, var(--od-font-size-7));letter-spacing:-.03em;text-wrap:pretty;margin:0 0 2rem;font-weight:700;line-height:1.1}:where(.integrations-page) .control-band{border-radius:var(--od-radius-panel);background:var(--od-bg);color:var(--od-text);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,5vw,4rem);padding:clamp(2rem,4.5vw,4rem);display:grid;position:relative;overflow:hidden}:where(.integrations-page) .control-band[data-split=copy]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}:where(.integrations-page) .control-band[data-tone=subtle]{border:1px solid var(--od-border);background:var(--od-surface-subtle)}:where(.integrations-page) .control-band__glow{background:radial-gradient(ellipse closest-side, color-mix(in srgb, var(--od-action) 22%, transparent), transparent);pointer-events:none;border-radius:50%;width:50%;height:160%;position:absolute;top:-40%;right:-10%}:where(.integrations-page) .control-band__copy,:where(.integrations-page) .control-band__aside{min-width:0;position:relative}:where(.integrations-page) .control-band__copy h2{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:0;font-weight:700;line-height:1.05}:where(.integrations-page) .control-band__copy .m-eyebrow+h2{margin-top:1rem}:where(.integrations-page) .control-band__body{max-width:29rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.55}:where(.integrations-page) .control-band__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}:where(.integrations-page) .control-band__tiles>div{border:1px solid var(--od-border);border-radius:var(--od-radius-component);background:var(--od-surface);padding:1.25rem}:where(.integrations-page) .control-band__tiles dt{font-size:.9375rem;font-weight:600}:where(.integrations-page) .control-band__tiles dd{color:var(--od-text-muted);margin:.375rem 0 0;font-size:.8125rem;line-height:1.5}:where(.integrations-page) .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2.5rem,5.5vw,4.5rem);display:grid}:where(.integrations-page) .split[data-split=even]{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.integrations-page) .split[data-split=aside]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}:where(.integrations-page) .split[data-align=start]{align-items:start}:where(.integrations-page) .split[data-frame=panel]{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface-subtle);padding:clamp(1.5rem,4vw,3.5rem)}:where(.integrations-page) .split[data-reverse] .split__copy{order:2}:where(.integrations-page) .split__copy,:where(.integrations-page) .split__aside{min-width:0}:where(.integrations-page) .split__copy h2{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:0;font-weight:700;line-height:1.05}:where(.integrations-page) .split__copy .m-eyebrow+h2{margin-top:1rem}:where(.integrations-page) .split__body{max-width:29rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.55}:where(.integrations-page) .split__copy>.split__body+*{margin-top:1.5rem}:where(.integrations-page) .browser-mock{border-radius:var(--od-radius-panel);background:var(--od-surface-subtle);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000059,0 0 0 1px #ffffff14}:where(.integrations-page) .browser-mock__chrome{align-items:center;gap:.625rem;height:2.5rem;padding:0 .875rem;display:flex}:where(.integrations-page) .browser-mock__dots{gap:.5rem;display:flex}:where(.integrations-page) .browser-mock__dots i{background:var(--od-border-strong);border-radius:50%;width:.75rem;height:.75rem}:where(.integrations-page) .browser-mock__tab{background:var(--od-border);height:1.875rem;color:var(--od-text);border-radius:.5rem .5rem 0 0;align-self:flex-end;align-items:center;margin-left:.5rem;padding:0 .875rem;font-size:.75rem;display:flex}:where(.integrations-page) .browser-mock__bar{background:var(--od-border);align-items:center;gap:.625rem;height:2.25rem;padding:0 .75rem;display:flex}:where(.integrations-page) .browser-mock__nav{color:var(--od-text-muted);font-size:.8125rem}:where(.integrations-page) .browser-mock__url{background:var(--od-surface-subtle);height:1.625rem;color:var(--od-text);border-radius:.8125rem;flex:1;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;display:flex}:where(.integrations-page) .browser-mock__viewport{flex:1;overflow:hidden}@media (width<=1180px){:where(.integrations-page) .card-grid[data-columns="4"],:where(.integrations-page) .card-grid[data-columns="5"],:where(.integrations-page) .card-grid[data-columns="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){:where(.integrations-page) .page-hero[data-layout=balanced] .page-hero__inner,:where(.integrations-page) .page-hero[data-layout=product] .page-hero__inner{grid-template-columns:1fr}:where(.integrations-page) .page-hero__aside{justify-self:start}:where(.integrations-page) .page-hero__strip-inner{flex-direction:column;align-items:flex-start;gap:1rem}:where(.integrations-page) .page-hero__strip-inner>p{flex-basis:auto}:where(.integrations-page) .text-logos{justify-content:flex-start}:where(.integrations-page) .m-section__header[data-layout=row]{flex-direction:column;align-items:flex-start;gap:1rem}:where(.integrations-page) .card-grid[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.integrations-page) .control-band,:where(.integrations-page) .control-band[data-split=copy],:where(.integrations-page) .split,:where(.integrations-page) .split[data-split=even],:where(.integrations-page) .split[data-split=aside]{grid-template-columns:1fr}:where(.integrations-page) .split[data-reverse] .split__copy{order:0}}@media (width<=700px){:where(.integrations-page) .card-grid[data-columns]{grid-template-columns:1fr}:where(.integrations-page) .card,:where(.integrations-page) .card[data-density=compact]{padding:1.375rem}:where(.integrations-page) .control-band__tiles{grid-template-columns:1fr}}@media (width<=420px){:where(.integrations-page) .page-hero__actions .marketing-button{width:100%}}:where(.integrations-page) .m-section__header+.card-grid,:where(.integrations-page) .m-section__header+.steps,:where(.integrations-page) .m-section__header+.faq,:where(.integrations-page) .m-section__header+.related,:where(.integrations-page) .m-section__header+.split,:where(.integrations-page) .m-section__header+.connected,:where(.integrations-page) .m-section__header+.control-band{margin-top:3rem}:where(.integrations-page) :is(.analytics-catalog__name,.delivery-catalog__name,.loyalty-catalog__name,.pos-catalog__name) a{margin-block:calc(.5lh - 1.375rem);padding-block:calc(1.375rem - .5lh);display:inline-block}@media (width>=701px) and (width<=1180px){:where(.integrations-page) .card-grid[data-variant=fused]:is([data-columns="4"],[data-columns="5"],[data-columns="6"])>:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=701px) and (width<=980px){:where(.integrations-page) .card-grid[data-variant=fused][data-columns="3"]>:last-child:nth-child(odd){grid-column:1/-1}}
