.connect-hero{color:#f0f1e8;background:radial-gradient(at 85% 42%,#7060461b,#0000 55%),#101615;padding-top:158px;overflow:hidden}.connect-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:65px;padding-bottom:80px;display:grid}.connect-eyebrow{color:#bdc8b7;font:10px/1.7 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.connect-hero h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(52px,5.3vw,78px);font-weight:500;line-height:1.06}.connect-hero-copy>p{color:#a9b7af;max-width:48ch;margin:0;font-size:15px;line-height:1.85}.connect-explore{border-bottom:1px solid #dbeed34d;align-items:center;gap:35px;margin-top:25px;padding:15px 0;font-size:13px;display:inline-flex}.connect-baseline{font:9px/1.6 var(--font-mono);color:#8b9b8d;border-top:1px solid #dbeed318;justify-content:space-between;gap:20px;padding-block:22px;display:flex}.connect-baseline>span{align-items:center;gap:12px;display:flex}.connect-showcase.detail-scene{--scene-accent:#d2e1be;background:radial-gradient(at 45% 37%,#bdc88b12,#0000 55%),#141e19;border-color:#d5e6c624;border-radius:22px;box-shadow:0 30px 90px -60px #000b}.connect-stage{aspect-ratio:720/380;isolation:isolate;width:100%;margin:0 auto 8px;position:relative}.connect-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connect-wires path{stroke:#b6d2b329;stroke-width:1px}.connect-wires .connect-current{stroke:#d0e2b9;stroke-width:1.7px;stroke-dasharray:15 300;opacity:0;animation:5s linear infinite connect-travel}.connect-wires g[data-active=true] .connect-current,.connect-wires>.connect-current{opacity:.7}.connect-wires .connect-current-result{animation-delay:-2.5s}.connect-inputs{z-index:2;flex-direction:column;justify-content:space-between;gap:14px;width:25%;height:76%;display:flex;position:absolute;top:11%;left:5%}.connect-inputs button{color:#9bac9f;text-align:start;background:#1b2720;border:1px solid #cbdbbd20;border-radius:12px;align-items:center;gap:9px;height:21%;min-height:38px;padding:8px 10px;transition:background .25s,color .25s,border-color .25s;display:flex}.connect-inputs button[aria-pressed=true]{color:#18251e;background:#e5ecdc;border-color:#e5ecdc;box-shadow:0 8px 26px -14px #b1d3976b}.connect-inputs img{background:#fff;border-radius:5px;flex:none;width:22px;height:22px;padding:3px}.connect-inputs span{white-space:nowrap;font-size:11px;font-weight:550}.connect-inputs i{background:currentColor;border-radius:50%;flex:none;width:3px;height:3px;margin-left:auto}.connect-nucleus{aspect-ratio:1;place-items:center;width:24%;display:grid;position:absolute;top:28%;left:40%}.connect-ring{border:1px solid #c2d5a92e;border-radius:50%;animation:6s ease-in-out infinite connect-breathe;position:absolute;inset:-18%}.connect-ring:after{content:"";border:1px solid #c2d5a915;border-radius:50%;position:absolute;inset:-14%}.connect-chip{aspect-ratio:1;color:#dfebc6;background:linear-gradient(145deg,#394735,#1c2b1f);border:1px solid #d5e4be55;border-radius:24%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;display:flex;box-shadow:0 0 60px -10px #aebc7333,0 5px #111c15}.connect-chip svg{width:30%;height:30%}.connect-chip b{letter-spacing:-.03em;font-size:clamp(11px,1.4vw,16px);font-weight:500}.connect-chip>span{font:7px var(--font-mono);letter-spacing:.12em;color:#8caa83}.connect-agent{color:#cdd6c7;flex-direction:column;align-items:center;gap:5px;width:15%;display:flex;position:absolute;top:30%;left:79%}.connect-agent img{aspect-ratio:1;object-fit:cover;background:#1a261c;border:1px solid #d1e3be4d;border-radius:50%;width:82%;height:auto;padding:4px}.connect-agent span{font:7px var(--font-mono);color:#8fa285}.connect-agent strong{font-size:12px;font-weight:500}.connect-policy{font:8px var(--font-mono);color:#95ae89;align-items:center;gap:6px;display:flex;position:absolute;top:11%;left:42%}.connect-output-mark{color:#bfd3b0;font:8px var(--font-mono);align-items:center;gap:8px;display:flex;position:absolute;bottom:12%;left:42%}.connect-outcome{border-top:1px solid #cbdabb26;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:91px;margin:0 24px;padding:22px 0;display:grid}.connect-outcome>span{font:9px var(--font-mono);color:#a8b99c;align-items:center;gap:7px;display:flex}.connect-outcome i{border-radius:50%;width:5px;height:5px}.connect-outcome p{color:#e6ebdd;margin:0;font-size:13px;line-height:1.6}.connect-outcome>svg{color:#a7bd90}.connect-scene-foot{font:8px/1.7 var(--font-mono);color:#8c9f85;text-align:center;justify-content:center;align-items:center;gap:8px;padding:4px 15px 22px;display:flex}.connect-showcase button:focus-visible,.connect-explore:focus-visible{outline-offset:4px;outline:2px solid #d4e6bd}.connect-showcase-compact .connect-stage{max-width:780px}.connect-showcase-compact .connect-outcome{grid-template-columns:auto 1fr auto}.connect-showcase-compact .connect-inputs span{font-size:13px}.connect-steps{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding-block:78px;display:grid}.connect-step-number{font:10px var(--font-mono);color:var(--faint)}.connect-steps h2{letter-spacing:-.04em;margin:20px 0 13px;font-size:30px;font-weight:500}.connect-steps p{color:var(--muted);max-width:34ch;font-size:13px;line-height:1.85}.connect-applications{padding-block:85px}.connect-section-heading{grid-template-columns:1fr 1fr;align-items:end;column-gap:80px;margin-bottom:40px;display:grid}.connect-section-heading>.detail-eyebrow{grid-column:1/-1;margin-bottom:20px}.connect-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,55px);font-weight:500;line-height:1.08}.connect-section-heading p{color:var(--muted);max-width:51ch;margin:0;font-size:13px;line-height:1.9}.connect-example{border-bottom:1px solid var(--line);grid-template-columns:32px 38px 1fr 1.8fr 20px;align-items:center;gap:22px;padding:28px 0;display:grid}.connect-example-index{font:9px var(--font-mono);color:var(--faint)}.connect-example>img{background:#fff;border-radius:8px;padding:5px}.connect-example h3{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:500}.connect-example p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.connect-example>svg{color:var(--sim)}.connect-governance{background:var(--card);border-block:1px solid var(--line-soft);padding-block:90px}.connect-governance-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.connect-vault{perspective:1000px;place-items:center;min-height:280px;display:grid}.connect-vault-card{aspect-ratio:1.48;color:#d0dfbf;background:radial-gradient(at 5% 0,#bfc9aa40,#0000 70%),linear-gradient(145deg,#233525,#111b16);border:1px solid #c0cbbb47;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;width:min(100%,360px);padding:25px;display:grid;transform:rotateY(-12deg)rotate(-5deg);box-shadow:18px 32px 50px -30px #101d1266}.connect-vault-card strong{text-align:end;letter-spacing:-.03em;font-size:18px;font-weight:500}.connect-vault-card>span{font:15px var(--font-mono);letter-spacing:.18em;color:#acbe9d;grid-column:1/-1;margin-top:15px}.connect-vault-card>div{font:9px var(--font-mono);color:#9aaf8b;grid-column:1/-1;align-items:center;gap:15px;margin-top:22px;display:flex}.connect-vault-card>div>span{align-items:center;gap:10px;display:flex}.connect-governance-copy h2{letter-spacing:-.055em;margin:22px 0;font-size:clamp(38px,4.7vw,64px);font-weight:500;line-height:1.06}.connect-governance-copy p{color:var(--muted);max-width:49ch;font-size:14px;line-height:1.9}.connect-close{justify-content:space-between;align-items:end;gap:70px;padding-block:85px;display:flex}.connect-close h2{letter-spacing:-.05em;max-width:650px;margin:20px 0;font-size:clamp(32px,4vw,50px);font-weight:500;line-height:1.12}.connect-close p{color:var(--muted);max-width:55ch;font-size:13px;line-height:1.85}.connect-close>div:last-child{flex-direction:column;gap:12px;min-width:225px;display:flex}.connect-close button,.connect-close a{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:25px;padding:14px 20px;font-size:12px;font-weight:550;display:flex}.connect-close button{background:var(--ink);color:var(--bg)}.connect-close button:focus-visible,.connect-close a:focus-visible{outline:2px solid var(--sim);outline-offset:4px}@keyframes connect-travel{to{stroke-dashoffset:-630px}}@keyframes connect-breathe{50%{opacity:.45;scale:1.08}}@media (width<=1100px){.connect-hero-layout{gap:40px}.connect-hero h1{font-size:56px}.connect-inputs{width:27%;left:4%}.connect-inputs button{gap:6px;padding-inline:7px}.connect-inputs span{font-size:10px}.connect-governance-layout{gap:60px}}@media (width<=760px){.connect-hero{padding-top:120px}.connect-hero-layout{grid-template-columns:1fr;gap:42px;padding-bottom:45px}.connect-hero h1{max-width:12ch;margin-block:22px;font-size:clamp(48px,10vw,65px)}.connect-hero-copy>p{max-width:43ch;font-size:14px}.connect-baseline{padding-block:18px;font-size:7px}.connect-hero .connect-showcase{margin-inline:0}.connect-inputs span{font-size:10px}.connect-chip b{font-size:13px}.connect-steps{grid-template-columns:1fr;gap:28px;padding-block:48px}.connect-steps>div{grid-template-columns:34px 1fr;align-items:baseline;column-gap:13px;display:grid}.connect-steps h2{margin-top:0;font-size:26px}.connect-steps p{grid-column:2;max-width:40ch;margin-top:0}.connect-applications{padding-block:55px}.connect-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.connect-section-heading>.detail-eyebrow{margin-bottom:0}.connect-example{grid-template-columns:20px 30px 1fr 18px;gap:13px;padding-block:25px}.connect-example h3{font-size:19px}.connect-example p{grid-area:2/3;font-size:12px}.connect-example>svg{grid-area:1/4}.connect-governance{padding-block:50px}.connect-governance-layout{grid-template-columns:1fr;gap:35px}.connect-vault{min-height:240px}.connect-vault-card{width:min(85%,360px)}.connect-governance-copy h2{max-width:12ch;font-size:44px}.connect-governance-copy p{font-size:13px}.connect-close{flex-direction:column;align-items:stretch;gap:25px;padding-block:55px}.connect-close>div:last-child{align-items:flex-start}.connect-close button,.connect-close a{min-width:240px}.connect-outcome{gap:12px;min-height:86px;margin-inline:18px;padding-block:18px}.connect-outcome p{font-size:12px}.connect-outcome>span{font-size:8px}}@media (width<=420px){.connect-inputs{gap:10px;width:29%}.connect-inputs button{border-radius:9px;min-height:35px;padding-inline:6px}.connect-inputs img{width:19px;height:19px}.connect-inputs span{font-size:9px}.connect-inputs i{display:none}.connect-agent{width:17%;top:28%;left:78%}.connect-agent strong{font-size:10px}.connect-agent span{font-size:6px}.connect-policy{gap:4px;font-size:6px;left:44%}.connect-policy svg{width:9px}.connect-chip b{font-size:10px}.connect-chip>span{font-size:5px}.connect-chip{gap:3px}.connect-output-mark{gap:5px;font-size:6px;bottom:11%;left:40%}.connect-output-mark svg{width:11px}.connect-showcase-compact .connect-inputs span{font-size:9px}.connect-outcome{grid-template-columns:auto 1fr;column-gap:12px}.connect-outcome>svg{display:none}.connect-baseline>span:last-child{gap:6px;font-size:6px}}[dir=rtl] .connect-explore svg,[dir=rtl] .connect-close svg,[dir=rtl] .connect-baseline svg{rotate:180deg}[dir=rtl] .connect-hero h1,[dir=rtl] .connect-section-heading h2,[dir=rtl] .connect-governance-copy h2{letter-spacing:0}@media (prefers-reduced-motion:reduce){.connect-showcase *{transition:none!important}.connect-ring,.connect-current{animation:none!important}}.connect-inputs img[src$="/github.svg"],.connect-inputs img[src$="/notion.svg"],.connect-example>img[src$="/github.svg"],.connect-example>img[src$="/notion.svg"]{background:#18211d}.connect-catalog{padding-block:85px 30px}.connect-catalog-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:80px;margin-bottom:55px;display:grid}.connect-catalog-heading h2{letter-spacing:-.05em;max-width:600px;margin:22px 0 0;font-size:clamp(34px,4.4vw,60px);font-weight:500;line-height:1.08}.connect-catalog-heading dl{justify-content:flex-end;gap:55px;margin:0;display:flex}.connect-catalog-heading dt{letter-spacing:-.065em;font-size:60px;font-weight:450;line-height:1.1}.connect-catalog-heading dd{color:var(--faint);font:9px/1.7 var(--font-mono);max-width:15ch;margin:12px 0 0}.connect-catalog-group{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px;padding-block:30px;display:grid}.connect-catalog-group h3{letter-spacing:-.03em;align-items:baseline;gap:18px;margin:0;font-size:16px;font-weight:550;display:flex}.connect-catalog-group h3>span{color:var(--faint);font:9px var(--font-mono)}.connect-catalog-group ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.connect-catalog-group li{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:17px;font-weight:450}.connect-catalog-note{color:var(--faint);max-width:78ch;margin:22px 0 0;font-size:11px;line-height:1.8}.connect-applications{padding-top:65px}@media (width<=760px){.connect-catalog{padding-block:55px 15px}.connect-catalog-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.connect-catalog-heading h2{max-width:15ch;font-size:38px}.connect-catalog-heading dl{justify-content:flex-start;gap:50px}.connect-catalog-heading dt{font-size:45px}.connect-catalog-heading dd{max-width:21ch;margin-top:5px;font-size:8px}.connect-catalog-group{grid-template-columns:1fr;gap:22px;padding-block:26px}.connect-catalog-group h3{gap:14px;font-size:16px}.connect-catalog-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-inline-start:30px}.connect-catalog-group li{font-size:15px}.connect-applications{padding-top:40px}}