:root{--ink:#17152d;--violet:#7353ff;--lime:#d9ff43;--paper:#f7f5fb;--muted:#6e6a7d;--line:#ded9ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.035em}.seo-nav{min-height:76px;padding:16px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,245,251,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.seo-brand{display:flex;align-items:center;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.04em}.seo-brand>b{color:var(--violet)}.seo-brand>span{width:30px;height:30px;margin-right:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.seo-brand i{background:var(--ink);border-radius:4px}.seo-brand i:nth-child(2),.seo-brand i:nth-child(3){background:var(--violet)}.seo-nav nav{display:flex;align-items:center;gap:26px}.seo-nav nav a{text-decoration:none;font-size:14px;font-weight:750}.nav-cta,.seo-button{background:var(--lime);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:11px 18px;border-radius:10px;text-decoration:none!important;font-weight:900;display:inline-flex;gap:16px;align-items:center}.seo-hero{max-width:1180px;margin:0 auto;padding:76px 24px 64px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:60px}.seo-hero h1{font-size:clamp(44px,6vw,82px);max-width:800px;margin:14px 0 22px}.seo-hero p{font-size:19px;color:var(--muted);max-width:660px}.seo-hero img{width:100%;height:auto;border:2px solid var(--ink);border-radius:20px;box-shadow:12px 12px 0 var(--violet)}.seo-kicker{font-size:12px;font-weight:950;letter-spacing:.16em;color:var(--violet)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.hero-actions>a:last-child{font-weight:800}.seo-section{max-width:1180px;margin:0 auto;padding:76px 24px}.seo-section>h2,.seo-grid h2{font-size:clamp(34px,5vw,58px);max-width:850px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.seo-checks{list-style:none;padding:0}.seo-checks li{padding:10px 0 10px 30px;position:relative}.seo-checks li:before{content:'✓';position:absolute;left:0;color:var(--violet);font-weight:950}.product-shot{min-height:360px;border:2px solid var(--ink);border-radius:18px;padding:22px;background:#0d0b24;color:white;box-shadow:10px 10px 0 var(--lime);overflow:hidden}.shot-live{font-size:11px;letter-spacing:.13em;color:var(--lime);font-weight:900}.mini-board{margin:22px auto 0;max-width:420px;border:2px solid #8b72ff;box-shadow:0 0 28px #7353ff;border-radius:10px;padding:12px}.mini-board>b{display:block;text-align:center;padding:4px}.mini-board>div,.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-board i{min-height:70px;display:grid;place-items:center;text-align:center;font-style:normal;font-size:11px;background:#242044;border:1px solid #5246a8;border-radius:5px;padding:4px}.mini-board i.marked{background:var(--lime);color:var(--ink);font-weight:900}.benefit-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.benefit-grid article,.guide-grid>a,.idea-list article{border:1px solid var(--line);background:white;border-radius:16px;padding:28px}.benefit-grid b,.guide-grid span,.idea-list b{color:var(--violet);font-size:12px;letter-spacing:.12em}.guide-grid>a{text-decoration:none;transition:.2s}.guide-grid>a:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2d225117}.guide-grid h2{font-size:28px;margin-top:14px}.seo-cta{text-align:center;background:var(--ink);color:white;max-width:none}.seo-cta>*{max-width:820px;margin-left:auto;margin-right:auto}.seo-cta p{color:#c7c2d4}.steps article{display:grid;grid-template-columns:70px .75fr 1fr;gap:32px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.steps article>span{font-size:42px;font-weight:950;color:var(--violet)}.steps h2{font-size:38px}.shot-editor,.shot-control,.shot-obs{min-height:270px}.shot-editor{display:grid;grid-template-columns:110px 1fr;gap:16px}.mock-sidebar{display:flex;flex-direction:column;gap:12px}.mock-sidebar i{height:30px;border-radius:5px;background:#3c356a}.mock-grid i{min-height:62px;background:#29244b;border:1px solid #6354c8;border-radius:5px}.control-head{display:flex;justify-content:space-between;color:var(--lime);font-weight:900;margin-bottom:18px}.control-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.control-row i{min-height:70px;border:1px solid #5c4fc2;border-radius:7px;display:grid;place-items:center;font-style:normal}.control-row i.active{background:var(--lime);color:var(--ink);font-weight:900}.obs-toolbar{height:22px;border-radius:5px;background:#373442;margin-bottom:12px}.obs-canvas{min-height:200px;background:linear-gradient(135deg,#24242d 25%,#1c1c23 25% 50%,#24242d 50% 75%,#1c1c23 75%);background-size:20px 20px;display:grid;place-items:center}.obs-card{background:#231e4a;padding:12px;border:2px solid #846dff;border-radius:8px;text-align:center;box-shadow:0 0 18px #7353ff}.obs-card>div{display:grid;grid-template-columns:repeat(2,45px);gap:4px;margin-top:6px}.obs-card i{height:35px;background:#3b3370}.article{max-width:850px}.article h2{font-size:34px;margin-top:52px}.article p{font-size:18px;color:#514d61}.article aside{margin:54px 0 0;padding:28px;border-left:6px solid var(--lime);background:var(--ink);color:white;border-radius:0 14px 14px 0}.article aside h2{margin-top:0}.article aside p{color:#d9d4e5}.numbered h2 span{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:10px;border-radius:50%;background:var(--violet);color:white;font-size:18px;vertical-align:5px}.idea-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.idea-list article h2{font-size:26px;margin:10px 0}.idea-list p{margin-bottom:0;color:var(--muted)}footer{padding:46px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;border-top:1px solid var(--line)}footer>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}footer a{font-size:13px;font-weight:700;text-decoration:none}footer small{color:var(--muted)}@media(max-width:800px){.seo-nav nav>a:not(.nav-cta){display:none}.seo-hero,.seo-grid{grid-template-columns:1fr}.seo-hero{padding-top:48px;gap:36px}.benefit-grid,.guide-grid,.idea-list{grid-template-columns:1fr}.steps article{grid-template-columns:48px 1fr}.steps .product-shot{grid-column:1/-1}.seo-section{padding-top:54px;padding-bottom:54px}footer{grid-template-columns:1fr;text-align:center}footer>div{justify-content:flex-start}.seo-hero h1{font-size:46px}}@media(max-width:480px){.seo-nav{padding:12px 16px}.nav-cta{padding:8px 10px;font-size:12px}.seo-hero,.seo-section{padding-left:18px;padding-right:18px}.hero-actions{align-items:flex-start;flex-direction:column}.product-shot{min-height:300px;padding:14px}}

.home-explain,.home-demo,.home-obs{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.home-explain h2,.home-demo h2,.home-obs h2,.home-screens h2,.home-why h2,.home-features h2,.home-examples h2,.home-faq h2{font-size:clamp(34px,5vw,58px);margin-top:12px}.home-explain p,.home-demo p,.home-obs p{font-size:18px;color:var(--muted)}.home-stat{display:grid;grid-template-columns:auto 1fr;gap:5px 18px;padding:34px;border:2px solid var(--ink);border-radius:18px;background:white;box-shadow:10px 10px 0 var(--lime)}.home-stat strong{font-size:42px;line-height:1;color:var(--violet)}.home-stat span{align-self:center;font-weight:850}.home-screens>figure{margin:38px 0}.home-screens>figure img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:20px;box-shadow:10px 10px 0 var(--violet)}figure figcaption{margin-top:14px;color:var(--muted);font-size:13px}.screen-crops{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-crops figure{margin:0;overflow:hidden}.screen-crops img{display:block;width:100%;height:260px;object-fit:cover;border:1px solid var(--line);border-radius:14px}.screen-crops figure:nth-child(1) img{object-position:8% center}.screen-crops figure:nth-child(2) img{object-position:50% center}.screen-crops figure:nth-child(3) img{object-position:92% center}.screen-crops figcaption{font-weight:850;color:var(--ink)}.home-demo figure{margin:0}.home-demo figure>div{overflow:hidden;border:2px solid var(--ink);border-radius:18px;background:white;box-shadow:10px 10px 0 var(--lime)}.home-demo img{display:block;width:100%;height:auto;animation:demoMotion 9s ease-in-out infinite;transform-origin:center}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.feature-list article{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.feature-list h3{font-size:23px}.feature-list p{margin:0;color:var(--muted)}.home-obs{max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:#ece8ff}.home-obs .product-shot{width:100%}.moment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}.moment-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.moment-grid span{font-size:30px}.moment-grid h3{margin:12px 0}.moment-grid p{margin:0;color:var(--muted)}.home-examples>a{font-weight:850}.home-faq>div{margin-top:34px;border-top:1px solid var(--line)}.home-faq details{border-bottom:1px solid var(--line);background:white}.home-faq summary{padding:20px 22px;cursor:pointer;font-size:18px;font-weight:850;list-style-position:inside}.home-faq details p{padding:0 22px 20px;margin:0;color:var(--muted)}@keyframes demoMotion{0%,18%,100%{transform:scale(1) translateX(0)}35%,48%{transform:scale(1.12) translateX(5%)}65%,78%{transform:scale(1.12) translateX(-5%)}}@media(max-width:850px){.home-explain,.home-demo,.home-obs{grid-template-columns:1fr}.feature-list,.moment-grid{grid-template-columns:repeat(2,1fr)}.screen-crops{grid-template-columns:1fr}.screen-crops img{height:auto}}@media(max-width:520px){.feature-list,.moment-grid{grid-template-columns:1fr}.home-stat{padding:24px}.home-demo img{animation:none}}

/* Einheitliches ChatBingo-Zeichen und originalgetreue, codebasierte Produktansichten. */
.seo-brand>span{gap:3px;transform:rotate(-7deg)}.seo-brand i{background:var(--violet);border-radius:2px}.seo-brand i:nth-child(2),.seo-brand i:nth-child(3){background:var(--lime)}
.real-editor{overflow:hidden;border:2px solid var(--ink);border-radius:16px;background:white;box-shadow:12px 12px 0 var(--violet);font-family:"Trebuchet MS",Arial,sans-serif}.real-editor-head{min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:white;font-size:11px}.real-editor-head>div{display:grid;margin:auto;text-align:center}.real-editor-head small{color:var(--violet);font-size:7px;font-weight:900}.real-editor-head button{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:white;font:800 8px inherit}.real-editor-head button.save{background:var(--ink);color:white;box-shadow:3px 3px 0 var(--lime)}.real-editor-layout{display:grid;grid-template-columns:190px 1fr;min-height:440px}.real-editor-layout aside{display:flex;flex-direction:column;gap:9px;padding:15px;border-right:1px solid var(--line);background:white;font-size:8px}.real-editor-layout aside>b{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);letter-spacing:.6px}.real-editor-layout aside em{color:var(--violet);font-size:14px;font-style:normal}.real-editor-layout aside>span{color:var(--muted);font-weight:700}.real-editor-layout aside .input{height:24px;border:1px solid var(--line);border-radius:4px}.onboarding{padding:10px;border-left:3px solid var(--violet);background:#f1edff}.onboarding b,.onboarding small{display:block}.onboarding small{margin-top:4px;color:var(--muted)}.real-editor-canvas{padding:15px;background:#17152d}.real-editor-canvas>small{display:flex;align-items:center;gap:5px;color:white;font-size:7px;letter-spacing:1px}.real-editor-canvas>small>i{width:6px;height:6px;border-radius:50%;background:#32d778}.real-editor-canvas>small>span{margin-left:auto;color:#a8a4ba;letter-spacing:0}.real-card{width:min(390px,90%);margin:18px auto;padding:7px;border:2px solid var(--ink);background:white;box-shadow:8px 8px 0 rgba(115,83,255,.55)}.real-card header{min-height:52px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--violet);color:white}.real-card header small{font-size:6px;letter-spacing:1px}.real-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px}.real-card>div>span{position:relative;min-height:68px;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f1edff;border:1px solid #d9d2f3;color:var(--ink);font-size:9px;font-weight:800}.real-card>div>span>small{font-size:7px;margin-top:3px}.real-card>div>span.marked,.real-card>div>span.demo-mark{background:var(--lime);border-color:var(--ink)}.real-card>div>span>b{position:absolute;inset:0;display:grid;place-items:center;color:#6546fa;font:900 58px/1 "Arial Black";text-shadow:1px 1px white}.real-effect{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:30px;padding-top:12px;border-top:1px solid #433e5d}.real-effect span{min-height:45px;padding:8px;background:white;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.5px}.compact-preview{width:100%;transform:rotate(1deg)}.compact-preview .real-editor-head{min-height:48px}.compact-preview .real-editor-layout{grid-template-columns:120px 1fr;min-height:330px}.compact-preview .real-editor-layout aside{padding:10px}.compact-preview .real-card{width:85%;margin-top:12px}.compact-preview .real-card>div>span{min-height:48px;font-size:7px}.compact-preview .real-card>div>span>b{font-size:45px}.screen-crops>figure>div{height:280px;border:1px solid var(--line);border-radius:14px}.real-detail{display:flex;flex-direction:column;gap:10px;padding:22px;background:white}.real-detail b{padding:12px;border:1px solid var(--line);font-size:9px;letter-spacing:.6px}.real-detail span{color:var(--muted);font-size:9px}.real-detail i{height:34px;border:1px solid var(--line);border-radius:5px}.detail-card{width:100%;height:280px;margin:0;box-shadow:none}.detail-card>div>span{min-height:56px;font-size:8px}.real-obs{padding:13px;background:#17152d;color:white;overflow:hidden}.real-obs>small{color:#32d778;font-size:7px;font-weight:900}.real-obs .real-card{margin:10px auto 0}.home-demo figure>div.real-obs{background:#17152d}.animated-demo .demo-mark{animation:realMarkDemo 4.8s ease-in-out infinite}.animated-demo .demo-mark>b{animation:realMarkSymbol 4.8s ease-in-out infinite}@keyframes realMarkDemo{0%,20%,100%{background:#f1edff;border-color:#d9d2f3}35%,85%{background:var(--lime);border-color:var(--ink)}}@keyframes realMarkSymbol{0%,20%,100%{opacity:0;transform:scale(1.6) rotate(10deg)}35%,85%{opacity:1;transform:scale(1) rotate(0)}}footer{grid-template-columns:auto minmax(0,1fr) auto}footer>div{min-width:0;row-gap:12px}.home-screens>figure>.real-editor{width:100%}@media(max-width:850px){.real-editor-layout{grid-template-columns:145px 1fr}.real-editor-head>span{display:none}.real-card{width:95%}.compact-preview .real-editor-layout{grid-template-columns:100px 1fr}}@media(max-width:600px){.real-editor-layout,.compact-preview .real-editor-layout{grid-template-columns:1fr}.real-editor-layout aside{display:none}.real-editor-head{flex-wrap:wrap}.real-editor-head button.save{display:none}.real-editor-canvas{padding:10px}.real-card{width:100%;margin:10px auto}.real-card>div>span{min-height:52px}.real-effect{margin-top:16px}footer>div{justify-content:flex-start}}