.mascot{--mascot-h: min(38vh, 320px);height:var(--mascot-h);aspect-ratio:433 / 577;display:grid;place-items:center;align-self:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:24px}.mascot:focus-visible{outline:2px solid var(--c-black);outline-offset:6px}.mascot__figure{width:100%;height:100%;transform-origin:50% 70%;will-change:transform}.mascot__figure svg{display:block;width:100%;height:100%}.mascot g{transform-box:view-box}.mascot .rm-arm-left{transform-origin:72px 345px}.mascot .rm-arm-right{transform-origin:362px 345px}.mascot .rm-foot-left{transform-origin:186px 458px}.mascot .rm-foot-right{transform-origin:252px 458px}.mascot .rm-eye-left{transform-origin:179px 232px}.mascot .rm-eye-right{transform-origin:255px 233px}.mascot .rm-pupil-left{transform-origin:185px 233px}.mascot .rm-pupil-right{transform-origin:251px 233px}.mascot .rm-mouth{transform-origin:217px 280px}.mascot .rm-blade{fill:var(--c-pyrite);stroke:var(--c-pyrite);stroke-width:4;stroke-linejoin:round}.mascot .rm-limb{fill:#c6932f}.mascot .rm-limb-shadow{fill:#a87a22;opacity:.35}@font-face{font-family:Haltung;src:url(/brand/fonts/Haltung-Regular-Web.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cambon;src:url(/brand/fonts/Cambon-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}:root{--c-black: #000000;--c-ice: #edf2f2;--c-pyrite: #cf941f;--c-white: #ffffff;--c-danger: #b3261e;--c-ink: var(--c-black);--c-ink-soft: rgba(0, 0, 0, .62);--font-heading: "Cambon", Georgia, "Times New Roman", serif;--font-body: "Haltung", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--transcript-leave: .7s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--c-white);color:var(--c-ink);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit}.experience{position:relative;z-index:1;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(12px,2.5vh,28px) clamp(16px,4vw,48px);padding-bottom:max(clamp(12px,2.5vh,28px),env(safe-area-inset-bottom));gap:clamp(8px,1.5vh,16px);overflow:hidden}.skyline{position:fixed;left:0;right:0;bottom:0;--band: min(34vh, 300px);height:var(--band);z-index:0;pointer-events:none;overflow:hidden}.skyline__towers{position:absolute;inset:0;background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%}.skyline__landmarks{position:absolute;left:50%;bottom:0;height:100%;width:auto;transform:translate(-50%)}.skyline__sun{position:absolute;left:6%;top:12%;width:min(10vh,76px);height:min(10vh,76px);border-radius:50%;background:#ffd66b}.skyline__cloud{position:absolute;left:0;height:min(7vh,54px);width:auto;animation:sky-drift linear infinite}.skyline__cloud--1{top:10%;animation-duration:110s;animation-delay:-30s}.skyline__cloud--2{top:34%;height:min(5vh,38px);animation-duration:150s;animation-delay:-95s}.skyline__cloud--3{top:2%;height:min(4vh,30px);animation-duration:80s;animation-delay:-10s}@keyframes sky-drift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.skyline__beacon{animation:sky-blink 1.6s steps(1,end) infinite}@keyframes sky-blink{50%{opacity:.15}}.skyline__streetcar{position:absolute;left:0;bottom:calc(var(--band) * 40 / 360);height:calc(var(--band) * 40 / 360);width:auto;animation:sky-cross 48s linear infinite;animation-delay:4s;transform:translate(-20vw)}@keyframes sky-cross{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.skyline__boat{position:absolute;left:0;bottom:calc(var(--band) * 8 / 360);height:calc(var(--band) * 36 / 360);width:auto;animation:sky-cross-back 120s linear infinite;animation-delay:-40s}@keyframes sky-cross-back{0%{transform:translate(120vw)}to{transform:translate(-20vw)}}.transcript__line,.transcript__empty,.state{text-shadow:0 0 6px var(--c-white),0 0 14px var(--c-white),0 0 24px var(--c-white)}.stage{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(6px,1.4vh,16px);min-height:0}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:end}.brand__mark{width:clamp(22px,3vh,30px);height:auto;display:block}.brand__name{margin:0;display:flex;flex-direction:column;align-items:center;line-height:1.05}.brand__name-primary{font-family:var(--font-heading);font-weight:300;font-size:clamp(22px,3.4vh,30px);letter-spacing:.01em}.brand__name-secondary{font-size:clamp(12px,1.6vh,14px);color:var(--c-ink-soft);letter-spacing:.06em;margin-top:3px}.scene{display:grid;grid-template-rows:minmax(0,1fr);justify-items:center;align-items:center;gap:clamp(12px,3vw,40px);width:100%;min-height:0;align-self:stretch;height:100%}.scene[data-card=true]{grid-template-columns:auto minmax(0,30rem)}.scene[data-card=true] .mascot{--mascot-h: min(32vh, 260px)}.card{display:grid;gap:clamp(6px,1vh,10px);max-width:100%;max-height:100%;overflow:auto;padding:clamp(14px,2vh,22px) clamp(16px,2.5vw,26px);border-radius:16px;background:var(--c-ice);text-align:left;animation:card-enter .42s var(--ease-out)}.card__eyebrow{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-pyrite)}.card__title{margin:0;font-family:var(--font-heading);font-weight:300;font-size:clamp(20px,2.8vh,26px);line-height:1.15}.card__lines{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:clamp(14px,1.9vh,16px);line-height:1.4}.card__note{margin:0;font-size:clamp(13px,1.8vh,15px);font-style:italic}.card__actions{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px}.card__action{display:inline-block;padding:9px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--c-black);background:var(--c-white);color:var(--c-ink);font-size:14px;text-decoration:none;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}.card__action:first-child{border-color:var(--c-pyrite);background:var(--c-pyrite);color:var(--c-white)}.card__action:hover{background:var(--c-black);border-color:var(--c-black);color:var(--c-white)}.card__action:focus-visible{outline:2px solid var(--c-black);outline-offset:3px}.lead-form{width:min(26rem,100%);align-self:center;gap:clamp(10px,1.6vh,14px);background:var(--c-white);border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-soft)}.lead-form__intro,.lead-form__consent{margin:0;font-size:13px;color:var(--c-ink-soft);line-height:1.4}.lead-form__consent{font-size:12px;text-align:center}.lead-form__field{display:grid;gap:4px;font-size:13px}.lead-form__field input{font:inherit;font-size:15px;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:var(--c-white);color:var(--c-ink)}.lead-form__field input:focus-visible{outline:2px solid var(--c-pyrite);outline-offset:1px}.lead-form__field input[aria-invalid=true]{border-color:var(--c-danger)}.lead-form__error{color:var(--c-danger);font-size:12px}.lead-form__submit{min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--c-pyrite);background:var(--c-pyrite);color:var(--c-white);font-size:15px;letter-spacing:.02em;cursor:pointer}.lead-form__submit:focus-visible{outline:2px solid var(--c-black);outline-offset:3px}.lead-form__submit:disabled{border-color:#0000001a;background:#00000014;color:var(--c-ink-soft);cursor:not-allowed}.who{position:absolute;top:clamp(10px,2vh,20px);right:clamp(12px,3vw,32px);z-index:2;margin:0;font-size:12px;color:var(--c-ink-soft)}.who__change{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.who__change:focus-visible{outline:2px solid var(--c-black);outline-offset:2px}.card--summary .card__action{overflow-wrap:anywhere}.card--drawing{width:100%}.draw{width:100%;height:auto;display:block;overflow:visible}.draw__stroke{fill:none;stroke:var(--c-black);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-stroke .7s ease-out forwards}@keyframes draw-stroke{to{stroke-dashoffset:0}}.draw__label{height:100%;display:grid;place-items:center;text-align:center;font-family:var(--font-body);font-size:15px;line-height:1.25;color:var(--c-ink);opacity:0;animation:draw-label .4s ease-out .65s forwards}@keyframes draw-label{to{opacity:1}}.draw__steps{margin:0;display:flex;gap:6px}.draw__dot{width:8px;height:8px;border-radius:50%;background:#00000026}.draw__dot[data-drawn=true]{background:var(--c-pyrite)}.summary{margin:0;display:grid;gap:8px}.summary__row{display:grid;gap:2px}.summary__row dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-soft)}.summary__row dd{margin:0;font-size:clamp(14px,1.9vh,16px);line-height:1.4}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}}@media(max-width:900px){.scene[data-card=true]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.scene[data-card=true] .mascot{--mascot-h: min(16vh, 120px)}}.state{margin:0;font-size:clamp(13px,1.8vh,15px);color:var(--c-ink-soft);letter-spacing:.02em;min-height:1.4em;text-align:center;transition:opacity .24s var(--ease-out);padding:3px 12px;border-radius:var(--radius-pill);background:#ffffffd9}.state[data-state=error]{color:var(--c-ink)}.transcript{position:relative;width:min(100%,40rem);height:clamp(3.4rem,9vh,4.6rem);align-self:start}.transcript__line,.transcript__empty{position:absolute;inset:0;margin:0;display:grid;place-items:center;text-align:center;text-wrap:balance;overflow:hidden}.transcript__line{font-size:clamp(16px,2.2vh,20px);line-height:1.3;color:var(--c-ink);opacity:1;filter:blur(0);transform:translateY(0);animation:caption-enter .5s var(--ease-out);transition:opacity var(--transcript-leave) var(--ease-out),filter var(--transcript-leave) var(--ease-out),transform var(--transcript-leave) var(--ease-out);will-change:opacity,filter,transform}.transcript__line[data-role=jessy]{font-family:var(--font-heading);font-weight:300;font-size:clamp(19px,2.8vh,25px)}.transcript__line--partial[data-role=user]{color:var(--c-ink-soft)}.transcript__line--leaving{opacity:0;filter:blur(6px);transform:translateY(-10px);pointer-events:none}.transcript__empty{color:var(--c-ink-soft);font-size:clamp(13px,1.8vh,15px)}@keyframes card-fade{0%{opacity:0}}@keyframes caption-enter{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}@media(min-height:1100px)and (min-width:1800px){.mascot{--mascot-h: min(38vh, 460px)}.scene[data-card=true] .mascot{--mascot-h: min(32vh, 380px)}.scene[data-card=true]{grid-template-columns:auto minmax(0,36rem)}.skyline{--band: min(34vh, 420px)}.brand__name-primary{font-size:clamp(22px,3.4vh,40px)}}.playground__scene{display:grid;grid-template-columns:auto auto;align-items:center;gap:40px;min-height:0}.playground__target{width:16rem;padding:16px;border-radius:16px;background:var(--c-ice);color:var(--c-ink-soft);font-size:14px;text-align:center}.playground__controls{display:grid;gap:8px;justify-items:center;font-size:13px;color:var(--c-ink-soft)}.playground__controls button{margin:2px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.15);background:var(--c-white);cursor:pointer}.playground__controls button[data-active=true]{background:var(--c-black);color:var(--c-white)}.playground__controls label{display:grid;gap:2px;width:16rem}.playground__reply{margin:0;max-width:40rem;min-height:1.4em;font-family:ui-monospace,monospace;font-size:12px;text-align:center}.dock{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(8px,1.4vh,14px)}.controls{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,14px)}.mic{min-height:clamp(44px,6vh,52px);padding:0 22px 0 16px;border-radius:var(--radius-pill);border:1px solid var(--c-black);background:var(--c-black);color:var(--c-white);box-shadow:var(--shadow-soft);display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.02em;cursor:pointer;transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),transform .22s var(--ease-out)}.mic:hover{transform:translateY(-1px)}.mic:active{transform:translateY(0)}.mic:focus-visible{outline:2px solid var(--c-black);outline-offset:3px}.mic[hidden]{display:none}.mic[data-muted=true]{background:var(--c-ice);border-color:#0000001f;color:var(--c-ink)}.mic:disabled{cursor:progress;opacity:.7}.mic svg{width:22px;height:22px}.end{background:var(--c-white);border:1.5px solid var(--c-danger);padding:9px 20px;border-radius:var(--radius-pill);color:var(--c-danger);cursor:pointer;font-size:15px;letter-spacing:.02em;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}.end:hover{background:var(--c-danger);color:var(--c-white)}.end:focus-visible{outline:2px solid var(--c-danger);outline-offset:3px}.end[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.skyline__cloud,.skyline__beacon,.skyline__streetcar,.skyline__boat{animation:none}.skyline__cloud--1{transform:translate(15vw)}.skyline__cloud--2{transform:translate(70vw)}.skyline__cloud--3{transform:translate(40vw)}.card{animation:card-fade .25s linear}.draw__stroke{animation:none;stroke-dashoffset:0}.draw__label{animation:none;opacity:1}.transcript__line{transition:opacity .25s linear}.transcript__line{animation:none}.transcript__line--leaving{filter:none;transform:none}.mic,.end,.state{transition:none}}.lead-form__error--submit{margin:0;text-align:center}.lead-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lead-form__spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:lead-form-spin .8s linear infinite}@keyframes lead-form-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lead-form__spinner{animation-duration:2.4s}}