/* Neue Seiten verwenden die Schriftrollen und Farben der bestehenden Website. */
.agent-skip { position: fixed; top: -80px; left: 20px; z-index: 100; background: var(--pv-white); padding: 12px 18px; color: var(--pv-ink); }
.agent-skip:focus { top: 12px; }
.agent-page :is(a,button):focus-visible { outline: 2px solid var(--pv-accent-text); outline-offset: 5px; }
.agent-page .pagehead__title { max-width: 22ch; }
.agent-page .pagehead__body { max-width: 58ch; }
.agent-showcase { max-width: 1040px; }
.agent-stage { position: relative; min-height: 520px; border-radius: var(--pv-r-stage); background: var(--pv-stage-5); overflow: hidden; }
.agent-terminal { position: absolute; z-index: 1; left: 6%; top: 66px; width: 58%; background: #161820; color: #c9cbd3; }
.agent-terminal .scene-terminal__body { padding: 28px 28px 110px; min-height: 290px; }
.agent-panel { position: absolute; z-index: 2; right: 6%; top: 134px; width: 390px; padding: 0 22px 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: linear-gradient(130deg,#33333a,#25252c); color: #f6f6f8; box-shadow: var(--pv-shadow-window); font-family: var(--scene-ui, -apple-system, BlinkMacSystemFont, sans-serif); }
.agent-panel__chrome { display: flex; justify-content: space-between; align-items: center; height: 40px; color: #bfc0c7; }
.agent-panel__chrome > span:first-child { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); }
.agent-panel__heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 17px; margin-bottom: 18px; }
.agent-panel__heading b { font-weight: 400; color: #ff7a47; margin-left: 5px; }
.agent-panel__mode { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.agent-panel__mode i { width: 27px; height: 16px; border-radius: 20px; background: #fff; position: relative; }
.agent-panel__mode i::after { content:''; position:absolute; right:2px; top:2px; width:12px; height:12px; border-radius:50%; background:#55555c; }
.agent-panel__activity { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #d1d1d6; padding-bottom: 16px; }
.agent-panel__activity .scene-wave { color: #d1d1d6; }
.agent-panel__stop { margin-left: auto; }
.agent-panel__project { display: flex; align-items: center; gap: 8px; font-size: 15.5px; }
.agent-panel__project strong { font-weight: 500; }
.agent-panel__project i { width: 7px; height: 7px; border-radius: 50%; background: #ff7a47; flex-shrink: 0; }
.agent-panel__meta { margin: 7px 0 0; font-size: 12.5px; line-height: 1.5; color: #bdbdc6; }
.agent-panel .scene-agent__q { color:#f5f5f7; margin: 12px 0; }
.agent-panel__answer { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; font-size: 15.5px; line-height: 1.5; color: #f7f7f9; }
.agent-panel__sent { margin: 10px 0 0; font-size: 13.5px; color: #d1d1d6; display: flex; gap: 6px; align-items: center; }
.agent-stage[data-phase="0"] :is(.agent-panel__answer,.agent-panel__sent) { display: none; }
.agent-stage[data-phase="1"] .agent-panel__sent { display: none; }
.agent-stage[data-phase="1"] .agent-panel__activity .scene-wave { color:#ff7a47; }
.agent-stage[data-phase="2"] .agent-panel__project i { background:#bdbdc6; }
.agent-stage[data-phase="2"] .agent-panel__heading b { visibility:hidden; }
.agent-demo-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 24px; }
.agent-demo-steps { display: flex; flex-wrap: wrap; gap: 24px; }
.agent-demo-controls button { border: 0; background: transparent; color: var(--pv-text); font: inherit; font-size: 15px; cursor: pointer; padding: 4px 0; min-height: 32px; }
.agent-demo-steps button { display: flex; gap: 8px; align-items: center; }
.agent-demo-steps button span { color: var(--pv-muted); font-variant-numeric: tabular-nums; }
.agent-demo-steps button[aria-pressed="true"] { color: var(--pv-ink); }
.agent-demo-steps button[aria-pressed="true"] span { color: var(--pv-accent-text); }
.agent-play { display: inline-flex; align-items: center; gap: 8px; text-decoration: underline; text-underline-offset: 4px; }
.agent-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 72px; padding-block: var(--pv-sec); }
.agent-intro .sec-title { max-width: 17ch; }
.agent-intro .steps-b2b__lead { padding-top: 7px; }
.agent-features { padding-top:var(--pv-sec); }
.agent-feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 72px; padding-bottom: var(--pv-stage-gap); }
.agent-feature:nth-child(even) .agent-feature__copy { order: 2; }
.agent-feature__copy .stage__eyebrow { display:flex; gap:12px; }
.agent-feature__copy .stage__eyebrow span { color:var(--pv-accent-text); }
.agent-feature__copy .stage__h { max-width: 18ch; }
.agent-feature__visual { border-radius:var(--pv-r-stage); min-height: 370px; display:flex; align-items:center; justify-content:center; padding:40px 28px; }
.agent-feature__visual--0 { background:var(--pv-stage-3); }
.agent-feature__visual--1 { background:var(--pv-stage-2); }
.agent-feature__visual--2 { background:var(--pv-stage-4); }
.agent-feature__visual--3 { background:var(--pv-stage-1); }
.agent-quote { width:100%; max-width:360px; background:#26252d; padding:26px; border-radius:18px; box-shadow:var(--pv-shadow-window); color:#f5f5f7; font-family:var(--scene-ui,-apple-system,BlinkMacSystemFont,sans-serif); }
.agent-quote .scene-voice__head { color:#c9c7cf; font-size:13.5px; }
.agent-quote .scene-agent__q { color:#f5f5f7; }
.agent-quote__reply { margin-top:22px; display:inline-block; padding:9px 15px; border:1px solid rgba(255,255,255,.18); border-radius:8px; font-size:15.5px; }
.agent-quote .agent-panel__meta { margin-top:16px; }
.agent-panel--sessions { position:relative; top:auto; right:auto; width:100%; max-width:390px; padding-top:22px; }
.agent-panel__card--done { padding-top:20px; margin-top:22px; border-top:1px solid rgba(255,255,255,.12); }
.agent-panel__card--done .agent-panel__project i { background:#8c8c95; }
.agent-panel__card--done .scene-agent__q { color:#c6c6d0; }
.agent-integrations { padding-top:0; }
.agent-integrations .sec-title { max-width:22ch; }
.agent-integrations .point__h { min-height:0; }
.agent-setup-link { margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.agent-setup-link .point__p { margin:0; }
.agent-setup-link .link { display:inline-flex; align-items:center; gap:12px; }
.agent-guide-content { display:grid; grid-template-columns:1fr 1.3fr; gap:88px; padding-bottom:var(--pv-sec); }
.agent-guide-intro nav { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-top:32px; }
.agent-setup-step { display:grid; grid-template-columns:22px 1fr; gap:16px; padding:26px 0; border-top:1px solid var(--pv-hair); }
.agent-setup-step:first-child { padding-top:24px; }
.agent-setup-step .step-b2b__n { margin-top:5px; }
.agent-setup-step .stage__p { margin-bottom:0; max-width:none; }
.agent-guide-tools { display:grid; grid-template-columns:1fr 1.3fr; gap:88px; padding-bottom:var(--pv-sec); }
.agent-tool-descriptions { display:grid; gap:32px; }
.agent-tool-descriptions .stage__p { max-width:none; }
.agent-commands { display:grid; grid-template-columns:1fr 1.3fr; gap:88px; padding-bottom:var(--pv-sec); }
.agent-commands dl { margin:0; }
.agent-commands dl>div { display:grid; grid-template-columns:150px 1fr; padding:20px 0; border-top:1px solid var(--pv-hair); align-items:baseline; gap:16px; }
.agent-commands dd { margin:0; }
.agent-guide-help { display:grid; grid-template-columns:1fr 1fr; gap:72px; padding-bottom:var(--pv-sec); }
.agent-guide-help .link { display:inline-block; margin-top:16px; }
.agent-page :is(section,article)[id] { scroll-margin-top:110px; }
@media(max-width:900px) {
 .agent-feature,.agent-intro { gap:40px; }
 .agent-stage { min-height:510px; }
 .agent-terminal { left:5%; width:70%; top:40px; }
 .agent-panel { right:5%; top:170px; }
 .agent-panel--sessions { top:auto; right:auto; }
 .agent-guide-content,.agent-guide-tools,.agent-commands { gap:40px; grid-template-columns:1fr 1.2fr; }
}
@media(max-width:700px) {
 .agent-stage { min-height:0; padding:26px 20px 30px; display:flex; flex-direction:column; gap:20px; }
 .agent-terminal { position:relative; left:auto; top:auto; width:100%; }
 .agent-terminal .scene-terminal__body { padding:22px; min-height:0; }
 .agent-panel { position:relative; right:auto; top:auto; width:100%; max-width:none; padding-inline:18px; }
 .agent-demo-steps { justify-content:space-between; gap:12px; width:100%; }
 .agent-demo-steps button { max-width:30%; text-align:left; align-items:flex-start; font-size:13.5px; }
 .agent-demo-controls { gap:12px; }
 .agent-intro,.agent-feature,.agent-guide-content,.agent-guide-tools,.agent-commands,.agent-guide-help { grid-template-columns:1fr; gap:32px; }
 .agent-intro .sec-title { max-width:19ch; }
 .agent-feature:nth-child(even) .agent-feature__copy { order:0; }
 .agent-feature__visual { min-height:310px; padding:32px 24px; }
 .agent-guide-content { padding-top:12px; }
 .agent-commands dl>div { grid-template-columns:120px 1fr; }
 .agent-guide-help { gap:40px; }
}
@media(prefers-reduced-motion:reduce) { .agent-page * { animation:none!important; transition:none!important; } }