.connect-landing{--connect-page:var(--background);--connect-surface:var(--card);--connect-raised:var(--secondary);--connect-ink:var(--foreground);--connect-muted:var(--muted-foreground);--connect-line:var(--border);--connect-blue:var(--primary);--connect-blue-strong:#0679e8;--connect-blue-soft:var(--accent);--connect-action:#006dcc;--connect-action-hover:#005fba;background:var(--connect-page);min-height:100dvh;color:var(--connect-ink);font-family:var(--font-sans);overflow:clip}body:has(.connect-landing) .site-content{max-width:none;padding:0}.dark .connect-landing{--connect-blue-strong:#48cfff}.connect-landing *{box-sizing:border-box}.connect-landing a{color:inherit;text-decoration:none}.connect-landing h1,.connect-landing h2,.connect-landing h3,.connect-landing p{overflow-wrap:break-word}.connect-landing h1,.connect-landing h2,.connect-landing h3{letter-spacing:-.05em;margin:0}.connect-landing p{margin:0}.connect-wrap{width:min(1500px,100% - 72px);margin-inline:auto}.connect-eyebrow{color:var(--connect-blue);font-family:var(--font-felo-mono), "Source Code Pro", monospace;letter-spacing:.1em;font-size:12px;font-weight:700}.connect-hero{isolation:isolate;background:radial-gradient(circle at 68% 100%,#91d1ff3b,#0000 43rem),#f8f9ff;align-items:center;min-height:max(792px,100dvh - 84px);padding-block:76px 24px;display:grid;position:relative;overflow:hidden}.connect-hero-inner{z-index:2;align-self:center;padding-bottom:88px;position:relative}.connect-hero-copy{width:min(610px,48vw)}.connect-hero h1{color:#0c1534;letter-spacing:-.07em;max-width:680px;margin-top:0;font-size:clamp(54px,4.75vw,80px);font-weight:700;line-height:1.1}.connect-hero h1>span{display:block}.connect-hero-title-emphasis{background:linear-gradient(108deg,#1683f7 5%,#6962ef 84%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}.connect-hero-copy>p:not(.connect-eyebrow){color:#586176;max-width:525px;margin-top:21px;font-size:18px;line-height:1.58}.connect-hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.connect-button{border:1px solid var(--connect-action);letter-spacing:-.01em;white-space:nowrap;background:#087df7;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 23px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,transform .16s;display:inline-flex;color:#fff!important}.connect-button svg{flex:none;width:17px;height:17px}.connect-button:hover{background:#076fe0;border-color:#076fe0;transform:translateY(-1px)}.connect-button:active{transform:translateY(1px)scale(.99)}.connect-button--secondary{background:#ffffffd1;border-color:#d3d9e5;color:#27314a!important}.connect-button--secondary:hover{background:#fff;border-color:#8ebdf5}.connect-hero-visual{z-index:-1;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.connect-hero-visual:after{content:"";background:linear-gradient(90deg,#fafbff 0%,#fafbfff5 26%,#fafbff14 62%,#ebf6ff29 100%);position:absolute;inset:0}.connect-hero-visual img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.connect-hero-trust{color:#6a748b;gap:0;margin:62px 0 0;padding:0;list-style:none;display:flex}.connect-hero-trust li{border-inline-start:1px solid #cbd2e1;align-items:center;gap:12px;min-width:0;padding:0 22px;display:flex}.connect-hero-trust li:first-child{border-inline-start:0;padding-inline-start:0}.connect-hero-trust svg{color:#7181a0;stroke-width:1.5px;flex:none;width:28px;height:28px}.connect-hero-trust span,.connect-hero-capability span:last-child{gap:2px;display:grid}.connect-hero-trust strong,.connect-hero-capability strong{color:#49536a;letter-spacing:-.015em;white-space:nowrap;font-size:12px;font-weight:700}.connect-hero-trust small,.connect-hero-capability small{color:#8790a4;white-space:nowrap;font-size:11px;line-height:1.25}.connect-hero-capability-rail{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(135%);background:#ffffffb3;border:1px solid #d6e2f2eb;border-radius:18px;grid-template-columns:repeat(5,1fr);align-self:end;min-height:86px;margin-bottom:0;display:grid;box-shadow:inset 0 1px #ffffffdb,0 12px 32px #6d8fc517}.connect-hero-capability{align-items:center;gap:13px;min-width:0;padding:14px 22px;display:flex}.connect-hero-capability+.connect-hero-capability{border-inline-start:1px solid #ced7e8b8}.connect-hero-capability-icon{color:#303a52;background:#ffffffd1;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 8px #45597f14}.connect-hero-capability-icon svg{stroke-width:1.7px;width:18px;height:18px}.dark .connect-hero{background:radial-gradient(circle at 70% 90%,#1268b740,#0000 43rem),#252b37}.dark .connect-hero-visual{opacity:.52;mix-blend-mode:screen}.dark .connect-hero-visual:after{background:linear-gradient(90deg,#252b37 0%,#252b37f2 31%,#252b3747 67%,#18223757 100%)}.dark .connect-hero h1{color:#f7f9ff}.dark .connect-hero-copy>p:not(.connect-eyebrow){color:#c5ccda}.dark .connect-button--secondary{background:#202734b8;border-color:#56627a;color:#f7f9ff!important}.dark .connect-hero-trust li{border-color:#5a657a}.dark .connect-hero-trust svg{color:#a8b6cd}.dark .connect-hero-trust strong,.dark .connect-hero-capability strong{color:#eaf0fb}.dark .connect-hero-trust small,.dark .connect-hero-capability small{color:#adb8cb}.dark .connect-hero-capability-rail{background:#1d2534b8;border-color:#849ec647;box-shadow:inset 0 1px #ffffff17}.dark .connect-hero-capability+.connect-hero-capability{border-color:#849ec647}.dark .connect-hero-capability-icon{color:#eaf0fb;box-shadow:none;background:#414e65bd}[dir=rtl] .connect-hero-copy{margin-inline-start:auto}[dir=rtl] .connect-hero-visual:after{background:linear-gradient(270deg,#fafbff 0%,#fafbfff5 26%,#fafbff14 62%,#ebf6ff29 100%)}[dir=rtl] .dark .connect-hero-visual:after{background:linear-gradient(270deg,#252b37 0%,#252b37f2 31%,#252b3747 67%,#18223757 100%)}.connect-agents-section,.connect-capabilities,.connect-setup,.connect-faq{scroll-margin-top:24px}.connect-agents-section{border-top:1px solid var(--connect-line);background:var(--connect-raised);padding:clamp(92px,11vw,142px) 0}.connect-section-intro{max-width:760px}.connect-section-intro h2,.connect-setup h2,.connect-faq h2,.connect-control h2,.connect-final-cta h2{text-wrap:balance;font-size:clamp(39px,5vw,66px);font-weight:500;line-height:1}.connect-section-intro>p:not(.connect-eyebrow){max-width:640px;color:var(--connect-muted);margin-top:19px;font-size:17px;line-height:1.64}.connect-section-intro .connect-eyebrow{margin-bottom:15px}.connect-agent-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:54px;display:grid}.connect-agent-card{border:1px solid var(--connect-line);background:var(--connect-surface);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:252px;padding:clamp(26px,3.5vw,40px);transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.connect-agent-card:hover{border-color:color-mix(in srgb, var(--connect-blue), var(--connect-line) 48%);transform:translateY(-3px);box-shadow:0 18px 38px #21538d1a}.connect-agent-card:active{transform:translateY(-1px)scale(.995)}.connect-agent-card--codex{border-color:color-mix(in srgb, var(--connect-blue), transparent 58%);background:radial-gradient(circle at 82% 18%, #48cfff47, transparent 13rem), var(--connect-blue-soft);grid-area:span 2/span 7;min-height:520px}.connect-agent-card--claudeCode,.connect-agent-card--openClaw{grid-column:span 5}.connect-agent-card--claudeCode{background:color-mix(in srgb, var(--connect-surface), #edfaff 28%)}.dark .connect-agent-card--claudeCode{background:color-mix(in srgb, var(--connect-surface), #25364d 32%)}.connect-agent-card--hermes{grid-column:span 6}.connect-agent-card--more{background:repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--connect-line), transparent 70%) 14px 15px), color-mix(in srgb, var(--connect-raised), var(--connect-surface) 38%);border-style:dashed;grid-column:span 6;min-height:280px}.connect-agent-index{top:26px;color:color-mix(in srgb, var(--connect-muted), transparent 42%);font-family:var(--font-felo-mono), monospace;font-size:12px;position:absolute;inset-inline-end:28px}.connect-agent-card h3{max-width:560px;font-size:clamp(28px,3vw,45px);font-weight:500;line-height:1.02}.connect-agent-card--codex h3{color:var(--connect-blue);font-size:clamp(42px,5vw,70px)}.connect-agent-card h3+p{max-width:560px;color:var(--connect-muted);margin-top:17px;font-size:16px;line-height:1.62}.connect-agent-card--codex h3+p{max-width:500px;color:var(--connect-ink);font-size:17px}.connect-agent-action{color:var(--connect-ink);align-items:center;gap:8px;margin-top:36px;font-size:13px;font-weight:700;display:inline-flex}.connect-agent-action svg{width:15px;height:15px;color:var(--connect-blue);opacity:.7}.connect-agent-status{border:1px solid var(--connect-line);background:var(--connect-surface);color:var(--connect-muted);font-family:var(--font-felo-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:7px 10px;font-size:10px;font-weight:700}.connect-capabilities{border-top:1px solid var(--connect-line);padding:clamp(92px,12vw,150px) 0}.connect-capability-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:58px;display:grid}.connect-capability{border:1px solid var(--connect-line);background:var(--connect-surface);border-radius:16px;align-content:space-between;gap:34px;min-height:290px;padding:clamp(26px,3.6vw,42px);display:grid}.connect-capability>svg{width:28px;height:28px;color:var(--connect-blue);stroke-width:1.7px}.connect-capability h3{font-size:clamp(25px,2.8vw,39px);font-weight:500;line-height:1.04}.connect-capability strong{letter-spacing:-.02em;margin-top:17px;font-size:16px;display:block}.connect-capability p{max-width:530px;color:var(--connect-muted);margin-top:8px;font-size:15px;line-height:1.6}.connect-capability--1{background:var(--connect-blue-soft);grid-column:span 7}.connect-capability--2{grid-column:span 5}.connect-capability--3{grid-column:span 4}.connect-capability--4{background:color-mix(in srgb, var(--connect-raised), var(--connect-blue-soft) 34%);grid-column:span 5}.connect-capability--5{grid-column:span 3}.connect-bridge{border-block:1px solid var(--connect-line);background:var(--connect-action);color:#fff}.connect-bridge-inner{padding-block:clamp(74px,9vw,116px)}.connect-bridge h2{max-width:850px;font-size:clamp(50px,8vw,104px);font-weight:500;line-height:.92}.connect-bridge p{color:#fff;max-width:620px;margin-top:25px;font-size:18px;line-height:1.62}.connect-bridge-agents{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.connect-bridge-agents span{font:600 11px var(--font-felo-mono), monospace;border:1px solid #ffffff57;border-radius:999px;padding:8px 12px}.connect-setup{padding:clamp(92px,12vw,150px) 0}.connect-setup-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,8vw,118px);display:grid}.connect-setup-intro .connect-eyebrow{margin-bottom:15px}.connect-steps{counter-reset:connect-step;margin:0;padding:0;list-style:none}.connect-steps li{border-bottom:1px solid var(--connect-line);counter-increment:connect-step;gap:12px;padding:27px 0 27px 64px;display:grid;position:relative}.connect-steps li:first-child{border-top:1px solid var(--connect-line)}.connect-steps li:before{color:var(--connect-blue);content:counter(connect-step, decimal-leading-zero);font:700 12px var(--font-felo-mono), monospace;position:absolute;top:30px;left:0}[dir=rtl] .connect-steps li{padding-left:0;padding-right:64px}[dir=rtl] .connect-steps li:before{left:auto;right:0}.connect-steps h3{letter-spacing:-.025em;font-size:21px;font-weight:700}.connect-steps p{max-width:570px;color:var(--connect-muted);font-size:15px;line-height:1.62}.connect-control{padding:0 0 clamp(92px,12vw,148px)}.connect-control-card{border:1px solid color-mix(in srgb, var(--connect-blue), transparent 64%);background:var(--connect-blue-soft);border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:clamp(35px,6vw,76px);padding:clamp(32px,6vw,70px);display:grid}.connect-control-card>svg{width:42px;height:42px;color:var(--connect-blue);stroke-width:1.6px}.connect-control h2{max-width:700px}.connect-control p{max-width:680px;color:var(--connect-muted);margin-top:20px;font-size:17px;line-height:1.64}.connect-faq{border-top:1px solid var(--connect-line);background:var(--connect-raised);padding:clamp(82px,10vw,126px) 0}.connect-faq-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(50px,8vw,108px);display:grid}.connect-faq-intro{position:sticky;top:32px}.connect-faq-intro p{max-width:330px;color:var(--connect-muted);margin-top:19px;font-size:16px;line-height:1.62}.connect-faq-list details{border-bottom:1px solid var(--connect-line);padding:21px 0}.connect-faq-list details:first-child{border-top:1px solid var(--connect-line)}.connect-faq-list summary{cursor:pointer;justify-content:space-between;gap:18px;font-size:17px;font-weight:700;line-height:1.48;list-style:none;display:flex}.connect-faq-list summary::-webkit-details-marker{display:none}.connect-faq-list summary:after{color:var(--connect-blue);content:"+";font:20px var(--font-felo-mono), monospace;flex:none}.connect-faq-list details[open] summary:after{content:"-"}.connect-faq-list details p{margin-top:14px;max-width:650px;color:var(--connect-muted);margin-inline-end:30px;font-size:15px;line-height:1.66}.connect-final-cta{border-top:1px solid var(--connect-line);padding:clamp(88px,11vw,138px) 0}.connect-final-cta-inner{text-align:center}.connect-final-cta h2{max-width:860px;margin:0 auto;font-size:clamp(45px,6vw,78px)}.connect-final-cta p{max-width:580px;color:var(--connect-muted);margin:21px auto 28px;font-size:17px;line-height:1.64}.connect-motion-ready .connect-reveal{opacity:0;transition:opacity .58s,transform .58s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.connect-motion-ready .connect-reveal.is-visible{opacity:1;transform:none}.connect-landing :focus-visible{outline-offset:3px;outline:3px solid #48cfff}[dir=rtl] .connect-button svg,[dir=rtl] .connect-agent-action svg{transform:rotate(180deg)}@media (max-width:1020px){.connect-hero{min-height:max(720px,100dvh - 68px)}.connect-hero-copy{width:min(590px,62vw)}.connect-hero-trust{margin-top:50px}.connect-hero-trust li{padding-inline:16px}.connect-hero-capability{gap:10px;padding-inline:14px}.connect-hero-capability-icon{width:31px;height:31px}.connect-hero-capability strong{font-size:11px}.connect-hero-capability small{font-size:10px}.connect-capability--1,.connect-capability--2{grid-column:span 6}.connect-capability--3{grid-column:span 5}.connect-capability--4{grid-column:span 7}.connect-capability--5{grid-column:span 12}}@media (max-width:780px){.connect-wrap{width:min(100% - 34px,1180px)}.connect-hero{align-items:start;min-height:0;padding-block:56px 18px}.connect-hero-inner{align-self:start;padding-bottom:38px}.connect-hero-copy{width:min(100%,525px)}.connect-hero h1{font-size:clamp(45px,12.2vw,62px);line-height:1.02}.connect-hero-copy>p:not(.connect-eyebrow){font-size:16px}.connect-hero-visual{opacity:.5;width:180%;height:50%;inset:auto -40% 0}.connect-hero-visual:after{background:linear-gradient(#fafbff 0%,#fafbfff0 21%,#fafbff38 63%,#f0f8ff2e 100%)}.connect-hero-trust{grid-template-columns:1fr;gap:13px;margin-top:42px;display:grid}.connect-hero-trust li,.connect-hero-trust li:first-child{border:0;padding:0}.connect-hero-trust svg{width:25px;height:25px}.connect-hero-capability-rail{border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 34px);min-height:0;margin-inline:17px;display:grid;overflow:hidden}.connect-hero-capability{min-width:0;padding:12px 13px}.connect-hero-capability+.connect-hero-capability{border-inline-start:1px solid #ced7e8b8}.connect-hero-capability:nth-child(odd){border-inline-start:0}.connect-hero-capability:nth-child(n+3){border-top:1px solid #ced7e8b8}.connect-hero-capability:last-child{grid-column:1/-1}.connect-hero-capability strong{font-size:10px}.connect-hero-capability small{white-space:normal;font-size:9px}.connect-hero-capability-icon{width:29px;height:29px}.dark .connect-hero-visual:after{background:linear-gradient(#252b37 0%,#252b37f0 22%,#252b3742 66%,#18223757 100%)}[dir=rtl] .connect-hero-visual:after{background:linear-gradient(#fafbff 0%,#fafbfff0 21%,#fafbff38 63%,#f0f8ff2e 100%)}[dir=rtl] .dark .connect-hero-visual:after{background:linear-gradient(#252b37 0%,#252b37f0 22%,#252b3742 66%,#18223757 100%)}.connect-agent-grid,.connect-capability-grid{grid-template-columns:1fr}.connect-agent-card,.connect-agent-card--openClaw,.connect-agent-card--claudeCode,.connect-agent-card--codex,.connect-agent-card--hermes,.connect-agent-card--more,.connect-capability,.connect-capability--1,.connect-capability--2,.connect-capability--3,.connect-capability--4,.connect-capability--5{grid-area:auto;min-height:0}.connect-agent-card{padding:28px 24px}.connect-agent-card--codex{min-height:390px}.connect-agent-card--codex h3{font-size:clamp(42px,12vw,60px)}.connect-capability{min-height:265px;padding:28px 24px}.connect-bridge h2{font-size:clamp(51px,14vw,78px)}.connect-setup-layout,.connect-faq-layout{grid-template-columns:1fr;gap:42px}.connect-control-card{grid-template-columns:1fr}.connect-faq-intro{position:static}}@media (max-width:480px){.connect-hero-actions{flex-direction:column;align-items:stretch}.connect-button{flex-wrap:nowrap;width:100%}.connect-button svg{margin-inline-start:auto}.connect-hero h1{font-size:clamp(42px,12vw,54px);line-height:1.02}.connect-hero-copy>p:not(.connect-eyebrow){max-width:410px}.connect-section-intro h2,.connect-setup h2,.connect-faq h2,.connect-control h2{font-size:40px}.connect-steps li{padding-inline-start:48px}[dir=rtl] .connect-steps li{padding-left:0;padding-right:48px}}@media (prefers-reduced-motion:no-preference){.connect-hero-copy{animation:.7s cubic-bezier(.16,1,.3,1) both connect-hero-in}.connect-hero-visual{animation:.8s cubic-bezier(.16,1,.3,1) 80ms both connect-visual-in}}@media (prefers-reduced-motion:reduce){.connect-motion-ready .connect-reveal{opacity:1;transition:none;transform:none}.connect-button{transition:none}}@media (prefers-contrast:more){.connect-agent-card,.connect-capability,.connect-control-card,.connect-hero-visual{border-color:currentColor}}@keyframes connect-hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes connect-visual-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}