[data-mx=hero] .hv5-canvas{display:none}body.pinned [data-mx=hero] .hv5-canvas{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--brand-primary) 22%, #fff) 0%, color-mix(in srgb, var(--brand-primary) 9%, #fff) 60%, #fff 100%);will-change:opacity, transform;border-radius:0;display:block;position:absolute;top:0;left:0;right:0}[data-mx=hero] .hv5-copy{position:relative}[data-mx=hero] .hv5-tag{border:1px solid var(--brand-primary-30);background:#ffffffbf;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}[data-mx=hero] .hx{letter-spacing:-.03em;text-wrap:balance;margin-top:0;font-size:58px;line-height:1.06}[data-mx=hero] .hero-sub{color:#334155;max-width:680px;margin-top:22px;font-size:19px;line-height:1.6}[data-mx=hero] .hero-works{color:#475569;margin-top:16px;font-size:14px}[data-mx=hero] .hero-privacy{color:#475569;margin-top:10px;font-size:12px}[data-mx=hero] .hero-privacy a{text-underline-offset:3px;text-decoration:underline}[data-mx=hero] .hero-privacy a:hover{color:#0f172a}@media (width>=1024px){body:not(.pinned) [data-mx=hero] .hv5-copy>div{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--brand-primary) 22%, #fff) 0%, color-mix(in srgb, var(--brand-primary) 9%, #fff) 60%, #fff 100%);border-radius:0;max-width:none;margin:0 -24px;padding:64px 40px 72px}body:not(.pinned) [data-mx=hero] .hx{max-width:920px;margin-left:auto;margin-right:auto}}@media (width<=1023px){[data-mx=hero] .hv5-copy>div{background:var(--tint-12);border-radius:0;margin:0 -24px;padding:36px 24px}}@media (width<=720px){[data-mx=hero] .hx{font-size:36px}[data-mx=hero] .hero-sub{font-size:17px}}[data-mx=hero] .hx.hx{color:var(--brand-primary-foreground);animation:hero--hcFade .9s var(--ease) .1s both}[data-mx=hero] .hx .hc-k{color:var(--ink-green);animation:1s ease-out .5s both hero--hcKey}[data-mx=hero] .hero-sub.hero-sub{color:#34493d;animation:hero--hcFade .9s var(--ease) .3s both}@media (prefers-reduced-motion:reduce){[data-mx=hero] .hx.hx,[data-mx=hero] .hx .hc-k,[data-mx=hero] .hero-sub.hero-sub{animation:none}}@keyframes hero--hcFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero--hcKey{0%{color:var(--brand-primary-foreground)}to{color:var(--ink-green)}}[data-mx=integrations] .demo-pill{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .4s;display:inline-flex}[data-mx=integrations] .demo-pill i{background:var(--brand-primary);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite integrations--dpulse}[data-mx=integrations] .hub4{background:#fff;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:minmax(0,1.1fr) 200px minmax(0,1fr);align-items:center;gap:72px;padding:28px;display:grid;position:relative;box-shadow:0 1px 2px #0f172a0d,0 24px 60px #0f172a0f}[data-mx=integrations] .wires4{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-mx=integrations] .wires4 path{fill:none;stroke:#e2e8f0;stroke-width:1.5px;transition:stroke .5s,opacity .5s}[data-mx=integrations] .wires4 path.on{stroke:var(--brand-primary);stroke-width:2px;stroke-dasharray:6 8;animation:1.4s linear infinite integrations--flow4}[data-mx=integrations] .wires4 path.off{opacity:.45}[data-mx=integrations] .src4,[data-mx=integrations] .out4{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}[data-mx=integrations] .col-k{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:2px;font-size:12px;font-weight:600}[data-mx=integrations] .col-k span{text-transform:none;letter-spacing:0;color:#64748b;margin-left:4px;font-weight:500}[data-mx=integrations] .sys4c{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 12px;transition:border-color .45s,box-shadow .45s;display:flex}[data-mx=integrations] .sys4c .nm{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}[data-mx=integrations] .sys4c .nm i{color:#64748b;background:#f1f5f9;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-style:normal;font-weight:700;transition:background .45s,color .45s;display:grid}[data-mx=integrations] .sys4c .nm b{color:#475569;font-size:15px;font-weight:600;transition:color .45s}[data-mx=integrations] .sys4c .jobs{flex-shrink:0;gap:4px;display:flex}[data-mx=integrations] .sys4c .jobs button{color:#64748b;border:1px dashed #cbd5e1;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;transition:background .4s,color .4s,border-color .4s}[data-mx=integrations] .sys4c .jobs button:hover{color:var(--ink-green);border-color:var(--brand-primary)}[data-mx=integrations] .sys4c .jobs button.on{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#14201a}[data-mx=integrations] .sys4c.on{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-10)}[data-mx=integrations] .sys4c.on .nm i{background:var(--brand-primary);color:#14201a}[data-mx=integrations] .sys4c.on .nm b{color:#0f172a}[data-mx=integrations] .sys4c button:focus-visible,[data-mx=integrations] .seg4 button:focus-visible{outline:3px solid var(--brand-primary-30);outline-offset:2px;border-radius:8px}[data-mx=integrations] .pos4{margin-top:8px}[data-mx=integrations] .seg4{background:#f7f8fa;border:1px solid #e2e8f0;border-radius:12px;gap:3px;margin-top:6px;padding:3px;display:inline-flex}[data-mx=integrations] .seg4 button{color:#475569;border-radius:9px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .4s,color .4s,box-shadow .4s}[data-mx=integrations] .seg4 button.on{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a1f}[data-mx=integrations] .mid4{z-index:1;place-items:center;display:grid;position:relative}[data-mx=integrations] .core4{color:#fff;width:168px;height:168px;box-shadow:0 0 0 10px var(--brand-primary-10), 0 0 0 22px var(--brand-primary-5);background:#0f172a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}[data-mx=integrations] .core4 svg{color:var(--brand-primary)}[data-mx=integrations] .core4 b{font-size:16px;font-weight:600}[data-mx=integrations] .core4 span{color:#a9c79c;font-variant-numeric:tabular-nums;font-size:12px}[data-mx=integrations] .oc{background:#fafbfc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;transition:background .45s,border-color .45s}[data-mx=integrations] .oc .hd{align-items:center;gap:10px;display:flex}[data-mx=integrations] .oc .lamp{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .45s,box-shadow .45s}[data-mx=integrations] .oc b{color:#64748b;font-size:16px;font-weight:600;transition:color .45s}[data-mx=integrations] .oc p{color:#64748b;min-height:2.8em;margin-top:4px;font-size:14px;transition:color .45s,opacity .25s}[data-mx=integrations] .oc small{color:#64748b;margin-top:4px;font-size:12px;display:block}[data-mx=integrations] .oc.on{background:#fff}[data-mx=integrations] .oc.on .lamp{background:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-20)}[data-mx=integrations] .oc.on b{color:#0f172a}[data-mx=integrations] .oc.on p{color:#475569}[data-mx=integrations] .fadeswap{transition:opacity .25s}[data-mx=integrations] .fadeswap.out{opacity:0}@media (width<=1023px){[data-mx=integrations] .hub4{grid-template-columns:1fr;gap:20px;padding:20px}[data-mx=integrations] .wires4{display:none}[data-mx=integrations] .mid4{padding:6px 0}[data-mx=integrations] .mid4:before,[data-mx=integrations] .mid4:after{content:"";background:var(--brand-primary);width:2px;height:14px;position:absolute;left:50%}[data-mx=integrations] .mid4:before{top:-10px}[data-mx=integrations] .mid4:after{bottom:-10px}[data-mx=integrations] .core4{width:auto;height:auto;box-shadow:0 0 0 6px var(--brand-primary-10);border-radius:99px;flex-direction:row;padding:10px 18px}}@media (width<=480px){[data-mx=integrations] .sys4c{flex-wrap:wrap}[data-mx=integrations] .sys4c .jobs{width:100%;padding-left:42px}[data-mx=integrations] .hub4{padding:14px}}@media (prefers-reduced-motion:reduce){[data-mx=integrations] .demo-pill i,[data-mx=integrations] .wires4 path.on{animation:none}[data-mx=integrations] .sys4c,[data-mx=integrations] .sys4c *,[data-mx=integrations] .seg4 button,[data-mx=integrations] .oc,[data-mx=integrations] .oc *{transition:none!important}}@keyframes integrations--dpulse{50%{opacity:.35}}@keyframes integrations--flow4{to{stroke-dashoffset:-28px}}[data-mx=story] .fade-up,[data-mx=story] .fade-up.in{opacity:1;transition:none;transform:none}[data-mx=story] .s2-q{letter-spacing:-.02em;text-wrap:pretty;padding-left:32px;font-size:32px;font-weight:600;line-height:1.25;position:relative}[data-mx=story] .s2-q:before{content:"";background:var(--brand-primary);border-radius:3px;width:3px;position:absolute;top:6px;bottom:6px;left:0}@media (width>=1024px){[data-mx=story] .s2-q{margin-top:60px}}@media (width<=720px){[data-mx=story] .s2-q{padding-left:22px;font-size:24px}}[data-mx=why] .mstack{max-width:1000px;margin-left:auto;margin-right:auto}[data-mx=why] .moment{transform-origin:50% 0;will-change:transform;margin-bottom:28px;position:sticky}[data-mx=why] .moment .mc{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:44px;padding:36px 40px;display:grid;box-shadow:0 1px 2px #0f172a0a,0 -4px 24px #0f172a0d,0 18px 44px -18px #0f172a24}[data-mx=why] .moment .mc>*{opacity:var(--f,1);transition:opacity .1s linear}[data-mx=why] .moment .who{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}[data-mx=why] .moment .who.gm{background:var(--tint-12);color:var(--ink-green)}[data-mx=why] .moment .who.own{color:#fff;background:#0f172a}[data-mx=why] .moment .who.team{color:#475569;background:#f1f5f9}[data-mx=why] .moment .when{color:#64748b;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}[data-mx=why] .moment .q{letter-spacing:-.02em;margin-top:16px;font-size:25px;font-weight:600;line-height:1.28}[data-mx=why] .moment .a{color:#475569;margin-top:10px;font-size:16px;line-height:1.55}[data-mx=why] .mwin{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;overflow:hidden}[data-mx=why] .mwin .top{color:#475569;background:#f7f8fa;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;display:flex}[data-mx=why] .mwin .top i{background:#cbd5e1;border-radius:50%;width:8px;height:8px;display:block}[data-mx=why] .mwin .r{font-variant-numeric:tabular-nums;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}[data-mx=why] .mwin .r:first-of-type{border-top:0}[data-mx=why] .mnotif{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:18px;gap:12px;padding:14px;font-size:13.5px;line-height:1.4;display:flex;box-shadow:0 18px 44px -14px #0f172a38}[data-mx=why] .mnotif .ic{background:var(--brand-primary);color:#14201a;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}[data-mx=why] .mmsg{font-size:14px;line-height:1.45}[data-mx=why] .mmsg .b{background:#f1f5f9;border-radius:14px;max-width:92%;padding:9px 13px;display:inline-block}[data-mx=why] .mmsg .b.me{background:var(--brand-primary);color:#14201a}@media (width<=1023px),(height<=720px),(prefers-reduced-motion:reduce){[data-mx=why] .moment{position:relative;top:auto!important;transform:none!important}[data-mx=why] .moment .mc>*{opacity:1!important}}@media (width<=860px){[data-mx=why] .moment .mc{grid-template-columns:1fr;gap:24px;padding:26px 22px}[data-mx=why] .moment .q{font-size:22px}[data-mx=why] .moment{margin-bottom:16px}}