.btn:after{display:none!important}#tourStart:after{content:"▶"!important;display:inline-block!important;margin-left:7px;opacity:.75}
:root{--ease:cubic-bezier(.22,.8,.25,1);--ease-soft:cubic-bezier(.2,.65,.3,1);--ring:0 0 0 3px rgba(0,127,131,.16)}
body{overflow-x:hidden}
#scrollProgress{position:fixed;left:0;top:0;z-index:120;width:100%;height:3px;pointer-events:none;background:transparent}
#scrollProgress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--lime));transition:width .08s linear}
.top{transition:box-shadow .35s var(--ease),background .35s var(--ease)}
.top.scrolled{box-shadow:0 12px 35px rgba(0,0,0,.055);background:rgba(255,255,255,.985)}
.btn{position:relative;overflow:hidden;transition:transform .24s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease),border-color .24s var(--ease)}
.btn:after{content:"↗";display:inline-block;margin-left:7px;transform:translate(0,0);transition:transform .22s var(--ease);opacity:.75}
.btn[href^="#"]:after{content:"↓"}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.btn:hover:after{transform:translate(2px,-2px)}
.btn[href^="#"]:hover:after{transform:translateY(2px)}
.btn:focus-visible,.caseCard:focus-visible,.doc:focus-visible,.modeToggle button:focus-visible,.suggestions button:focus-visible,summary:focus-visible,.query input:focus-visible{outline:0;box-shadow:var(--ring)}
.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#fff 76%,rgba(225,240,240,.25) 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.48;background-image:linear-gradient(rgba(0,127,131,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,127,131,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%)}
.heroGrid>div:first-child{animation:heroIn .8s var(--ease) both}.heroPanel{animation:heroPanelIn .95s .08s var(--ease) both;transition:transform .45s var(--ease),box-shadow .45s var(--ease);will-change:transform}.heroPanel:hover{transform:translateY(-5px);box-shadow:0 34px 90px rgba(0,0,0,.11)}
.heroPanel:before,.heroPanel:after{transition:transform .5s var(--ease),filter .5s var(--ease)}.heroPanel:hover:before{transform:translate(-5px,4px)}.heroPanel:hover:after{transform:translate(5px,-4px)}
.miniFlow span{position:relative;transition:background .25s var(--ease),color .25s var(--ease)}.miniFlow span:hover{background:var(--teal2)}
.scrollCue{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.scrollCue i{display:block;width:54px;height:1px;background:var(--line);position:relative;overflow:hidden}.scrollCue i:after{content:"";position:absolute;inset:0;background:var(--teal);transform:translateX(-100%);animation:cue 2.2s var(--ease) infinite}
.caseGrid{perspective:1200px}.caseCard{position:relative;overflow:hidden;transform-origin:center bottom;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease),filter .35s var(--ease)}
.caseCard:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--teal),var(--lime));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.caseCard:after{content:"AUSGEWÄHLT";position:absolute;right:18px;top:16px;font:8px var(--mono);letter-spacing:.1em;color:var(--teal);opacity:0;transform:translateY(-5px);transition:.25s var(--ease)}
.caseCard:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(0,0,0,.11)}.caseCard:hover:before,.caseCard.active:before{transform:scaleX(1)}.caseCard.active:after{opacity:1;transform:none}.caseCard.active{transform:translateY(-4px);box-shadow:0 25px 65px rgba(0,127,131,.14)}
.workspace{position:relative;overflow:hidden;transition:opacity .22s var(--ease),transform .34s var(--ease),box-shadow .34s var(--ease)}.workspace:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--teal),var(--lime));z-index:3}.workspace:hover{box-shadow:0 32px 84px rgba(0,0,0,.105)}.workspace.case-changing{opacity:.62;transform:translateY(8px) scale(.997)}
.workspaceHeader,.nextAction,.metric,.card,.questionArea,.answer,.trace{transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),opacity .3s var(--ease)}
.nextAction{position:relative;overflow:hidden}.nextAction:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--lime),var(--teal));transform:scaleX(.4);transform-origin:left;animation:actionPulse 3s var(--ease) infinite}
.modeToggle{position:relative;isolation:isolate}.modeToggle button{transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.modeToggle button:hover{background:var(--teal2)}.modeToggle button.active:hover{background:var(--teal)}
.doc{width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:background .2s var(--ease),padding-left .2s var(--ease)}.doc:hover{background:rgba(0,127,131,.055);padding-left:7px}.doc i{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.doc:hover i{transform:scale(1.35);box-shadow:0 0 0 4px rgba(0,127,131,.1)}
.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--teal);transform:scaleX(.22);transform-origin:left;transition:transform .4s var(--ease)}.metric:hover{transform:translateY(-3px)}.metric:hover:after{transform:scaleX(1)}
.card:hover{transform:translateY(-2px);border-color:#c6cfcc}.suggestions button{transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.suggestions button:hover{transform:translateY(-2px);background:var(--teal2);border-color:#b8d7d8}
.query input{transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.query input:focus{outline:0;border-color:var(--teal);box-shadow:var(--ring);background:#fff}
#askBtn{min-width:142px}.btn.is-loading{pointer-events:none;color:transparent!important}.btn.is-loading:before{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.answer{transform-origin:top}.answer.is-updating{opacity:.45;transform:translateY(5px)}.answer.answer-pop{animation:answerPop .55s var(--ease)}
.citation{transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.citation:hover{transform:translateX(4px);box-shadow:0 9px 26px rgba(0,0,0,.07)}
.trace.visible{animation:traceOpen .38s var(--ease)}.traceRow{opacity:0;animation:traceRow .35s var(--ease) forwards}.traceRow:nth-child(2){animation-delay:.05s}.traceRow:nth-child(3){animation-delay:.1s}.traceRow:nth-child(4){animation-delay:.15s}
.scalePanel,.oss{transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.scalePanel:hover,.oss:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.08);border-color:#c7d0cd}.coreFlow div,.pack{transition:transform .23s var(--ease),background .23s var(--ease)}.coreFlow div:hover,.pack:hover{transform:translateX(4px)}
summary{transition:color .2s var(--ease),padding-left .2s var(--ease)}summary:hover{color:var(--teal);padding-left:7px}details[open] .faqAnswer{animation:faqOpen .35s var(--ease)}
.modal{backdrop-filter:blur(9px);transition:opacity .25s var(--ease)}.modalCard{transform:translateY(18px) scale(.98);opacity:0}.modal.open .modalCard{animation:modalIn .35s var(--ease) forwards}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.07s}.reveal[data-delay="2"]{transition-delay:.14s}.reveal[data-delay="3"]{transition-delay:.21s}
#tourStart:after{content:"▶";transform:none!important}.tourDock{position:fixed;left:50%;bottom:22px;z-index:90;width:min(760px,calc(100% - 28px));transform:translate(-50%,24px);opacity:0;pointer-events:none;background:#fff;border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.18);transition:opacity .3s var(--ease),transform .3s var(--ease)}.tourDock.open{opacity:1;transform:translate(-50%,0);pointer-events:auto}.tourDock:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--teal),var(--lime));width:var(--tour-progress,25%);transition:width .4s var(--ease)}.tourInner{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:17px 18px}.tourInner small{font:9px var(--mono);color:var(--teal);letter-spacing:.09em}.tourInner b{display:block;font-size:17px;margin:2px 0}.tourInner p{margin:0;color:var(--muted);font-size:11px}.tourActions{display:flex;gap:7px}.tourActions .btn{min-height:38px}.tourClose{border-color:var(--line)}
.toast{position:fixed;right:20px;bottom:20px;z-index:100;padding:13px 15px;background:var(--ink);color:#fff;font-size:11px;box-shadow:0 20px 50px rgba(0,0,0,.2);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s var(--ease)}.toast.show{opacity:1;transform:none}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes heroPanelIn{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}}@keyframes cue{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}@keyframes actionPulse{0%,100%{transform:scaleX(.28)}50%{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes answerPop{0%{opacity:.45;transform:translateY(7px)}100%{opacity:1;transform:none}}@keyframes traceOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes traceRow{to{opacity:1}}@keyframes faqOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes modalIn{to{opacity:1;transform:none}}
@media(max-width:680px){#scrollProgress{height:2px}.hero:before{background-size:32px 32px}.scrollCue{display:none}.caseCard:hover{transform:none}.caseCard.active{transform:none}.tourDock{bottom:10px}.tourInner{grid-template-columns:1fr}.tourActions{display:grid;grid-template-columns:1fr 1fr}.tourActions .btn{width:100%}.workspace.case-changing{transform:none}.top{box-shadow:0 6px 22px rgba(0,0,0,.05)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.heroGrid>div:first-child,.heroPanel{animation:none}}