.living-page .flow-workshop{background:#edf3fa;padding:80px 5vw;overflow:hidden}.flow-heading{max-width:850px;margin-bottom:55px}.flow-heading .eyebrow{font-size:10px;color:#536882}.living-page .flow-heading h2{font-size:clamp(36px,4.5vw,66px);line-height:1.05;margin:25px 0}.flow-heading>p:last-child{font-size:18px;line-height:1.6;max-width:58ch}.flow-scene{position:relative;height:560px;perspective:1600px;isolation:isolate;margin-bottom:-70px}.flow-website{position:absolute;left:5%;top:0;width:73%;aspect-ratio:1.5;overflow:hidden;background:white;box-shadow:20px 35px 55px #0d235138;transform:translateY(calc(var(--travel)*-35px)) rotateY(-7deg) rotate(-2deg)}.flow-website>img{width:100%;height:100%;object-fit:contain}.flow-caption{position:absolute;right:0;bottom:18%;width:32%;padding:27px;background:#0d2351;color:white;box-shadow:12px 16px 0 #bccfe450;transform:translateY(calc(var(--travel)*-50px)) rotate(3deg)}.flow-caption>span{font-size:9px}.flow-caption strong{display:block;font-size:27px;line-height:1.15;margin:18px 0}.flow-caption p{font-size:13px;line-height:1.6;color:#d6e5f8}.living-page .flow-workshop .bench{position:relative;margin:0;padding:28px 3vw 20px;box-shadow:none;border:1px solid #9eb5d2;overflow:visible}.flow-workshop .bench-grid{gap:5%;grid-template-columns:1fr 1.05fr}.flow-workshop .flow-intake{position:relative;background:#fff;color:#0d2351;padding:30px;align-self:start;box-shadow:12px 18px 0 #ffffff12;transform:translateY(-36px);border:1px solid #bed0e5}.flow-workshop .flow-intake .sender p,.flow-workshop .flow-intake .sheet-heading,.flow-workshop .flow-intake .input-help,.flow-workshop .flow-intake .demo-disclosure,.flow-workshop .flow-intake .ai-status{color:#536882}.flow-workshop .flow-intake .avatar{background:#edf3fa;color:#0d2351;border-color:#a5bedb}.flow-workshop .flow-intake textarea{color:#0d2351;background:#eef4fb;border:1px solid #94acca;min-height:235px;font-size:20px;border-radius:0}.flow-workshop .flow-intake .ai-run{background:#0d2351;color:#fff;border:1px solid #0d2351}.flow-workshop .flow-intake .ai-run:disabled{opacity:.7}.flow-workshop .flow-intake .reset{color:#0d2351}.flow-workshop .flow-intake .facts{color:#0d2351}.flow-workshop .paper{box-shadow:8px 10px 0 #ffffff14!important;padding:32px!important}.flow-workshop .paper h2{font-size:36px!important}.flow-workshop .quote-row[data-updated=true]{border-left:3px solid #356ea9;padding-left:14px;background:#edf4fc}.flow-workshop .quote-row[data-updated=true]:after{content:'AKTUALISIERT';font-size:9px;letter-spacing:.08em;color:#285d96}.flow-rules{margin-top:30px;border-bottom:1px solid #b9cce2;padding-bottom:20px}.flow-rules>summary{cursor:pointer;padding:15px 0;font-size:14px}.flow-workshop .owner-controls{margin:0;padding:30px 0;background:transparent}.flow-outro{padding:65px 0 10px;max-width:760px}.flow-outro>span{font-size:10px;letter-spacing:.08em;color:#536882}.living-page .flow-outro h3{font-size:clamp(32px,4vw,54px);margin:25px 0;line-height:1.08}.flow-outro>p{font-size:18px;line-height:1.6}.flow-outro>a{display:inline-flex;gap:40px;background:#0d2351;color:#fff;padding:18px 23px;margin-top:25px;font-size:14px}.flow-workshop .bench-top{padding-bottom:36px}.flow-workshop .is-stale .quote-row[data-updated=true]{background:transparent}.flow-workshop .owner-controls h2{font-size:36px!important}
@media(max-width:760px){.living-page .flow-workshop{padding:50px 5vw}.flow-heading{margin-bottom:35px}.living-page .flow-heading h2{font-size:36px}.flow-heading>p:last-child{font-size:16px}.flow-scene{height:410px;margin-bottom:-35px}.flow-website{left:1%;width:96%;top:5%}.flow-caption{width:78%;right:0;bottom:9%;padding:22px;transform:translateY(calc(var(--travel)*-15px)) rotate(2deg)}.flow-caption strong{font-size:23px;margin:12px 0}.flow-caption p{font-size:12px}.living-page .flow-workshop .bench{padding:22px 4vw 15px;margin:0 -1vw}.flow-workshop .bench-grid{grid-template-columns:1fr;gap:35px;padding-top:10px}.flow-workshop .flow-intake{padding:23px;transform:translateY(-15px);box-shadow:5px 8px 0 #ffffff12}.flow-workshop .flow-intake textarea{font-size:17px;min-height:220px;padding:17px}.flow-workshop .paper{padding:26px 20px!important}.flow-workshop .paper h2{font-size:31px!important}.flow-workshop .owner-controls{padding:25px 0}.flow-outro{padding-top:40px}.flow-outro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.flow-website,.flow-caption,.flow-intake{transform:none!important}}
/* The request emerges from the project and settles into the working surface. */
.flow-workshop{--handoff:0}.flow-workshop .flow-intake{transform:translate3d(calc((1 - var(--handoff))*55px),calc(-36px - (1 - var(--handoff))*100px),0) rotate(calc((1 - var(--handoff))*-5deg));transform-origin:70% 0}.flow-workshop .sender h2{font-size:28px!important;letter-spacing:-.035em!important}.flow-workshop .flow-intake .extract>.eyebrow{color:#536882}.flow-workshop .flow-intake #facts span{color:#fff}.flow-workshop .output-stack{scroll-margin-top:100px}.flow-workshop .is-analyzing .output-stack:before{content:'ANFRAGE WIRD AUSGEWERTET';display:block;padding:15px 0;color:#dce7f5;font-size:10px;letter-spacing:.08em}.flow-workshop .is-analyzing .output-stack{background:linear-gradient(110deg,transparent 30%,#67a8fb25 50%,transparent 70%) 200% 0 / 250% 100%;animation:flow-reading 2.4s linear infinite}.flow-workshop .quote-row[data-updated=true]{flex-wrap:wrap}.flow-workshop .quote-row[data-updated=true]:after{flex-basis:100%}.flow-workshop .bench .changed{animation:flow-change 1.5s ease-out}.flow-workshop .flow-outro a:focus-visible{outline:3px solid #427cbe;outline-offset:5px}@keyframes flow-reading{to{background-position:-100% 0}}@keyframes flow-change{from{box-shadow:0 0 0 5px #619fff55}to{box-shadow:0 0 0 0 transparent}}@media(max-width:760px){.flow-workshop .flow-intake{transform:translate3d(calc((1 - var(--handoff))*10px),calc(-15px - (1 - var(--handoff))*50px),0) rotate(calc((1 - var(--handoff))*-3deg))}.flow-workshop .sender h2{font-size:26px!important}.flow-workshop .flow-intake .sheet-heading{font-size:8px}.flow-workshop .quote-row{align-items:flex-start}.flow-workshop .quote-row>b{font-size:16px}.living-page:has(.flow-workshop) .mobile-result{background:#fff;color:#0d2351;border-color:#93b0d4}}@media(prefers-reduced-motion:reduce){.flow-workshop .is-analyzing .output-stack,.flow-workshop .bench .changed{animation:none}.flow-workshop .flow-intake{transform:none!important}}
@media(max-width:480px){.flow-workshop .quote-total{align-items:flex-start;flex-direction:column;gap:16px}.flow-workshop .quote-total small{max-width:none;font-size:11px;line-height:1.5}.flow-workshop .quote-total>strong{font-size:32px}.flow-workshop .quote-row{flex-wrap:wrap}.flow-workshop .quote-row>div{flex:1 1 100%}.flow-workshop .quote-row>b{margin-bottom:8px;font-size:21px}.flow-workshop .quote-row[data-updated=true]:after{flex-basis:auto;margin-left:auto;align-self:center}}