/* A quieter reading path, with self-running product stories. */
#produktivitaet{scroll-margin-top:128px}
.floating-nav a{padding-inline:10px}
.how-grid,.snippet-scene{position:relative}
.how-card{position:relative}
.how-card>.story-pause{width:25px;height:25px;top:10px;right:10px;padding:5px;background:#fffef9b8;border-color:#dde7eb}
.how-flow .hold-hint{font-size:13px;font-weight:650;color:#314652}
.how-flow .hold-hint::before{display:none}
.how-flow .voice-progress{position:relative;background:#64767e;transform:none}
.how-flow .voice-progress::before{display:none}
.voice-progress-fill{display:block;width:100%;height:2px;background:#f5ff27;transform-origin:left}
.how-flow .how-motion-track i{background:#d5db19;transform:scaleX(1)}
.how-voice p{min-height:52px}
.how-message p{min-height:53px}
.story-pause{position:absolute;right:13px;top:12px;z-index:8;display:grid;place-items:center;width:30px;height:30px;border:1px solid #c9d8dd;background:#fffef9;color:#375362;border-radius:50%;padding:7px;cursor:pointer;opacity:.65;transition:opacity .18s}
.story-pause svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.story-pause:hover,.story-pause:focus-visible{opacity:1}
.story-pause:focus-visible{outline:3px solid #356079;outline-offset:3px}
.story-pause[hidden]{display:none!important}
.how-grid>.story-pause{top:-39px;right:1px}
.x-intro-label{font-size:18px;gap:10px;margin-bottom:22px}
.x-intro-label>img{width:30px;height:30px}
.x-demo{position:relative;border:2px solid #c0c9ce;background:#182731;border-radius:22px;padding:18px 8px 8px;overflow:visible;box-shadow:0 24px 48px -32px #29485960;margin-bottom:40px}
.x-demo::before{content:'';position:absolute;left:calc(50% - 3px);top:6px;width:6px;height:6px;border-radius:50%;background:#3d5261;box-shadow:inset 0 0 0 2px #0d1922;pointer-events:none}
.x-demo::after{content:'';position:absolute;left:-2%;right:-2%;height:16px;bottom:-16px;background:linear-gradient(#e7eded,#bcc7cc);border:1px solid #b1bfc5;border-radius:0 0 50% 50%/0 0 90% 90%;box-shadow:0 12px 20px -12px #3c526c60;pointer-events:none}
.x-demo-top{position:relative;padding:13px 53px 13px 13px;min-height:60px;background:transparent;border:0}
.x-demo-top::after{content:'';position:absolute;left:50%;top:25px;width:6px;height:6px;border-radius:50%;background:#71838b;box-shadow:0 0 0 3px #d6dfe1}
.x-power{background:#f5f7ef;border-color:#d0d6c6;font-size:10px!important;min-height:32px;padding:6px 10px;cursor:default}
.x-power .x-switch{background:#a0b9af}
.x-demo[data-x-state="listening"] .x-switch,.x-demo[data-x-state="draft"] .x-switch{background:#788444}
.x-demo[data-x-state="listening"] .x-switch i,.x-demo[data-x-state="draft"] .x-switch i{transform:translateX(11px)}
.x-demo[data-x-state] .x-desktop{height:660px;border:0;border-radius:10px;overflow:hidden}
.x-mail{top:22px;left:22px;min-height:530px}
.x-agent{isolation:isolate;top:83px;right:23px;border-color:#9d9bc6}
.x-agent::before,.x-listening::before{content:'';position:absolute;inset:-4px;border-radius:inherit;padding:3px;background:linear-gradient(120deg,#a8d5f5,#a79dec 36%,#fae477 76%,#e9edb2);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.9}
.x-agent::after{content:'';position:absolute;inset:-15px;z-index:-1;background:radial-gradient(ellipse at 10% 40%,#b5b9fb45,transparent 60%),radial-gradient(ellipse at 90% 60%,#fbe49745,transparent 60%);pointer-events:none}
.x-auto-ready{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:7px;background:#f5ff27;color:#263129;font-size:10px}
.x-agent>footer>.x-auto-ready{color:#263129}
.x-agent-brand>.x-agent-wordmark{display:inline-flex;align-items:center;gap:0;background:none;border:0;border-radius:0;padding:0;margin:0;color:#eef3f8;font-size:14px}
.x-agent-wordmark .audio-o{width:.66em;height:.66em;flex-basis:.66em}
.x-agent-wordmark b{font-size:14px;letter-spacing:-.045em}
.x-listening{isolation:isolate;bottom:68px;right:44px;left:240px;min-height:77px}
.x-listening p{min-height:42px}
.x-answer{min-height:210px}
.x-inserted{min-height:170px}
.x-empty-text{display:none}
.x-explained{gap:18px;margin:44px 0 0}
.x-explained>div{padding:23px 24px 26px;border-radius:18px;background:#f2f6f6;border:1px solid #e0e8e8}
.x-explained>div:nth-child(2){background:#f8f7ee;border-color:#eae8d6}
.x-explained>div:nth-child(3){background:#edf4f7}
.x-step-art{display:flex;width:46px;height:40px;margin-bottom:21px;align-items:center;justify-content:center;color:#476c7c}
.x-step-context{flex-direction:column;gap:5px;border:1px solid #acbdc3;border-radius:6px;background:#fff}
.x-step-context i{display:block;width:24px;height:2px;background:#a9c0c8}
.x-step-context i:nth-child(2){background:#dcd67e;width:29px;height:6px}
.x-step-done{border:1px solid #acbdc3;border-radius:6px;background:#fff}
.x-step-done .mini-check{transform:scale(1.5)}
.snippet-flow{background:#f3f7fa}
.snippet-scene{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;padding:45px 52px;border-radius:28px;background:#d9eefa url('assets/team-knowledge-sky-v1.webp') center/cover}
.snippet-kicker{display:block;font-size:15px;font-weight:700;line-height:1.4;color:#173444;margin:0 0 18px}
.snippet-template{position:relative;background:#fffdf3;border:1px solid #f0e8cb;border-radius:9px;padding:23px 25px 0;transform:rotate(-3deg);box-shadow:0 18px 35px -22px #314a62a0}
.snippet-template::before{content:'';position:absolute;inset:7px -6px -6px 6px;z-index:-1;border-radius:8px;background:#f4f1e4;transform:rotate(2deg)}
.snippet-template header{display:flex;align-items:center;gap:9px;font-size:11px;color:#496776}
.snippet-template header>.mini-check{margin-left:auto}
.snippet-template h3{font:500 28px/1.15 Georgia,serif;color:#29414c;margin:25px 0}
.snippet-paper-lines{display:grid;gap:7px;margin-bottom:20px}
.snippet-paper-lines i{height:3px;border-radius:2px;background:#deded1}
.snippet-paper-lines i:last-child{width:70%}
.snippet-template-tag{display:inline-block;font-size:10px;color:#685c28;background:#f2eab7;padding:7px 9px;border-radius:5px;margin-bottom:23px}
.snippet-template footer{display:flex;align-items:center;gap:7px;border-top:1px solid #e4e3d7;font-size:9px;color:#58716c;padding:13px 0}
.snippet-voice{display:flex;gap:15px;align-items:center;position:relative;margin:34px -12px 0 10px;background:#203744;color:#fff;padding:17px 20px;border-radius:14px;box-shadow:0 12px 25px -18px #1d415e}
.snippet-voice .voice-bars{flex-shrink:0;color:#f5ff27}
.snippet-spoken{font-size:14px;line-height:1.6;margin:0;min-height:46px}
.snippet-mail{background:#fff;border:1px solid #e5ecee;border-radius:16px;box-shadow:0 20px 38px -25px #2c557794;overflow:hidden}
.snippet-mail>.window-heading{padding:17px 19px;gap:10px;font-size:10px}
.snippet-saved{margin-left:auto;background:#f1f5de;color:#55672d;font-size:8px;padding:5px 7px;border-radius:5px}
.snippet-mail dl{margin:0;padding:8px 26px;border-bottom:1px solid #e8eef0}
.snippet-mail dl>div{display:flex;gap:16px;font-size:11px;margin:10px 0}
.snippet-mail dt{width:40px;color:#71838d}
.snippet-mail dd{margin:0;color:#3d5562}
.snippet-mail-body{padding:10px 26px 14px;min-height:326px}
.snippet-mail-body p{font-size:13px;line-height:1.7;color:#364e5c;margin:16px 0}
.snippet-mail-link{color:#366e99;text-decoration:underline;text-underline-offset:3px}
.snippet-mail footer{font-size:10px;padding:15px 26px;color:#617a81;border-top:1px solid #e6edef;background:#f8fbfb}
.ai-tools{padding-top:28px;text-align:center}
.ai-tools>p{font-size:12px;color:#466170;margin:0 0 15px}
.ai-tools>div{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.ai-tool{display:flex;align-items:center;justify-content:center;gap:9px;min-width:143px;min-height:60px;background:#fff;border:1px solid #e0e7e9;border-radius:13px;color:#253d49;font-size:15px;font-weight:550;padding:12px 18px}
.ai-tool img{object-fit:contain;flex-shrink:0}
.ai-claude img{width:100px;height:25px}
.copy-notice:empty{display:none}
.copy-notice{text-align:center;font-size:12px;color:#506b7c;margin:16px 0 0}
.legal-note{width:263px}
.legal-note p{font-size:12px;line-height:1.65}
.german-made{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px!important;color:#486370!important}
.german-made img{width:24px!important;height:16px!important;margin:0!important}
.europe-cloud{justify-content:center}
@media(max-width:1050px){.snippet-scene{gap:30px;padding:35px 28px}.snippet-template{padding:20px 19px 0}.snippet-saved{font-size:7px}.x-demo[data-x-state] .x-desktop{height:710px}.x-mail{width:calc(100% - 42px)}.x-agent{right:17px;top:156px}.x-answer{min-height:220px}}
@media(max-width:760px){
 .x-demo{padding:0 5px 5px;border-radius:17px}.x-demo::after{left:0;right:0;height:10px;bottom:-10px}.x-demo-top{padding:12px 38px 12px 7px;min-height:51px;gap:7px}.x-demo-top::after{display:none}.x-workspace-label{font-size:8px;gap:5px}.x-power{font-size:8px!important;gap:5px;padding:5px 7px}.x-power .x-switch{display:none}
 .x-demo>.story-pause{right:10px;top:12px;width:26px;height:26px;padding:5px}
 .x-demo[data-x-state] .x-desktop{height:765px;padding:0;border-width:5px;border-radius:10px}.x-mail{position:absolute;left:9px;top:12px;width:calc(100% - 18px);min-height:620px}.x-mail-main{padding:14px 13px}.x-context{font-size:11px}.x-context p{font-size:11px;line-height:1.55}.x-mail-main>h3{font-size:12px}.x-sender{margin-block:14px}.x-context-label{font-size:7px;top:-24px;right:0}.x-mail-reply{margin-top:20px;padding-top:15px}.x-inserted p{font-size:11px;line-height:1.55}.x-inserted-note{font-size:8px;line-height:1.5;max-width:230px}
 .x-intent-note{display:none}.x-agent{position:absolute;top:205px;right:10px;width:calc(100% - 20px);margin:0}.x-agent-brand b{font-size:13px}.x-agent-brand>span{font-size:7px;padding:3px 4px}.x-answer{min-height:200px;font-size:12px}.x-listening{position:absolute;left:12px;right:12px;bottom:80px;margin:0;padding:15px 13px}.x-listening p{min-height:58px}.x-taskbar{bottom:16px}.x-explained{grid-template-columns:1fr;gap:12px;margin-top:31px}.x-explained>div{display:grid;grid-template-columns:44px 1fr;column-gap:17px;padding:20px}.x-step-art{grid-row:1/3;margin:0}.x-explained h3{margin:0 0 7px;font-size:14px}.x-explained p{grid-column:2;font-size:12px}.x-intro-label{font-size:17px}
 .snippet-scene{grid-template-columns:1fr;gap:29px;padding:30px 20px;border-radius:22px}.snippet-library{max-width:350px;width:100%;margin:auto}.snippet-template h3{font-size:27px}.snippet-voice{margin:27px 0 0;padding:15px}.snippet-spoken{font-size:13px;min-height:42px}.snippet-mail{width:100%;max-width:410px;margin:auto}.snippet-mail>.window-heading{padding:14px 12px;gap:7px;font-size:8px}.snippet-saved{font-size:7px;padding:4px 5px}.snippet-mail dl{padding-inline:18px}.snippet-mail-body{padding-inline:18px;min-height:350px}.snippet-mail footer{padding-inline:18px;font-size:9px}
 .ai-tools>div{gap:8px}.ai-tool{min-width:124px;font-size:13px;padding:10px 12px}.ai-tool img{max-height:30px}.ai-claude img{width:83px}.legal-note{width:230px}.legal-note p{font-size:11px}.german-made{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.story-pause{display:none!important}.x-demo[data-motion] .x-agent,.x-demo[data-motion] .x-listening{transition:none!important}}

/* The scene is the demonstration; its only control appears after completion. */
@media(min-width:1051px){.x-inserted{min-height:125px}}
.eu-ownership{margin-top:27px;text-align:center;color:#294b60}
.eu-ownership strong{display:block;font:500 19px/1.4 Georgia,serif}
.eu-ownership>span{display:block;margin-top:10px;font-size:11px;line-height:1.65;color:#496a7b}

/* A compact, distinct closing surface, in the product's own ink blue. */
.closing-flow{padding-bottom:48px}

@media(max-width:760px){
 .x-demo{padding:16px 5px 5px;border-radius:15px}.x-demo[data-x-state] .x-desktop{border:0;border-radius:8px}.x-demo::before{top:5px}
 .closing-flow{padding-bottom:30px}
}