@font-face{font-family:Familjen;src:url('./assets/font-1.ttf');font-display:swap}@font-face{font-family:Instrument;src:url('./assets/font-4.ttf');font-display:swap}
:root{color-scheme:dark;--paper:#050b16;--ink:#eef3f8;--muted:#a8b6c9;--blue:#2442eb;--lime:#d7f52a;--line:#71839b55;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Instrument,Arial,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:#d7f52a22}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button:active:not(:disabled){transform:scale(.97)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark,.path-button{font-family:Familjen,Arial,sans-serif;font-weight:500}h1,h2,h3{text-wrap:balance}button{transition:transform 160ms var(--ease-out),color 180ms ease,background 180ms ease}.word{display:inline-block}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:#050b16}.skip:focus{top:10px}
#landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#050b16}.night-water{position:absolute;inset:0;background:linear-gradient(#050b16 7%,#050b16 25%,#050b16a0 55%,#050b1666),url('./assets/nacht.webp') center/cover no-repeat;opacity:.75}.mist{position:absolute;left:0;right:0;top:52%;height:20%;background:radial-gradient(ellipse at 65% 50%,#7a9bb51f,transparent 65%);filter:blur(25px);pointer-events:none}.visual{position:absolute;transition:opacity 500ms ease,filter 500ms ease,transform 600ms var(--ease-out)}.visual img,.visual video{width:100%;height:100%;object-fit:cover}.visual.is-dim{opacity:.22;filter:blur(3px) saturate(.5)}.visual.is-lit{filter:brightness(1.12);transform:scale(1.035)}
#kai-visual{left:-7%;top:28%;width:62%;height:65%;mask-image:radial-gradient(ellipse at 57% 43%,#000 24%,#000b 51%,transparent 74%)}#kai-visual img,#kai-visual video{object-position:76% 50%}#kai-greeting{position:absolute;inset:0;opacity:0}#kai-visual.greeting #kai-greeting{opacity:1}#kai-visual.greeting #kai-frame{opacity:0}#stone-visual{left:49%;top:23%;width:48%;height:41%;mask-image:radial-gradient(ellipse at 66% 50%,#000 17%,#000b 37%,transparent 68%)}#stone-visual img{object-fit:cover}#ink-visual{left:48%;top:54%;width:50%;height:39%;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%);filter:saturate(.65) brightness(.85);mix-blend-mode:screen}#ink-visual.is-dim{opacity:.2;filter:blur(3px)}#ink-visual.is-lit{filter:saturate(.78) brightness(1.04)}#ink{position:absolute;inset:0;width:100%;height:100%}#ink-video{object-fit:fill}#ink-visual.webgl #ink-video{opacity:0}body[data-variant=B] #stone-visual{opacity:0}
.header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:27px 4.2%;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-size:29px;letter-spacing:-1.4px;display:flex;gap:6px;align-items:center}.wordmark span{width:7px;height:7px;border-radius:50%;background:var(--lime);align-self:flex-end;margin-bottom:7px}.header-right{display:flex;gap:28px;align-items:center}.edition{font-size:12px;color:var(--muted)}.quiet{font-size:12px;background:transparent;padding:12px 0;border-bottom:1px solid var(--line)}.variant-switch{position:absolute;z-index:21;right:4.2%;top:104px;display:flex;gap:5px;align-items:center;font-size:12px}.variant-switch>span{margin-right:10px;color:var(--muted)}.variant-switch button{border-radius:30px;background:#050b1699;padding:12px 15px;border:1px solid var(--line)}.variant-switch button[aria-pressed=true]{background:#d7f52a14;border-color:#d7f52a80;color:var(--lime)}
#home{position:relative;height:100svh;min-height:680px;overflow:hidden}.intro{position:absolute;left:4.2%;top:15%;z-index:4;pointer-events:none}.intro h1{font-size:clamp(48px,5.4vw,86px);line-height:1;letter-spacing:-.055em}.intro p{margin-top:18px;font-size:16px;line-height:1.55;color:var(--muted)}.world-path{position:absolute;z-index:5;transition:transform 260ms var(--ease-out),opacity 260ms ease;max-width:400px}.path-kai{left:8%;top:76%}.path-plan{left:61%;top:43%}.path-person{left:61%;top:77%}.path-note{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.path-button{background:none;padding:0 0 8px;font-size:clamp(24px,2.3vw,34px);letter-spacing:-1px;text-align:left;border-bottom:1px solid #a8b6c960;line-height:1.2}.path-button span{font-size:.65em;color:var(--lime);margin-left:8px}.path-description{font-size:13px;line-height:1.5;margin-top:10px;max-width:320px}.path-meta{font-size:11px;color:var(--muted);display:block;margin-top:8px}.world-path.is-active{transform:translateY(-5px)}.world-path.is-muted{opacity:.65}#kai-touch{position:absolute;left:0;bottom:135%;width:260px;height:240px;background:transparent;border-radius:50%;touch-action:none}#ink-touch{position:absolute;z-index:4;left:58%;top:59%;width:29%;height:14%;background:transparent;font-size:0;touch-action:none;border-radius:50%}.home-footer{position:absolute;bottom:20px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
#detail{position:relative;min-height:100svh;padding:135px 5% 50px}#detail-content{position:relative;z-index:4;width:47%;max-width:650px}.back{position:relative;z-index:10;padding:14px 0;background:none;font-size:14px;margin-bottom:26px}#detail-title{font-size:clamp(40px,4vw,62px);line-height:1.05;letter-spacing:-2px;scroll-margin-top:110px}#detail-title:focus{outline:none}.detail-lead{margin:20px 0 26px;color:var(--muted);font-size:15px;line-height:1.6;max-width:510px}.step-line{font-size:11px;color:var(--muted);margin-bottom:18px;display:flex;gap:16px;align-items:center}.step-line i{height:1px;width:50px;background:var(--lime)}.services{display:flex;flex-direction:column;margin-top:26px}.service-choice{display:flex;align-items:center;gap:18px;padding:19px 0;background:none;border-bottom:1px solid var(--line);text-align:left}.service-label{font-family:Familjen,sans-serif;font-size:25px;letter-spacing:-.5px}.service-choice small{font-size:12px;color:var(--muted);margin-left:auto}.selection{width:20px;color:var(--lime)}.service-choice[aria-pressed=true]{color:var(--lime)}.mini{display:none}.service-explainer{min-height:65px;margin-top:22px;line-height:1.6;font-size:14px;max-width:470px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:26px}.primary{border-radius:30px;padding:15px 25px;background:var(--lime);color:#111711;font-size:14px;display:inline-block}.primary:disabled{opacity:.4}.text-button{background:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.small-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:510px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;background:#0b1625e8;border:1px solid #71839b80;padding:13px;border-radius:4px;color:var(--ink);min-width:0}.field textarea{resize:vertical;min-height:84px}.intent{border:0;padding:0;margin:22px 0}.intent legend{font-size:13px;margin-bottom:12px}.intent-options{display:flex;flex-wrap:wrap;gap:8px}.intent-options label{cursor:pointer;font-size:12px}.intent-options input{position:absolute;opacity:0}.intent-options span{display:block;border:1px solid var(--line);padding:13px;border-radius:25px;background:#071220cc}.intent-options input:checked+span{border-color:var(--lime);color:var(--lime)}.intent-options input:focus-visible+span{outline:2px solid var(--lime);outline-offset:4px}.upload{border:1px dashed var(--line);border-radius:5px;padding:16px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#050b16a8}.upload label{cursor:pointer;font-size:13px}.upload input[type=file]{max-width:100%;font-size:12px}.file-result{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.check{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6}.check input{accent-color:var(--lime);width:20px;height:20px;flex-shrink:0;margin:0}.form-grid .check{grid-column:1/-1}.upload .check{width:100%}.preview-label{position:fixed;left:59%;right:5%;bottom:8%;font-size:12px;color:var(--muted);text-align:center}.optional{color:var(--muted)}
#blueprint{position:fixed;left:64%;top:29%;width:340px;height:265px;transform:rotate(-7deg);z-index:2;pointer-events:none;opacity:0;transition:opacity 260ms ease;filter:drop-shadow(0 0 22px #2442eb30)}body[data-variant=B][data-view=home] #blueprint{opacity:.9}body[data-view=plan] #blueprint{opacity:1;top:42%;left:57%;width:37%;height:350px;transform:rotate(-3deg)}.blueprint-toolbar{position:absolute;inset:0 0 auto;height:32px;display:flex;gap:5px;align-items:center;padding:0 17px;border-bottom:1px solid #718cff80;color:#c3cffb;background:#08132be8}.blueprint-toolbar i{width:4px;height:4px;background:#a0b0f5;border-radius:50%}.blueprint-toolbar span{font-size:10px;margin-left:10px}.blueprint-page{position:absolute;inset:32px 0 0;padding:22px;background:#061329bb;overflow:hidden;border:1px solid #718cff99}.bp-brand{font-size:12px;color:var(--lime);max-width:48%;overflow-wrap:anywhere}.bp-nav{position:absolute;right:22px;top:24px;font-size:7px;color:var(--muted)}.blueprint-page h3{font-size:25px;line-height:1.1;letter-spacing:-.8px;max-width:55%;margin-top:23px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bp-offer{font-size:10px;margin-top:12px;width:49%;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bp-cta{font-size:8px;display:inline-block;border:1px solid #d7f52a80;color:var(--lime);border-radius:15px;padding:8px 12px;margin-top:15px}.bp-photo{position:absolute;right:22px;top:67px;width:35%;height:125px;overflow:hidden;background:#2442eb1c}.bp-photo svg{height:100%;width:100%;fill:none;stroke:#7a92f7}.bp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.bp-sections{display:flex;gap:25px;position:absolute;left:22px;right:22px;bottom:22px}.bp-sections>div{flex:1;font-size:9px}.bp-sections span{display:block;height:1px;background:#71839b80;margin-top:7px}.bp-sections span:last-child{width:70%}.blueprint-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7b94ff;stroke-width:.7;opacity:.55}body[data-view=plan] .blueprint-lines{opacity:.2}
body[data-view=plan] #kai-visual,body[data-view=plan] #ink-visual{opacity:0}body[data-view=plan] #stone-visual{left:55%;top:10%;width:40%;height:36%;opacity:.75}body[data-view=kai] #kai-visual{left:43%;top:18%;width:65%;height:80%}body[data-view=kai] #stone-visual,body[data-view=kai] #ink-visual,body[data-view=person] #kai-visual,body[data-view=person] #stone-visual{opacity:0}body[data-view=person] #ink-visual{left:48%;top:24%;height:65%;width:55%}body:not([data-view=home]) #ink-touch{display:none}body[data-view=kai] .variant-switch,body[data-view=person] .variant-switch{display:none}.kai-label{color:var(--lime);font-size:13px;margin-bottom:17px}.kai-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.kai-tools button{background:none;padding:12px;border:1px solid var(--line);border-radius:25px;color:var(--muted);font-size:12px}.conversation{margin-top:27px;border-left:1px solid #d7f52a70;padding-left:20px;max-width:480px;min-height:160px}.conversation>span{display:block;font-size:11px;color:var(--muted);margin-bottom:16px}.conversation p{font-size:17px;line-height:1.55;margin-bottom:14px}.conversation small{display:block;font-size:11px;color:var(--lime);margin-bottom:5px}.greet{margin-top:22px}.success{margin-top:25px;line-height:1.6}.success h3{font-size:26px;margin-bottom:12px}.status-line{margin-top:16px;font-size:13px;color:var(--lime)}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:40;background:#102137;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 18px;font-size:13px;max-width:90%;pointer-events:none}#notice:empty{display:none}.noscript{position:relative;margin:180px 5%}.paused *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.path-button:hover{color:var(--lime)}.primary:hover{background:#e7ff6b}.service-choice:hover{color:var(--lime)}.quiet:hover{color:var(--lime)}}
@media(max-width:1000px) and (min-width:701px){.path-button{font-size:25px}.path-description{max-width:260px}.path-plan,.path-person{left:60%}.variant-switch>span{display:none}#blueprint{left:60%;width:300px}.intro h1{font-size:62px}}
@media(max-width:700px){.header{padding:18px 22px}.wordmark{font-size:24px}.header-right{gap:0}.edition{display:none}.quiet{font-size:10px;padding:10px 0}.variant-switch{top:73px;right:20px;font-size:10px;gap:4px}.variant-switch>span{display:none}.variant-switch button{padding:10px 11px}.intro{top:15%;left:23px;right:20px}.intro h1{font-size:44px;letter-spacing:-2.2px}.intro p{font-size:12px;margin-top:12px;line-height:1.5}#home{height:100svh;min-height:740px}#kai-visual{left:-37%;top:29%;width:118%;height:45%;mask-image:radial-gradient(ellipse at 62% 45%,#000 15%,#000b 40%,transparent 69%)}#stone-visual{left:26%;top:27%;width:95%;height:30%;mask-image:radial-gradient(ellipse at 66% 50%,#000 9%,#000a 32%,transparent 60%)}#ink-visual{left:34%;top:58%;width:78%;height:27%}.world-path{max-width:230px}.path-kai{left:23px;top:65%}.path-plan{left:49%;top:43%;right:16px}.path-person{left:40%;top:82%;right:16px}.path-button{font-size:22px;letter-spacing:-.6px;padding-bottom:6px}.path-plan .path-button{max-width:180px}.path-person .path-button{font-size:23px}.path-button span{margin-left:3px}.path-note{font-size:10px;margin-bottom:5px}.path-description{display:none}.path-meta{font-size:10px;margin-top:6px}.home-footer{left:23px;right:22px;bottom:13px;font-size:9px}.home-footer>p{display:none}.interaction-hint{font-size:0}.interaction-hint:after{content:'Drei Wege. Du entscheidest.';font-size:10px}#kai-touch{width:145px;height:190px;bottom:120%;left:0}#ink-touch{left:44%;top:67%;width:45%;height:13%}.world-path.is-muted{opacity:.8}#blueprint{left:48%;top:29%;width:190px;height:150px;transform:rotate(-8deg)}body[data-view=home] #blueprint .blueprint-page{padding:12px}body[data-view=home] #blueprint h3{font-size:13px;margin-top:13px}body[data-view=home] #blueprint .bp-brand{font-size:7px}body[data-view=home] #blueprint .bp-nav,body[data-view=home] #blueprint .bp-cta,body[data-view=home] #blueprint .bp-sections,body[data-view=home] #blueprint .bp-offer{display:none}body[data-view=home] #blueprint .bp-photo{top:37px;right:12px;height:52px}body[data-view=home] .blueprint-toolbar{height:22px;padding:0 8px}body[data-view=home] .blueprint-toolbar span{font-size:6px}body[data-view=home] .blueprint-page{top:22px}
#detail{padding:125px 23px 40px}#detail-content{width:100%;max-width:none}.back{margin-bottom:20px}#detail-title{font-size:42px;letter-spacing:-1.6px}.detail-lead{font-size:14px}.service-label{font-size:23px}.form-grid{gap:16px}.field input,.field textarea,.field select{font-size:16px;padding:12px}.field{font-size:12px}.form-grid .field{grid-column:1/-1}.small-note{font-size:11px}.step-line{font-size:10px;gap:9px}.step-line i{width:25px}.preview-label{position:relative;left:auto;right:auto;bottom:auto;margin:30px 0 20px}.kai-tools button{font-size:11px}.conversation p{font-size:15px}body[data-view=plan] #blueprint{position:relative;left:auto;top:auto;width:calc(100% - 46px);height:300px;margin:0 23px 45px;transform:none}body[data-view=plan] #stone-visual{left:30%;top:7%;width:90%;height:36%;opacity:.22}body[data-view=kai] #kai-visual{left:-5%;top:12%;width:120%;height:58%;opacity:.3}body[data-view=person] #ink-visual{left:0;top:12%;width:110%;height:65%;opacity:.18}body:not([data-view=home]) .night-water{opacity:.35}body:not([data-view=home]) #detail-content{background:linear-gradient(90deg,#050b1670,transparent)}.bp-offer{font-size:9px}.blueprint-page h3{font-size:23px}.bp-photo{height:110px}.bp-sections{bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.world-path.is-active{transform:none}}@media(max-height:760px) and (min-width:701px){.intro{top:16%}.intro h1{font-size:58px}.intro p{font-size:14px}.path-kai,.path-person{top:75%}.path-plan{top:42%}.path-description{font-size:12px}.home-footer{bottom:13px}}

#kai-idle{position:absolute;inset:0;opacity:0;transition:opacity 500ms ease}#kai-visual.idle:not(.greeting) #kai-idle{opacity:1}#kai-visual.idle:not(.greeting) #kai-frame{opacity:0}
@media(max-width:700px){#home{min-height:620px}.path-plan{top:44%}#kai-visual{z-index:1}#stone-visual{z-index:0}}
/* Soft edges on all four sides join the footage into one water scene. */
#kai-visual{mask-image:linear-gradient(90deg,transparent,#000 14%,#000 70%,transparent),linear-gradient(0deg,transparent,#000 26%,#000 78%,transparent);mask-composite:intersect}
#stone-visual{mask-image:linear-gradient(90deg,transparent,#000 27%,#000 76%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 75%,transparent);mask-composite:intersect}
#ink-visual{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 100%)}
@media(max-width:700px){#stone-visual{left:18%;top:26%;width:82%;height:26%}#kai-visual{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 60%,transparent 95%),linear-gradient(0deg,transparent,#000 25%,#000 78%,transparent);mask-composite:intersect}.path-plan .path-meta{max-width:155px;line-height:1.4}}