.product-story{max-width:1280px;margin:auto}.story-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:34px}.story-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center;padding:24px 0 42px}.story-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:18px}.story-identity .product-logo{width:44px;height:44px}.story-identity img{width:38px;height:38px}.story-hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-.045em;margin:26px 0}.story-lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:520px}.story-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}.story-actions svg{width:18px;height:18px}.story-availability{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.story-availability svg{width:16px;height:16px;flex-shrink:0}.story-hero-image{display:block;padding:20px;background:linear-gradient(140deg,rgba(19,110,255,.18),rgba(0,180,200,.07));border-radius:24px;transform:none;box-shadow:0 24px 60px rgba(0,0,0,.12);text-decoration:none}.story-hero-image img{display:block;width:100%;height:auto;border-radius:12px}.story-hero-image span{display:block;text-align:center;font-size:12px;padding-top:14px;color:var(--muted)}.story-facts{display:flex;gap:32px;flex-wrap:wrap;padding:22px 0;border-block:1px solid var(--line,#dfe5ee);font-size:13px}.story-facts span{display:flex;align-items:center;gap:9px}.story-facts svg{width:20px;height:20px;color:#287cff}.story-section{padding:64px 0 0;scroll-margin-top:35px}.story-section h2,.story-closing h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.03em;line-height:1.2;margin:12px 0 24px}.story-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-benefits article{padding:28px;border:1px solid var(--line,#dfe5ee);border-radius:20px}.story-feature-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#287cff;background:rgba(40,124,255,.12)}.story-feature-icon svg{width:23px;height:23px}.story-benefits h3{font-size:18px;margin:22px 0 12px}.story-benefits p,.story-workflow li,.story-faq p{font-size:15px;line-height:1.8;color:var(--muted)}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px}.story-gallery figure{margin:0;min-width:0}.story-gallery a{display:block;position:relative;overflow:hidden;border-radius:18px;background:rgba(40,124,255,.07);padding:18px}.story-gallery img{width:100%;height:330px;object-fit:contain;display:block}.story-gallery a span{display:inline-block;padding:6px 10px;margin-top:12px;background:var(--white,#fff);border-radius:8px;font-size:12px}.story-gallery figcaption{padding:18px 4px}.story-gallery figcaption p{font-size:13px;color:var(--muted);line-height:1.7}.story-workflow{display:grid;grid-template-columns:1fr 1fr;gap:40px}.story-workflow ol{list-style:none;counter-reset:steps;padding:0;margin:0}.story-workflow li{counter-increment:steps;display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line,#dfe5ee)}.story-workflow li:before{content:'0' counter(steps);font-weight:700;color:#287cff;font-size:20px}.story-faq{max-width:850px}.story-faq details{border-bottom:1px solid var(--line,#dfe5ee);padding:20px 0}.story-faq summary{cursor:pointer;font-weight:600;padding-right:20px}.story-faq p{margin-bottom:0}.story-closing{margin:64px 0 20px;padding:42px;text-align:center;border-radius:24px;background:rgba(40,124,255,.08)}.story-closing p{color:var(--muted);max-width:620px;margin:0 auto 24px;line-height:1.7}.story-lightbox{width:min(95vw,1500px);max-height:94vh;border:1px solid var(--line,#dfe5ee);border-radius:18px;padding:20px;background:var(--white,#fff);color:var(--ink,#162238)}.story-lightbox::backdrop{background:rgba(4,10,20,.85)}.story-lightbox img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}.story-lightbox button{display:block;margin:0 0 14px auto;padding:10px 16px;border-radius:8px;cursor:pointer;background:transparent;color:inherit;border:1px solid var(--line,#8190a6)}.story-lightbox p{font-size:13px;line-height:1.6}.product-story a:focus-visible,.story-faq summary:focus-visible,.story-lightbox button:focus-visible{outline:3px solid #287cff;outline-offset:5px}@media(max-width:950px){.story-hero{grid-template-columns:1fr;gap:30px}.story-hero-image{max-width:720px;transform:none}.story-benefits{grid-template-columns:1fr}.story-benefits article{padding:24px}.story-workflow{grid-template-columns:1fr;gap:10px}}@media(max-width:600px){.story-section{padding-top:42px}.story-hero{padding-top:0}.story-hero h1{font-size:40px}.story-lead{font-size:17px}.story-facts{gap:18px}.story-gallery img{height:auto;max-height:360px}.story-closing{padding:28px 18px}.story-hero-image{padding:12px}.story-back{margin-bottom:24px}}
/* Clip the captured window corners, including their light capture background. */
.story-gallery img{height:auto;max-height:none;object-fit:initial}.story-gallery img,.story-hero-image img,.story-lightbox img{border-radius:10px;clip-path:inset(1px round 10px);overflow:hidden}

/* LayWare: echte Design-Assistant-Ansichten mit ruhiger Scrollbewegung. */
.assistant-scenes{padding-top:86px}.assistant-scenes-intro{max-width:740px;margin-bottom:34px}.assistant-scenes-intro>p:last-child,.assistant-scene-copy>p:last-child{max-width:560px;color:var(--muted);font-size:16px;line-height:1.75}.assistant-scenes-list{display:grid;gap:30px}.assistant-scene{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:clamp(28px,5vw,72px);padding:28px;border:1px solid var(--line,#dfe5ee);border-radius:24px;background:linear-gradient(135deg,rgba(40,124,255,.045),rgba(255,255,255,.015))}.assistant-scene.will-animate{opacity:0;transform:translateY(18px)}.assistant-scene:nth-child(even){grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.assistant-scene:nth-child(even) .assistant-scene-visual{order:2}.assistant-scene.is-visible{animation:assistant-scene-in .75s cubic-bezier(.2,.72,.25,1) both}.assistant-scene:nth-child(2).is-visible{animation-delay:.08s}.assistant-scene-visual{display:block;min-width:0;position:relative;overflow:hidden;padding:10px;border-radius:16px;background:#171f28;border:1px solid rgba(255,255,255,.08);text-decoration:none}.assistant-scene-visual img{display:block;width:100%;height:auto;border-radius:10px;transform:scale(1.025);transform-origin:center;transition:transform 1.25s cubic-bezier(.2,.72,.25,1)}.assistant-scene.is-visible .assistant-scene-visual img{transform:scale(1)}.assistant-scene-visual:hover img,.assistant-scene-visual:focus-visible img{transform:scale(1.035)}.assistant-scene-visual span{position:absolute;right:20px;bottom:20px;padding:9px 12px;border-radius:8px;background:rgba(10,20,30,.88);color:#eef3fa;font-size:12px}.assistant-scene-copy .eyebrow{color:#287cff;font-size:11px;letter-spacing:.14em;font-weight:700}.assistant-scene-copy h3{font-size:clamp(24px,2.7vw,34px);line-height:1.16;letter-spacing:-.035em;margin:12px 0}.assistant-scene-copy>p:last-child{margin-bottom:0}@keyframes assistant-scene-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.story-lightbox[open]{animation:assistant-lightbox-in .22s ease-out both}@keyframes assistant-lightbox-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:850px){.assistant-scene,.assistant-scene:nth-child(even){grid-template-columns:1fr;gap:24px;padding:20px}.assistant-scene:nth-child(even) .assistant-scene-visual{order:0}.assistant-scenes{padding-top:58px}}@media(max-width:600px){.assistant-scene,.assistant-scene:nth-child(even){padding:14px;border-radius:18px}.assistant-scene-visual{padding:6px}.assistant-scene-visual span{right:14px;bottom:14px}.assistant-scenes-intro{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.assistant-scene,.assistant-scene.is-visible{opacity:1;transform:none;animation:none}.assistant-scene-visual img{transform:none!important;transition:none}}