.integration-page .integration-flow-diagram{padding:clamp(20px,2.5vw,36px)}.integration-flow-nodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.integration-flow-nodes li{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0;padding:24px;position:relative}.integration-flow-nodes li:not(:last-child):after{content:"→";color:var(--ink);opacity:.55;font-size:24px;position:absolute;top:50%;right:-27px;transform:translateY(-50%)}.integration-flow-step{letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:18px;font-size:11px;display:block}.integration-flow-nodes strong{font-size:20px;line-height:1.3;display:block}.integration-flow-nodes p{opacity:.75;margin:10px 0 0;font-size:15px;line-height:1.6}.integration-flow-nodes .integration-flow-connector{background:var(--paper-2)}.integration-flow-monitor{border-left:3px solid var(--sage);background:var(--paper);align-items:baseline;gap:16px 28px;margin-top:24px;padding:20px 24px;display:flex}.integration-flow-monitor strong{flex-shrink:0;font-size:15px}.integration-flow-monitor p{opacity:.75;margin:0;font-size:15px;line-height:1.6}.integration-page .integration-flow-diagram figcaption{max-width:110ch;margin-top:20px;font-size:14px}@media (max-width:1000px){.integration-flow-nodes{grid-template-columns:1fr;gap:28px}.integration-flow-nodes li:not(:last-child):after{content:"↓";line-height:28px;inset:auto auto -28px 24px;transform:none}.integration-flow-step{margin-bottom:10px}.integration-flow-monitor{flex-direction:column;gap:8px;padding:20px}}.nav-menu-integrations>.nav-integrations-panel{width:360px;max-height:calc(100dvh - 110px);left:0;right:auto;overflow-y:auto}.nav-integrations-panel>a{text-align:left}.nav-integrations-panel>a strong{line-height:1.3}.nav-integrations-panel>a:first-of-type{margin-bottom:4px}@media (min-width:1101px){.site-header .desktop-nav{gap:clamp(12px,1.2vw,20px)}}.integration-page .integration-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,4vw,64px)}.integration-hero-media{min-width:0}.integration-hero-media figure,.integration-process-image{margin:0}.integration-hero-media img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.integration-hero-media figcaption,.integration-process-image figcaption{opacity:.65;margin-top:12px;font-size:12px;line-height:1.5}.integration-visual-contact{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;font-size:14px;display:flex}.integration-visual-contact a{font-weight:650}.integration-visual-contact a span{margin-left:12px}.integration-process-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px;display:grid}.integration-process-image{position:sticky;top:110px}.integration-process-image img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.integration-page .integration-process-layout .integration-process-grid{border:0;display:block}.integration-page .integration-process-layout .integration-process-grid article{border:0;border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);column-gap:20px;min-height:0;padding:24px 0;display:grid}.integration-page .integration-process-layout .integration-process-grid article:first-child{padding-top:0}.integration-page .integration-process-layout .integration-process-grid article:last-child{border-bottom:0;padding-bottom:0}.integration-page .integration-process-layout .integration-process-grid h3{align-self:center;margin:0 0 10px}.integration-page .integration-process-layout .integration-process-grid p{grid-column:2}.integration-page .integration-process-layout .integration-process-grid article>span{background:var(--paper-2);border-radius:50%;grid-row:span 2}@media (max-width:1000px){.integration-page .integration-hero{grid-template-columns:1fr}.integration-hero-media img{aspect-ratio:16/9}.integration-process-layout{grid-template-columns:1fr;gap:28px}.integration-process-image{position:static}.integration-process-image img{aspect-ratio:16/9}}.integration-page .integration-delivery-visual{background:var(--paper-2);border-radius:8px;padding:clamp(24px,3vw,40px)}.integration-delivery-visual h3{font-family:var(--serif);margin:24px 0 32px;font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.15}.integration-delivery-visual>div{border-top:1px solid var(--line);align-items:flex-start;gap:20px;padding:24px 0;display:flex}.integration-delivery-visual svg{flex-shrink:0}.integration-delivery-visual strong{margin-bottom:8px;font-size:16px;display:block}.integration-delivery-visual small{opacity:.75;font-size:15px;line-height:1.6;display:block}.integration-hero-media .integration-art{--art-lime:#dcf27b;--art-coral:#ff956f;--art-lilac:#c6b4ff;isolation:isolate;color:#fffdf8;background:#162d39;border-radius:16px;flex-direction:column;justify-content:center;min-height:410px;padding:clamp(28px,3.2vw,48px);display:flex;position:relative;overflow:hidden}.integration-art.integration-art-integration-shopify-netsuite{--art-lime:#b9ef86;--art-coral:#ffd38d}.integration-art.integration-art-integration-bigcommerce-netsuite{--art-lime:#a7dfff;--art-coral:#ffb7db}.integration-art.integration-art-integration-adobe-netsuite{--art-lime:#ffaaa3;--art-coral:#ffe28d}.integration-art.integration-art-integration-salesforce-netsuite{--art-lime:#8de5fa;--art-coral:#c4b5ff}.integration-art.integration-art-integration-oic-netsuite{--art-lime:#ffc28f;--art-coral:#c8b6ff}.integration-art-orbit{z-index:-1;pointer-events:none;border:1px solid #ffffff21;border-radius:50%;width:340px;height:340px;position:absolute}.integration-art-orbit-one{border-width:52px;border-color:#ffffff08;top:-180px;right:-80px}.integration-art-orbit-two{border-width:70px;border-color:#ffffff06;width:520px;height:520px;bottom:-230px;left:-160px}.integration-art-kicker{font-family:var(--serif);margin-bottom:32px;font-size:clamp(30px,3vw,44px);line-height:1.15;display:block}.integration-art-systems{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;display:grid}.integration-art-source,.integration-art-erp{color:#142631;border-radius:12px;align-content:center;justify-items:start;gap:20px;min-height:145px;padding:24px;display:grid}.integration-art-source{background:var(--art-lime);transform:rotate(-3deg)}.integration-art-erp{background:var(--art-coral);transform:rotate(3deg)}.integration-art-systems strong{overflow-wrap:anywhere;font-size:clamp(18px,1.7vw,25px);line-height:1.2}.integration-art-bridge{place-items:center;display:grid}.integration-art-connector{background:#ffffff0a;border:1px solid #ffffff35;border-radius:10px;align-items:center;gap:12px;margin:28px 0 24px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.integration-art-connector svg{color:var(--art-lime);flex-shrink:0}.integration-art-records{flex-wrap:wrap;gap:10px;display:flex}.integration-art-records span{background:var(--art-lilac);color:#142631;border-radius:24px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:650;display:inline-flex}.integration-art-records span:nth-child(2){background:var(--art-lime)}.integration-art-records span:nth-child(3){background:var(--art-coral)}.integration-hero-media .integration-art figcaption{color:#fffdf8;opacity:.75;margin-top:24px;font-size:13px}.integration-page .integration-delivery-visual{background:#e9e2fb;border:0}.integration-delivery-visual>div:first-of-type svg{color:#537241}.integration-delivery-visual>div:nth-of-type(2) svg{color:#6852a3}.integration-delivery-visual>div:nth-of-type(3) svg{color:#a14835}@media (max-width:720px){.integration-hero-media .integration-art{min-height:0;padding:28px 24px}.integration-art-source,.integration-art-erp{gap:16px;min-height:136px;padding:18px}.integration-art-systems{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}}.integration-page .platform-case-grid>a>p{z-index:2;opacity:1;color:var(--paper);position:relative}.integration-page .platform-case-grid>a{min-height:380px}.integration-page .platform-case-grid>a h3{margin-bottom:16px;font-size:28px;line-height:1.2}@media (min-width:1100px){.integration-page .platform-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:400px){.integration-art-source,.integration-art-erp{padding:14px}.integration-art-systems strong{overflow-wrap:normal;font-size:17px}}.integration-art-source,.integration-art-erp{transform:none}.integration-art-logo{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;height:76px;padding:10px;display:flex}.integration-hero-media .integration-art-logo img{aspect-ratio:auto;object-fit:contain;border-radius:0;width:140px;max-width:100%;height:56px;display:block}.integration-art-logo-group{flex-wrap:wrap;gap:8px;height:auto;min-height:76px}.integration-hero-media .integration-art-logo-group img{width:64px;height:28px}.integration-art-connector-logo{background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:40px;padding:8px;display:flex}.integration-hero-media .integration-art-connector-logo img{object-fit:contain;aspect-ratio:auto;border-radius:0;width:100%;height:100%}@media (max-width:400px){.integration-art-logo{height:64px;padding:8px}.integration-hero-media .integration-art-logo img{height:48px}.integration-art-connector{gap:12px;padding:14px}.integration-art-connector-logo{width:64px}}.integration-art-logo{overflow:hidden}.integration-hero-media .integration-art-logo img.integration-salesforce-logo{transform:scale(1.8)}.integration-page .integration-diagram,.integration-page .integration-delivery-visual{color:var(--ink);--line:#07131f26}.integration-page .integration-process-layout .integration-process-grid article>span{color:var(--ink)}.variant-a .integration-page{--line:#f6f2ea2e}.variant-a .integration-page .integration-visual-contact{border-color:#f6f2ea38}