@font-face{font-family:Figtree;src:url(/fonts/figtree-latin-500-normal.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-latin-700-normal.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color:#393833;font-synthesis:none;background:#0f1012;font-family:Figtree,Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#stage{width:100%;height:100svh;overflow:hidden}#stage canvas{width:100%;height:100%;display:block}[hidden]{display:none!important}#fallback{color:#efe9dc;background:#0f1012;height:100svh;padding:24px;overflow:auto}#fallback a{color:inherit}#fallback .contacts a{background:#1d201e;border-color:#3a3e3a}#fallback .contacts a:hover{background:#262a27}#fallback img{object-fit:contain;width:100%;max-width:800px;max-height:52svh;margin:0 auto;display:block}.fallback-content{max-width:650px;margin:24px auto}h1{letter-spacing:-.035em;font-size:clamp(24px,4vw,36px);font-weight:700}p{line-height:1.6}.contacts{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.contacts a{color:inherit;text-align:center;background:#eeece7;border:1px solid #c5c2ba;border-radius:12px;flex:210px;padding:18px 22px;text-decoration:none}.contacts a:hover{background:#faf9f6}.contacts a:focus-visible{outline-offset:5px;outline:2px solid #393833}#stage{position:relative}.css3d-layer{pointer-events:none;position:absolute;inset:0}.window-copy{color:#f5efe3;text-shadow:0 1px 2px #0000004d,0 0 22px #00000026;cursor:text}.window-copy h1{letter-spacing:-.043em;text-wrap:balance;margin:0 0 23px;font-size:43px;font-weight:700;line-height:1.09}.window-copy p{letter-spacing:-.015em;max-width:510px;margin:0;font-size:19px;line-height:1.55}.contact-card{color:#343a32;outline-offset:7px;width:255px;height:103px;transform-style:preserve-3d;border-radius:15px;text-decoration:none;display:block}.card-face{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(145deg,#eeece3,#dddccf);border-top:1px solid #f9f7ef;border-bottom:4px solid #bab8ac;border-left:1px solid #f9f7ef;border-right:3px solid #c4c2b6;border-radius:15px;grid-template-columns:32px 1fr 15px;align-items:center;gap:13px;padding:20px;font-size:17px;font-weight:700;line-height:1.3;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:0 10px 17px #39382b29,inset 0 1px 3px #ffffffb3}.contact-card svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px}.card-arrow{color:#697064;font-size:23px;font-weight:500}.contact-card:is(:hover,:focus-visible) .card-face{transform:translateZ(18px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 17px 23px #39382b36,inset 0 1px 3px #fff}.contact-card:focus-visible,.legal-sign:focus-visible{outline:3px solid #363d32}.legal-sign{color:#444b40;text-align:center;background:#dcdacf;border:1px solid #eeeade;border-radius:5px;width:135px;padding:15px 10px;font-size:17px;text-decoration:none;box-shadow:1px 3px 5px #30332636}.legal-sign:hover{background:#edeade}.hanging-legal-sign{width:155px;height:140px}.hanging-legal-sign .legal-sign{pointer-events:auto;height:52px;position:absolute;top:81px;left:10px}.legal-cord{pointer-events:none;width:155px;height:140px;position:absolute;inset:0;overflow:visible}.legal-cord path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cord-shadow{stroke:#33382e35;stroke-width:3px;transform:translate(1px,2px)}.cord{stroke:#77766b;stroke-width:1.8px}.cord-pin{fill:#aaa99c;stroke:#5c6055;stroke-width:1px}.cord-eyelet{fill:#74766a;stroke:#eeebdf;stroke-width:1px}.legal-dialog{color:#363a33;background:#f1efe8;border:1px solid #f5f2e8;border-radius:20px;width:min(760px,100% - 32px);max-height:min(85svh,900px);padding:0;overflow:hidden;box-shadow:0 24px 90px #191e2559}.legal-dialog[open]{flex-direction:column;display:flex}.legal-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#252a2669}.dialog-header{border-bottom:1px solid #d7d7cb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:23px 28px;display:flex}.dialog-header h2{letter-spacing:-.02em;margin:0;font-size:20px}.dialog-close{width:38px;height:38px;color:inherit;cursor:pointer;background:#e5e5da;border:1px solid #d0d2c5;border-radius:50%;flex-shrink:0;font-size:27px}.dialog-close:focus-visible{outline-offset:3px;outline:2px solid #424b3a}.dialog-content{scroll-behavior:smooth;padding:26px 36px 36px;overflow:auto}.legal-dialog h2:not(#legal-title),.legal-document h1{letter-spacing:-.035em;margin:28px 0 20px;font-size:30px}.legal-dialog h3,.legal-document h2{margin:25px 0 8px;font-size:17px}.legal-dialog p,.legal-document p{margin:12px 0;font-size:16px;line-height:1.7}.legal-dialog a,.legal-document a{color:inherit;text-underline-offset:3px}.legal-nav,.legal-footer,.fallback-legal{flex-wrap:wrap;gap:20px;display:flex}.legal-footer{border-top:1px solid #cccfc0;margin-top:32px;padding-top:24px;font-size:14px}.fallback-legal{margin-top:24px;font-size:14px}.fallback-legal a{color:inherit}#overlay-datenschutz{border-top:1px solid #cccfc0;margin-top:42px;padding-top:4px}.legal-page{background:#e7e5dd;padding:clamp(24px,5vw,70px) 24px}.legal-document{max-width:720px;margin:0 auto}.back-link{margin-bottom:24px;display:inline-block}@media (prefers-reduced-motion:reduce){.card-face{transition:none}.contact-card:is(:hover,:focus-visible) .card-face{transform:translateZ(10px)}.dialog-content{scroll-behavior:auto}}@media (width<=550px){.dialog-header{padding:18px}.dialog-header h2{font-size:18px}.dialog-content{padding:18px 22px 26px}}#stage>canvas:not(.glass-overlay){z-index:0;position:absolute;inset:0}.interior-html{z-index:1}#stage>canvas.glass-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.surface-html{z-index:3}.robot-hit-target{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:35px;width:95px;height:240px;padding:0}.robot-hit-target:focus-visible{outline-offset:5px;outline:2px solid #626a5c}.interior-html .card-face{color:#262a25;background:linear-gradient(176deg,#f4eee2 0%,#e9e1d1 62%,#ddd3c0 100%);border:0;border-radius:9px;grid-template-columns:44px 1fr 18px;gap:14px;padding:18px 22px 18px 18px;transition:none;box-shadow:inset 0 1px #fffaf0,inset 0 -2px #c9bea8}.interior-html .card-face svg{stroke:#f4ecdc;stroke-width:1.7px;background:radial-gradient(circle at 35% 30%,#4a504a,#262a26 70%);border-radius:50%;width:44px;height:44px;padding:10px;box-shadow:inset 0 -2px 3px #0006,inset 0 2px 2px #ffffff26,0 1px #fffaf0}.interior-html .card-face .card-arrow{color:#5d6359;font-size:22px}.interior-html .contact-card:is(:hover,:focus-visible) .card-face{background:linear-gradient(176deg,#faf5ea 0%,#eee7d8 62%,#e2d8c5 100%);transform:none}#stage{background:#0f1012}#stage>canvas:not(.glass-overlay){opacity:0;transition:opacity .6s}#stage.is-ready>canvas:not(.glass-overlay){opacity:1}.interior-html{filter:brightness(calc(.3 + .7 * var(--lit,1)))}.window-copy>*{transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1),filter .9s}.window-copy>p{transition-delay:.18s}#stage.intro:not(.show-copy) .window-copy>*{opacity:0;filter:blur(6px);transform:translateY(18px)}#stage .interior-html .card-face{transition:opacity .8s}#stage.intro:not(.show-cards) .card-face{opacity:0}#stage.intro:not(.show-cards) #whatsapp-card .card-face{transition-delay:.15s}.hit-target,.robot-hit-target{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.hit-target:focus-visible,.robot-hit-target:focus-visible{outline-offset:5px;border-radius:12px;outline:2px solid #f1e6cf}.hit-target[data-hint]:after,.robot-hit-target[data-hint]:after{content:attr(data-hint);color:#f4eee2;letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17191799;border-radius:999px;padding:7px 13px;font:600 15px/1 Figtree,system-ui,sans-serif;transition:opacity .25s,transform .25s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hit-target:is(:hover,:focus-visible)[data-hint]:after,.robot-hit-target:is(:hover,:focus-visible)[data-hint]:after{opacity:1;transform:translate(-50%,-10px)}.switch-hit-target{border-radius:8px;width:40px;height:52px}.handheld-hit-target{border-radius:14px;width:66px;height:102px}.monitor-hit-target{border-radius:12px;width:186px;height:119px}.carton-hit-target{border-radius:8px}.window-copy,.contact-card,.hanging-legal-sign{transition:opacity .45s}#stage.is-focus .window-copy,#stage.is-focus .contact-card,#stage.is-focus .hanging-legal-sign{opacity:0}#stage.is-focus .css3d-layer *{pointer-events:none!important}.focus-panel{inset-inline:0;z-index:20;color:#f3eee3;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#121412cc;border:1px solid #ffffff1f;border-radius:18px;outline:none;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:12px 14px 12px 20px;font-size:15px;animation:.45s cubic-bezier(.2,.7,.2,1) both focus-in;display:flex;position:fixed;bottom:clamp(16px,4vh,36px);box-shadow:0 18px 50px #0000005c}.focus-panel[hidden]{display:none}@keyframes focus-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.focus-title{letter-spacing:-.01em;white-space:nowrap;margin:0;font-weight:700}.focus-sub{color:#bdb6a8;margin:2px 0 0;font-size:13px}.focus-keys{color:#d8d1c3;margin:0;font-size:14px;line-height:1.5}.focus-keys span{color:#7d786e;padding:0 2px}.focus-panel kbd{color:#f6f1e6;text-align:center;background:#ffffff12;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:6px;min-width:1.6em;margin:0 2px;padding:1px 6px;font:600 12px/1.5 Figtree,system-ui,sans-serif;display:inline-block}.focus-close,.focus-step,.focus-cta{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff10;border:1px solid #ffffff2b;border-radius:12px;flex-shrink:0;font:600 14px/1 Figtree,system-ui,sans-serif;text-decoration:none}.focus-close{padding:9px 12px}.focus-close kbd{margin-left:4px}.focus-step{width:38px;height:38px;font-size:17px}.focus-cta{color:#1d211e;background:#f3ecdd;border-color:#f3ecdd;padding:11px 16px}.focus-close:hover,.focus-step:hover{background:#fff2}.focus-cta:hover{background:#fff8ea}.focus-panel :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #f3ecdd}.focus-copy{min-width:0}@media (width<=760px){.focus-panel{text-align:center;flex-wrap:wrap;justify-content:center}.focus-keys{font-size:13px}}.carton-hit-target[data-hint]:after{font-size:calc(15px * var(--hint-scale,1));padding:calc(7px * var(--hint-scale,1)) calc(13px * var(--hint-scale,1))}.carton-hit-target:is(:hover,:focus-visible)[data-hint]:after{transform:translate(-50%, calc(-10px * var(--hint-scale,1)))}.card-short{display:none}#stage.is-portrait .window-copy h1{margin-bottom:14px;font-size:32px;line-height:1.08}#stage.is-portrait .window-copy p{max-width:none;font-size:18px;line-height:1.5}#stage.is-portrait :is(.card-long,.card-arrow){display:none}#stage.is-portrait .card-short{display:inline}#stage.is-portrait .interior-html .card-face{letter-spacing:-.02em;grid-template-columns:52px 1fr;gap:16px;padding:18px 20px;font-size:28px}#stage.is-portrait .interior-html .card-face svg{width:52px;height:52px;padding:12px}.tilt-hint{width:max-content;inset-inline:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:15;color:#f3eee3;letter-spacing:-.01em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;touch-action:manipulation;background:#121412b3;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;margin-inline:auto;padding:10px 16px 10px 12px;font:600 14px/1 Figtree,system-ui,sans-serif;animation:.5s cubic-bezier(.2,.7,.2,1) both focus-in;display:flex;position:fixed;box-shadow:0 10px 30px #00000059}.tilt-hint[hidden]{display:none}.tilt-hint svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;animation:2.4s ease-in-out infinite tilt-wiggle}@keyframes tilt-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}60%{transform:rotate(12deg)}}.tilt-hint:focus-visible{outline-offset:3px;outline:2px solid #f3ecdd}@media (prefers-reduced-motion:reduce){.tilt-hint svg{animation:none}}#stage.is-portrait canvas{touch-action:pinch-zoom}@media (width<=760px){.focus-panel[data-mode=game]{flex-wrap:nowrap;gap:12px;padding:10px 10px 10px 16px}.focus-panel[data-mode=game] .focus-keys{white-space:nowrap;color:#bdb6a8;font-size:13px}.focus-panel[data-mode=reference]{text-align:left;grid-template-columns:auto 1fr auto;grid-template-areas:"copy copy close""prev cta next";align-items:center;gap:10px;width:calc(100% - 32px);padding:12px;display:grid}.focus-panel[data-mode=reference] .focus-copy{grid-area:copy;padding-left:4px}.focus-panel[data-mode=reference] .focus-close{grid-area:close}.focus-panel[data-mode=reference] .focus-step[data-step="-1"]{grid-area:prev}.focus-panel[data-mode=reference] .focus-step[data-step="1"]{grid-area:next;justify-self:end}.focus-panel[data-mode=reference] .focus-cta{text-align:center;grid-area:cta}.focus-panel[data-mode=reference] .focus-title{white-space:normal}}.boot{z-index:4;pointer-events:none;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.boot span{color:#f3ead9;letter-spacing:-.04em;font:700 clamp(40px,9vw,72px)/1 Figtree,system-ui,sans-serif;animation:1.6s ease-in-out infinite alternate boot-glow}@keyframes boot-glow{0%{opacity:.06;text-shadow:none}to{opacity:.5;text-shadow:0 0 28px #ffd9a080}}#stage.is-ready .boot{opacity:0}@media (prefers-reduced-motion:reduce){.boot span{opacity:.35;animation:none}}