.connect-page{--connect-accent:#52e1c1;--connect-accent-rgb:82, 225, 193;background:radial-gradient(900px 560px at 88% 5%,#52e1c117,#0000 64%),radial-gradient(800px 520px at 5% 22%,#6ea8ff0d,#0000 62%);min-height:100vh}.connect-page .shell{width:min(1220px,100% - 40px)}.connect-page .site-chrome{margin-bottom:22px}.connect-page .section-kicker{color:var(--connect-accent)}.connect-page .button.primary{border-color:var(--connect-accent);background:var(--connect-accent);color:#07100e;box-shadow:0 12px 32px rgba(var(--connect-accent-rgb), .16)}.connect-page .button:hover{border-color:var(--connect-accent)}.connect-page :focus-visible{outline-color:var(--connect-accent)}.connect-hero{background:linear-gradient(130deg, rgba(var(--connect-accent-rgb), .08), transparent 42%), #0b0e13;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);align-items:center;gap:54px;min-height:580px;padding:62px;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 110px #0006}.connect-hero:before{content:"";border:1px solid rgba(var(--connect-accent-rgb), .13);width:500px;height:500px;box-shadow:0 0 120px rgba(var(--connect-accent-rgb), .05), inset 0 0 80px rgba(var(--connect-accent-rgb), .035);border-radius:50%;position:absolute;top:-220px;right:-180px}.connect-hero-copy{z-index:1;position:relative}.connect-hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:760px;margin-top:14px;font-size:clamp(48px,6.5vw,82px);line-height:.92}.connect-hero-copy>p{color:#b9b6c0;max-width:700px;margin:20px 0 0;font-size:15px;line-height:1.75}.connect-boundary{z-index:1;background:#11151a;border:1px solid #ffffff1c;border-radius:20px;padding:18px;position:relative;box-shadow:0 24px 70px #0000004d}.connect-device{border:1px dashed rgba(var(--connect-accent-rgb), .42);background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), rgba(var(--connect-accent-rgb), .025);background-size:24px 24px;border-radius:15px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:250px;padding:48px 20px 22px;display:grid;position:relative}.connect-device>span{color:var(--connect-accent);letter-spacing:.09em;font:700 9px/1 JetBrains Mono,monospace;position:absolute;top:15px;left:18px}.connect-device>div{text-align:center;background:#080b0ed6;border:1px solid #ffffff1a;border-radius:13px;align-content:center;place-items:center;gap:10px;min-height:110px;padding:14px;display:grid}.connect-device b{border:1px solid rgba(var(--connect-accent-rgb), .35);width:42px;height:42px;color:var(--connect-accent);border-radius:11px;place-items:center;font:700 10px/1 JetBrains Mono,monospace;display:grid}.connect-device strong{font-size:11px}.connect-device>i{color:var(--connect-accent);font-style:normal}.connect-network{color:#a4a1aa;background:#ff5c6c0b;border:1px solid #ff5c6c2e;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:10px;font-size:11px;display:flex}.connect-network span{width:22px;height:22px;color:var(--coral);background:#ff5c6c1f;border-radius:50%;place-items:center;display:grid}.connect-hero-proof{flex-wrap:wrap;gap:9px;display:flex;position:absolute;bottom:28px;left:62px;right:62px}.connect-hero-proof span{border:1px solid rgba(var(--connect-accent-rgb), .24);background:rgba(var(--connect-accent-rgb), .06);color:#a9d8cc;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font:700 9px/1 JetBrains Mono,monospace}.connect-layers,.connect-lab,.connect-rules,.connect-status,.connect-companion{margin-top:82px}.connect-layers>header,.connect-rules>header,.connect-status>header{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);grid-template-areas:"kicker text""title text";align-items:end;gap:8px 44px;margin-bottom:24px;display:grid}.connect-layers>header .section-kicker,.connect-rules>header .section-kicker,.connect-status>header .section-kicker{grid-area:kicker}.connect-layers>header h2,.connect-rules>header h2,.connect-status>header h2{grid-area:title;max-width:770px;font-size:clamp(34px,4.4vw,52px);line-height:.98}.connect-layers>header>p{color:#9f9ca7;grid-area:text;margin:0;font-size:14px;line-height:1.7}.connect-layer-flow{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.connect-layer-flow article,.connect-layer-flow aside{background:#101318;min-height:260px;padding:22px;position:relative}.connect-layer-flow article:not(:last-of-type),.connect-layer-flow article:last-of-type{border-right:1px solid #ffffff14}.connect-layer-flow aside{background:linear-gradient(145deg, rgba(var(--connect-accent-rgb), .12), transparent 55%), #12171b}.connect-layer-flow article>span,.connect-layer-flow aside>span{color:var(--connect-accent);font:700 11px/1 JetBrains Mono,monospace}.connect-layer-flow small{color:#6f6c77;letter-spacing:.06em;text-transform:uppercase;margin-top:38px;font:700 9px/1.3 JetBrains Mono,monospace;display:block}.connect-layer-flow h3{margin-top:10px;font-size:25px}.connect-layer-flow p{color:#9996a1;margin:13px 0 0;font-size:12px;line-height:1.65}.connect-section-head{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);align-items:end;gap:44px;margin-bottom:24px;display:grid}.connect-section-head h2{max-width:780px;margin-top:8px;font-size:clamp(34px,4.4vw,52px)}.connect-section-head>p{color:#9c99a4;margin:0;font-size:14px;line-height:1.7}.connect-lab-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.connect-dropzone{border:1px dashed rgba(var(--connect-accent-rgb), .45);background:radial-gradient(400px 240px at 50% 42%, rgba(var(--connect-accent-rgb), .075), transparent 70%), #0e1116;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:34px;display:flex}.connect-dropzone[data-state=ready]{background:linear-gradient(145deg, rgba(var(--connect-accent-rgb), .08), transparent 48%), #0e1116;border-style:solid}.connect-dropzone[data-state=error]{background:linear-gradient(145deg,#ff5c6c12,#0000 48%),#0e1116;border-color:#ff5c6c7a}.connect-dropzone>input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.connect-file-icon{border:1px solid rgba(var(--connect-accent-rgb), .42);background:rgba(var(--connect-accent-rgb), .06);width:76px;height:92px;color:var(--connect-accent);box-shadow:0 0 34px rgba(var(--connect-accent-rgb), .08);border-radius:14px;place-items:center;display:grid;position:relative}.connect-file-icon:after{content:"";border-bottom:1px solid rgba(var(--connect-accent-rgb), .36);border-left:1px solid rgba(var(--connect-accent-rgb), .36);clip-path:polygon(0 0,100% 100%,0 100%);background:#0e1116;width:22px;height:22px;position:absolute;top:-1px;right:-1px}.connect-file-icon span{font:700 17px/1 JetBrains Mono,monospace}.connect-file-icon i{background:rgba(var(--connect-accent-rgb), .25);height:1px;box-shadow:0 -8px 0 rgba(var(--connect-accent-rgb), .18);position:absolute;bottom:14px;left:13px;right:13px}.connect-dropzone h3{margin-top:22px;font-size:31px}.connect-dropzone>p{color:#96939e;max-width:520px;margin:10px 0 0;font-size:12px;line-height:1.6}.connect-dropzone>dl{text-align:left;background:#ffffff14;border:1px solid #ffffff17;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:min(100%,560px);margin:24px 0 0;display:grid;overflow:hidden}.connect-dropzone>dl[hidden]{display:none}.connect-dropzone>dl>div{background:#080b0fd6;min-width:0;padding:12px}.connect-dropzone dt{color:#6e6b75;letter-spacing:.07em;text-transform:uppercase;font:700 8px/1 JetBrains Mono,monospace}.connect-dropzone dd{overflow-wrap:anywhere;color:#d2cfd7;margin:7px 0 0;font:700 11px/1.4 JetBrains Mono,monospace}.connect-lab-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.connect-lab-actions button:disabled{cursor:not-allowed;opacity:.42}.connect-clear{color:#77747e;background:0 0;border:0;min-height:42px;padding:0 10px;font-size:10px;font-weight:700}.connect-format{background:#111419;border:1px solid #ffffff1a;border-radius:18px;min-width:0;padding:28px;overflow:hidden}.connect-format>span{color:var(--connect-accent);letter-spacing:.08em;text-transform:uppercase;font:700 9px/1 JetBrains Mono,monospace}.connect-format h3{margin-top:14px;font-size:27px}.connect-format p{color:#96939e;margin:13px 0 22px;font-size:12px;line-height:1.65}.connect-format pre{border:1px solid rgba(var(--connect-accent-rgb), .14);color:#b9dfd5;text-align:left;background:#090c10;border-radius:12px;max-width:100%;margin:0;padding:18px;font:500 11px/1.65 JetBrains Mono,monospace;overflow-x:auto}.connect-rules{background:#0e1116;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:minmax(270px,.42fr) minmax(0,1fr);gap:50px;padding:34px;display:grid}.connect-rules>header{margin:0;display:block}.connect-rules>header h2{margin-top:10px}.connect-rules ol{margin:0;padding:0;list-style:none}.connect-rules li{border-top:1px solid #ffffff14;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;display:grid}.connect-rules li:first-child{border-top:0;padding-top:0}.connect-rules li>span{color:var(--connect-accent);font:700 10px/1.5 JetBrains Mono,monospace}.connect-rules h3{font-size:23px}.connect-rules li p{color:#9996a1;margin:8px 0 0;font-size:12px;line-height:1.65}.connect-status>div[role=table]{background:#ffffff14;border:1px solid #ffffff1a;border-radius:17px;overflow:hidden}.connect-status [role=row]{background:#101318;grid-template-columns:minmax(220px,.9fr) 150px minmax(280px,1.1fr);align-items:center;gap:22px;min-height:66px;padding:14px 20px;display:grid}.connect-status [role=row]+[role=row]{border-top:1px solid #ffffff14}.connect-status-head{color:#6f6c76;letter-spacing:.07em;text-transform:uppercase;font:700 9px/1 JetBrains Mono,monospace;min-height:42px!important}.connect-status [role=cell]{min-width:0}.connect-status strong{font-size:13px}.connect-status [data-connector-status]{border:1px solid rgba(var(--connect-accent-rgb), .3);color:var(--connect-accent);border-radius:999px;justify-self:start;padding:6px 9px;font:700 9px/1 JetBrains Mono,monospace}.connect-status p{color:#8f8c97;margin:0;font-size:11px;line-height:1.55}.connect-companion{border:1px solid rgba(var(--connect-accent-rgb), .24);background:linear-gradient(135deg, rgba(var(--connect-accent-rgb), .08), transparent 45%), #101318;border-radius:20px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:50px;padding:34px;display:grid}.connect-companion h2{max-width:650px;margin-top:9px;font-size:clamp(32px,4vw,48px)}.connect-companion>div>p{color:#9d9aa5;margin:15px 0 0;font-size:13px;line-height:1.7}.connect-companion ul{margin:0;padding:0;list-style:none}.connect-companion li{border-top:1px solid #ffffff14;grid-template-columns:86px 1fr;align-items:start;gap:18px;padding:16px 0;display:grid}.connect-companion li:first-child{border-top:0;padding-top:0}.connect-companion li span{color:var(--connect-accent);font:700 10px/1.5 JetBrains Mono,monospace}.connect-companion li p{color:#aaa7b1;margin:0;font-size:12px;line-height:1.6}.connect-independent{color:#625f69;letter-spacing:.05em;text-align:right;text-transform:uppercase;margin:18px 0 0;font:600 9px/1.5 JetBrains Mono,monospace}@media (width<=980px){.connect-hero{grid-template-columns:1fr;padding-bottom:90px}.connect-boundary{max-width:620px}.connect-layer-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-layer-flow article:nth-child(2){border-right:0}.connect-layer-flow article:nth-child(-n+2){border-bottom:1px solid #ffffff14}.connect-lab-grid,.connect-rules,.connect-companion{grid-template-columns:1fr}}@media (width<=760px){.connect-page .shell{width:min(100% - 28px,1220px)}.connect-hero{border-radius:18px;gap:34px;min-height:0;padding:40px 24px 100px}.connect-hero h1{font-size:clamp(43px,13vw,64px)}.connect-hero-proof{bottom:24px;left:24px;right:24px}.connect-layers>header,.connect-section-head,.connect-status>header{grid-template-columns:1fr;grid-template-areas:none;gap:12px;display:grid}.connect-layers>header .section-kicker,.connect-layers>header h2,.connect-layers>header>p,.connect-status>header .section-kicker,.connect-status>header h2{grid-area:auto}.connect-dropzone,.connect-format,.connect-rules,.connect-companion{padding:24px}.connect-dropzone{min-height:500px}.connect-status-head{display:none!important}.connect-status [role=row]{grid-template-columns:1fr;gap:9px;padding:18px}.connect-status [role=row] strong:before,.connect-status [role=row] p:before{color:#66636d;text-transform:uppercase;margin-bottom:5px;font:700 8px/1 JetBrains Mono,monospace;display:block}}@media (width<=480px){.connect-hero .hero-actions{display:grid}.connect-device{grid-template-columns:1fr;padding-top:48px}.connect-device>i{transform:rotate(90deg)}.connect-layer-flow,.connect-dropzone>dl{grid-template-columns:1fr}.connect-layer-flow article,.connect-layer-flow article:nth-child(2),.connect-layer-flow article:last-of-type{border-bottom:1px solid #ffffff14;border-right:0}.connect-lab-actions{width:100%;display:grid}.connect-clear{min-height:42px}.connect-companion li{grid-template-columns:1fr;gap:7px}}