.su-tiles{gap:var(--space-5);margin-top:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.su-tiles--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-left:auto;margin-right:auto}@media (width<=900px){.su-tiles,.su-tiles--two{grid-template-columns:minmax(0,1fr)}}.hero-content{text-align:center;max-width:1400px;margin:0 auto var(--space-16)}.hero-bg{background:radial-gradient(800px 600px at 45% 30%,#06b6d42e 0%,#0000 65%),radial-gradient(500px 450px at 75% 20%,#a78bfa26 0%,#0000 70%),radial-gradient(600px 350px at 30% 75%,#0ea5e91a 0%,#0000 70%)}.hero-content{max-width:1060px}.hero-subtitle{max-width:750px}.search-demo-wrap{max-width:900px;margin:0 auto}.search-demo-bar{align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);margin-bottom:var(--space-4);padding:16px 22px;display:flex}.search-demo-bar svg{color:var(--text-muted);flex-shrink:0}.search-demo-text{font-size:var(--text-base);color:var(--text);min-height:1.4em}.search-demo-cursor{background:var(--accent-cyan);flex-shrink:0;width:2px;height:1.2em;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.search-demo-tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.search-demo-tab{border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-xs);color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-weight:600;transition:color .3s,border-color .3s;display:inline-flex}.search-demo-tab-zahl{border-radius:var(--radius-full);background:var(--border-light);min-width:18px;color:var(--text-secondary);padding:1px 6px;font-size:10px;font-weight:700;display:none}.search-demo-tab.hat-treffer .search-demo-tab-zahl{display:inline-block}.search-demo-tab.scanning{color:var(--accent-cyan);animation:.6s source-pulse}.search-demo-tab.aktiv{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.search-demo-tab.aktiv .search-demo-tab-zahl{color:var(--accent-cyan);background:#06b6d41f}@keyframes source-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.search-demo-panels{gap:var(--space-4);grid-template-columns:1fr 220px;align-items:stretch;height:310px;display:grid}.search-demo-auswahl{min-height:0}.search-demo-results{gap:var(--space-3);flex-direction:column;min-height:310px;display:flex}.search-demo-result{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .4s,transform .4s,border-color .3s,background-color .3s;display:flex;transform:translateY(8px)}.search-demo-result.show{opacity:1;transform:translateY(0)}.search-demo-result.gewaehlt{border-color:var(--accent-cyan);background:#06b6d40d}.search-demo-check{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;transition:background-color .25s,border-color .25s;display:inline-flex}.search-demo-check svg{color:#fff;opacity:0;width:11px;height:11px;transition:opacity .2s}.search-demo-result.gewaehlt .search-demo-check{background:var(--accent-cyan);border-color:var(--accent-cyan)}.search-demo-result.gewaehlt .search-demo-check svg{opacity:1}.search-demo-result-body{min-width:0}.search-demo-result-title{font-size:var(--text-sm);color:var(--text);margin-bottom:4px;font-weight:700}.search-demo-result-snippet{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.search-demo-result-source{color:var(--text-muted);font-size:10px;font-weight:600}.search-demo-auswahl{padding:var(--space-3);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.search-demo-auswahl-kopf{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);font-size:11px;font-weight:700}.search-demo-auswahl-liste{flex-direction:column;flex:1;gap:6px;min-height:70px;display:flex;overflow:hidden}.search-demo-auswahl-item{color:var(--text-secondary);border-radius:var(--radius-md);background:var(--border-light);text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600;animation:.3s auswahl-rein;overflow:hidden}@keyframes auswahl-rein{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.search-demo-auswahl-btn{text-align:center;margin-top:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);background:var(--border-light);color:var(--text-muted);padding:9px 12px;font-weight:700;transition:background-color .3s,color .3s;display:block}.search-demo-auswahl-btn.bereit{background:var(--primary);color:#fff}.search-demo-auswahl-btn--zweit{margin-top:var(--space-2);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-weight:600}.search-demo-hinweis{margin-top:var(--space-3);text-align:center;color:var(--text-muted);font-size:11px}@media (width<=768px){.search-demo-wrap{max-width:100%}.search-demo-bar{padding:12px 16px}.search-demo-text{font-size:var(--text-sm)}.search-demo-panels{grid-template-columns:1fr;height:auto}.search-demo-results{min-height:230px}.search-demo-tabs{flex-wrap:nowrap;overflow-x:auto}.search-demo-tab{white-space:nowrap}}.compare-grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}.compare-features{gap:var(--space-4);flex-direction:column;display:flex}.compare-feature{gap:var(--space-3);align-items:flex-start;display:flex}.compare-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}.compare-feature-icon svg{width:18px;height:18px}.compare-feature h4{font-size:var(--text-base);color:var(--text-on-dark);margin-bottom:2px;font-weight:700}.compare-feature p{font-size:var(--text-sm);color:var(--text-on-dark-secondary);line-height:1.5}.compare-mockup{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl);overflow:hidden}.compare-mockup-header{border-bottom:1px solid var(--dark-border);font-size:var(--text-sm);align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.compare-mockup-body{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 16px;display:grid}.compare-result-title,.compare-result-snippet{overflow-wrap:anywhere}@media (width<=560px){.compare-mockup-body{grid-template-columns:minmax(0,1fr)}.compare-divider{display:none}}.compare-query{border:1px solid var(--dark-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-on-dark-secondary);background:#ffffff0a;align-items:center;gap:8px;padding:10px 14px;display:flex}.compare-query svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.compare-result{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0f;padding:10px 14px}.compare-result-title{font-size:var(--text-sm);color:var(--text-on-dark);margin-bottom:2px;font-weight:600}.compare-result-snippet{color:var(--text-on-dark-secondary);font-size:12px;line-height:1.5}.compare-result-meta{align-items:center;gap:8px;margin-top:6px;display:flex}.compare-result-source{color:var(--text-muted);font-size:10px}.compare-smart{letter-spacing:.02em;color:#c4b5fd;vertical-align:1px;background:#8b5cf62e;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-block}.compare-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700}.compare-divider{border:none;border-left:1px solid var(--dark-border);align-self:stretch;width:0;margin:0}