.vg-hero-integrations__diagram{background:radial-gradient(at 28% 48%,#36dede29,#0000 58%),linear-gradient(#ffffff14,#00000024);background:radial-gradient(at 28% 48%,lab(80.4959% -42.5222 -12.7967/.16),#0000 58%),linear-gradient(lab(100% 0 0/.08),lab(0% 0 0/.14));border:1px solid #ffffff1f;border:1px solid lab(100% 0 0/.12);border-radius:.875rem;width:100%;max-width:32rem;height:clamp(17rem,27vw,21rem);min-height:17rem;margin-inline:auto;position:relative;overflow:hidden}.vg-hero-integrations__hub{aspect-ratio:3/4;background:linear-gradient(160deg,#143131,#040f13);background:linear-gradient(160deg,lab(18.0119% -11.4388 -3.46912),lab(3.76396% -2.70295 -3.32829));border:1px solid #36dede4d;border:1px solid lab(80.4959% -42.5222 -12.7967/.3);border-radius:.75rem;flex-direction:column;justify-content:space-between;width:26%;padding:.875rem .75rem;display:flex;position:absolute;top:50%;left:8%;transform:translateY(-50%);box-shadow:0 24px 48px -16px #00000080,inset 0 1px #ffffff14;box-shadow:0 24px 48px -16px lab(0% 0 0/.5),inset 0 1px lab(100% 0 0/.08)}.vg-hero-integrations__hub-rule{background:#36dede59;background:lab(80.4959% -42.5222 -12.7967/.35);border-radius:1px;height:2px}.vg-hero-integrations__hub-rule:first-child{width:70%}.vg-hero-integrations__hub-rule:nth-child(2){opacity:.6;width:45%}.vg-hero-integrations__hub-rule:nth-child(3){opacity:.4;width:60%}.vg-hero-integrations__hub-label{font-family:var(--font-geist), system-ui, sans-serif;font-size:var(--mkt-text-label-12);font-weight:var(--mkt-weight-semibold);letter-spacing:var(--mkt-tracking-eyebrow);text-transform:uppercase;color:#36deded9;color:lab(80.4959% -42.5222 -12.7967/.85)}.vg-hero-integrations__hub-amount{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:var(--mkt-weight-medium);color:oklch(var(--primary-foreground));letter-spacing:var(--mkt-tracking-none)}.vg-hero-integrations__partner{align-items:center;width:52%;display:flex;position:absolute;right:6%}.vg-hero-integrations__partner--xero{top:18%}.vg-hero-integrations__partner--qbo{top:50%;transform:translateY(-50%)}.vg-hero-integrations__partner--stripe{bottom:18%}.vg-hero-integrations__wire{background:linear-gradient(90deg,#36dede00,#36dede8c 30%,#36dede8c);background:linear-gradient(90deg,lab(80.4959% -42.5222 -12.7967/0),lab(80.4959% -42.5222 -12.7967/.55) 30%,lab(80.4959% -42.5222 -12.7967/.55));flex:1;height:1px;position:relative}.vg-hero-integrations__wire:before{content:"";background:#36deded9;background:lab(80.4959% -42.5222 -12.7967/.85);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #36dede99;box-shadow:0 0 12px lab(80.4959% -42.5222 -12.7967/.6)}.vg-hero-integrations__chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;background:lab(100% 0 0/.09);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);border-radius:.625rem;flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;min-width:10.5rem;padding:.625rem .875rem;display:grid}.vg-hero-integrations__partner--stripe .vg-hero-integrations__chip{border-color:oklch(var(--primary-foreground) / .5);background:#ffffffb8;background:lab(100% 0 0/.72)}.vg-hero-integrations__chip-mark{background:#fff;background:lab(100% 0 0);border:1px solid #ffffff59;border:1px solid lab(100% 0 0/.35);border-radius:.5rem;grid-row:span 2;place-items:center;width:2rem;height:2rem;display:grid;overflow:hidden}.vg-hero-integrations__chip-mark img{object-fit:contain;width:1.75rem;height:1.75rem}.vg-hero-integrations__chip-wordmark{object-fit:contain;object-position:left center;max-width:100%;max-height:2rem}.vg-hero-integrations__chip-meta{font-family:var(--font-geist), system-ui, sans-serif;font-size:var(--mkt-text-label-12);font-weight:var(--mkt-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:oklch(var(--primary-foreground) / .58)}.vg-hero-integrations__partner--stripe .vg-hero-integrations__chip-meta{color:#513bb2b8;color:lab(33.2315% 34.9098 -61.6951/.72)}.integrations-intro{font-size:var(--mkt-text-copy-18);line-height:var(--mkt-leading-lede);color:oklch(var(--muted-foreground));text-wrap:pretty;max-width:60ch;margin:0 0 2rem}@media (max-width:880px){.vg-hero-integrations__diagram{min-height:16rem}.vg-hero-integrations__hub{width:32%}.vg-hero-integrations__partner{width:56%}}@media (max-width:560px){.vg-hero-integrations__diagram{min-height:15rem}.vg-hero-integrations__partner{width:64%}.vg-hero-integrations__chip{min-width:0;padding:.625rem .75rem}.vg-hero-integrations__chip-meta{display:none}}