/* Editorial stage, with detail inside each of the seven existing scenes. */
body:before{display:none}.topbar{background:#091b32ed;backdrop-filter:blur(16px)}
.reveal{opacity:1;transform:none}
.panel{padding-top:115px;padding-bottom:90px;gap:42px}.hero{gap:30px}
.h2{font-size:clamp(36px,4.6vw,68px);line-height:1.04}.bodycopy{color:#bcc6cd;font-size:17px}.small{color:#a4b1bd}.paper .small{color:#596774}
.hero-visual .photo{background:none;transform:none;box-shadow:none}.hero-visual:after,.orb{display:none}
.hero-visual{min-height:520px;overflow:hidden;border:1px solid #ffffff20;border-radius:5px}
#three-canvas{opacity:.22;inset:0;width:100%;height:100%;mix-blend-mode:screen}
.hero #three-canvas{opacity:.07}
.film{width:100%;height:100%;object-fit:cover;display:block;background:#091b32}
.film-wrap{position:relative;overflow:hidden;border-radius:6px;background:#091b32}
.film-label{position:absolute;bottom:20px;left:22px;right:20px;color:#dde3e5;font-size:11px;letter-spacing:.1em;text-transform:uppercase;z-index:5;display:flex;justify-content:space-between}
.hero .film-label{bottom:25px}.hero .film{position:absolute;inset:0}
.nav-tools{display:flex;gap:8px;align-items:center}.nav-tools button,.progress button{cursor:pointer;border:1px solid #ffffff30;color:#fff;background:transparent;border-radius:3px;padding:8px 10px;font:inherit;font-size:11px}
.progress{gap:5px}.progress button[aria-current=true]{background:#f28d3f;color:#091b32;border-color:#f28d3f}
.detail-box{padding:23px;border:1px solid currentColor;border-color:#ffffff24;border-radius:4px;background:#ffffff05;margin-top:20px;font-size:15px;line-height:1.55}
.paper .detail-box{border-color:#152c4320;background:#fff}.detail-box h3{font-size:20px;letter-spacing:-.03em;margin:0 0 12px}.detail-box p{margin:8px 0}.detail-box .tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ba622e;margin-bottom:8px}
.choicebar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.choicebar button,.action-button{padding:10px 13px;background:transparent;border:1px solid #80909a66;border-radius:3px;color:inherit;font:inherit;font-size:13px;cursor:pointer}.choicebar button.active,.action-button{background:#f28d3f;color:#091b32;border-color:#f28d3f}.action-button:disabled{opacity:.5;cursor:wait}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f28d3f;outline-offset:5px}
.question-card{border-radius:5px;min-height:480px;gap:16px}.question-card .prompt{font-size:42px}.question-card h3{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.12em}.question h2{font-size:clamp(40px,4.7vw,72px)}
.layer{border-radius:4px;padding:16px;grid-template-columns:30px 1fr;gap:10px}.layer strong{font-size:19px}.layer small{grid-column:2;text-align:left;font-size:12px}.layer.selected b{color:#091b32}
.layer-stack{gap:7px}.layer-detail{font-size:15px;min-height:210px}.layer-detail h3{margin:0 0 12px;color:#fff;font-size:22px}.layer-detail dl{display:grid;grid-template-columns:80px 1fr;gap:12px;margin:16px 0 0}.layer-detail dt{color:#f28d3f;font-size:11px;text-transform:uppercase}.layer-detail dd{margin:0}
.system-stage{display:block;min-height:0}.system-stage .system-image{width:100%;max-height:340px;object-fit:cover;border-radius:4px;transform:none;box-shadow:none}.system-stage .node,.system-line{display:none}
.brandrow span{border-radius:3px}.paper .brandrow span{border-color:#152c4320}.system .h2{font-size:clamp(34px,4vw,57px)}
.demo-visual{display:block;padding:0;min-height:0;border-radius:5px}.demo-visual:before,.demo-visual:after{display:none}.demo-visual .film-wrap{height:280px}.demo-visual .demo-chip{max-width:none;border:none;border-radius:0;padding:25px;min-height:220px}.demo-chip strong{font-size:25px}.demo-chip span{font-size:15px;line-height:1.6;color:#b7c6d1}
.steps{gap:8px;margin-top:20px}.step{padding:13px 16px;border-radius:4px}.step p{color:#c2cbd2}.demo .bodycopy{max-width:none}.demo .h2{font-size:clamp(36px,4vw,58px)}
.conversation{border-radius:5px;padding:18px;grid-template-columns:.9fr 1.1fr}.scene-card{min-height:360px;border-radius:4px;position:relative}.scene-card:after{content:'Beispielszene · simuliertes Gespräch';position:absolute;left:12px;bottom:12px;background:#091b32dc;color:white;padding:8px 12px;font-size:10px}.bubble{max-width:95%;border-radius:7px;font-size:15px}.chat{gap:10px}.event-log{font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;border-top:1px solid #172d4220;padding-top:12px;margin-top:8px;min-height:130px}.event-log div{animation:arrive .35s ease}.event-log b{color:#b3672f;font-weight:400;margin-right:10px}
.runbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.runbar select{font:inherit;font-size:12px;max-width:100%;padding:10px;border:1px solid #172d4240;background:#fff;border-radius:3px}.run-note{font-size:12px;color:#65707b;margin:8px 0}
.closing-card{min-height:0;border:1px solid #ffffff24;transform:none!important;border-radius:5px;background:#ffffff05;box-shadow:none;padding:28px}.closing-card .film-wrap{height:270px;margin:-28px -28px 22px}.closing-card h3{font-size:24px;margin:0 0 18px}.metric{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #ffffff24;padding:14px 0;font-size:13px}.metric strong{color:#f28d3f}.metric span{line-height:1.5;color:#bac5ce}
.notes{display:none;position:fixed;right:20px;top:80px;z-index:40;max-width:380px;max-height:75vh;overflow:auto;background:#f5f4ef;color:#10283d;padding:26px;border:1px solid #c6c8bf;box-shadow:0 20px 70px #0005;font-size:14px;line-height:1.6}.notes.open{display:block}.notes h3{font-size:19px;margin:0 0 10px}.notes button{float:right;border:0;background:none;cursor:pointer;font-size:20px}
.contact{color:#f28d3f;text-decoration:none;font-size:15px}.scrollcue{display:none}.footer{font-size:10px;color:#a4b1bd}.footer span:last-child{max-width:70%;text-align:right}
@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important}
@media(min-width:1400px){.panel{padding-inline:7vw}.hero-visual{height:70vh}.layer-detail{min-height:220px}}
@media(max-width:900px){.panel{gap:24px}.hero-visual{min-height:390px;height:450px}.nav-tools button{font-size:10px;padding:7px}.progress button{padding:6px;font-size:10px}.brand{width:48px}.nav-tools{gap:5px}.conversation{grid-template-columns:1fr}.footer{margin-top:10px}.question-card{min-height:380px}.layer-detail{min-height:0}.demo-visual .film-wrap{height:230px}.closing-card .film-wrap{height:230px}.brandrow{margin-top:15px}}
@media(prefers-reduced-motion:reduce){#three-canvas{display:none}.reveal{opacity:1;transform:none}}
@media(max-width:600px){.topbar{height:105px;flex-wrap:wrap;padding:10px 16px;gap:8px}.progress{margin-left:auto}.nav-tools{width:100%;justify-content:flex-end}.panel{padding-top:135px}.hero-note{gap:10px}.rule{width:50px;flex-shrink:0}.hero-visual{height:350px;min-height:350px}.film-label{font-size:8px;left:12px;right:12px;gap:8px}.film-label span:last-child{display:none}.display{font-size:65px}.layer-detail dl{grid-template-columns:1fr;gap:7px}.layer-detail dd{margin-bottom:12px}.notes{top:110px;left:16px;right:16px}.question-card .prompt{font-size:37px}}