.integration-directory{padding-block-end:clamp(4rem,7vw,7rem)}.integration-directory [id]{scroll-margin-block-start:6rem}.integration-breadcrumb{padding-block:1.5rem;color:var(--muted-foreground);font-size:.8rem}.integration-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;margin:0;padding:0}.integration-breadcrumb li+li:before{content:"/";margin-inline-end:.7rem;opacity:.5}.integration-eyebrow{margin:0 0 1.1rem;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.13em}.integration-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding-block:clamp(3rem,5vw,5rem) clamp(5rem,8vw,8rem)}.integration-hero-copy{max-width:40rem}.integration-hero h1{margin:0;font-size:clamp(2.9rem,5.2vw,5.4rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.integration-hero-copy>p:not(.integration-eyebrow){max-width:36rem;margin-block:1.5rem;color:var(--muted-foreground);font-size:1.12rem;line-height:1.75}.integration-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-block-start:1.7rem}.integration-network{display:grid;gap:1.5rem;align-content:center;min-height:25rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--border);border-radius:1.25rem;background:color-mix(in srgb,var(--primary) 5%,var(--background));box-shadow:0 30px 65px -55px color-mix(in srgb,var(--foreground) 55%,transparent)}.integration-network-core{display:grid;justify-items:center;gap:.4rem;width:min(100%,18rem);margin-inline:auto;padding:1.7rem;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:1rem;background:var(--card);text-align:center}.integration-network-core img{border-radius:.55rem}.integration-network-core strong{font-size:1.25rem}.integration-network-core span{color:var(--muted-foreground);font-size:.75rem}.integration-network-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.integration-network-branches span{display:grid;justify-items:center;gap:.65rem;padding:1rem .5rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card);font-size:.72rem;font-weight:700;text-align:center}.integration-network-branches svg{color:var(--primary)}.integration-section{padding-block:clamp(4rem,7vw,7rem);border-block-start:1px solid var(--border)}.integration-section-heading{display:grid;grid-template-columns:1fr .75fr;column-gap:clamp(2rem,5vw,5rem);align-items:end;margin-block-end:2.4rem}.integration-section-heading .integration-eyebrow{grid-column:1/-1}.integration-section h2{max-width:52rem;margin:0;font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.integration-section-heading>p:last-child{margin:0;color:var(--muted-foreground);line-height:1.75}.integration-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.integration-provider{display:flex;align-items:center;gap:1rem;min-width:0;min-height:7rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card)}.integration-provider img{flex:none;width:3.25rem;height:3.25rem;object-fit:contain;border-radius:.6rem}.integration-provider h3,.integration-provider h4{margin:0 0 .3rem;font-size:1rem}.integration-provider p{margin:0;color:var(--muted-foreground);font-size:.75rem;line-height:1.5}.integration-tier{margin-block-start:2.8rem}.integration-tier>h3{margin:0 0 1.2rem;font-size:.9rem;letter-spacing:-.015em}.integration-courier-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.integration-courier{display:grid;justify-items:center;align-content:center;gap:.65rem;min-height:7.3rem;padding:.9rem .5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card);text-align:center}.integration-courier img{width:3.6rem;height:2.75rem;object-fit:contain}.integration-courier strong{font-size:.75rem}.integration-next{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;padding:clamp(2rem,5vw,4rem);border-radius:1rem;background:var(--foreground);color:var(--background)}.integration-next .integration-eyebrow{color:color-mix(in srgb,var(--primary) 50%,var(--background))}.integration-next h2{max-width:33rem;margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em}.integration-next>div:last-child{display:grid;gap:.7rem}.integration-next a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 0;border-block-end:1px solid color-mix(in srgb,var(--background) 20%,transparent);color:var(--background);font-weight:700;text-decoration:none}.integration-next a:hover{color:color-mix(in srgb,var(--primary) 50%,var(--background))}@media(max-width:900px){.integration-hero,.integration-section-heading,.integration-next{grid-template-columns:1fr}.integration-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-courier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.integration-hero{padding-block:2rem 4rem}.integration-hero-copy>p:not(.integration-eyebrow){font-size:1rem}.integration-network{min-height:20rem}.integration-network-branches{grid-template-columns:1fr}.integration-network-branches span{display:flex;align-items:center;justify-content:center}.integration-provider-grid{grid-template-columns:1fr}.integration-courier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-section-heading{gap:1rem}.integration-next{gap:2rem}}.integration-page{padding-block-end:5rem}.integration-page-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:31rem;padding-block:3rem 5rem}.integration-page-copy h1{max-width:12ch;margin:0;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.055em;line-height:1.06;text-wrap:balance}.integration-page-copy>p:not(.integration-eyebrow){max-width:36rem;color:var(--muted-foreground);font-size:1.1rem;line-height:1.75}.integration-stage,.integration-detail-visual{border:1px solid var(--border);border-radius:1.4rem;background:color-mix(in srgb,var(--primary) 5%,var(--background));box-shadow:0 30px 75px -62px var(--foreground);padding:clamp(1.5rem,4vw,3.5rem)}.integration-stage-title{display:flex;align-items:center;gap:.8rem;font-weight:750;font-size:1.1rem}.integration-stage-title svg{color:var(--primary)}.integration-stage-flow{display:grid;gap:.75rem;margin-block:2rem}.integration-stage-step{display:flex;align-items:center;gap:1.2rem;border:1px solid var(--border);border-radius:.8rem;padding:1rem 1.2rem;background:var(--card)}.integration-stage-step span,.integration-flow span{color:var(--primary);font-size:.75rem;font-weight:800}.integration-stage-step--brand{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.integration-stage>p{margin:0;color:var(--muted-foreground);font-size:.85rem}.integration-detail-brand{display:flex;align-items:center;gap:1rem;margin-block:1.5rem 1.8rem}.integration-detail-brand img,.integration-detail-source img{object-fit:contain;border-radius:.7rem;background:var(--card)}.integration-detail-brand span{display:inline-flex;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:3rem;padding:.35rem .7rem;color:var(--primary);font-size:.78rem;font-weight:700}.integration-detail-visual{display:grid;align-content:center;justify-items:center;min-height:23rem}.integration-detail-source,.integration-detail-center{display:grid;justify-items:center;gap:.35rem;min-width:min(100%,19rem);border:1px solid var(--border);border-radius:1rem;padding:1.3rem;background:var(--card);text-align:center}.integration-detail-source img{width:3.8rem;height:3.8rem}.integration-detail-source strong,.integration-detail-center strong{font-size:1.15rem}.integration-detail-source span,.integration-detail-center span{color:var(--muted-foreground);font-size:.78rem}.integration-detail-line{height:3rem;width:2px;background:var(--border)}.integration-detail-line span{display:block;width:8px;height:8px;margin-inline-start:-3px;border-radius:100%;background:var(--primary)}.integration-detail-center{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.integration-detail-center img{border-radius:.4rem}.integration-story{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:2rem 5rem;padding-block:5rem;border-block-start:1px solid var(--border)}.integration-story .integration-eyebrow{grid-column:1/-1;margin:0}.integration-story h2,.integration-fit h2,.integration-related h2{margin:0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.integration-story>p:not(.integration-eyebrow),.integration-fit p:not(.integration-eyebrow){margin:0;color:var(--muted-foreground);line-height:1.75}.integration-flow{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-block-start:1rem}.integration-flow>div{display:grid;gap:1rem;min-height:7rem;border:1px solid var(--border);border-radius:.8rem;padding:1.1rem;background:var(--card)}.integration-flow strong{font-size:.9rem}.integration-provider-link{color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.integration-provider-link:hover,.integration-provider-link:focus-visible{border-color:var(--primary);transform:translateY(-2px)}.integration-provider-link>svg{flex:none;margin-inline-start:auto;color:var(--primary)}.integration-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.integration-capability-grid article{border:1px solid var(--border);border-radius:1rem;padding:1.7rem;background:var(--card)}.integration-capability-grid article>div{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.65rem;background:color-mix(in srgb,var(--primary) 9%,var(--card));color:var(--primary)}.integration-capability-grid h3{margin:1.4rem 0 .6rem;font-size:1.1rem}.integration-capability-grid p{margin:0;color:var(--muted-foreground);font-size:.9rem;line-height:1.65}.integration-fit{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center;padding-block:5rem;border-block-start:1px solid var(--border)}.integration-fit>div:first-child{display:grid;justify-items:start;gap:1.3rem}.integration-fit a{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700}.integration-fit-graphic{display:grid;justify-items:center;gap:1rem;padding:4rem 2rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--primary) 5%,var(--background));text-align:center}.integration-fit-graphic svg{color:var(--primary)}.integration-fit-graphic strong{font-size:1.2rem}.integration-fit-graphic span{color:var(--muted-foreground);font-size:.85rem}.integration-related{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-block:4rem;border-block-start:1px solid var(--border)}.integration-related>div:last-child{display:grid;gap:.6rem}.integration-related a{display:flex;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;color:var(--foreground);text-decoration:none}.integration-related a:hover{border-color:var(--primary)}.integration-related a img{object-fit:contain}.integration-related a svg{margin-inline-start:auto;color:var(--primary)}.integration-page-hero--couriers .integration-stage,.integration-page-hero--couriers .integration-detail-visual{background:color-mix(in srgb,var(--primary) 3%,var(--background))}.integration-page-hero--marketplaces .integration-stage,.integration-page-hero--marketplaces .integration-detail-visual{background:color-mix(in srgb,var(--accent) 8%,var(--background))}@media(max-width:850px){.integration-page-hero,.integration-story,.integration-fit,.integration-related{grid-template-columns:1fr}.integration-stage,.integration-detail-visual{min-height:0}.integration-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-capability-grid{grid-template-columns:1fr}}@media(max-width:540px){.integration-page-hero{padding-block:2rem 3rem}.integration-flow{grid-template-columns:1fr 1fr}.integration-story,.integration-fit{padding-block:3rem}.integration-page-copy h1{font-size:clamp(2.4rem,11vw,3.5rem)}}.integration-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.integration-category-grid>a{display:flex;flex-direction:column;align-items:flex-start;min-height:17rem;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;color:var(--foreground);background:var(--card);text-decoration:none}.integration-category-grid>a:hover{border-color:var(--primary)}.integration-category-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:.75rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--card))}.integration-category-count{margin-block-start:1.5rem;color:var(--primary);font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.integration-category-grid h3{margin:.5rem 0;font-size:1.45rem}.integration-category-grid p{margin:0 0 1.5rem;color:var(--muted-foreground);font-size:.88rem;line-height:1.6}.integration-category-link{display:inline-flex;align-items:center;gap:.35rem;margin-block-start:auto;color:var(--primary);font-size:.85rem;font-weight:750}.integration-search{display:flex;align-items:center;gap:.8rem;min-height:3.6rem;border:1px solid var(--border);border-radius:.75rem;padding:.7rem 1rem;background:var(--card)}.integration-search svg{flex:none;color:var(--muted-foreground)}.integration-search input{flex:1;min-width:0;border:0;outline:0;color:var(--foreground);background:transparent;font:inherit}.integration-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.integration-search>span{flex:none;color:var(--muted-foreground);font-size:.8rem}.integration-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.2rem 1.6rem}.integration-filters button{border:1px solid var(--border);border-radius:3rem;padding:.6rem 1rem;color:var(--foreground);background:var(--card);cursor:pointer;font:inherit;font-size:.82rem}.integration-filters button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card));font-weight:700}.integration-directory-grid [hidden]{display:none}#integration-empty{padding:2rem 0;color:var(--muted-foreground)}@media(max-width:850px){.integration-category-grid{grid-template-columns:1fr}}@media(max-width:540px){.integration-search>span{display:none}}.integration-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-block:1rem 5rem}.integration-spotlight>div{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:1rem;padding:clamp(1.5rem,3vw,3rem);background:color-mix(in srgb,var(--primary) 3%,var(--card))}.integration-spotlight>div:last-child{background:var(--card)}.integration-spotlight h2{max-width:15ch;margin:0;font-size:clamp(1.6rem,2.6vw,2.7rem);line-height:1.12;letter-spacing:-.04em}.integration-spotlight p:not(.integration-eyebrow){max-width:33rem;color:var(--muted-foreground);line-height:1.7}.integration-spotlight a{display:inline-flex;align-items:center;gap:.5rem;margin-block-start:auto;color:var(--primary);font-weight:700;text-decoration:none}@media(max-width:700px){.integration-spotlight{grid-template-columns:1fr}}.integration-fit-graphic .integration-graphic-steps{display:grid;width:100%;gap:.5rem;margin-block:.6rem;text-align:start}.integration-graphic-steps>div{display:flex;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:.6rem;padding:.7rem .9rem;background:var(--card)}.integration-graphic-steps span{color:var(--primary);font-size:.72rem;font-weight:800}.integration-graphic-steps b{font-size:.83rem;font-weight:650}.integration-fit-graphic--ecommerce .integration-graphic-steps{grid-template-columns:1fr 1fr}.integration-fit-graphic--marketplaces .integration-graphic-steps>div:nth-child(2),.integration-fit-graphic--marketplaces .integration-graphic-steps>div:nth-child(3){border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.integration-fit-graphic--couriers{background:color-mix(in srgb,var(--primary) 2%,var(--background))}.integration-fit-graphic--couriers .integration-graphic-steps>div{border-inline-start:3px solid var(--primary)}.integration-fit-graphic--local .integration-graphic-steps>div:first-child{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}@media(min-width:851px){.integration-page-hero--couriers .integration-detail-visual{order:-1}}
