.integration-route-panels{gap:clamp(1rem,1.8vw,1.5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}.integration-route-flow-card{width:100%;min-width:0;color:var(--lekker-ink);box-shadow:var(--glass-inset-soft), 0 18px 44px oklch(22% .02 250/.1);grid-template-columns:minmax(4.5rem,.45fr) minmax(15rem,1.2fr) minmax(16rem,1.05fr) minmax(13rem,.9fr);align-items:center;gap:clamp(1.25rem,2.2vw,2.25rem);padding:clamp(1.5rem,2.7vw,2.25rem);display:grid}.integration-route-flow-card>*{min-width:0}.integration-route-flow-card--custom{grid-template-columns:minmax(4.5rem,.45fr) minmax(26rem,1.55fr) minmax(15rem,1fr) minmax(12rem,.88fr);column-gap:clamp(1.25rem,2vw,2.375rem)}.integration-route-flow-card__meta{align-self:center;gap:.45rem;display:grid}.integration-route-flow-card__number{color:var(--lekker-botanical);font-family:var(--font-sans);letter-spacing:0;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:600;line-height:1}.integration-route-flow-card__eyebrow{color:color-mix(in oklch, var(--lekker-ink) 58%, transparent);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:1.15}.integration-route-flow-card__diagram{place-items:center;min-width:0;min-height:clamp(12.5rem,16vw,15rem);display:grid}.integration-route-flow-card__copy{align-self:center;gap:clamp(.75rem,1.2vw,1rem);display:grid}.integration-route-flow-card__title{max-width:12ch;font-family:var(--font-sans);letter-spacing:0;font-size:clamp(1.5rem,1.9vw,2rem);font-weight:600;line-height:1.12}.integration-route-flow-card__description{max-width:29rem;color:color-mix(in oklch, var(--lekker-ink) 74%, transparent);font-family:var(--font-sans);letter-spacing:0;font-size:clamp(.98rem,1.12vw,1.125rem);line-height:1.56}.integration-route-flow-card__details{color:color-mix(in oklch, var(--lekker-ink) 96%, transparent);font-family:var(--font-sans);align-self:center;font-size:clamp(.86rem,.95vw,.9375rem);font-weight:500;line-height:1.35;list-style:none;display:grid}.integration-route-flow-card__details li{border-top:1px solid color-mix(in oklch, var(--lekker-ink) 22%, transparent);grid-template-columns:.625rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.1rem;padding-block:.7rem;display:grid}.integration-route-flow-card__details li:last-child{border-bottom:1px solid color-mix(in oklch, var(--lekker-ink) 22%, transparent)}.integration-route-flow-card__details li>span:first-child{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--lekker-ink) 78%, transparent);background:color-mix(in oklch, var(--lekker-bg) 76%, transparent);border-radius:50%;width:.55rem}.integration-flow-visual{width:min(100%,19.5rem);min-width:0;height:clamp(11.25rem,14vw,13.75rem)}.integration-flow-visual--custom{width:100%;height:auto}.integration-flow-visual__canvas{isolation:isolate;min-width:0;height:100%;display:grid;position:relative}.integration-flow-visual__canvas>svg{z-index:1;overflow:visible}.integration-flow-visual__graph{z-index:2;align-items:center;gap:clamp(.7rem,1.5vw,1rem);min-width:0;display:grid;position:absolute;inset:0}.integration-flow-visual__graph--linear,.integration-flow-visual__graph--embedded{grid-template-columns:minmax(5rem,1fr) minmax(6rem,1fr)}.integration-flow-node{z-index:2;border:1px solid color-mix(in oklch, var(--lekker-line) 74%, white);background:linear-gradient(145deg, #ffffff75, #f4efe733), color-mix(in oklch, var(--lekker-bg) 72%, transparent);text-align:center;border-radius:.875rem;justify-self:center;place-items:center;gap:.45rem;width:clamp(5.1rem,7vw,6.1rem);min-height:5.15rem;padding:.68rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff6b,0 12px 28px oklch(22% .02 250/.1)}.integration-flow-node--destination{border-color:color-mix(in oklch, var(--lekker-botanical) 42%, white);box-shadow:inset 0 1px 0 #ffffff75, 0 0 0 1px color-mix(in oklch, var(--lekker-botanical) 16%, transparent), 0 14px 30px oklch(22% .02 250/.11)}.integration-flow-node--compact{border-radius:.85rem;gap:.42rem;width:clamp(5.75rem,6.4vw,6.65rem);min-height:clamp(4.75rem,5.4vw,5.4rem);padding:.58rem}.integration-flow-node__icon{width:1.35rem;height:1.35rem;color:color-mix(in oklch, var(--lekker-ink) 88%, transparent);place-items:center;display:grid}.integration-flow-node__icon svg{stroke-width:1.7px;width:100%;height:100%}.integration-flow-node__label{color:color-mix(in oklch, var(--lekker-ink) 86%, transparent);font-family:var(--font-sans);letter-spacing:0;font-size:.76rem;font-weight:600;line-height:1.12}.integration-flow-browser-anchor{z-index:2;justify-self:center;width:clamp(8rem,11vw,10rem);position:relative}.integration-flow-browser{border:1px solid color-mix(in oklch, var(--lekker-botanical) 34%, white);background:linear-gradient(145deg, #ffffff7a, #f4efe738), color-mix(in oklch, var(--lekker-bg) 72%, transparent);border-radius:.875rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff75,0 14px 30px oklch(22% .02 250/.11)}.integration-flow-browser__chrome{border-bottom:1px solid color-mix(in oklch, var(--lekker-line) 84%, transparent);gap:.3rem;padding:.5rem .65rem;display:flex}.integration-flow-browser__chrome span{aspect-ratio:1;background:color-mix(in oklch, var(--lekker-botanical) 42%, var(--lekker-sand));border-radius:50%;width:.38rem}.integration-flow-browser__body{place-items:center;min-height:5.1rem;padding:.65rem;display:grid}.integration-flow-browser__module{border:1px dashed color-mix(in oklch, var(--lekker-botanical) 46%, transparent);width:70%;min-height:3rem;color:color-mix(in oklch, var(--lekker-ink) 78%, transparent);border-radius:.75rem;place-items:center;display:grid}.integration-flow-browser__module svg{stroke-width:1.7px;width:1.25rem;height:1.25rem}.integration-flow-browser__label{color:color-mix(in oklch, var(--lekker-ink) 82%, transparent);font-family:var(--font-sans);text-align:center;padding:0 .75rem .75rem;font-size:.7rem;font-weight:600;line-height:1.15}.integration-flow-custom-inputs{justify-items:center;gap:.55rem;display:grid}.custom-route-diagram{isolation:isolate;grid-template-rows:repeat(3,minmax(4.75rem,auto));grid-template-columns:minmax(5.5rem,6.5rem) minmax(12.75rem,15.5rem) minmax(5.75rem,7rem);grid-template-areas:"catalogue scope quote-space""ecommerce scope quote""api scope quote-space-bottom";justify-content:center;align-items:center;gap:.875rem 1rem;width:100%;max-width:30.5rem;min-height:17.25rem;margin-inline:auto;display:grid;position:relative;overflow:visible}.custom-route-diagram__connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.custom-route-diagram__connectors path{fill:none;stroke:color-mix(in oklch, var(--lekker-botanical) 46%, var(--lekker-line));stroke-width:1.2px;stroke-linecap:round;opacity:.48}.custom-route-diagram .integration-flow-node{width:100%;min-height:5.125rem;padding:.75rem .625rem}.custom-route-diagram .integration-flow-node--catalogue{grid-area:catalogue}.custom-route-diagram .integration-flow-node--ecommerce{grid-area:ecommerce}.custom-route-diagram .integration-flow-node--api{grid-area:api}.custom-route-diagram .integration-flow-node--quote{grid-area:quote;min-height:5.75rem;padding:.875rem .625rem}.integration-flow-scope-anchor{z-index:2;grid-area:scope;justify-self:center;width:100%;position:relative}.integration-flow-scope-panel{border-color:color-mix(in oklch, var(--lekker-line) 82%, white);background:linear-gradient(145deg, #ffffff80, #f4efe73d), color-mix(in oklch, var(--lekker-bg) 76%, transparent);width:100%;min-height:9.375rem;color:var(--lekker-ink);font-family:var(--font-sans);border-radius:.875rem;align-content:center;gap:.65rem;padding:1.25rem 1.5rem;display:grid;box-shadow:inset 0 1px #ffffff70,0 14px 32px oklch(22% .02 250/.12)}.integration-flow-scope-panel__label{color:color-mix(in oklch, var(--lekker-ink) 88%, transparent);text-align:center;font-size:clamp(.94rem,1vw,1.05rem);font-weight:700;line-height:1.15}.integration-flow-scope-panel__list{color:color-mix(in oklch, var(--lekker-ink) 88%, transparent);letter-spacing:0;gap:.38rem;margin:0;padding:0;font-size:clamp(.84rem,.9vw,.92rem);font-weight:600;line-height:1.38;list-style:none;display:grid}.integration-flow-scope-panel__list li{align-items:center;gap:.35rem;min-width:0;display:flex}.integration-flow-scope-panel__list svg{width:.86rem;height:.86rem;color:var(--lekker-botanical);stroke-width:2px;flex:none}@media (width<=1279px){.integration-route-flow-card{grid-template-columns:minmax(0,1fr) minmax(16rem,.86fr)}.integration-route-flow-card__meta{grid-area:1/1;align-self:start}.integration-route-flow-card__copy{grid-area:1/1;padding-top:3.25rem}.integration-route-flow-card__diagram{grid-area:1/2}.integration-route-flow-card__details{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.integration-route-flow-card__details li{border-bottom:1px solid color-mix(in oklch, var(--lekker-ink) 22%, transparent)}.custom-route-diagram{max-width:33.75rem}}@media (width>=1200px) and (width<=1279px){.integration-route-flow-card--custom{grid-template-columns:minmax(4.5rem,.45fr) minmax(26rem,1.55fr) minmax(15rem,1fr) minmax(12rem,.88fr)}.integration-route-flow-card--custom .integration-route-flow-card__meta{grid-area:1/1;align-self:center}.integration-route-flow-card--custom .integration-route-flow-card__diagram{grid-area:1/2}.integration-route-flow-card--custom .integration-route-flow-card__copy{grid-area:1/3;padding-top:0}.integration-route-flow-card--custom .integration-route-flow-card__details{grid-area:1/4;grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=1199px){.integration-route-flow-card--custom{grid-template-columns:minmax(0,1fr)}.integration-route-flow-card--custom .integration-route-flow-card__meta,.integration-route-flow-card--custom .integration-route-flow-card__copy,.integration-route-flow-card--custom .integration-route-flow-card__diagram,.integration-route-flow-card--custom .integration-route-flow-card__details{grid-area:auto/1}.integration-route-flow-card--custom .integration-route-flow-card__copy{padding-top:3.25rem}}@media (width<=760px){.integration-route-flow-card{grid-template-columns:minmax(0,1fr);padding:1.35rem}.integration-route-flow-card__meta,.integration-route-flow-card__copy,.integration-route-flow-card__diagram,.integration-route-flow-card__details{grid-area:auto/1}.integration-route-flow-card__copy{padding-top:0}.integration-route-flow-card__diagram{min-height:13.5rem}.integration-route-flow-card__title{max-width:16ch}.integration-route-flow-card__details{grid-template-columns:minmax(0,1fr);gap:0}.integration-flow-visual{width:min(100%,21rem);height:13.5rem}.integration-flow-visual--custom{height:auto}.integration-flow-visual__graph{gap:.55rem}.integration-flow-node{width:clamp(4.8rem,25vw,5.45rem);min-height:4.75rem;padding:.58rem}.integration-flow-node--compact{width:clamp(4.85rem,20vw,5.65rem);min-height:clamp(4.1rem,18vw,4.9rem);padding:.52rem}.integration-flow-node__icon{width:1.1rem;height:1.1rem}.integration-flow-node__label,.integration-flow-browser__label{font-size:.72rem}.integration-flow-browser-anchor{width:clamp(7.6rem,38vw,8.75rem)}.integration-flow-browser__body{min-height:4.45rem;padding:.5rem}.custom-route-diagram{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"catalogue ecommerce api""scope scope scope""quote quote quote";gap:.75rem;max-width:100%;min-height:0}.custom-route-diagram__connectors{display:none}.custom-route-diagram .integration-flow-node{min-height:4.85rem;padding:.65rem .55rem}.custom-route-diagram .integration-flow-node--quote{justify-self:center;width:min(100%,9rem);min-height:5.25rem}.integration-flow-scope-panel{min-height:8rem;padding:1rem 1.125rem}}@media (width<=420px){.integration-route-flow-card{padding:1.1rem}.integration-flow-visual{height:12.75rem}.integration-route-flow-card--custom .integration-route-flow-card__diagram,.integration-flow-visual--custom{height:auto;min-height:0}.custom-route-diagram{grid-template-columns:minmax(0,1fr);grid-template-areas:"catalogue""ecommerce""api""scope""quote"}.custom-route-diagram .integration-flow-node,.custom-route-diagram .integration-flow-node--quote{justify-self:center;width:min(100%,12rem)}}@media (prefers-reduced-motion:reduce){.integration-route-flow-card{transition:none}}.integrations-intro-section{padding-top:clamp(2.5rem,6vw,5rem)}.integrations-intro{grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr);align-items:center;gap:clamp(2.5rem,5vw,5.5rem);min-height:min(31rem,62svh);padding-block:clamp(1.5rem,4vw,3.5rem);display:grid}.integrations-intro__copy{gap:clamp(1.1rem,2vw,1.5rem);display:grid}.integrations-intro__heading{max-width:18ch}.integrations-intro__visual{place-items:center end;min-width:0;display:grid}.integration-circuit{width:min(100%,43.5rem);color:var(--lekker-ink);isolation:isolate;display:grid;position:relative}.integration-circuit__svg{width:100%;height:auto;display:block;overflow:visible}.integration-circuit__path-base{fill:none;stroke:color-mix(in oklch, var(--lekker-line) 82%, transparent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.integration-circuit__path-active{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;stroke-dasharray:.16 1;animation:8s cubic-bezier(.42,0,.18,1) infinite integrationCircuitTrace;animation-delay:calc(var(--path-index) * -.36s)}.integration-circuit__nodes rect,.integration-circuit__hub rect,.integration-circuit__hub circle{fill:color-mix(in oklch, var(--lekker-bg) 90%, white);stroke:color-mix(in oklch, var(--lekker-line) 88%, var(--lekker-ink));stroke-width:1.15px;filter:drop-shadow(0 11px 19px oklch(22% .02 250/.09))}.integration-circuit__hub rect{fill:color-mix(in oklch, var(--lekker-surface) 88%, white);stroke:color-mix(in oklch, var(--lekker-botanical) 34%, var(--lekker-line))}.integration-circuit__hub circle{fill:color-mix(in oklch, var(--lekker-bg) 94%, white)}.integration-circuit__nodes text{fill:color-mix(in oklch, var(--lekker-ink) 90%, transparent);font-family:var(--font-sans);letter-spacing:0;text-anchor:middle;font-size:16px;font-weight:700}.integration-circuit__logo{z-index:2;width:clamp(2.1rem,4.2vw,3.2rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes integrationCircuitTrace{0%{stroke-dashoffset:1px;opacity:0}18%,72%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.integration-section-heading{max-width:30ch;font-family:var(--font-sans);text-align:center;margin-inline:auto}.platform-compatibility{justify-items:center;gap:clamp(1.75rem,4vw,2.5rem);width:min(100%,64rem);margin-inline:auto;padding:clamp(2rem,5vw,3.5rem);display:grid}.platform-compatibility__intro{text-align:center;justify-items:center;gap:1rem;display:grid}.platform-compatibility__copy{max-width:44rem}.platform-compatibility__list{flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;padding-inline:.75rem;list-style:none;display:flex}.platform-compatibility__item{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--lekker-line) 72%, white);background:color-mix(in oklch, var(--lekker-bg) 92%, white);cursor:default;border-radius:50%;place-items:center;width:clamp(4rem,6vw,4.5rem);margin-left:-.75rem;transition:transform .16s,background-color .16s;display:grid;position:relative;box-shadow:0 10px 22px oklch(22% .02 250/.08)}.platform-compatibility__item:first-child{margin-left:0}.platform-compatibility__mark{place-items:center;width:2.25rem;height:2.25rem;display:grid}.platform-compatibility__mark img{object-fit:contain;width:100%;height:100%;display:block}.integration-process-card__number{color:var(--lekker-botanical);font-family:var(--font-sans);letter-spacing:0;font-size:.875rem;font-weight:600}.integration-route-disclaimer{max-width:48rem;color:color-mix(in oklch, var(--lekker-ink) 76%, transparent);margin-top:1.75rem}.integration-process-stack{gap:clamp(3rem,9vh,6rem);margin-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(8rem,20vh,13rem);display:grid}.integration-process-stack__step{display:contents}.integration-process-card{top:var(--integration-process-top);z-index:var(--integration-process-z);min-height:clamp(17rem,34vh,21rem);box-shadow:var(--glass-inset-soft), 0 22px 50px oklch(22% .02 250/.1);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(2.5rem,5vw,3.5rem);display:grid;position:sticky}.integration-process-card__number{grid-area:1/2;align-self:start}.integration-process-card__copy{grid-area:1/1;align-self:end;gap:1.25rem;display:grid}.integration-process-card__copy .type-minor-heading{max-width:22ch}.integration-ownership-heading{width:100%;max-width:none;font-size:clamp(1.75rem,3vw,2.75rem)}.integration-owner-logo-heading{align-items:center;min-height:2rem;display:flex}.integration-owner-logo-heading__mark{width:clamp(1.9rem,3vw,2.35rem)}.integration-faq-heading{text-align:center;max-width:18ch;margin-inline:auto;font-size:clamp(2.5rem,5vw,4rem)}.integration-faq{max-width:62rem}.integration-faq__trigger{min-height:4.5rem;color:var(--lekker-ink);padding-block:1.25rem;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.35;text-decoration:none}.integration-faq__trigger:focus-visible{outline:2px solid var(--lekker-botanical);outline-offset:3px;border-radius:.35rem}.integration-faq__content{max-width:48rem;color:color-mix(in oklch, var(--lekker-ink) 86%, transparent);padding-bottom:1.75rem;font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.65}@media (width<=960px){.integrations-intro{grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,5vw,3rem)}.integrations-intro__visual{justify-items:center}}@media (width>=1280px){.integration-ownership-heading{white-space:nowrap}}@media (width<=899px){.integration-process-stack{gap:1rem;padding-bottom:0}.integration-process-stack__step{display:block}.integration-process-card{z-index:auto;min-height:0;position:relative;top:auto}}@media (width<=639px){.integrations-intro{min-height:0;padding-top:1rem}.integration-circuit__nodes text{font-size:14.5px}.integration-circuit__logo{width:1.8rem}.platform-compatibility__list{row-gap:.75rem;width:min(100%,15.25rem)}.platform-compatibility__item{width:4rem}.platform-compatibility__item:nth-child(5){margin-left:0}.platform-compatibility__mark{width:1.75rem;height:1.75rem}.integration-process-card{grid-template-columns:minmax(0,1fr) auto;padding:1.75rem}.integration-process-card__copy .type-minor-heading{font-size:clamp(1.5rem,7vw,2rem)}}@media (hover:hover) and (pointer:fine){.platform-compatibility__item:hover{z-index:2;background:var(--lekker-bg);transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.platform-compatibility__item{transition:none}.integration-circuit__path-active{stroke-dasharray:none;opacity:.72;animation:none}.platform-compatibility__item:hover{transform:none}.integration-process-stack{gap:1rem;padding-bottom:0}.integration-process-stack__step{display:block}.integration-process-card{z-index:auto;position:relative;top:auto}.integration-faq [data-state][role=region]{animation:none}}