.integration-page.svelte-gs93hh{--integration-primary:var(--primary);--integration-primary-soft:color-mix(in oklch, var(--integration-primary) 14%, var(--background));--integration-primary-wash:color-mix(in oklch, var(--integration-primary) 7%, var(--background));--integration-dark:var(--foreground);--integration-dark-card:color-mix(in oklch, var(--integration-primary) 8%, var(--integration-dark));--integration-dark-text:var(--background);--integration-dark-muted:color-mix(in oklch, var(--integration-dark-text) 62%, transparent);--integration-line:color-mix(in oklch, var(--integration-primary) 20%, var(--border));background:var(--background)}.eyebrow.svelte-gs93hh,.section-kicker.svelte-gs93hh{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.2}.eyebrow.svelte-gs93hh{color:var(--muted-foreground);align-items:center;gap:.6rem;display:inline-flex}.eyebrow-dot.svelte-gs93hh{background:var(--integration-primary);border-radius:999px;width:.5rem;height:.5rem;display:inline-block}.section-kicker.svelte-gs93hh{color:var(--integration-primary)}.integration-hero.svelte-gs93hh{background:#f7f6f2}.integration-hero-grid.svelte-gs93hh{background-image:linear-gradient(to right, color-mix(in oklch, var(--integration-primary) 14%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--integration-primary) 14%, transparent) 1px, transparent 1px);transform-origin:top;background-size:5rem 5rem;position:absolute;inset:0 -30vw;transform:perspective(700px)rotateX(56deg)translateY(-15%);-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.integration-demo-wrap.svelte-gs93hh{padding-top:1.75rem}.demo-label.svelte-gs93hh{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;position:absolute;top:0;right:0}.integration-demo.svelte-gs93hh{background:var(--background);border:1px solid var(--integration-line);box-shadow:1rem 1rem 0 var(--integration-primary-wash), 0 1.5rem 3.5rem color-mix(in oklch, var(--integration-primary) 18%, transparent);color:var(--foreground);transform:rotate(2deg)}.demo-top.svelte-gs93hh{border-bottom:1px solid var(--integration-line);align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.demo-top.svelte-gs93hh>div:where(.svelte-gs93hh) span:where(.svelte-gs93hh){background:color-mix(in oklch, var(--integration-primary) 12%, var(--border));border-radius:999px;width:.45rem;height:.45rem;display:inline-block}.demo-top.svelte-gs93hh>div:where(.svelte-gs93hh) span:where(.svelte-gs93hh):first-child{background:var(--integration-primary)}.demo-url.svelte-gs93hh,.demo-kicker.svelte-gs93hh,.demo-time.svelte-gs93hh{color:var(--muted-foreground);letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.demo-status.svelte-gs93hh{color:var(--muted-foreground);align-items:center;gap:.35rem;margin-left:auto;font-size:.62rem;display:inline-flex}.demo-status.svelte-gs93hh i:where(.svelte-gs93hh),.demo-footer.svelte-gs93hh i:where(.svelte-gs93hh){background:#42b883;border-radius:999px;width:.4rem;height:.4rem;display:inline-block}.demo-body.svelte-gs93hh{padding:2rem 1.6rem 1.25rem}.demo-heading.svelte-gs93hh{justify-content:space-between;align-items:flex-start;display:flex}.demo-kicker.svelte-gs93hh,.demo-heading.svelte-gs93hh strong:where(.svelte-gs93hh){display:block}.demo-heading.svelte-gs93hh strong:where(.svelte-gs93hh){letter-spacing:-.06em;max-width:15rem;margin-top:.35rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;line-height:1.05}.demo-time.svelte-gs93hh{padding-top:.25rem}.integration-flow.svelte-gs93hh{margin-top:1.6rem}.flow-node.svelte-gs93hh{border:1px solid var(--integration-line);align-items:center;gap:.65rem;min-height:3.7rem;padding:.65rem .75rem;display:flex}.flow-node.svelte-gs93hh b:where(.svelte-gs93hh),.flow-node.svelte-gs93hh small:where(.svelte-gs93hh){display:block}.flow-node.svelte-gs93hh b:where(.svelte-gs93hh){font-size:.68rem;font-weight:600}.flow-node.svelte-gs93hh small:where(.svelte-gs93hh){color:var(--muted-foreground);margin-top:.18rem;font-size:.57rem}.flow-node-ai.svelte-gs93hh{background:var(--integration-primary-wash);border-color:color-mix(in oklch, var(--integration-primary) 35%, var(--integration-line))}.node-icon.svelte-gs93hh{flex:none;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:inline-flex}.node-crm.svelte-gs93hh{background:var(--integration-primary-soft);color:var(--integration-primary);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.46rem;font-weight:700}.node-ai.svelte-gs93hh{background:var(--integration-primary);color:var(--primary-foreground);border-radius:999px}.node-action.svelte-gs93hh{border:1px solid var(--integration-line);color:var(--integration-primary)}.node-pulse.svelte-gs93hh{background:var(--integration-primary);box-shadow:0 0 0 0 color-mix(in oklch, var(--integration-primary) 40%, transparent);border-radius:999px;width:.42rem;height:.42rem;margin-left:auto}.flow-line.svelte-gs93hh{color:var(--integration-primary);justify-content:center;align-items:center;gap:.35rem;height:1.2rem;display:flex}.flow-line.svelte-gs93hh span:where(.svelte-gs93hh){background:var(--integration-primary);opacity:.4;width:1px;height:.6rem}.demo-footer.svelte-gs93hh{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-top:1.1rem;font-size:.57rem;display:flex}.demo-footer.svelte-gs93hh span:where(.svelte-gs93hh){align-items:center;gap:.3rem;display:inline-flex}.integration-dark-section.svelte-gs93hh{background:var(--integration-dark);color:var(--integration-dark-text)}.feature-grid.svelte-gs93hh{background:color-mix(in oklch, var(--integration-primary) 22%, transparent);border:1px solid color-mix(in oklch, var(--integration-primary) 22%, transparent)}.feature-card.svelte-gs93hh{background:var(--integration-dark)}.feature-card.svelte-gs93hh:hover{background:var(--integration-dark-card)}.dark-copy.svelte-gs93hh{color:var(--integration-dark-muted)}.dark-text.svelte-gs93hh{color:var(--integration-dark-text)}.dark-kicker.svelte-gs93hh{color:var(--integration-primary)}.integration-system.svelte-gs93hh{background:color-mix(in oklch, var(--integration-primary) 4%, var(--background));border:1px solid var(--integration-line);padding:1rem}.system-label.svelte-gs93hh{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;padding:.5rem .5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.system-row.svelte-gs93hh{background:var(--background);border:1px solid var(--integration-line);align-items:center;gap:.75rem;min-height:5.6rem;padding:.9rem;display:flex;position:relative}.system-row.svelte-gs93hh+.system-row:where(.svelte-gs93hh){margin-top:.55rem}.system-row.svelte-gs93hh h3:where(.svelte-gs93hh){font-size:.78rem;font-weight:700}.system-row.svelte-gs93hh p:where(.svelte-gs93hh){color:var(--muted-foreground);margin-top:.25rem;font-size:.66rem;line-height:1.45}.system-connector.svelte-gs93hh{background:var(--integration-primary);opacity:.45;z-index:1;width:1px;height:.55rem;position:absolute;bottom:-.55rem;left:1.85rem}.principle-card.svelte-gs93hh{background:color-mix(in oklch, var(--background) 85%, var(--integration-primary) 15%)}.integration-cta.svelte-gs93hh{background:var(--integration-dark);isolation:isolate;position:relative}.cta-mark.svelte-gs93hh{z-index:0;position:absolute;bottom:-9rem;right:-4rem;transform:rotate(-23deg)}.cta-mark.svelte-gs93hh span:where(.svelte-gs93hh){border:1px solid color-mix(in oklch, var(--integration-primary) 40%, transparent);border-radius:999px;width:20rem;height:20rem;display:block}.cta-mark.svelte-gs93hh span:where(.svelte-gs93hh)+span:where(.svelte-gs93hh){margin-top:-17rem;transform:scale(.78)}.cta-mark.svelte-gs93hh span:where(.svelte-gs93hh)+span:where(.svelte-gs93hh)+span:where(.svelte-gs93hh){transform:scale(.56)}@media (width<=639px){.integration-demo.svelte-gs93hh{box-shadow:.6rem .6rem 0 var(--integration-primary-wash), 0 1.5rem 3.5rem color-mix(in oklch, var(--integration-primary) 18%, transparent);transform:rotate(1deg)}.demo-body.svelte-gs93hh{padding:1.35rem 1rem 1rem}.demo-heading.svelte-gs93hh strong:where(.svelte-gs93hh){font-size:1.2rem}.demo-footer.svelte-gs93hh{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (prefers-reduced-motion:reduce){.integration-demo.svelte-gs93hh,.principle-card.svelte-gs93hh{transition:none;transform:none}}