.connect .connect-section-head{display:grid;gap:var(--sp-4);max-width:760px}.connect .connect-section-head .lang-eyebrow{margin:0}.connect .connect-hero{padding-block:var(--sp-7) var(--sp-8)}.connect .connect-hero__inner{display:grid;gap:var(--sp-7);align-items:center}.connect .connect-hero__copy{display:grid;gap:var(--sp-5);justify-items:start;min-width:0}.connect .connect-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.connect .connect-hero .lang-eyebrow{margin:0;color:var(--accent-deep)}.connect .connect-hero .lang-display{max-width:14ch}.connect .connect-hero .lang-actions{margin-top:var(--sp-2);width:100%}.connect .connect-hero__figure{min-width:0;margin:0}.connect .connect-frame{display:block;overflow:hidden;border-radius:var(--r-card);background:var(--surface-2);box-shadow:var(--elev-raised)}.connect .connect-frame img{display:block;width:100%;height:auto;color:transparent}@media(min-width:720px){.connect .connect-hero{padding-block:var(--sp-8) calc(var(--sp-8) + var(--sp-6))}}@media(min-width:960px){.connect .connect-hero__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sp-8)}}.connect .connect-flow{margin:var(--sp-7) 0 0}.connect .connect-flow__panel{position:relative;padding:var(--sp-6) var(--sp-4);border-radius:var(--r-card);background-color:color-mix(in srgb,var(--ground) 62%,var(--brand-ink));background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 34%,transparent) .6px,transparent 1.2px),radial-gradient(circle,color-mix(in srgb,var(--ink) 22%,transparent) .6px,transparent 1.2px),radial-gradient(circle,color-mix(in srgb,var(--cat-teal) 55%,transparent) .8px,transparent 1.5px),radial-gradient(circle,color-mix(in srgb,var(--cat-violet) 55%,transparent) .8px,transparent 1.5px),radial-gradient(circle,color-mix(in srgb,var(--cat-gold) 50%,transparent) .8px,transparent 1.5px),radial-gradient(180px 130px at 7% 90%,color-mix(in srgb,var(--cat-gold) 13%,transparent),transparent),radial-gradient(160px 120px at 93% 10%,color-mix(in srgb,var(--cat-violet) 14%,transparent),transparent),radial-gradient(110px 90px at 78% 94%,color-mix(in srgb,var(--cat-teal) 12%,transparent),transparent),radial-gradient(100px 80px at 24% 6%,color-mix(in srgb,var(--cat-teal) 11%,transparent),transparent);background-size:61px 53px,109px 97px,173px 157px,197px 181px,229px 211px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:7px 19px,43px 71px,23px 101px,131px 37px,83px 149px,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;box-shadow:var(--elev-raised)}.connect .connect-flow__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:calc(var(--sp-8) + var(--sp-4));isolation:isolate}.connect .connect-flow__wires{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.connect .connect-flow__wire{fill:none;stroke-width:1.5;stroke-linecap:round}.connect .connect-flow__wire--in{stroke:var(--cat-teal);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--cat-teal) 70%,transparent))}.connect .connect-flow__wire--out{stroke:var(--cat-violet);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--cat-violet) 70%,transparent))}.connect .connect-flow__halo--in{fill:color-mix(in srgb,var(--cat-teal) 22%,transparent)}.connect .connect-flow__halo--out{fill:color-mix(in srgb,var(--cat-violet) 22%,transparent)}.connect .connect-flow__dot--in{fill:var(--cat-teal)}.connect .connect-flow__dot--out{fill:var(--cat-violet)}.connect .connect-flow__end,.connect .connect-flow__hub{position:relative;display:grid;align-content:start;min-width:0}.connect .connect-flow__end{padding:var(--sp-5) var(--sp-5) var(--sp-4);gap:var(--sp-3)}.connect .connect-flow__end,.connect .connect-flow__hub{border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));box-shadow:var(--elev-raised),inset 0 1px color-mix(in srgb,var(--ink) 7%,transparent)}.connect .connect-flow__label{margin:0;font:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.connect .connect-flow__rows{display:grid;margin:0;padding:0;list-style:none}.connect .connect-flow__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);min-height:48px;padding-block:var(--sp-3);border-top:1px solid var(--line)}.connect .connect-flow__row:last-child{border-bottom:1px solid var(--line)}.connect .connect-flow__name{font:var(--text-heading);font-size:17px;color:var(--ink)}.connect .connect-flow__state{display:inline-flex;align-items:center;gap:var(--sp-2);font:var(--text-data);color:var(--ink-3);white-space:nowrap}.connect .connect-flow__state:before{content:"";width:var(--sp-2);height:var(--sp-2);border:1px solid var(--ink-3);border-radius:var(--r-tag)}.connect .connect-flow__state--live{color:var(--ok-text)}.connect .connect-flow__state--live:before{border-color:var(--ok);background:var(--ok)}.connect .connect-flow__sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.connect .connect-flow__note{margin:var(--sp-2) 0 0;font:var(--text-caption);color:var(--ink-2);text-wrap:pretty}.connect .connect-flow__hub{gap:var(--sp-4);padding:var(--sp-6) var(--sp-5) var(--sp-5);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-held) 96%,var(--ink)),var(--surface-held));box-shadow:var(--elev-held),inset 0 1px color-mix(in srgb,var(--ink) 10%,transparent)}.connect .connect-flow__hub-title{margin:0;font:var(--text-title);font-size:clamp(26px,2.6vw,30px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.connect .connect-flow__controls{display:grid;margin:0}.connect .connect-flow__control{display:grid;grid-template-columns:var(--sp-6) minmax(0,1fr);column-gap:var(--sp-3);align-items:center;padding-block:var(--sp-3);border-top:1px solid var(--line)}.connect .connect-flow__glyph{grid-row:span 2;display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-control);background:var(--accent-soft);color:var(--accent-text)}.connect .connect-flow__glyph svg{width:18px;height:18px;fill:none;stroke:currentcolor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.connect .connect-flow__control dt{font:var(--text-heading);font-size:17px;line-height:1.25;color:var(--ink)}.connect .connect-flow__control dd{margin:0;font:var(--text-caption);font-size:14px;color:var(--ink-2)}.connect .connect-flow__caption{display:grid;gap:var(--sp-3);margin-top:var(--sp-7);max-width:760px}.connect .connect-flow__claim{margin:0;font:var(--web-subtitle);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}@media(min-width:960px){.connect .connect-flow__stage{grid-template-columns:minmax(0,1fr) calc(var(--sp-8) + var(--sp-6)) minmax(0,1.2fr) calc(var(--sp-8) + var(--sp-6)) minmax(0,1fr);align-items:center;row-gap:0}.connect .connect-flow__panel{padding:var(--sp-7) var(--sp-6)}.connect .connect-flow__end--systems{grid-column:1}.connect .connect-flow__hub{grid-column:3;padding:var(--sp-6)}.connect .connect-flow__end--assistants{grid-column:5}.connect .connect-flow__caption{margin-top:var(--sp-8)}}.connect [data-flow-armed] .connect-flow__end,.connect [data-flow-armed] .connect-flow__hub{transition:opacity var(--dur-moment) var(--ease-settle),translate var(--dur-moment) var(--ease-settle),box-shadow var(--dur-ground) var(--ease-standard)}.connect [data-flow-armed]:not(.is-revealed) .connect-flow__end,.connect [data-flow-armed]:not(.is-revealed) .connect-flow__hub{opacity:0;translate:calc(-1 * var(--travel)) 0}.connect [data-flow-armed] .connect-flow__hub{transition-delay:var(--dur-enter)}.connect [data-flow-armed] .connect-flow__end--assistants{transition-delay:calc(var(--dur-enter) * 2)}.connect [data-flow-armed] .connect-flow__wire{stroke-dasharray:var(--wire-length) var(--wire-length);transition:stroke-dashoffset var(--dur-moment) var(--ease-settle);transition-delay:calc(var(--dur-enter) + var(--wire-order) * var(--dur-press))}.connect [data-flow-armed] .connect-flow__wire--out{transition-delay:calc(var(--dur-enter) * 2 + var(--wire-order) * var(--dur-press))}.connect [data-flow-armed]:not(.is-revealed) .connect-flow__wire{stroke-dashoffset:var(--wire-length)}.connect [data-flow-armed] .connect-flow__dot,.connect [data-flow-armed] .connect-flow__halo{transition:opacity var(--dur-enter) var(--ease-settle);transition-delay:calc(var(--dur-enter) * 2)}.connect [data-flow-armed]:not(.is-revealed) .connect-flow__dot,.connect [data-flow-armed]:not(.is-revealed) .connect-flow__halo{opacity:0}@media(prefers-reduced-motion:reduce){.connect [data-flow-armed] *{transition:none}}.connect .connect-capabilities__grid{display:grid;gap:var(--sp-5);margin:var(--sp-7) 0 0;padding:0;list-style:none}.connect .connect-capability{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0;padding:var(--sp-5) var(--sp-5) var(--sp-6)}.connect .connect-capability__index{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);font:var(--web-caption);font-family:var(--face-data);color:var(--accent-text)}.connect .connect-capability__index:after{content:"";flex:1;height:1px;background:var(--line)}.connect .connect-capability__title{margin:0;font:var(--web-subtitle);color:var(--ink);text-wrap:balance}.connect .connect-capability__body{margin:0}.connect .connect-capability__example{margin:var(--sp-2) 0 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);background:var(--surface-2);font:var(--web-caption);color:var(--ink-2);text-wrap:pretty}.connect .connect-capability__example-label{font-weight:600;color:var(--ink)}@media(min-width:720px){.connect .connect-capability{padding:var(--sp-6)}}@media(min-width:960px){.connect .connect-capabilities__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto;column-gap:var(--sp-5);row-gap:0}.connect .connect-capability{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;row-gap:var(--sp-4)}.connect .connect-capability__title{align-self:start}.connect .connect-capability__example{margin:var(--sp-2) 0 0}}.connect .connect-split{display:grid;gap:var(--sp-6)}.connect .connect-split__head{display:grid;gap:var(--sp-4);align-content:start}.connect .connect-split__head .lang-eyebrow{margin:0}.connect .connect-split .lang-title{max-width:18ch}.connect .connect-story{display:grid;gap:var(--sp-5);max-width:62ch;margin:0;padding-left:var(--sp-5);border-left:3px solid var(--accent)}.connect .connect-story__text{display:grid;gap:var(--sp-5)}.connect .connect-story__text p{margin:0;font:var(--web-lead);color:var(--ink);text-wrap:pretty}.connect .connect-story__by{font:var(--web-caption);color:var(--ink-3)}@media(min-width:960px){.connect .connect-split{grid-template-columns:5fr 7fr;gap:var(--sp-8);align-items:start}}.connect .connect-open__body{display:grid;gap:var(--sp-5);justify-items:start;max-width:62ch}.connect .connect-open__body p{margin:0;font:var(--web-body);color:var(--ink-2);text-wrap:pretty}.connect .connect-open__body p:first-child{color:var(--ink)}.connect .connect-open__body .lang-link{min-height:44px}.connect .connect-closing__inner{display:grid;gap:var(--sp-5);justify-items:start}.connect .connect-closing .lang-actions{width:100%}