.home-section{padding-block:78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px;display:flex}.section-heading h2,.signup-layout h2{letter-spacing:-.045em;font-size:clamp(34px,3.7vw,46px);font-weight:500;line-height:1.1}.section-heading>p,.section-heading>div{max-width:350px}.section-heading p{color:var(--fr-ink-soft);font-size:15px;line-height:1.65}.text-link{color:var(--fr-primary);gap:18px;margin-top:20px;font-size:13px;display:inline-flex}.light-section{color:#151821;--fr-ink:#151821;--fr-ink-soft:#525a6a;--fr-stroke:#d7dce5;--fr-primary:#6d28d9;background:#f8f9fc}.showcase-choices{border-bottom:1px solid var(--fr-stroke);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-choices a{color:var(--fr-ink-soft);border-bottom:2px solid #0000;justify-content:space-between;gap:12px;padding:17px 20px;font-size:15px;display:flex}.showcase-choices a:is(:hover,:focus-visible),.showcase-choices a[aria-selected=true]{color:var(--fr-ink);background:var(--fr-surface)}.showcase-choices a[aria-selected=true]{border-bottom-color:var(--fr-primary)}.showcase-choices a[aria-selected=true]>span{color:var(--fr-primary)}.showcase-panel{padding-top:28px}.showcase-panel[hidden]{display:none}.showcase-copy{justify-content:space-between;gap:40px;margin-bottom:25px;display:flex}.showcase-copy h3{letter-spacing:-.025em;max-width:350px;font-size:24px;font-weight:500;line-height:1.25}.showcase-copy p{max-width:540px;color:var(--fr-ink-soft);font-size:14px;line-height:1.7}.showcase-panel figure{max-width:1000px;margin-inline:auto}.showcase-panel figure>a{border:1px solid var(--fr-stroke);border-radius:5px;display:block;overflow:hidden}.showcase-panel img{aspect-ratio:1280/730;-o-object-fit:contain;object-fit:contain;background:#0c1220;width:100%;height:auto;display:block}.showcase-panel figcaption{color:var(--fr-ink-soft);justify-content:space-between;gap:16px;margin-top:14px;font-size:11px;line-height:1.5;display:flex}.showcase-panel figcaption a{color:var(--fr-primary);white-space:nowrap}.setup-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.setup-steps li{border-top:1px solid var(--fr-stroke);padding-top:22px;position:relative}.step-number{font:12px var(--fr-font-mono);color:var(--fr-primary)}.setup-steps h3,.control-grid h3{letter-spacing:-.02em;margin-top:22px;font-size:20px;font-weight:500;line-height:1.3}.setup-steps p,.control-grid p{color:var(--fr-ink-soft);margin-top:14px;font-size:14px;line-height:1.75}.connection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;display:grid}.connection-item{border-top:1px solid var(--fr-stroke);gap:13px;padding:26px 0;display:flex}.integration-plate{background:#fff;border-radius:3px;flex-shrink:0;place-items:center;width:38px;height:38px;padding:7px;display:grid}.integration-plate svg{width:100%;height:100%;display:block}.channel-symbol{width:38px;height:38px;color:var(--fr-primary);flex-shrink:0;place-items:center;font-size:23px;display:grid}.connection-item h3{margin-bottom:7px;font-size:14px;font-weight:500}.connection-item p{color:var(--fr-ink-soft);font-size:12px;line-height:1.6}.connection-item:is(:hover,:focus-visible) h3{color:var(--fr-primary)}.coming-soon{color:var(--fr-primary);font-size:10px}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.control-icon{width:36px;height:36px;color:var(--fr-primary);border:1px solid #cbbbe9;border-radius:3px;place-items:center;font-size:24px;display:inline-grid}.trust-links{color:var(--fr-ink-soft);margin-top:34px;font-size:12px}.trust-links a,.signup-panel a{text-underline-offset:3px;text-decoration:underline}.signup-section{color:#221735;--fr-ink-soft:#5c4c71;--fr-primary:#6d28d9;--fr-accent:#6d28d9;--vedin-mark-body:#6d28d9;--vedin-mark-tip:#9870d8;background:#e9e0fd}.signup-layout{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.signup-layout h2{margin-top:24px}.signup-layout>div>p{color:var(--fr-ink-soft);margin-top:24px;font-size:16px;line-height:1.6}.signup-panel{background:#f8f5ff;border:1px solid #d6c7ed;border-radius:5px;padding:32px}.signup-panel h3{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.25}.signup-layout .signup-panel>p{margin-top:12px;font-size:14px}.signup-panel label{margin-top:25px;margin-bottom:9px;font-size:12px;display:block}.signup-panel form{margin:0}.signup-panel .fr-prompt{background:#fff;border:1px solid #bba7d4;border-radius:3px;gap:4px;padding:4px;display:flex}.signup-panel .fr-prompt:focus-within{border-color:#6d28d9}.signup-panel .fr-prompt__field{width:100%;min-width:0;font:inherit;color:#221735;background:0 0;border:0;padding:12px 10px;font-size:13px}.signup-panel .fr-prompt__field:focus-visible{outline-offset:-2px}.signup-panel .fr-prompt__cta{color:#fff;font:inherit;white-space:nowrap;cursor:pointer;background:#6d28d9;border:0;border-radius:2px;padding:12px 18px;font-size:13px}.signup-panel .fr-prompt__cta:hover{background:#5b21b6}.signup-panel .fr-prompt__cta:disabled{opacity:.65;cursor:wait;white-space:normal}.signup-panel form>p{color:var(--fr-ink-soft);margin-top:16px;font-size:11px;line-height:1.7}.signup-panel .fr-alert-error{color:#a31635;margin-top:12px;font-size:13px;line-height:1.6}.signup-panel .fr-panel{margin-top:18px}.signup-panel .fr-panel>div{border-radius:4px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.signup-panel .fr-panel svg{width:28px;height:28px}.signup-panel .fr-panel p{margin-top:12px;font-size:14px;line-height:1.6}@media (width<=850px){.home-section{padding-block:56px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading>p,.section-heading>div{max-width:480px}.showcase-copy{flex-direction:column;gap:15px}.showcase-copy h3,.showcase-copy p{max-width:none}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-steps,.control-grid{gap:24px}.signup-layout{gap:35px}.signup-panel{padding:24px}.signup-panel .fr-prompt{flex-direction:column}}@media (width<=540px){.home-section{padding-block:44px}.section-heading h2,.signup-layout h2{font-size:34px}.section-heading{margin-bottom:28px}.showcase-choices a{flex-direction:column;padding:13px 8px;font-size:12px;line-height:1.5}.product-showcase .showcase-choices a>span{display:none}.showcase-panel figcaption{flex-direction:column;gap:8px}.setup-steps,.control-grid{grid-template-columns:1fr;gap:28px}.setup-steps h3{margin-top:14px}.connection-grid{gap:0 16px}.connection-item{flex-direction:column;gap:12px;padding-block:20px}.signup-layout{grid-template-columns:1fr}.signup-panel{padding:24px 18px}.signup-panel .fr-prompt{flex-direction:row}}@media (prefers-reduced-motion:no-preference){.button>span{transition:transform .16s;display:inline-block}.button:active>span{transform:translate(1px,-1px)}.nav-menu[open] .nav-panel,.mobile-menu[open] .mobile-panel{animation:.16s ease-out menu-arrive}.button:focus-visible>span{transform:translate(2px,-2px)}@media (hover:hover){.button:hover>span{transform:translate(2px,-2px)}.button.secondary:hover>span{transform:translateY(3px)}}}@keyframes menu-arrive{0%{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-arrive{0%{opacity:.6}to{opacity:1}}
