{"id":13463,"date":"2026-04-30T15:16:05","date_gmt":"2026-04-30T15:16:05","guid":{"rendered":"https:\/\/caixamagica.pt\/?page_id=13463"},"modified":"2026-05-05T16:52:04","modified_gmt":"2026-05-05T16:52:04","slug":"test-pilot-ai","status":"publish","type":"page","link":"https:\/\/caixamagica.pt\/de\/test-pilot-ai\/","title":{"rendered":"Testpilot KI"},"content":{"rendered":"
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n \r\n\r\n \r\n \r\n TestPilot AI \u2014 Helden-Fix-Finale<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; }\r\n\r\n .hero {\r\n position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\r\n width: 100vw; min-height: 100vh; background: #F5F6F8;\r\n display: flex; flex-direction: column; justify-content: center; overflow: hidden;\r\n border-bottom: 1px solid #E6E8EE;\r\n }\r\n\r\n :root {\r\n --accent: #2D5BFF;\r\n --ink: #0B1020;\r\n --muted: #5A6275;\r\n --accent-2: #00C58A;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(45,91,255,0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(45,91,255,0.05) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n mask-image: radial-gradient(ellipse 70% 80% at 70% 40%, #000 30%, transparent 90%);\r\n }\r\n\r\n .hero-inner {\r\n width: 100%; max-width: 1400px; margin: 0 auto; padding: 80px 40px;\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\r\n position: relative; z-index: 2;\r\n }\r\n\r\n \/* LOGO AJUSTADA *\/\r\n .product-logo { margin-bottom: -40px; display: flex; align-items: center; }\r\n .product-logo img.logo-img {\r\n height: 150px !important; width: auto !important;\r\n display: block !important; margin-left: -15px !important;\r\n }\r\n\r\n h1 { font-size: clamp(36px, 4.5vw, 60px); line-height: 1.1; font-weight: 800; color: var(--ink); margin-bottom: 24px; }\r\n h1 em { font-style: normal; color: var(--accent); }\r\n .hero-lede { font-size: 19px; color: var(--muted); max-width: 540px; margin-bottom: 40px; }\r\n\r\n .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }\r\n .btn { padding: 16px 30px; border-radius: 10px; font-weight: 700; text-decoration: none; transition: 0.2s; }\r\n .btn-primary { background: var(--accent); color: #fff; }\r\n .btn-ghost { background: #fff; color: var(--ink) !important; border: 1px solid #D7DAE3; }\r\n\r\n \/* MOLDURA E V\u00cdDEO - T\u00c9CNICA DE ZOOM DE SEGURAN\u00c7A *\/\r\n .hero-visual { position: relative; width: 100%; }\r\n .hv-frame {\r\n background: #fff; \r\n border-radius: 20px; \r\n border: 1px solid #E6E8EE;\r\n box-shadow: 0 40px 80px rgba(11,16,32,0.15); \r\n overflow: hidden; \/* Corta o excesso do v\u00eddeo *\/\r\n aspect-ratio: 16\/9;\r\n position: relative;\r\n }\r\n\r\n .hv-topbar { \r\n height: 40px; \r\n background: #FAFBFD; \r\n border-bottom: 1px solid #E6E8EE; \r\n display: flex; \r\n align-items: center; \r\n padding: 0 16px; \r\n gap: 8px; \r\n position: relative; \r\n z-index: 10; \r\n }\r\n \r\n .hv-dot { width: 10px; height: 10px; border-radius: 50%; background: #E0E3EB; }\r\n \r\n .hv-video-wrap { \r\n position: absolute; \r\n top: 40px; \r\n left: 0; \r\n right: 0; \r\n bottom: 0; \r\n background: #ffffff; \/* Fundo branco camufla o v\u00eddeo *\/\r\n overflow: hidden;\r\n }\r\n\r\n #heroVideo {\r\n position: absolute;\r\n \/* O segredo: fazemos o v\u00eddeo ligeiramente maior e centramos *\/\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n min-width: 102%; \/* 2% de margem de erro nas laterais *\/\r\n min-height: 102%; \/* 2% de margem de erro no topo\/fundo *\/\r\n width: auto;\r\n height: auto;\r\n object-fit: cover !important;\r\n display: block;\r\n }\r\n\r\n .hero-meta { margin-top: 40px; display: flex; gap: 20px; flex-wrap: wrap; }\r\n .hero-meta-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); font-weight: 600; }\r\n .hero-meta-item svg { width: 16px; height: 16px; color: var(--accent-2); }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-inner { grid-template-columns: 1fr; text-align: center; }\r\n .product-logo { justify-content: center !important; }\r\n .product-logo img.logo-img { margin-left: 0 !important; }\r\n .hero-actions, .hero-meta { justify-content: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-text\">\r\n <div class=\"product-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/Untitled-12.png\" alt=\"TestPilot KI\" class=\"logo-img\">\r\n <\/div>\r\n <h1>KI gebaut f\u00fcr <em>Qualit\u00e4tssicherung und Testautomatisierung<\/em>.<\/h1>\r\n <p class=\"hero-lede\">Multi-Framework-Enterprise-Plattform mit <strong>durchg\u00e4ngige R\u00fcckverfolgbarkeit<\/strong>, intelligente Ausf\u00fchrungsanalyse und Governance.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/caixamagica.pt\/de\/kontakt\/\" class=\"btn btn-primary\">Demo vereinbaren<\/a>\r\n <a href=\"#capabilities\" class=\"btn btn-ghost\">Siehe F\u00e4higkeiten<\/a>\r\n <\/div>\r\n <div class=\"hero-meta\">\r\n <div class=\"hero-meta-item\">\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"><path d=\"M3 8.5L6.5 12L13 4.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n On-Premise & Azure KI\r\n <\/div>\r\n <div class=\"hero-meta-item\">\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"><path d=\"M3 8.5L6.5 12L13 4.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Mehrfach-Framework\r\n <\/div>\r\n <div class=\"hero-meta-item\">\r\n <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\"><path d=\"M3 8.5L6.5 12L13 4.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n DSGVO-konform\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hv-frame\">\r\n <div class=\"hv-topbar\">\r\n <span class=\"hv-dot\"><\/span><span class=\"hv-dot\"><\/span><span class=\"hv-dot\"><\/span>\r\n <\/div>\r\n <div class=\"hv-video-wrap\">\r\n <video id=\"heroVideo\" autoplay muted loop playsinline>\r\n <source id=\"videoSource\" src=\"\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n (function() {\r\n const videoElement = document.getElementById('heroVideo');\r\n const videoSource = document.getElementById('videoSource');\r\n const htmlLang = document.documentElement.lang.substring(0, 2).toLowerCase() || 'en';\r\n\r\n const videoMap = {\r\n 'de': 'https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/TestPilot-AI-Video-_16_9_DE.mp4',\r\n 'en': 'https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/TestPilot-AI-Video-_16_9_EN.mp4',\r\n 'pt': 'https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/TestPilot-AI-Video-_16_9_PT.mp4'\r\n };\r\n\r\n const videoUrl = videoMap[htmlLang] || videoMap['en'];\r\n\r\n if (videoSource && videoElement) {\r\n videoSource.src = videoUrl;\r\n videoElement.load();\r\n videoElement.play().catch(e => console.warn(\"Autoplay bloqueado.\"));\r\n }\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c7687e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c7687e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e2c16d\" data-id=\"1e2c16d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14cb10b elementor-widget elementor-widget-html\" data-id=\"14cb10b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>TestPilot KI \u2014 Die Herausforderung<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\/* ===== Base ===== *\/\r\n :root {\r\n --bg: #FFFFFF;\r\n --bg-soft: #F5F6F8;\r\n --bg-card: #FFFFFF;\r\n --ink: #0B1020;\r\n --ink-2: #1B2238;\r\n --muted: #5A6275;\r\n --muted-2: #8A93A6;\r\n --line: #E6E8EE;\r\n --line-strong: #D7DAE3;\r\n --accent: #2D5BFF;\r\n --accent-deep: #1E40D6;\r\n --accent-soft: #EAF0FF;\r\n --accent-2: #00C58A; \r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n \/* IMPORTANTE: impede o scroll horizontal causado pelo truque do 100vw *\/\r\n overflow-x: hidden; \r\n }\r\n\r\n\/* ===== Shared section styles ===== *\/\r\n .section {\r\n padding: 110px 0;\r\n position: relative;\r\n }\r\n .section-inner {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n .section-head {\r\n margin-bottom: 64px;\r\n max-width: 760px;\r\n }\r\n .section-label {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n }\r\n .section-head h2 {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: clamp(30px, 3.4vw, 44px);\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n font-weight: 800;\r\n color: var(--ink);\r\n text-wrap: balance;\r\n }\r\n\r\n\/* ===== 02-challenge (AJUSTADO PARA LARGURA TOTAL) ===== *\/\r\n .section-challenge {\r\n background: #fff;\r\n \r\n \/* TRUQUE PARA LARGURA TOTAL DO ECR\u00c3 *\/\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n\r\n \r\n }\r\n\r\n .challenge-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n gap: 64px;\r\n align-items: start;\r\n }\r\n .challenge-stats {\r\n display: grid;\r\n gap: 28px;\r\n }\r\n .stat {\r\n border-left: 3px solid var(--accent);\r\n padding: 4px 0 4px 20px;\r\n }\r\n .stat-num {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1;\r\n color: var(--accent);\r\n letter-spacing: -0.03em;\r\n margin-bottom: 8px;\r\n }\r\n .stat-num.accent2 { color: var(--accent-2); }\r\n .stat:nth-child(3) { border-left-color: var(--accent-2); }\r\n .stat-label {\r\n font-size: 15px;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n }\r\n .challenge-points {\r\n display: grid;\r\n gap: 18px;\r\n }\r\n .cp {\r\n display: flex;\r\n gap: 16px;\r\n padding: 20px 22px;\r\n background: var(--bg-soft);\r\n border: 1px solid var(--line);\r\n border-radius: 12px;\r\n align-items: flex-start;\r\n }\r\n .cp-icon {\r\n width: 36px; height: 36px;\r\n border-radius: 8px;\r\n background: var(--accent-soft);\r\n color: var(--accent);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .cp-icon svg { width: 18px; height: 18px; }\r\n .cp-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--ink);\r\n margin-bottom: 4px;\r\n }\r\n .cp p {\r\n font-size: 14px;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n }\r\n\r\n\/* ===== Responsive ===== *\/\r\n @media (max-width: 980px) {\r\n .challenge-grid { grid-template-columns: 1fr; gap: 36px; }\r\n .section { padding: 72px 0; }\r\n .section-inner { padding: 0 24px; }\r\n .stat-num { font-size: 44px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section section-challenge\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-head\">\r\n <span class=\"section-label\">Die Herausforderung<\/span>\r\n <h2>Leere Testsuiten verlangsamen Teams \u2013 und KI allein ist nicht die L\u00f6sung.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"challenge-grid\">\r\n <div class=\"challenge-stats\">\r\n <div class=\"stat\">\r\n <div class=\"stat-num\">60\u201370%<\/div>\r\n <div class=\"stat-label\">der QA-Zeitaufwand f\u00fcr Wartung, nicht f\u00fcr neue Tests<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\">+15%<\/div>\r\n <div class=\"stat-label\">Fehlerdurchbruch, wenn Ad-hoc-KI-Tools Tests ohne Governance generieren<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num accent2\">3\u00d7<\/div>\r\n <div class=\"stat-label\">schnellere Zykluszeiten f\u00fcr Teams, die KI-gest\u00fctzte QA-Tools im Vergleich zu generischen Copilots verwenden<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"challenge-points\">\r\n <div class=\"cp\">\r\n <span class=\"cp-icon\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1.5L1.5 14.5h13L8 1.5zM8 6v4M8 12.5v.01\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <div>\r\n <div class=\"cp-title\">Traditionelle QA-Tools nutzen KI nicht nativ<\/div>\r\n <p>Manuelles Skripting und getrennte Automatisierung k\u00f6nnen bei k\u00fcrzeren Release-Zyklen nicht mithalten.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cp\">\r\n <span class=\"cp-icon\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 8a6 6 0 1112 0A6 6 0 012 8zm6-3v3l2 2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <div>\r\n <div class=\"cp-title\">Generische KI-Assistenten generieren Tests ohne Governance<\/div>\r\n <p>Keine Audit-Spur, kein Projektkontext, keine Integration in den QA-Lebenszyklus.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cp\">\r\n <span class=\"cp-icon\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 3h4v4H3zM9 9h4v4H9zM7 5h2M11 7v2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <div>\r\n <div class=\"cp-title\">Keine R\u00fcckverfolgbarkeit zwischen Anforderungen, Tests und Ausf\u00fchrung<\/div>\r\n <p>Qualit\u00e4tsberichterstattung wird zum R\u00e4tselraten. Nachweise zur Einhaltung von Vorschriften sind unvollst\u00e4ndig.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cp\">\r\n <span class=\"cp-icon\"><svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 13l4-6 3 4 5-7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <div>\r\n <div class=\"cp-title\">Skalierbarkeit durch Teamgr\u00f6\u00dfe eingeschr\u00e4nkt<\/div>\r\n <p>Die Abdeckung w\u00e4chst linear mit der Mitarbeiterzahl \u2013 bis KI, die auf QA spezialisiert ist, die Kurve durchbricht.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58a267b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58a267b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b070c88\" data-id=\"b070c88\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-229167a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"229167a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>TestPilot AI \u2014 F\u00e4higkeiten<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\/* ===== Base ===== *\/\r\n :root {\r\n --bg: #FFFFFF;\r\n --bg-soft: #F5F6F8;\r\n --bg-card: #FFFFFF;\r\n --ink: #0B1020;\r\n --ink-2: #1B2238;\r\n --muted: #5A6275;\r\n --muted-2: #8A93A6;\r\n --line: #E6E8EE;\r\n --line-strong: #D7DAE3;\r\n --accent: #2D5BFF;\r\n --accent-deep: #1E40D6;\r\n --accent-soft: #EAF0FF;\r\n --accent-2: #00C58A; \r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n \/* IMPORTANTE: impede o scroll horizontal causado pelo truque do 100vw *\/\r\n overflow-x: hidden; \r\n }\r\n\r\n\/* ===== Shared section styles ===== *\/\r\n .section {\r\n padding: 110px 0;\r\n position: relative;\r\n }\r\n .section-inner {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n .section-head {\r\n margin-bottom: 64px;\r\n max-width: 760px;\r\n }\r\n .section-label {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n }\r\n .section-head h2 {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: clamp(30px, 3.4vw, 44px);\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n font-weight: 800;\r\n color: var(--ink);\r\n text-wrap: balance;\r\n }\r\n .section-sub {\r\n font-size: 17px;\r\n color: var(--muted);\r\n margin-top: 14px;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n }\r\n\r\n\/* ===== 03-capabilities (AJUSTADO) ===== *\/\r\n .section-caps {\r\n background: var(--bg-soft);\r\n \r\n \/* TRUQUE PARA LARGURA TOTAL DO ECR\u00c3 *\/\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n\r\n \/* LINHAS QUE OCUPAM O ECR\u00c3 TODO *\/\r\n border-top: 1px solid var(--line);\r\n border-bottom: 1px solid var(--line);\r\n }\r\n\r\n .caps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n .cap {\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n padding: 28px 26px;\r\n transition: border-color .15s, transform .15s;\r\n }\r\n .cap:hover {\r\n border-color: var(--accent);\r\n transform: translateY(-2px);\r\n }\r\n .cap-icon {\r\n width: 44px; height: 44px;\r\n border-radius: 10px;\r\n background: var(--accent-soft);\r\n color: var(--accent);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 18px;\r\n }\r\n .cap-icon svg { width: 22px; height: 22px; }\r\n .cap h3 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--ink);\r\n margin-bottom: 8px;\r\n letter-spacing: -0.01em;\r\n }\r\n .cap > p {\r\n font-size: 14px;\r\n color: var(--muted);\r\n line-height: 1.55;\r\n margin-bottom: 14px;\r\n }\r\n .cap ul {\r\n list-style: none;\r\n display: grid;\r\n gap: 7px;\r\n }\r\n .cap li {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n padding-left: 18px;\r\n position: relative;\r\n line-height: 1.45;\r\n }\r\n .cap li::before {\r\n content: '';\r\n position: absolute;\r\n left: 4px; top: 8px;\r\n width: 5px; height: 5px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n\/* ===== Responsive ===== *\/\r\n @media (max-width: 1100px) {\r\n .caps-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .section { padding: 72px 0; }\r\n .section-inner { padding: 0 24px; }\r\n .cap { padding: 26px 22px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .section { padding: 56px 0; }\r\n .section-head h2 { font-size: 28px; }\r\n .caps-grid { grid-template-columns: 1fr; gap: 14px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section section-caps\" id=\"capabilities\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-head\">\r\n <span class=\"section-label\">F\u00e4higkeiten<\/span>\r\n <h2>Eine End-to-End KI-Plattform f\u00fcr den QA-Lebenszyklus.<\/h2>\r\n <p class=\"section-sub\">Von der Spezifikation zur Governance. Kein generischer Code-Assistent \u2013 KI spezialisiert auf Qualit\u00e4tssicherung.<\/p>\r\n <\/div>\r\n\r\n <div class=\"caps-grid\">\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <h3>Intelligente Testgenerierung<\/h3>\r\n <p>Erstellen Sie schneller Multi-Framework-Suiten mit kontextbezogener KI.<\/p>\r\n <ul>\r\n <li>Szenarien aus Anforderungen<\/li>\r\n <li>Positive F\u00e4lle, negative F\u00e4lle und Grenzf\u00e4lle<\/li>\r\n <li>Wiederverwendbare Vorlagen und Komponenten<\/li>\r\n <li>Ausf\u00fchrbare Skripte aus nat\u00fcrlicher Sprache<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <h3>Anforderungen an die Automatisierung<\/h3>\r\n <p>Funktionale Spezifikationen in ausf\u00fchrbare Tests f\u00fcr verschiedene Frameworks umwandeln.<\/p>\r\n <ul>\r\n <li>Interpretation funktionaler Anforderungen<\/li>\r\n <li>Reduzierter technischer Vorbereitungsaufwand<\/li>\r\n <li>Manuelle zu automatisierte Testkonvertierung<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8L14 2z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M14 2v6h6M8 13h8M8 17h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n <h3>Smart Suite Wartung<\/h3>\r\n <p>Wartung ist der stille Killer der QA-Geschwindigkeit. Nicht mehr.<\/p>\r\n <ul>\r\n <li>Erkennung von veralteten oder redundanten Tests<\/li>\r\n <li>Aktualisierungsvorschl\u00e4ge f\u00fcr ge\u00e4nderte Skripte<\/li>\r\n <li>Auswirkungsanalyse nach Code\u00e4nderungen<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M22 12h-4l-3 9-6-18-3 9H2\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <h3>Ausf\u00fchrungsanalytik<\/h3>\r\n <p>Ergebnis-Analyse mit KI-Kontext f\u00fcr beschleunigte Fehlerbehebung.<\/p>\r\n <ul>\r\n <li>Fehlermustererkennung<\/li>\r\n <li>App- vs. Skriptfehlerklassifizierung<\/li>\r\n <li>Einblicke zur Weiterentwicklung der Suite<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M21 21l-4.35-4.35\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n <h3>Abdeckung & Qualit\u00e4tsoptimierung<\/h3>\r\n <p>L\u00fccken und Chancen zur St\u00e4rkung der Abdeckung identifizieren.<\/p>\r\n <ul>\r\n <li>Funktionale Abdeckung Analyse<\/li>\r\n <li>Empfehlung zus\u00e4tzlicher Szenarien<\/li>\r\n <li>Redundanz- und Duplikaterkennung<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"cap\">\r\n <div class=\"cap-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg><\/div>\r\n <h3>Steuerung & operativer Zugriff<\/h3>\r\n <p>Kontrolle, Nachverfolgbarkeit und Unternehmensreife von Anfang an.<\/p>\r\n <ul>\r\n <li>Anforderungs-Tests-Ausf\u00fchrungs-R\u00fcckverfolgbarkeit<\/li>\r\n <li>Versionskontrolle und methodische Konsistenz<\/li>\r\n <li>Zentrale Artefaktverwaltung\r\n<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97a6fa3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97a6fa3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4af04e6\" data-id=\"4af04e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8065a99 elementor-widget elementor-widget-html\" data-id=\"8065a99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TestPilot AI \u2013 Vergleich<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n <style>\n\/* ===== Base ===== *\/\n :root {\n --bg: #FFFFFF;\n --bg-soft: #F5F6F8;\n --bg-card: #FFFFFF;\n --ink: #0B1020;\n --ink-2: #1B2238;\n --muted: #5A6275;\n --muted-2: #8A93A6;\n --line: #E6E8EE;\n --line-strong: #D7DAE3;\n --accent: #2D5BFF;\n --accent-deep: #1E40D6;\n --accent-soft: #EAF0FF;\n --accent-2: #00C58A; \n }\n\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n \/* IMPEDE O SCROLL HORIZONTAL PELO TRUQUE DO 100VW *\/\n overflow-x: hidden; \n }\n\n\/* ===== Shared section styles ===== *\/\n .section {\n padding: 110px 0;\n position: relative;\n }\n .section-inner {\n max-width: 1240px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .section-head {\n margin-bottom: 64px;\n max-width: 760px;\n }\n .section-label {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 16px;\n }\n .section-head h2 {\n font-family: 'Open Sans', sans-serif;\n font-size: clamp(30px, 3.4vw, 44px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: var(--ink);\n text-wrap: balance;\n }\n .section-sub {\n font-size: 17px;\n color: var(--muted);\n margin-top: 14px;\n line-height: 1.6;\n max-width: 600px;\n }\n\n\/* ===== 04-comparison (AJUSTADO PARA LARGURA TOTAL) ===== *\/\n .section-compare {\n background: #fff;\n\n \/* TRUQUE PARA LARGURA TOTAL DO ECR\u00c3 *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n\n\n }\n\n .vs-wrap {\n overflow-x: auto;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: #fff;\n }\n .vs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 720px;\n }\n .vs-table th, .vs-table td {\n padding: 16px 20px;\n text-align: left;\n font-size: 14px;\n }\n .vs-table thead th {\n font-weight: 700;\n font-size: 13px;\n color: var(--muted);\n background: var(--bg-soft);\n border-bottom: 1px solid var(--line);\n letter-spacing: 0.02em;\n }\n .vs-table th.vs-feat {\n background: var(--accent-soft);\n color: var(--accent);\n }\n .vs-table tbody tr {\n border-bottom: 1px solid var(--line);\n }\n .vs-table tbody tr:last-child { border-bottom: none; }\n .vs-table td:first-child {\n font-weight: 600;\n color: var(--ink);\n }\n .vs-table td.vs-feat, .vs-table tbody td:nth-child(4) {\n background: var(--accent-soft);\n }\n .ok {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px; height: 22px;\n border-radius: 50%;\n background: var(--accent-2);\n color: #fff;\n font-weight: 700;\n font-size: 12px;\n }\n .x {\n color: var(--muted-2);\n font-size: 13px;\n }\n\n\/* ===== Responsive ===== *\/\n @media (max-width: 980px) {\n .section { padding: 80px 0; }\n .section-inner { padding: 0 24px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"section section-compare\" id=\"comparison\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <span class=\"section-label\">Vergleich<\/span>\n <h2>Warum TestPilot KI?<\/h2>\n <p class=\"section-sub\">KI auf Qualit\u00e4tssicherung spezialisiert \u2013 kein genereller Programmierassistent, kein Althergebrachtes Werkzeug.<\/p>\n <\/div>\n\n <div class=\"vs-wrap\">\n <table class=\"vs-table\">\n <thead>\n <tr>\n <th>F\u00e4higkeit<\/th>\n <th>Traditionelle QA<\/th>\n <th>KI-Codierassistenten<\/th>\n <th class=\"vs-feat\">TestPilot KI<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Native KI-Spezialist f\u00fcr Qualit\u00e4tssicherung<\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"x\">Teilweise<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>Gesammelter Projektkontext<\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>Anforderungs-Tests-Ausf\u00fchrungs-R\u00fcckverfolgbarkeit<\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>Fehlermusteranalyse<\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>Mehrere Framework-Unterst\u00fctzung<\/td>\n <td><span class=\"x\">Begrenzt<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>Unternehmensf\u00fchrung & Pr\u00fcfung<\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <tr>\n <td>On-premise \/ Azure AI Foundry<\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <td><span class=\"x\">\u2014<\/span><\/td>\n <td><span class=\"ok\">\u2713<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3b64e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3b64e8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-abbd889\" data-id=\"abbd889\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86019b3 elementor-widget elementor-widget-html\" data-id=\"86019b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TestPilot AI \u2014 Architektur<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n <style>\n\/* ===== Base ===== *\/\n :root {\n --bg: #FFFFFF;\n --bg-soft: #F5F6F8;\n --bg-card: #FFFFFF;\n --ink: #0B1020;\n --ink-2: #1B2238;\n --muted: #5A6275;\n --muted-2: #8A93A6;\n --line: #E6E8EE;\n --line-strong: #D7DAE3;\n --accent: #2D5BFF;\n --accent-deep: #1E40D6;\n --accent-soft: #EAF0FF;\n --accent-2: #00C58A; \n }\n\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n \/* IMPERATIVO: impede o scroll horizontal por causa do truque do 100vw *\/\n overflow-x: hidden; \n }\n\n\/* ===== Shared section styles ===== *\/\n .section {\n padding: 110px 0;\n position: relative;\n }\n .section-inner {\n max-width: 1240px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .section-head {\n margin-bottom: 64px;\n max-width: 760px;\n }\n .section-label {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 16px;\n }\n .section-head h2 {\n font-family: 'Open Sans', sans-serif;\n font-size: clamp(30px, 3.4vw, 44px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: var(--ink);\n text-wrap: balance;\n }\n .section-sub {\n font-size: 17px;\n color: var(--muted);\n margin-top: 14px;\n line-height: 1.6;\n max-width: 600px;\n }\n\n\/* ===== 05-architecture (AJUSTADO PARA LARGURA TOTAL) ===== *\/\n .section-arch {\n background: var(--bg-soft);\n\n \/* TRUQUE PARA LARGURA TOTAL DO MONITOR *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n\n \/* LINHAS: Atravessam o ecr\u00e3 todo acompanhando o fundo cinza *\/\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n }\n\n .arch-card {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 16px;\n padding: 36px;\n box-shadow: 0 12px 30px -20px rgba(11,16,32,0.08);\n }\n .arch-row {\n display: flex;\n align-items: stretch;\n gap: 16px;\n }\n .arch-col {\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-width: 170px;\n justify-content: center;\n }\n .arch-col-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--muted-2);\n margin-bottom: 4px;\n }\n .arch-box {\n background: var(--bg-soft);\n border: 1px solid var(--line);\n border-radius: 8px;\n padding: 11px 14px;\n font-size: 13px;\n color: var(--ink-2);\n text-align: center;\n font-weight: 500;\n }\n .arch-box.accent {\n background: var(--accent-soft);\n border-color: #DCE5FF;\n color: var(--accent);\n font-weight: 600;\n }\n .arch-arrow {\n align-self: center;\n color: var(--muted-2);\n font-size: 22px;\n flex-shrink: 0;\n }\n .arch-platform {\n flex: 1;\n background: linear-gradient(180deg, #F4F7FF, #EDF2FF);\n border: 1px solid #DCE5FF;\n border-radius: 12px;\n padding: 22px;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .arch-platform-label {\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--accent);\n text-align: center;\n }\n .arch-modules {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n .arch-module {\n background: #fff;\n border: 1px solid #DCE5FF;\n border-radius: 8px;\n padding: 12px 14px;\n }\n .am-title {\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 2px;\n }\n .am-sub {\n font-size: 11.5px;\n color: var(--muted);\n line-height: 1.4;\n }\n .arch-ci {\n text-align: center;\n font-size: 12px;\n color: var(--muted);\n padding-top: 8px;\n border-top: 1px solid #DCE5FF;\n }\n .arch-ci span {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 4px;\n padding: 3px 9px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n margin: 0 3px;\n color: var(--ink-2);\n }\n .deploy-section {\n margin-top: 56px;\n }\n .deploy-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n .deploy {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 12px;\n padding: 24px;\n }\n .deploy-icon {\n width: 40px; height: 40px;\n border-radius: 10px;\n background: var(--accent-soft);\n color: var(--accent);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 14px;\n }\n .deploy-icon svg { width: 22px; height: 22px; }\n .deploy h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 6px;\n }\n .deploy p {\n font-size: 13px;\n color: var(--muted);\n line-height: 1.5;\n }\n\n\/* ===== Responsive ===== *\/\n @media (max-width: 1100px) {\n .deploy-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 980px) {\n .section { padding: 80px 0; }\n .arch-row { flex-direction: column; }\n .arch-arrow { transform: rotate(90deg); align-self: center; }\n .arch-col { min-width: 0; }\n .arch-modules { grid-template-columns: 1fr; }\n .section-inner { padding: 0 24px; }\n }\n @media (max-width: 600px) {\n .deploy-grid { grid-template-columns: 1fr; }\n .arch-card { padding: 22px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"section section-arch\" id=\"architecture\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <span class=\"section-label\">Architektur<\/span>\n <h2>Flexibel, sicher und bereit f\u00fcr den Unternehmenseinsatz.<\/h2>\n <p class=\"section-sub\">Multi-Modell-KI-Unterst\u00fctzung und Bereitstellungsoptionen f\u00fcr jeden Kontext.<\/p>\n <\/div>\n\n <div class=\"arch-card\">\n <div class=\"arch-row\">\n <div class=\"arch-col arch-in\">\n <div class=\"arch-col-label\">Eingaben<\/div>\n <div class=\"arch-box\">Funktionale Anforderungen<\/div>\n <div class=\"arch-box\">User Stories \/ Spezifikationen<\/div>\n <div class=\"arch-box\">Bestehende Tests<\/div>\n <div class=\"arch-box\">Nat\u00fcrliche Sprache<\/div>\n <\/div>\n\n <div class=\"arch-arrow\">\u2192<\/div>\n\n <div class=\"arch-platform\">\n <div class=\"arch-platform-label\">TestPilot KI-Plattform<\/div>\n <div class=\"arch-modules\">\n <div class=\"arch-module\">\n <div class=\"am-title\">RAG-Engine<\/div>\n <div class=\"am-sub\">Projektkontext, Vorlagen, Testmuster<\/div>\n <\/div>\n <div class=\"arch-module\">\n <div class=\"am-title\">Multi-Modell LLM<\/div>\n <div class=\"am-sub\">GPT-4 \u00b7 Claude \u00b7 Llama \u00b7 Mistral<\/div>\n <\/div>\n <div class=\"arch-module\">\n <div class=\"am-title\">Feinabstimmung<\/div>\n <div class=\"am-sub\">Kontinuierliche Anpassung im Kundenkontext<\/div>\n <\/div>\n <div class=\"arch-module\">\n <div class=\"am-title\">Unternehmensf\u00fchrung<\/div>\n <div class=\"am-sub\">RBAC \u00b7 Audit \u00b7 Standards \u00b7 R\u00fcckverfolgbarkeit<\/div>\n <\/div>\n <\/div>\n <div class=\"arch-ci\">\n CI\/CD-Integration\n <span>GitHub<\/span><span>GitLab<\/span><span>Azure DevOps<\/span><span>Jenkins<\/span>\n <\/div>\n <\/div>\n\n <div class=\"arch-arrow\">\u2192<\/div>\n\n <div class=\"arch-col arch-out\">\n <div class=\"arch-col-label\">Ausgaben<\/div>\n <div class=\"arch-box accent\">Selenium-Skripte<\/div>\n <div class=\"arch-box accent\">Cypress-Skripte<\/div>\n <div class=\"arch-box accent\">Playwright-Skripte<\/div>\n <div class=\"arch-box accent\">Robot Framework<\/div>\n <div class=\"arch-box accent\">Berichte & Einblicke<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"deploy-section\">\n <span class=\"section-label\" style=\"margin-bottom: 18px; display: block;\">Bereitstellungsoptionen<\/span>\n <div class=\"deploy-grid\">\n <div class=\"deploy\">\n <div class=\"deploy-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 17a4 4 0 010-8 6 6 0 0111-3 5 5 0 014 8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h4>Cloud-API<\/h4>\n <p>OpenAI, Azure OpenAI, Anthropic, AWS Bedrock. Schnelle Einrichtung, sofortige Skalierbarkeit.<\/p>\n <\/div>\n <div class=\"deploy\">\n <div class=\"deploy-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l9 5v10l-9 5-9-5V7l9-5z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h4>Azure KI-Schmiede<\/h4>\n <p>Verwaltete Modelle auf Azure. Native Compliance und Integration auf Unternehmensebene.<\/p>\n <\/div>\n <div class=\"deploy\">\n <div class=\"deploy-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 21V8l9-5 9 5v13M9 21v-7h6v7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h4>On-Premise<\/h4>\n <p>Ollama + Open-Source-Modelle. Daten verlassen niemals die Infrastruktur des Kunden.<\/p>\n <\/div>\n <div class=\"deploy\">\n <div class=\"deploy-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h4>Hybrid<\/h4>\n <p>API + On-Premise-Mix. Flexibilit\u00e4t je nach Anwendungsfall und Datenempfindlichkeit.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe13fd5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe13fd5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff8fa5b\" data-id=\"ff8fa5b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5376ab5 elementor-widget elementor-widget-html\" data-id=\"5376ab5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>TestPilot KI \u2014 Pakete<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n\/* ===== Base ===== *\/\r\n :root {\r\n --bg: #FFFFFF;\r\n --bg-soft: #F5F6F8;\r\n --bg-card: #FFFFFF;\r\n --ink: #0B1020;\r\n --ink-2: #1B2238;\r\n --muted: #5A6275;\r\n --muted-2: #8A93A6;\r\n --line: #E6E8EE;\r\n --line-strong: #D7DAE3;\r\n --accent: #2D5BFF;\r\n --accent-deep: #1E40D6;\r\n --accent-soft: #EAF0FF;\r\n --accent-2: #00C58A; \r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n \/* IMPERATIVO: impede o scroll horizontal causado pelo truque do 100vw *\/\r\n overflow-x: hidden; \r\n }\r\n\r\n\/* ===== Shared section styles ===== *\/\r\n .section {\r\n padding: 110px 0;\r\n position: relative;\r\n }\r\n .section-inner {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n .section-head {\r\n margin-bottom: 64px;\r\n max-width: 760px;\r\n }\r\n .section-label {\r\n display: inline-block;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n }\r\n .section-head h2 {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: clamp(30px, 3.4vw, 44px);\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n font-weight: 800;\r\n color: var(--ink);\r\n text-wrap: balance;\r\n }\r\n .section-sub {\r\n font-size: 17px;\r\n color: var(--muted);\r\n margin-top: 14px;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n }\r\n\r\n\/* ===== 06-packages (AJUSTADO PARA LARGURA TOTAL) ===== *\/\r\n .section-pkg {\r\n background: #fff;\r\n\r\n \/* TRUQUE PARA LARGURA TOTAL DO MONITOR *\/\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n\r\n }\r\n\r\n .pkg-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n .pkg {\r\n position: relative;\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n padding: 32px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: border-color .15s;\r\n }\r\n .pkg:hover { border-color: var(--line-strong); }\r\n .pkg-featured {\r\n border-color: var(--accent);\r\n background: linear-gradient(180deg, #fff, #F4F7FF);\r\n box-shadow: 0 16px 40px -20px rgba(45,91,255,0.30);\r\n }\r\n .pkg-badge {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--accent);\r\n color: #fff;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 16px;\r\n border-radius: 100px;\r\n white-space: nowrap;\r\n }\r\n .pkg-name {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--ink);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 6px;\r\n }\r\n .pkg-desc {\r\n font-size: 14px;\r\n color: var(--muted);\r\n margin-bottom: 22px;\r\n }\r\n .pkg-features {\r\n list-style: none;\r\n flex: 1;\r\n display: grid;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n }\r\n .pkg-features li {\r\n font-size: 14px;\r\n color: var(--ink-2);\r\n padding-left: 24px;\r\n position: relative;\r\n line-height: 1.45;\r\n }\r\n .pkg-features li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0; top: 0;\r\n color: var(--accent-2);\r\n font-weight: 800;\r\n }\r\n .pkg-cta {\r\n display: block;\r\n text-align: center;\r\n padding: 12px 18px;\r\n border-radius: 8px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n transition: all .15s;\r\n border: 1px solid var(--line-strong);\r\n color: var(--ink);\r\n background: #fff;\r\n }\r\n .pkg-cta:hover { border-color: var(--ink-2); }\r\n .pkg-featured .pkg-cta {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n color: #fff;\r\n }\r\n .pkg-featured .pkg-cta:hover { background: var(--accent-deep); }\r\n\r\n\/* ===== Responsive ===== *\/\r\n @media (max-width: 980px) {\r\n .section { padding: 80px 0; }\r\n .pkg-grid { grid-template-columns: 1fr; }\r\n .section-inner { padding: 0 24px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section section-pkg\" id=\"packages\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-head\">\r\n <span class=\"section-label\">Pakete<\/span>\r\n <h2>W\u00e4chst mit Ihrem Team.<\/h2>\r\n <p class=\"section-sub\">Von der fr\u00fchen Einf\u00fchrung von KI in der Qualit\u00e4tssicherung bis hin zu gesch\u00e4ftskritischen Unternehmenseins\u00e4tzen.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pkg-grid\">\r\n <div class=\"pkg\">\r\n <div class=\"pkg-name\">Vorspeise<\/div>\r\n <p class=\"pkg-desc\">Erste KI-Einf\u00fchrung im QA<\/p>\r\n <ul class=\"pkg-features\">\r\n <li>Multi-Framework-Testgenerierung<\/li>\r\n <li>Selenium, Cypress, Playwright, Robot Framework<\/li>\r\n <li>Anforderungen \u2192 automatisierte Skripte<\/li>\r\n <li>Dashboards und Berichte<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/caixamagica.pt\/de\/kontakt\/\" class=\"pkg-cta\">Mehr erfahren<\/a>\r\n <\/div>\r\n\r\n <div class=\"pkg pkg-featured\">\r\n <span class=\"pkg-badge\">Am beliebtesten<\/span>\r\n <div class=\"pkg-name\">Beruflich<\/div>\r\n <p class=\"pkg-desc\">F\u00fcr Teams, die QA skalieren<\/p>\r\n <ul class=\"pkg-features\">\r\n <li>Alles im Starter<\/li>\r\n <li>Vorausschauende Anlagenwartung<\/li>\r\n <li>Abdeckungs- und L\u00fcckenanalyse<\/li>\r\n <li>Intelligente Ausf\u00fchrungsanalysen<\/li>\r\n <li>CI\/CD-Integration<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/caixamagica.pt\/de\/kontakt\/\" class=\"pkg-cta\">Mehr erfahren<\/a>\r\n <\/div>\r\n\r\n <div class=\"pkg\">\r\n <div class=\"pkg-name\">Unternehmen<\/div>\r\n <p class=\"pkg-desc\">Kritische Vorg\u00e4nge, mehrere Teams<\/p>\r\n <ul class=\"pkg-features\">\r\n <li>Alles im Profi<\/li>\r\n <li>Vollst\u00e4ndige Steuerung und Pr\u00fcfung<\/li>\r\n <li>On-premise \/ Azure KI Foundry Bereitstellung<\/li>\r\n <li>Feinabstimmung pro Kundenkontext<\/li>\r\n <li>SLA und dedizierter Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/caixamagica.pt\/de\/kontakt\/\" class=\"pkg-cta\">Mehr erfahren<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2f2038 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d2f2038\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-193ab59\" data-id=\"193ab59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cebf1ee elementor-widget elementor-widget-html\" data-id=\"cebf1ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TestPilot AI \u2013 H\u00e4ufig gestellte Fragen<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n <style>\n\/* ===== Base ===== *\/\n :root {\n --bg: #FFFFFF;\n --bg-soft: #F5F6F8;\n --bg-card: #FFFFFF;\n --ink: #0B1020;\n --ink-2: #1B2238;\n --muted: #5A6275;\n --muted-2: #8A93A6;\n --line: #E6E8EE;\n --line-strong: #D7DAE3;\n --accent: #2D5BFF;\n --accent-deep: #1E40D6;\n --accent-soft: #EAF0FF;\n --accent-2: #00C58A; \n }\n\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n \/* IMPERATIVO: impede o scroll horizontal por causa do truque do 100vw *\/\n overflow-x: hidden; \n }\n\n\/* ===== Shared section styles ===== *\/\n .section {\n padding: 110px 0;\n position: relative;\n }\n .section-inner {\n max-width: 1240px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .section-inner-narrow {\n max-width: 880px;\n }\n .section-head {\n margin-bottom: 64px;\n max-width: 760px;\n }\n .section-label {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 16px;\n }\n .section-head h2 {\n font-family: 'Open Sans', sans-serif;\n font-size: clamp(30px, 3.4vw, 44px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: var(--ink);\n text-wrap: balance;\n }\n\n\/* ===== 07-faq (AJUSTADO PARA LARGURA TOTAL) ===== *\/\n .section-faq {\n background: var(--bg-soft);\n\n \/* TRUQUE PARA LARGURA TOTAL DO MONITOR *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n\n \/* LINHAS: Atravessam o ecr\u00e3 todo acompanhando o fundo cinza *\/\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n }\n\n .faq {\n display: grid;\n gap: 12px;\n }\n .faq-item {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 10px;\n overflow: hidden;\n }\n .faq-item summary {\n list-style: none;\n cursor: pointer;\n padding: 18px 22px;\n font-size: 15px;\n font-weight: 700;\n color: var(--ink);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n transition: background .15s;\n }\n .faq-item summary::-webkit-details-marker { display: none; }\n .faq-item summary:hover { background: var(--bg-soft); }\n \n .faq-plus {\n width: 18px; height: 18px;\n position: relative;\n flex-shrink: 0;\n }\n .faq-plus::before, .faq-plus::after {\n content: '';\n position: absolute;\n background: var(--accent);\n border-radius: 1px;\n transition: transform .2s;\n }\n .faq-plus::before { top: 8px; left: 0; right: 0; height: 2px; }\n .faq-plus::after { left: 8px; top: 0; bottom: 0; width: 2px; }\n .faq-item[open] .faq-plus::after { transform: scaleY(0); }\n \n .faq-body {\n padding: 0 22px 20px;\n color: var(--muted);\n font-size: 14.5px;\n line-height: 1.65;\n }\n\n\/* ===== Responsive ===== *\/\n @media (max-width: 980px) {\n .section { padding: 80px 0; }\n .section-inner { padding: 0 24px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"section section-faq\">\n <div class=\"section-inner section-inner-narrow\">\n <div class=\"section-head\">\n <span class=\"section-label\">FAQ<\/span>\n <h2>H\u00e4ufig gestellte Fragen.<\/h2>\n <\/div>\n\n <div class=\"faq\">\n <details class=\"faq-item\" open>\n <summary>Wie unterscheidet sich TestPilot AI von einem generischen Coding-Assistenten?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Generische KI-Assistenten generieren Code ohne QA-Kontext, Governance oder Nachverfolgbarkeit. TestPilot AI ist um den QA-Lebenszyklus herum aufgebaut: Es nimmt Anforderungen auf, beh\u00e4lt den Projektkontext durch RAG bei, erstellt Tests mit Audit Trails und speist Ausf\u00fchrungsanalysen zur\u00fcck in die Suite.<\/p>\n <\/div>\n <\/details>\n <details class=\"faq-item\">\n <summary>Welche Frameworks werden ohne zus\u00e4tzliche Konfiguration unterst\u00fctzt?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Selenium, Cypress, Playwright und Robot Framework sind erstklassig. Zus\u00e4tzliche Frameworks k\u00f6nnen \u00fcber die Adapter-Schicht der Plattform in der Enterprise-Edition aktiviert werden.<\/p>\n <\/div>\n <\/details>\n <details class=\"faq-item\">\n <summary>Kann die Plattform vollst\u00e4ndig On-Premise betrieben werden?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Ja. Die Enterprise-Version unterst\u00fctzt eine On-Premise-Bereitstellung mit Ollama und Open-Source-LLMs, wodurch sichergestellt wird, dass keine Daten die Infrastruktur des Kunden verlassen.<\/p>\n <\/div>\n <\/details>\n <details class=\"faq-item\">\n <summary>Wie geht TestPilot AI mit Datenschutz und Compliance um?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Alle Deployments sind DSGVO-konform. Enterprise-Pakete bieten zus\u00e4tzlich RBAC, vollst\u00e4ndige Audit-Protokollierung, R\u00fcckverfolgbarkeit zwischen Anforderungen, Tests und Ausf\u00fchrungen sowie die Option, die gesamte Inferenz lokal zu halten.<\/p>\n <\/div>\n <\/details>\n <details class=\"faq-item\">\n <summary>Wie lange dauert ein typisches Onboarding?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Starter-Teams sind innerhalb von Tagen produktiv. Professionelle Rollouts dauern typischerweise 2\u20134 Wochen inklusive CI\/CD-Integration. Enterprise-Engagements werden pro Kunde spezifiziert.<\/p>\n <\/div>\n <\/details>\n <details class=\"faq-item\">\n <summary>Ersetzt TestPilot AI QA-Ingenieure?<span class=\"faq-plus\"><\/span><\/summary>\n <div class=\"faq-body\">\n <p>Nein. Es eliminiert manuelle Ger\u00fcstbau-, Wartungs- und Triagearbeiten und gibt Ingenieuren die Freiheit, sich auf Teststrategie, komplexe Szenarien und Qualit\u00e4tssicherung zu konzentrieren.<\/p>\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-232d506 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"232d506\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7eab196\" data-id=\"7eab196\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0713549 elementor-widget elementor-widget-html\" data-id=\"0713549\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>TestPilot AI \u2014 Erste Schritte<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n <style>\n\/* ===== Base ===== *\/\n :root {\n \/* Caixa M\u00e1gica palette *\/\n --bg: #FFFFFF;\n --bg-soft: #F5F6F8;\n --bg-card: #FFFFFF;\n --ink: #0B1020;\n --ink-2: #1B2238;\n --muted: #5A6275;\n --muted-2: #8A93A6;\n --line: #E6E8EE;\n --line-strong: #D7DAE3;\n --accent: #2D5BFF;\n --accent-deep: #1E40D6;\n --accent-soft: #EAF0FF;\n --accent-2: #00C58A; \/* QA pass green *\/\n }\n\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--ink);\n font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n a { color: inherit; text-decoration: none; }\n button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }\n\n\/* ===== Shared section styles ===== *\/\n \/* ============ SHARED SECTION STYLES ============ *\/\n .section {\n padding: 110px 0;\n position: relative;\n }\n .section-inner {\n max-width: 1240px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .section-inner-narrow {\n max-width: 880px;\n }\n .section-head {\n margin-bottom: 64px;\n max-width: 760px;\n }\n .section-label {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 16px;\n }\n .section-head h2 {\n font-family: 'Open Sans', sans-serif;\n font-size: clamp(30px, 3.4vw, 44px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 800;\n color: var(--ink);\n text-wrap: balance;\n }\n .section-sub {\n font-size: 17px;\n color: var(--muted);\n margin-top: 14px;\n line-height: 1.6;\n max-width: 600px;\n }\n\n\/* ===== 08-cta ===== *\/\n \/* ============ CTA ============ *\/\n .section-cta {\n background: #fff;\n padding: 100px 32px;\n }\n .cta-card {\n max-width: 1080px;\n margin: 0 auto;\n background: linear-gradient(135deg, #F4F7FF 0%, #EDF2FF 100%);\n border: 1px solid #DCE5FF;\n border-radius: 22px;\n padding: 80px 48px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-glow {\n position: absolute;\n top: -40%; left: 50%;\n transform: translateX(-50%);\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(45,91,255,0.15), transparent 60%);\n pointer-events: none;\n }\n .cta-card h2 {\n font-family: 'Open Sans', sans-serif;\n font-size: clamp(32px, 4.4vw, 52px);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin: 14px 0 18px;\n position: relative;\n }\n .cta-em {\n color: var(--accent);\n }\n .cta-card p {\n font-size: 17px;\n color: var(--muted);\n max-width: 540px;\n margin: 0 auto 36px;\n position: relative;\n line-height: 1.6;\n }\n .cta-actions {\n display: flex;\n gap: 14px;\n justify-content: center;\n flex-wrap: wrap;\n position: relative;\n }\n\n\/* ===== Responsive ===== *\/\n \/* ============ RESPONSIVE ============ *\/\n @media (max-width: 1100px) {\n .caps-grid { grid-template-columns: repeat(2, 1fr); }\n .deploy-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 980px) {\n .section { padding: 80px 0; }\n .challenge-grid { grid-template-columns: 1fr; gap: 40px; }\n .pkg-grid { grid-template-columns: 1fr; }\n .arch-row { flex-direction: column; }\n .arch-arrow { transform: rotate(90deg); align-self: center; }\n .arch-col { min-width: 0; }\n .arch-modules { grid-template-columns: 1fr; }\n .cta-card { padding: 60px 28px; }\n }\n @media (max-width: 600px) {\n .caps-grid { grid-template-columns: 1fr; }\n .deploy-grid { grid-template-columns: 1fr; }\n .stat-num { font-size: 44px; }\n .arch-card { padding: 22px; }\n }\n\n <\/style>\n<\/head>\n<body>\n<section class=\"section section-cta\" id=\"contact\">\n <div class=\"cta-card\">\n <div class=\"cta-glow\"><\/div>\n <span class=\"section-label\" style=\"color: var(--accent);\">Los geht's<\/span>\n <h2>KI f\u00fcr Qualit\u00e4tssicherung.<br><span class=\"cta-em\">Lass uns reden.<\/span><\/h2>\n <p>Personalisierte Demo, unverbindlich. Wir zeigen Ihnen, wie TestPilot AI in Ihren Kontext passt \u2013 Frameworks, Infrastruktur und Governance.<\/p>\n <div class=\"cta-actions\">\n <a href=\"https:\/\/caixamagica.pt\/de\/kontakt\/\" class=\"btn btn-primary\">\n Demo vereinbaren\n <svg viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L9 4M13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/caixamagica.pt\/de\/\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener\">caixamagica.pt<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TestPilot AI \u2014 Hero Fixed Final AI built for QA and test automation. Multi-framework enterprise platform with end-to-end traceability, intelligent execution analysis and governance. Schedule a demo See capabilities On-premise & Azure AI Multi-framework GDPR-ready TestPilot AI \u2014 The Challenge The Challenge Empty test suites slow teams down \u2014 and AI alone isn’t the answer. […]<\/p>","protected":false},"author":6,"featured_media":13401,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-13463","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Test Pilot AI | Caixa M\u00e1gica Software<\/title>\n<meta name=\"description\" content=\"Stageless AI is an AI virtual staging solution that significantly enhances real estate marketing and property presentation quality.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/caixamagica.pt\/de\/test-pilot-ai\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test Pilot AI | Caixa M\u00e1gica Software\" \/>\n<meta property=\"og:description\" content=\"Stageless AI is an AI virtual staging solution that significantly enhances real estate marketing and property presentation quality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/caixamagica.pt\/de\/test-pilot-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Caixa M\u00e1gica Software\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CaixaMagicaSoftware\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T16:52:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/photo-1600607687939-ce8a6c25118c-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1306\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/caixamagica.pt\/test-pilot-ai\/\",\"url\":\"https:\/\/caixamagica.pt\/test-pilot-ai\/\",\"name\":\"Test Pilot AI | Caixa M\u00e1gica Software\",\"isPartOf\":{\"@id\":\"https:\/\/caixamagica.pt\/#website\"},\"datePublished\":\"2026-04-30T15:16:05+00:00\",\"dateModified\":\"2026-05-05T16:52:04+00:00\",\"description\":\"Stageless AI is an AI virtual staging solution that significantly enhances real estate marketing and property presentation quality.\",\"breadcrumb\":{\"@id\":\"https:\/\/caixamagica.pt\/test-pilot-ai\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/caixamagica.pt\/test-pilot-ai\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/caixamagica.pt\/test-pilot-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/caixamagica.pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test Pilot AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/caixamagica.pt\/#website\",\"url\":\"https:\/\/caixamagica.pt\/\",\"name\":\"Caixa M\u00e1gica Software\",\"description\":\"Caixa Magica Software create technological solutions in the areas of mobile, web, and automotive, with over 19 years of experience in developing for various market segments.\",\"publisher\":{\"@id\":\"https:\/\/caixamagica.pt\/#organization\"},\"alternateName\":\"CMS\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/caixamagica.pt\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/caixamagica.pt\/#organization\",\"name\":\"Caixa M\u00e1gica Software\",\"alternateName\":\"CMS\",\"url\":\"https:\/\/caixamagica.pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/caixamagica.pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/caixamagica.pt\/wp-content\/uploads\/2023\/09\/cropped-Favicon-CMS-v2.png\",\"contentUrl\":\"https:\/\/caixamagica.pt\/wp-content\/uploads\/2023\/09\/cropped-Favicon-CMS-v2.png\",\"width\":512,\"height\":512,\"caption\":\"Caixa M\u00e1gica Software\"},\"image\":{\"@id\":\"https:\/\/caixamagica.pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CaixaMagicaSoftware\",\"https:\/\/www.instagram.com\/caixamagicasoftware\/\",\"https:\/\/www.linkedin.com\/company\/caixa-magica-software\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Test Pilot AI | Caixa M\u00e1gica Software","description":"Stageless AI ist eine KI-basierte L\u00f6sung f\u00fcr virtuelles Staging, die das Immobilienmarketing und die Qualit\u00e4t der Immobilienpr\u00e4sentation erheblich verbessert.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/caixamagica.pt\/de\/test-pilot-ai\/","og_locale":"de_DE","og_type":"article","og_title":"Test Pilot AI | Caixa M\u00e1gica Software","og_description":"Stageless AI is an AI virtual staging solution that significantly enhances real estate marketing and property presentation quality.","og_url":"https:\/\/caixamagica.pt\/de\/test-pilot-ai\/","og_site_name":"Caixa M\u00e1gica Software","article_publisher":"https:\/\/www.facebook.com\/CaixaMagicaSoftware","article_modified_time":"2026-05-05T16:52:04+00:00","og_image":[{"width":1920,"height":1306,"url":"https:\/\/caixamagica.pt\/wp-content\/uploads\/2026\/04\/photo-1600607687939-ce8a6c25118c-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/caixamagica.pt\/test-pilot-ai\/","url":"https:\/\/caixamagica.pt\/test-pilot-ai\/","name":"Test Pilot AI | Caixa M\u00e1gica Software","isPartOf":{"@id":"https:\/\/caixamagica.pt\/#website"},"datePublished":"2026-04-30T15:16:05+00:00","dateModified":"2026-05-05T16:52:04+00:00","description":"Stageless AI ist eine KI-basierte L\u00f6sung f\u00fcr virtuelles Staging, die das Immobilienmarketing und die Qualit\u00e4t der Immobilienpr\u00e4sentation erheblich verbessert.","breadcrumb":{"@id":"https:\/\/caixamagica.pt\/test-pilot-ai\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/caixamagica.pt\/test-pilot-ai\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/caixamagica.pt\/test-pilot-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/caixamagica.pt\/"},{"@type":"ListItem","position":2,"name":"Test Pilot AI"}]},{"@type":"WebSite","@id":"https:\/\/caixamagica.pt\/#website","url":"https:\/\/caixamagica.pt\/","name":"Caixa M\u00e1gica Software","description":"Caixa Magica Software entwickelt technologische L\u00f6sungen in den Bereichen Mobile, Web und Automotive mit \u00fcber 19 Jahren Erfahrung in der Entwicklung f\u00fcr verschiedene Marktsegmente.","publisher":{"@id":"https:\/\/caixamagica.pt\/#organization"},"alternateName":"CMS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/caixamagica.pt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/caixamagica.pt\/#organization","name":"Caixa M\u00e1gica Software","alternateName":"CMS","url":"https:\/\/caixamagica.pt\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/caixamagica.pt\/#\/schema\/logo\/image\/","url":"https:\/\/caixamagica.pt\/wp-content\/uploads\/2023\/09\/cropped-Favicon-CMS-v2.png","contentUrl":"https:\/\/caixamagica.pt\/wp-content\/uploads\/2023\/09\/cropped-Favicon-CMS-v2.png","width":512,"height":512,"caption":"Caixa M\u00e1gica Software"},"image":{"@id":"https:\/\/caixamagica.pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CaixaMagicaSoftware","https:\/\/www.instagram.com\/caixamagicasoftware\/","https:\/\/www.linkedin.com\/company\/caixa-magica-software"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/pages\/13463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/comments?post=13463"}],"version-history":[{"count":53,"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/pages\/13463\/revisions"}],"predecessor-version":[{"id":13562,"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/pages\/13463\/revisions\/13562"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/media\/13401"}],"wp:attachment":[{"href":"https:\/\/caixamagica.pt\/de\/wp-json\/wp\/v2\/media?parent=13463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}