:root{--accent:#ff6a2e}html[data-theme=light]{--accent:#d7440d}.button.glow,.header-cta{color:#fff}.vibe-hero h1{font-size:clamp(50px,6.3vw,83px)}.build-window{position:relative;z-index:1;border:1px solid var(--line);border-radius:20px;background:#090b0c;color:#f3f3ef;overflow:hidden;box-shadow:0 32px 90px #0006;font-family:Arial,sans-serif}.build-bar{height:52px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#191d1f;border-bottom:1px solid #303538}.build-bar i{width:9px;height:9px;border-radius:50%;background:#53595c}.build-bar i:first-child{background:var(--accent)}.build-bar strong{margin-left:auto;font:700 16px/1 monospace;color:#c5c9c9}.build-chat{padding:20px;display:grid;gap:11px}.build-chat p{max-width:88%;margin:0;padding:13px 15px;border-radius:11px;background:#171b1d;color:#d2d5d4}.build-chat p:nth-child(2){justify-self:end;background:color-mix(in srgb,var(--accent) 18%,#171b1d);border:1px solid color-mix(in srgb,var(--accent) 45%,#303538)}.build-chat b{color:var(--accent)}.build-progress{height:4px;margin:0 20px;background:#272d30;overflow:hidden;border-radius:4px}.build-progress i{display:block;width:42%;height:100%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:buildScan 3.2s ease-in-out infinite}.app-preview{margin:20px;padding:18px;border:1px solid #303538;border-radius:13px;background:#101315}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.preview-head span{font-weight:800}.preview-head small{padding:5px 8px;border-radius:99px;background:#173e27;color:#5fe38e;font-size:16px}.preview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.preview-grid div{min-height:88px;padding:13px;border-radius:9px;background:#1a1e20}.preview-grid div:before{content:'';display:block;width:55%;height:8px;margin-bottom:12px;border-radius:5px;background:var(--accent)}.preview-grid div:after{content:'';display:block;width:82%;height:7px;border-radius:5px;background:#3a4043;box-shadow:0 15px #3a4043,0 30px #3a4043}.build-result{padding:15px 20px;border-top:1px solid #303538;color:var(--accent);font-weight:800}@keyframes buildScan{0%{transform:translateX(-100%)}50%,100%{transform:translateX(240%)}}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.plain-definition{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}.plain-definition>span{color:var(--accent);font-weight:800;letter-spacing:.1em}.plain-definition blockquote{margin:25px 0;font:italic 29px/1.3 Georgia,serif;color:var(--text)}.plain-definition p{color:var(--muted)}.translation-list{display:grid;gap:12px}.translation-list div{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.translation-list span{color:var(--muted)}.translation-list i{color:var(--accent);font-style:normal;font-size:22px}.translation-list strong{color:var(--text)}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.idea-card{min-height:225px;padding:26px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface2),var(--surface));position:relative;overflow:hidden}.idea-card>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;color:var(--accent);font-size:21px}.idea-card h3{margin:30px 0 8px;font-size:24px}.idea-card p{margin:0;color:var(--muted)}.idea-card:after{content:'</>';position:absolute;right:12px;bottom:-10px;color:color-mix(in srgb,var(--accent) 7%,transparent);font:800 70px/1 monospace}.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reality-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}.reality-card.good{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 9%,var(--surface2)),var(--surface2))}.reality-card>span{color:var(--accent);font-weight:800;letter-spacing:.1em}.reality-card h3{margin:28px 0 15px;font-size:29px}.reality-card ul{list-style:none;padding:0}.reality-card li{margin:11px 0;color:var(--muted)}.reality-card li:before{content:'✓';color:var(--accent);margin-right:10px}.reality-card.caution li:before{content:'→'}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--bg);display:flex;flex-direction:column}.mode-card>span{color:var(--accent);font-weight:800;letter-spacing:.1em}.mode-card h3{font-size:31px;margin:34px 0 12px}.mode-card p,.mode-card li{color:var(--muted)}.mode-card ul{list-style:none;padding:8px 0}.mode-card li{margin:8px 0}.mode-card li:before{content:'✓';color:var(--accent);margin-right:10px}.mode-card a{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--accent);font-weight:800;text-decoration:none}.vibe-local{padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--bg)),var(--bg));display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.vibe-local h2{margin:12px 0;font-size:clamp(35px,4.5vw,58px);line-height:1.04}.vibe-local h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.vibe-local p{color:var(--muted);max-width:700px}.vibe-local .button{white-space:nowrap}
@media(max-width:1050px){.definition-grid{grid-template-columns:1fr}.idea-grid{grid-template-columns:repeat(2,1fr)}.vibe-local{grid-template-columns:1fr}.vibe-local .button{justify-self:start}}
@media(max-width:680px){.vibe-hero h1{font-size:47px}.build-chat,.app-preview{margin-left:14px;margin-right:14px}.build-chat{padding:18px 0}.app-preview{padding:14px}.preview-grid{grid-template-columns:1fr}.translation-list div{grid-template-columns:1fr}.translation-list i{transform:rotate(90deg);text-align:center}.idea-grid,.reality-grid,.mode-grid{grid-template-columns:1fr}.vibe-local{padding:26px 22px}.vibe-local .button{width:100%}}
@media(prefers-reduced-motion:reduce){.build-progress i{animation:none;width:100%}}

/* Lebendige App-Simulation im Hero */
.app-preview{position:relative;overflow:hidden;isolation:isolate}.preview-head small{position:relative;padding-left:24px}.preview-head small:before{content:'';position:absolute;left:9px;top:50%;width:8px;height:8px;border-radius:50%;background:#5fe38e;transform:translateY(-50%);box-shadow:0 0 11px #5fe38e;animation:statusPulse 1.3s ease-in-out infinite}.preview-grid div{position:relative;min-height:132px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;border:1px solid transparent}.preview-grid div:hover{transform:translateY(-4px) rotate(-1deg);border-color:color-mix(in srgb,var(--accent) 55%,#303538);box-shadow:0 14px 28px #0005}.preview-grid div:first-child{background-color:#1a1e20;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:18px 18px}.preview-grid div:first-child:before{content:'LIVE-AUSWERTUNG';width:auto;height:auto;margin:0;color:#c5c9c9;background:none;font:800 16px/1 Arial,sans-serif;letter-spacing:.07em}.preview-grid div:first-child:after{content:'';position:absolute;left:15px;right:15px;bottom:14px;width:auto;height:72px;border-radius:0;background:linear-gradient(to top,var(--accent) 0 40%,transparent 40%) 0 100%/12% 100% no-repeat,linear-gradient(to top,#ff9a72 0 72%,transparent 72%) 22% 100%/12% 100% no-repeat,linear-gradient(to top,var(--accent) 0 55%,transparent 55%) 44% 100%/12% 100% no-repeat,linear-gradient(to top,#ff9a72 0 88%,transparent 88%) 66% 100%/12% 100% no-repeat,linear-gradient(to top,var(--accent) 0 68%,transparent 68%) 88% 100%/12% 100% no-repeat;box-shadow:none;transform-origin:bottom;animation:chartBreathe 2.4s ease-in-out infinite}.preview-grid div:nth-child(2){display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 9%,#1a1e20),#1a1e20 65%)}.preview-grid div:nth-child(2):before{content:'FORTSCHRITT';position:absolute;left:14px;top:13px;width:auto;height:auto;margin:0;color:#c5c9c9;background:none;font:800 16px/1 Arial,sans-serif;letter-spacing:.07em}.preview-grid div:nth-child(2):after{content:'78%';display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#1a1e20 53%,transparent 55%),conic-gradient(var(--accent) 0 78%,#363c3f 78% 100%);color:#fff;font:900 18px/1 Arial,sans-serif;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent);animation:ringTurn 4s ease-in-out infinite}.app-preview:before{content:'Änderung gespeichert ✓';position:absolute;z-index:4;top:50px;right:12px;padding:8px 11px;border:1px solid #4ccf7b66;border-radius:8px;background:#14331fe8;color:#72ee9d;font-size:16px;font-weight:800;opacity:0;transform:translateY(-8px);animation:saveToast 5s ease-in-out infinite}.app-preview:after{content:'↖';position:absolute;z-index:5;left:55%;top:58%;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#101315;font-size:20px;font-weight:900;box-shadow:0 8px 20px #0008;animation:cursorTour 5s cubic-bezier(.45,0,.2,1) infinite}@keyframes statusPulse{50%{opacity:.35;transform:translateY(-50%) scale(.72)}}@keyframes chartBreathe{0%,100%{transform:scaleY(.62);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes ringTurn{0%,100%{transform:rotate(-8deg) scale(.96)}50%{transform:rotate(8deg) scale(1.04)}}@keyframes saveToast{0%,42%,100%{opacity:0;transform:translateY(-8px)}50%,72%{opacity:1;transform:none}}@keyframes cursorTour{0%,100%{left:56%;top:62%;transform:rotate(-12deg)}34%{left:24%;top:78%;transform:rotate(3deg)}68%{left:78%;top:44%;transform:rotate(12deg)}}
@media(max-width:680px){.preview-grid div{min-height:125px}.app-preview:after{animation-duration:6s}}
@media(prefers-reduced-motion:reduce){.preview-head small:before,.preview-grid div:first-child:after,.preview-grid div:nth-child(2):after,.app-preview:before,.app-preview:after{animation:none}.app-preview:before{display:none}.app-preview:after{left:auto;right:18px;top:58%}}

/* Leserführung, Klarheit und natürliche Interaktion */
.vibe-hero h1,.service-heading h2,.plain-definition blockquote,.idea-card h3,.process-step h3,.reality-card h3,.mode-card h3{text-wrap:balance}.vibe-hero .service-hero-copy>p,.service-heading>p,.plain-definition p,.idea-card p,.process-step p,.mode-card p,.vibe-local p,.service-faq-list p{line-height:1.72;text-wrap:pretty}.vibe-hero .service-hero-copy>p{max-width:650px;font-size:19px}.vibe-jump{position:sticky;top:92px;z-index:150;width:min(calc(100% - 48px),980px);margin:-25px auto 25px;padding:8px;display:flex;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 18px 50px #0003;backdrop-filter:blur(16px);scrollbar-width:none}.vibe-jump::-webkit-scrollbar{display:none}.vibe-jump a{position:relative;padding:10px 13px;border-radius:9px;color:var(--muted);font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap;transition:color .22s ease,background .22s ease,transform .22s ease}.vibe-jump a:hover{color:var(--text);background:var(--surface2);transform:translateY(-1px)}.vibe-jump .jump-cta{margin-left:6px;background:var(--accent);color:#fff}.vibe-jump .jump-cta:hover{background:var(--accent);color:#fff;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 28%,transparent)}#erklaert,#beispiele,#ablauf,#grenzen,#kontakt{scroll-margin-top:170px}.build-window{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.build-window:hover{transform:translateY(-5px) rotate(.35deg);box-shadow:0 38px 110px #0008}.plain-definition{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.plain-definition:after{content:'{ Idee → Version }';position:absolute;right:-8px;bottom:-7px;color:color-mix(in srgb,var(--accent) 7%,transparent);font:800 46px/1 monospace;transform:rotate(-4deg);pointer-events:none}.plain-definition:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 25px 60px #0003}.translation-list div{position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease}.translation-list div:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .3s ease}.translation-list div:hover{transform:translateX(5px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.translation-list div:hover:before{transform:scaleY(1)}.translation-list i{animation:arrowNudge 1.8s ease-in-out infinite}.idea-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease}.idea-card>span{transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease}.idea-card:after{transition:transform .45s ease,color .35s ease}.idea-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 24px 55px #0004}.idea-card:hover>span{transform:rotate(-7deg) scale(1.09);background:var(--accent);color:#fff}.idea-card:hover:after{transform:translate(-7px,-8px) rotate(-5deg);color:color-mix(in srgb,var(--accent) 15%,transparent)}.process-grid{position:relative}.process-grid:before{content:'';position:absolute;left:5%;right:5%;top:47px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 12% 88%,transparent);opacity:.35}.process-step{position:relative;z-index:1;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.process-step>span{position:relative;box-shadow:0 0 0 7px var(--surface)}.process-step:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 22px 45px #0003}.process-step:hover>span{box-shadow:0 0 0 7px var(--surface),0 0 25px var(--accent)}.reality-card,.mode-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease}.reality-card:hover,.mode-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 24px 55px #0003}.mode-card a{position:relative;transition:color .2s ease,padding-left .25s ease}.mode-card a:hover{padding-left:8px}.service-faq-list details[open] p{animation:answerIn .35s cubic-bezier(.22,1,.36,1)}.vibe-local{position:relative;overflow:hidden}.vibe-local:after{content:'</>';position:absolute;right:210px;color:color-mix(in srgb,var(--accent) 9%,transparent);font:900 100px/1 monospace;transform:rotate(-8deg);pointer-events:none}.vibe-local>*{position:relative;z-index:1}@keyframes arrowNudge{50%{transform:translateX(4px)}}@keyframes answerIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.vibe-jump{top:84px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain}.process-grid:before{display:none}.vibe-local:after{right:30px}}
@media(max-width:680px){.vibe-jump{top:74px;width:calc(100% - 20px);margin:-14px auto 12px;padding:6px;border-radius:12px}.vibe-jump a{padding:9px 11px}.vibe-jump .jump-cta{margin-left:2px}.vibe-hero .service-hero-copy>p{font-size:17px}.build-window:hover,.idea-card:hover,.process-step:hover,.reality-card:hover,.mode-card:hover,.plain-definition:hover{transform:none}.plain-definition:after{font-size:32px}.vibe-local:after{right:-15px;font-size:75px}}
@media(prefers-reduced-motion:reduce){.translation-list i{animation:none}.build-window,.plain-definition,.translation-list div,.idea-card,.idea-card>span,.idea-card:after,.process-step,.reality-card,.mode-card,.mode-card a,.vibe-jump a{transition:none}.service-faq-list details[open] p{animation:none}}