.co-tiles{gap:var(--space-5);margin-top:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.co-sec{position:relative;overflow:hidden}.co-sec .container{z-index:1;position:relative}.co-sec-bg{pointer-events:none;background:radial-gradient(600px 400px at 20% 30%,#14b8a61f 0%,#0000 70%),radial-gradient(500px 400px at 80% 70%,#8b5cf61a 0%,#0000 70%);position:absolute;inset:0}.co-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-left:auto;margin-right:auto}@media (width<=900px){.co-tiles{grid-template-columns:minmax(0,1fr)}}.hero-content{text-align:center;max-width:1400px;margin:0 auto var(--space-16)}.hero-subtitle{max-width:1000px}:root{--shadow-screenshot:0 25px 60px -12px #0003, 0 0 0 1px #0000000d}.tw-wolke{margin-top:var(--space-10);gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fill,minmax(215px,1fr));display:grid}.tw-chip{border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:column;gap:2px;padding:10px 14px;transition:transform .15s;display:flex}.tw-chip:hover{transform:translateY(-2px)}.tw-label{font-size:var(--text-sm);font-weight:700;line-height:1.3}.tw-tech{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}@media (width<=480px){.tw-wolke{padding:var(--space-4);grid-template-columns:1fr}}.tw-hinweis{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.tw-hinweis a{color:var(--primary);font-weight:600}.tw-legende{margin-top:var(--space-5);gap:var(--space-5);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;justify-content:center;font-weight:600;display:flex}.tw-leg{align-items:center;gap:7px;display:inline-flex}.tw-leg i{border-radius:50%;width:9px;height:9px;display:inline-block}@media (width<=480px){.tw-wolke{padding:var(--space-5);gap:var(--space-2)}.tw-chip{font-size:var(--text-xs);padding:5px 12px}}.tools-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tool-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tool-card-icon svg{width:22px;height:22px}.tool-card h3{font-size:var(--text-lg);color:var(--text);font-weight:700}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);flex:1;line-height:1.6}.tool-card-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tool-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:700}.tool-link{font-size:var(--text-sm);color:var(--accent-indigo);transition:color var(--transition-fast);font-weight:600}.tool-link:hover{color:var(--accent-purple)}.tool-card-tools{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tool-card-tool-tag{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 10px}.tool-flow-wrap{max-width:960px;margin:var(--space-6) auto 0;opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.tool-flow-wrap.visible{opacity:1;transform:translateY(0)}.tool-flow{align-items:center;gap:var(--space-20);flex-direction:column;padding:90px 0 0;display:flex;position:relative}.tf-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.tf-line{stroke:#ffffff1a;stroke-width:1px;stroke-dasharray:6 4;fill:none}.tf-glow{stroke:#fff;stroke-width:1.5px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 6px #ffffffe6)drop-shadow(0 0 14px #14b8a680)drop-shadow(0 0 24px #b173d94d);opacity:0}.tf-glow.active{opacity:1}.tf-anim{opacity:0;z-index:2;transition:opacity .5s}.tf-anim.show{opacity:1}.tf-step-query{position:absolute;top:0;left:50%;transform:translate(-50%)}.tf-query-inner{border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--text-on-dark);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:10px;min-width:180px;min-height:48px;padding:14px 22px;display:inline-flex}.tf-query-inner svg{color:var(--text-on-dark-secondary)}.tf-step-agent{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.tf-agent-icon{background:var(--gradient-brand);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:box-shadow .5s;display:flex;position:relative;box-shadow:0 8px 32px #b173d94d,0 0 0 1px #ffffff1a}.tf-agent-icon:before{content:"";background:var(--gradient-brand);opacity:0;filter:blur(14px);z-index:-1;border-radius:50%;transition:opacity .5s;position:absolute;inset:-6px}.tf-agent-icon svg{z-index:1;width:28px;height:28px;position:relative}.tf-step-agent.active .tf-agent-icon{box-shadow:none}.tf-step-agent.active .tf-agent-icon:before{opacity:.9}.tf-agent-label{color:var(--text-on-dark-secondary);letter-spacing:.02em;font-size:13px;font-weight:600}.tf-tools-row{gap:var(--space-5);z-index:2;justify-content:center;display:flex;position:relative}.tf-tool{border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-on-dark);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:10px;padding:12px 18px;font-weight:500;transition:border-color .3s,box-shadow .3s,opacity .4s;display:flex;position:relative}.tf-tool.dimmed{opacity:.25}.tf-tool.highlight{border-color:var(--glow-color,#ffffff4d)}.tf-tool-glow{border-radius:calc(var(--radius-lg) + 2px);opacity:0;-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:2px;position:absolute;inset:-2px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tf-tool-glow:before{content:"";aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0%, transparent 30%, color-mix(in srgb, var(--glow-color,#14b8a6) 20%, transparent) 50%, color-mix(in srgb, var(--glow-color,#14b8a6) 60%, transparent) 65%, var(--glow-color,#14b8a6) 75%, var(--glow-color,#14b8a6) 80%, var(--glow-color,#14b8a6) 85%, color-mix(in srgb, var(--glow-color,#14b8a6) 60%, transparent) 90%, color-mix(in srgb, var(--glow-color,#14b8a6) 20%, transparent) 95%, transparent 100%);width:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf-tool.glow-active .tf-tool-glow{opacity:1}.tf-tool.glow-active .tf-tool-glow:before{animation:.8s linear forwards tf-border-sweep}@keyframes tf-border-sweep{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.tf-tool-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tf-tool-icon svg{width:18px;height:18px}.tf-step-result{margin-top:calc(-1 * var(--space-12))}.tf-result-inner{border-radius:var(--radius-xl);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;padding:16px 22px}.tf-result-text{font-size:var(--text-sm);color:var(--text-on-dark);height:1.4em;line-height:1.4;overflow:hidden}.tf-result-sources{opacity:0;flex-wrap:nowrap;gap:6px;height:22px;margin-top:10px;transition:opacity .3s;display:flex}.tf-result-sources.show{opacity:1}.tf-result-src{color:var(--primary);border-radius:var(--radius-full);background:#14b8a61a;padding:3px 10px;font-size:11px;font-weight:600}.custom-api-grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.custom-api-features{gap:var(--space-4);flex-direction:column;display:flex}.custom-api-feature{gap:var(--space-3);align-items:flex-start;display:flex}.custom-api-feature-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.custom-api-feature-icon svg{width:18px;height:18px}.custom-api-feature h4,.custom-api-feature .card-title{font-size:var(--text-base);color:var(--text);margin-bottom:2px;font-weight:700}.custom-api-feature p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tool-form-mockup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.tool-form-header{border-bottom:1px solid var(--border);background:var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tool-form-header-title{font-size:var(--text-sm);color:var(--text);font-weight:700}.tool-form-badge{border-radius:var(--radius-full);color:var(--accent-green);background:#10b9811f;padding:3px 10px;font-size:11px;font-weight:600}.tool-form-body{flex-direction:column;gap:14px;padding:20px;display:flex}.tool-form-row{gap:12px;display:flex}.tool-form-row.full{flex-direction:column}.tool-form-field{flex-direction:column;flex:1;gap:4px;display:flex}.tool-form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.tool-form-input{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);background:var(--surface);padding:8px 12px}.tool-form-select{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);background:var(--border-light);padding:8px 12px;font-weight:600}.tool-form-footer{border-top:1px solid var(--border);background:var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tool-form-test-btn{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.tool-form-test-btn svg{width:14px;height:14px}.tool-form-save-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:var(--text-sm);padding:8px 20px;font-weight:600}.conn-liste{margin-top:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.conn-zeile{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);grid-template-columns:44px minmax(150px,200px) 1fr auto;transition:background-color .2s;display:grid}.conn-zeile:first-child{border-top:none}.conn-zeile:hover{background:var(--border-light)}.conn-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.conn-titel{flex-direction:column;min-width:0;display:flex}.conn-name{font-size:var(--text-base);color:var(--text);font-weight:700}.conn-category{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.conn-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.conn-status{white-space:nowrap;border-radius:var(--radius-full);color:var(--accent-green);background:#10b9811a;padding:4px 12px;font-size:11px;font-weight:700}.conn-zeile--offen{background:var(--border-light)}.conn-zeile--offen .conn-name,.conn-zeile--offen .conn-desc{color:var(--text-muted)}.conn-icon--offen{border:1px dashed var(--border);color:var(--text-muted);background:0 0}.conn-status--offen{color:var(--text-muted);background:#94a3b82e}.conn-status--bald{color:var(--accent-amber);background:#f59e0b1f}@media (width<=768px){.conn-zeile{row-gap:var(--space-2);grid-template-columns:44px 1fr}.conn-desc{grid-column:1/-1}.conn-status{grid-column:2;justify-self:start}}.mcp-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.mcp-card{border:1px solid var(--dark-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-slow);background:#1e293bcc;position:relative;overflow:hidden}.mcp-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.mcp-card-logo{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.mcp-card-name{font-size:var(--text-lg);color:var(--text-on-dark);font-weight:700}.mcp-card-type{font-size:var(--text-xs);color:var(--text-muted)}.mcp-card p{font-size:var(--text-sm);color:var(--text-on-dark-secondary);margin-bottom:var(--space-4);line-height:1.6}.mcp-card-tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.mcp-card-tool{border-radius:var(--radius-full);border:1px solid var(--dark-border);color:var(--text-on-dark-secondary);padding:3px 10px;font-size:11px;font-weight:600}@media (width<=768px){.tools-grid,.custom-api-grid{grid-template-columns:1fr}.tf-tools-row{flex-wrap:wrap}.tf-result-inner{max-width:none}.tool-flow-wrap{max-width:100%}.tf-tool{font-size:var(--text-xs);padding:10px 14px}.mcp-grid{grid-template-columns:1fr!important}}@media (width>=769px) and (width<=1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}