.integrations-hero[data-v-3a483ed3]{--hero-accent: var(--q-accent, #F09F54);--hero-primary: var(--q-primary, #144457);--hero-secondary: var(--q-secondary, #EAF3F6);background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--hero-accent) 12%,transparent),transparent 30%),radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--hero-secondary) 64%,transparent),transparent 36%),linear-gradient(135deg,#fff,color-mix(in srgb,var(--hero-secondary) 38%,#ffffff) 62%,color-mix(in srgb,var(--hero-accent) 8%,#ffffff));padding-inline:clamp(22px,5vw,80px)}.integrations-hero__inner[data-v-3a483ed3]{align-items:center;box-sizing:border-box;display:grid;gap:clamp(34px,5vw,74px);grid-template-columns:minmax(420px,.78fr) minmax(520px,1fr);margin-inline:auto;max-width:1480px;min-height:clamp(460px,56vh,650px);padding-block:clamp(46px,6vw,78px);width:min(100%,1480px)}.integrations-hero__breadcrumb[data-v-3a483ed3]{color:#07111dad;font-size:13px;font-weight:800;margin-bottom:36px}.integrations-hero__breadcrumb[data-v-3a483ed3] .q-breadcrumbs__el,.integrations-hero__breadcrumb[data-v-3a483ed3] .q-breadcrumbs__separator{color:#07111dad}.integrations-hero__breadcrumb[data-v-3a483ed3] .q-breadcrumbs__el:last-child{color:#07111d}.integrations-hero__eyebrow[data-v-3a483ed3]{color:var(--hero-accent);font-size:12px;font-weight:950;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.integrations-hero[data-v-3a483ed3] h1{color:#07111d;font-size:clamp(44px,4.6vw,68px);font-weight:950;-webkit-hyphens:none;hyphens:none;letter-spacing:0;line-height:1.08;margin:0;max-width:760px;overflow-wrap:normal;word-break:normal}.integrations-hero[data-v-3a483ed3] .integrations-hero__title-highlight{color:var(--hero-highlight-color);white-space:nowrap}.integrations-hero__copy[data-v-3a483ed3]{color:#07111db8;font-size:clamp(16px,1.16vw,19px);line-height:1.55;margin:24px 0 0;max-width:620px}.integrations-hero[data-v-3a483ed3] .related-overview__value{color:var(--related-highlight-color);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.16em}.integrations-hero__actions[data-v-3a483ed3]{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.integrations-hero__actions[data-v-3a483ed3] .q-btn{border-radius:10px;font-weight:900;min-height:50px;padding:0 22px}[data-v-3a483ed3] .integrations-hero__secondary{color:var(--q-primary, #144457)}.integrations-hero__visual[data-v-3a483ed3]{min-height:clamp(360px,40vw,500px);position:relative}.integrations-hero__network[data-v-3a483ed3]{--network-line: color-mix(in srgb, var(--hero-primary) 22%, transparent);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88) 0 16%,transparent 42%),radial-gradient(circle at 68% 18%,color-mix(in srgb,var(--hero-accent) 10%,transparent),transparent 30%),radial-gradient(circle at 20% 76%,color-mix(in srgb,var(--hero-secondary) 48%,transparent),transparent 30%);border-radius:24px;height:min(39vw,500px);min-height:360px;position:relative}.integrations-hero__network[data-v-3a483ed3]:before{background:linear-gradient(90deg,transparent,rgba(20,68,87,.06),transparent),radial-gradient(circle at center,color-mix(in srgb,var(--hero-primary) 5%,transparent),transparent 38%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.integrations-hero__lines[data-v-3a483ed3]{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.integrations-hero__lines path[data-v-3a483ed3]{fill:none;opacity:.7;stroke:var(--network-line);stroke-dasharray:6 8;stroke-linecap:round;stroke-width:2}.integrations-hero__hub[data-v-3a483ed3],.integrations-hero__node[data-v-3a483ed3]{align-items:center;background:#fffffff0;border:1px solid rgba(12,28,42,.07);box-shadow:0 18px 52px #1424361c;display:flex;justify-content:center;position:absolute}.integrations-hero__hub[data-v-3a483ed3]{border-radius:16px;color:#07111d;height:98px;left:50%;top:50%;transform:translate(-50%,-50%);width:98px;z-index:2}.integrations-hero__hub img[data-v-3a483ed3]{display:block;height:58px;width:58px}.integrations-hero__node[data-v-3a483ed3]{border-radius:10px;height:66px;padding:14px 20px;width:170px;z-index:2}.integrations-hero__node .q-icon[data-v-3a483ed3]{font-size:32px}.integrations-hero__node--brand-stripe .q-icon[data-v-3a483ed3]{font-size:76px;height:34px;width:108px}.integrations-hero__node--brand-ready2order .q-icon[data-v-3a483ed3]{font-size:78px;height:34px;width:128px}.integrations-hero__node--brand-lexware .q-icon[data-v-3a483ed3]{font-size:66px;height:36px;width:94px}.integrations-hero__node--brand-paypal .q-icon[data-v-3a483ed3]{font-size:54px;height:32px;width:90px}.integrations-hero__node--brand-google .q-icon[data-v-3a483ed3]{font-size:54px;height:30px;width:86px}.integrations-hero__node--brand-sipgate .q-icon[data-v-3a483ed3]{font-size:54px;height:30px;width:84px}.integrations-hero__node--top[data-v-3a483ed3]{left:31%;top:5%}.integrations-hero__node--right-top[data-v-3a483ed3]{right:6%;top:14%}.integrations-hero__node--right[data-v-3a483ed3]{right:1%;top:43%}.integrations-hero__node--right-bottom[data-v-3a483ed3]{bottom:13%;right:10%}.integrations-hero__node--left-bottom[data-v-3a483ed3]{bottom:18%;left:12%}.integrations-hero__node--left[data-v-3a483ed3]{left:6%;top:34%}@media(max-width:980px){.integrations-hero__inner[data-v-3a483ed3]{grid-template-columns:1fr}.integrations-hero[data-v-3a483ed3] h1{max-width:100%}.integrations-hero__network[data-v-3a483ed3]{height:440px}}@media(max-width:620px){.integrations-hero__inner[data-v-3a483ed3]{padding-top:42px}.integrations-hero[data-v-3a483ed3] h1{font-size:clamp(38px,12vw,52px)}.integrations-hero__visual[data-v-3a483ed3]{min-height:430px}.integrations-hero__network[data-v-3a483ed3]{height:430px;min-height:430px}.integrations-hero__node[data-v-3a483ed3]{height:58px;padding:12px 14px;width:138px}.integrations-hero__node--right[data-v-3a483ed3]{right:0}.integrations-hero__node--left[data-v-3a483ed3]{left:0}}
