@keyframes pd-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise{opacity:0;animation:pd-rise .7s var(--ease) both;animation-delay:var(--d, 0s)}@media(prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.sec-divide{border-top:1px solid var(--line)}.pd-hero{padding:clamp(56px,8vw,104px) 0 clamp(40px,5vw,64px);background:linear-gradient(180deg,#fff 0%,var(--paper-2) 100%);position:relative;overflow:hidden}.pd-hero:before{content:"";position:absolute;right:-12%;top:-26%;width:52%;aspect-ratio:1/1;background:radial-gradient(closest-side,rgba(0,159,227,.16),transparent 70%);pointer-events:none}.pd-hero-pulse{position:absolute;left:-2%;right:-2%;bottom:-6%;height:56%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;z-index:0;opacity:.08}.pd-hero-pulse svg{width:104%;height:100%}.pd-hero-pulse svg path{stroke:var(--z-dunkelblau)}.pd-hero-inner{position:relative;z-index:1;max-width:62ch}.pd-hero h1{font-family:var(--font);font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:18px 0 22px;max-width:16ch;color:var(--ink)}.pd-hero .lead{font-size:clamp(19px,2.1vw,24px);line-height:1.4;letter-spacing:-.012em;color:var(--ink-2);max-width:54ch;margin:0 0 30px}.pd-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}.pd-intro{max-width:64ch}.pd-intro.center{margin:0 auto;text-align:center}.pd-intro h2{font-family:var(--font);font-size:clamp(32px,4.4vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:14px 0 0;color:var(--ink)}.pd-intro p{font-size:18px;color:var(--muted);line-height:1.6;margin:16px 0 0}.pd-intro.center p{margin-left:auto;margin-right:auto}.pd-intro p a{color:var(--z-hellblau);border-bottom:1px solid transparent;transition:border-color var(--dur-ui) var(--ease)}.pd-intro p a:hover{border-bottom-color:var(--z-hellblau)}.pd-video{padding-top:0}.pd-media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(closest-side,rgba(0,159,227,.16),transparent 78%),var(--z-dunkelblau-900)}.pd-play{width:84px;height:84px;border-radius:50%;background:var(--z-hellblau);display:grid;place-items:center;box-shadow:0 14px 34px #009fe36b}.pd-play svg{width:30px;height:30px;margin-left:4px}.pd-media-caption{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.pd-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:clamp(40px,5vw,64px)}@media(max-width:760px){.pd-feature-grid{grid-template-columns:1fr}}.pd-feature-card{padding:30px;transition:transform var(--dur-ui) var(--ease),box-shadow var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.pd-feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.pd-feature-card .ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--z-hellblau-050);display:grid;place-items:center;margin-bottom:20px;color:var(--z-dunkelblau)}.pd-feature-card .ic svg{width:24px;height:24px}.pd-feature-card .ic svg .accent{stroke:var(--z-hellblau)}.pd-feature-card h3{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;line-height:1.2;color:var(--ink)}.pd-feature-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.pd-use{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}@media(max-width:860px){.pd-use{grid-template-columns:1fr}}.pd-use h2{font-family:var(--font);font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:14px 0 18px;color:var(--ink)}.pd-use p{font-size:18px;color:var(--ink-2);line-height:1.6;margin:0 0 16px;max-width:52ch}.pd-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.pd-checks li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:var(--ink-2)}.pd-checks li svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--z-hellblau)}.pd-tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pd-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--z-dunkelblau);background:var(--z-hellblau-050);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px}.pd-extend{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(40px,5vw,64px)}@media(max-width:860px){.pd-extend{grid-template-columns:1fr}}.pd-extend-card{display:flex;flex-direction:column;padding:30px;transition:transform var(--dur-ui) var(--ease),box-shadow var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.pd-extend-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.pd-extend-card .ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--z-hellblau-050);display:grid;place-items:center;margin-bottom:20px;color:var(--z-dunkelblau)}.pd-extend-card .ic svg{width:24px;height:24px}.pd-extend-card .ic svg .accent{stroke:var(--z-hellblau)}.pd-extend-card h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;line-height:1.2;color:var(--ink)}.pd-extend-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 20px}.pd-extend-link{margin-top:auto;font-size:15px;font-weight:500;color:var(--z-hellblau);display:inline-flex;align-items:center;gap:8px}.pd-extend-link .arr{transition:transform .25s var(--ease)}.pd-extend-card:hover .pd-extend-link .arr{transform:translate(3px)}.pd-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(40px,5vw,64px)}@media(max-width:860px){.pd-explain{grid-template-columns:1fr}}.pd-explain-card{padding:30px;display:flex;flex-direction:column}.pd-explain-card .pd-explain-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--z-dunkelblau);display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}.pd-explain-card .pd-explain-tag:before{content:"";width:20px;height:1px;background:var(--z-hellblau)}.pd-explain-card h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;line-height:1.2;color:var(--ink)}.pd-explain-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.demo-frame{max-width:880px;margin:clamp(36px,4.5vw,56px) auto 0}.demo-window{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.demo-bar{display:flex;align-items:center;gap:12px;padding:13px 18px;background:var(--paper-2);border-bottom:1px solid var(--line)}.demo-bar .dots{display:flex;gap:7px}.demo-bar .dots span{width:11px;height:11px;border-radius:50%;background:var(--paper-3)}.demo-bar .demo-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.demo-bar .demo-title svg{width:14px;height:14px;color:var(--z-hellblau)}.demo-stage{padding:clamp(20px,3vw,30px);background:#fff}.demo-h{font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0 0 4px}.demo-sub{font-size:13px;color:var(--muted);margin:0 0 18px}.demo-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block}.demo-dot.open{background:var(--muted-2)}.demo-dot.work{background:var(--warning)}.demo-dot.done{background:var(--success)}.demo-dot.due{background:var(--danger)}.demo-list{display:grid;gap:10px}.demo-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2)}.demo-row .demo-row-main{flex:1;min-width:0}.demo-row .demo-row-title{font-size:15px;font-weight:500;color:var(--ink)}.demo-row .demo-row-meta{font-size:12.5px;color:var(--muted);margin-top:3px}.demo-row .demo-row-side{font-size:12px;font-family:var(--font-mono);color:var(--z-dunkelblau);background:var(--z-hellblau-050);border-radius:var(--r-pill);padding:4px 11px;white-space:nowrap}.demo-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:640px){.demo-kanban{grid-template-columns:1fr}}.demo-col{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.demo-col .demo-col-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:11px}.demo-cardlet{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;font-size:13.5px;color:var(--ink-2);box-shadow:var(--shadow-sm)}.demo-cardlet+.demo-cardlet{margin-top:9px}.demo-cardlet .who{font-size:11.5px;color:var(--muted);margin-top:6px}.demo-tabs{display:flex;gap:7px;padding:13px 18px 0;flex-wrap:wrap;background:#fff}.demo-tab{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;cursor:pointer;transition:background var(--dur-ui) var(--ease),color var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.demo-tab:hover{color:var(--z-dunkelblau);border-color:var(--line-strong)}.demo-tab.active{background:var(--z-hellblau);border-color:var(--z-hellblau);color:#fff}.demo-view[hidden]{display:none}.demo-gantt{display:grid;gap:9px}.demo-gantt-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center}.demo-gantt-row.head{margin-bottom:2px}.demo-gantt-name{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-gantt-weeks{display:grid;grid-template-columns:repeat(8,1fr)}.demo-gantt-weeks span{text-align:center;font-family:var(--font-mono);font-size:10px;color:var(--muted-2)}.demo-gantt-track{display:grid;grid-template-columns:repeat(8,1fr);height:24px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm)}.demo-gantt-bar{align-self:center;height:16px;margin:0 3px;border-radius:var(--r-xs);display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden}.demo-gantt-bar.b-done{background:var(--success)}.demo-gantt-bar.b-work{background:var(--warning)}.demo-gantt-bar.b-open{background:var(--z-dunkelblau)}.demo-gantt-bar.b-mile{background:var(--z-hellblau);justify-content:center;padding:0}@media(max-width:640px){.demo-gantt-row{grid-template-columns:96px 1fr;gap:8px}.demo-gantt-name{font-size:12px}}.demo-deps{display:grid;gap:0}.demo-dep{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2)}.demo-dep.done{border-color:var(--line);background:#e7f6ef}.demo-dep .demo-dep-num{width:26px;height:26px;border-radius:50%;background:var(--z-hellblau-050);color:var(--z-dunkelblau);font-family:var(--font-mono);font-size:12px;display:grid;place-items:center;flex-shrink:0}.demo-dep.done .demo-dep-num{background:var(--success);color:#fff}.demo-dep .demo-dep-main{display:flex;flex-direction:column;gap:3px;min-width:0}.demo-dep .demo-dep-title{font-size:14px;font-weight:500;color:var(--ink)}.demo-dep .demo-dep-wait{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.demo-dep .demo-dep-wait svg{width:14px;height:14px;flex-shrink:0;color:var(--warning)}.demo-dep .demo-dep-wait.ok{color:var(--success)}.demo-dep .demo-dep-wait.ok svg{color:var(--success)}.demo-dep-arrow{display:flex;justify-content:center;color:var(--line-strong);padding:5px 0}.demo-dep-arrow svg{width:18px;height:18px}.demo-chat-stage{display:grid;gap:16px}.demo-msg{display:grid}.demo-msg.user{justify-items:end}.demo-bubble-user{background:var(--z-hellblau);color:#fff;border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);padding:11px 16px;font-size:14px;max-width:84%;line-height:1.45}.demo-sys{display:flex;gap:11px;max-width:90%}.demo-sys-avatar{width:30px;height:30px;border-radius:50%;background:var(--z-dunkelblau-900);color:var(--z-hellblau);display:grid;place-items:center;flex-shrink:0;font-family:var(--font);font-weight:700;font-size:13px}.demo-sys-body{background:var(--paper-2);border:1px solid var(--line);border-radius:4px var(--r-lg) var(--r-lg) var(--r-lg);padding:13px 16px;font-size:14px;color:var(--ink-2);line-height:1.5}.demo-change{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;color:var(--ink-2);margin-top:8px}.demo-change svg{width:15px;height:15px;flex-shrink:0;color:var(--success)}.demo-change b{color:var(--ink);font-weight:600}.demo-confirm{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--success);margin-top:11px}.demo-confirm svg{width:16px;height:16px;flex-shrink:0}.demo-mailprev{margin-top:10px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fff}.demo-mailprev-h{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);background:var(--paper-2);padding:8px 12px;border-bottom:1px solid var(--line)}.demo-mailprev-row{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px;color:var(--ink-2);border-bottom:1px solid var(--line)}.demo-mailprev-row span:last-child{font-family:var(--font-mono);font-size:12.5px;color:var(--z-dunkelblau)}.demo-mailprev-more{padding:8px 12px;font-size:12px;color:var(--muted)}.demo-draft{margin-top:10px;font-size:13px;color:var(--ink-2);line-height:1.5}.demo-draft .demo-draft-lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-right:7px}.demo-draft .ph{background:var(--z-hellblau-050);color:var(--z-dunkelblau);border-radius:var(--r-xs);padding:1px 6px;font-family:var(--font-mono);font-size:12px}.demo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.demo-chip-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:var(--r-pill);padding:7px 13px}.demo-chip-btn.primary{background:var(--z-hellblau);color:#fff}.demo-chip-btn.ghost{background:#fff;border:1px solid var(--line-strong);color:var(--ink-2)}.demo-chip-btn svg{width:13px;height:13px;flex-shrink:0}.demo-chat-input{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);background:var(--paper-2)}.demo-chat-input>span:first-child{font-size:13.5px;color:var(--muted-2)}.demo-send{width:30px;height:30px;border-radius:50%;background:var(--z-hellblau);color:#fff;display:grid;place-items:center;flex-shrink:0}.demo-send svg{width:16px;height:16px}.demo-forecast{display:grid;gap:12px}.demo-fc-row{display:grid;grid-template-columns:120px 1fr 86px;gap:14px;align-items:center}.demo-fc-name{font-size:13.5px;color:var(--ink-2)}.demo-fc-bar{height:22px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.demo-fc-bar i{display:block;height:100%;background:var(--z-hellblau)}.demo-fc-val{font-family:var(--font-mono);font-size:13px;color:var(--ink);text-align:right}.demo-fc-total{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--z-hellblau-050);border:1px solid var(--z-hellblau-100);border-radius:var(--r-md);font-size:14px;color:var(--ink-2)}.demo-fc-total b{font-size:19px;color:var(--z-dunkelblau);letter-spacing:-.02em}@media(max-width:640px){.demo-fc-row{grid-template-columns:88px 1fr 74px;gap:10px}}.demo-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:640px){.demo-week{grid-template-columns:1fr 1fr}}.demo-day{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-2);min-height:110px;padding:8px}.demo-day .demo-day-h{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-bottom:8px}.demo-event{font-size:11.5px;line-height:1.3;border-radius:var(--r-xs);padding:6px 8px;margin-bottom:6px;color:var(--ink-2)}.demo-event.ev-blue{background:var(--z-hellblau-050);border-left:2px solid var(--z-hellblau)}.demo-event.ev-amber{background:#fdf3e6;border-left:2px solid var(--warning)}.demo-event.ev-green{background:#e7f6ef;border-left:2px solid var(--success)}.demo-event b{font-weight:600;color:var(--ink);display:block}.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.demo-split{grid-template-columns:1fr}}.demo-transcript{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.demo-tline{display:flex;gap:10px;margin-bottom:12px}.demo-tline:last-child{margin-bottom:0}.demo-tspeaker{font-family:var(--font-mono);font-size:11px;color:var(--z-dunkelblau);flex-shrink:0;width:64px}.demo-tline p{font-size:13px;color:var(--ink-2);margin:0;line-height:1.45}.demo-protocol{background:var(--z-hellblau-050);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.demo-protocol .demo-block-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--z-dunkelblau);margin-bottom:10px}.demo-protocol ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:9px}.demo-protocol li{display:flex;gap:10px;font-size:13.5px;color:var(--ink-2);line-height:1.4}.demo-protocol li svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:var(--z-hellblau)}.demo-protocol .demo-task{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;color:var(--ink-2)}.demo-protocol .demo-task b{color:var(--ink)}.demo-action{margin-top:12px;display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#fff;background:var(--z-hellblau);border-radius:var(--r-pill);padding:9px 15px;box-shadow:0 6px 16px -6px #009fe38c}.demo-action svg{width:15px;height:15px;flex-shrink:0}.demo-note-line{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 16px;background:var(--z-hellblau-050);border:1px solid var(--z-hellblau-100);border-radius:var(--r-md);font-size:13.5px;line-height:1.5;color:var(--ink-2)}.demo-note-line svg{width:18px;height:18px;flex-shrink:0;color:var(--z-hellblau)}.demo-mindmap{display:grid;place-items:center}.demo-mindmap svg{width:100%;max-width:660px;height:auto;font-family:var(--font)}.demo-mindmap .mm-link{stroke:var(--line-strong);stroke-width:2}.demo-mindmap .mm-link.ki{stroke:var(--z-hellblau);stroke-dasharray:5 5}.demo-mindmap .mm-branch rect{fill:#fff;stroke:var(--line-strong);stroke-width:1.5}.demo-mindmap .mm-branch text{fill:var(--ink);font-size:14px;font-weight:500}.demo-mindmap .mm-branch.ki rect{fill:var(--z-hellblau-050);stroke:var(--z-hellblau)}.demo-mindmap .mm-branch.ki text{fill:var(--z-dunkelblau)}.demo-mindmap .mm-core rect{fill:var(--z-hellblau)}.demo-mindmap .mm-core text{fill:#fff;font-size:16px;font-weight:600}.demo-mind-legend{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}.demo-mind-legend .mm-legend-line{width:22px;border-top:2px dashed var(--z-hellblau)}.demo-note{max-width:480px;margin:0 auto;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:20px}.demo-note h4{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 10px;letter-spacing:-.015em}.demo-note p{font-size:14px;color:var(--ink-2);line-height:1.55;margin:0 0 16px}.demo-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.demo-tag{font-family:var(--font-mono);font-size:11px;color:var(--z-dunkelblau);background:var(--z-hellblau-050);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 11px}.demo-note-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid var(--line)}.demo-fmt{width:28px;height:28px;border-radius:var(--r-xs);border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:13px;color:var(--ink-2)}.demo-fmt svg{width:14px;height:14px}.demo-ki-btn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#fff;background:var(--z-hellblau);border-radius:var(--r-pill);padding:6px 12px}.demo-ki-btn svg{width:13px;height:13px}.demo-doc{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--z-dunkelblau);background:#fff;border:1px solid var(--z-hellblau-100);border-radius:var(--r-pill);padding:4px 11px}.demo-doc svg{width:12px;height:12px;color:var(--z-hellblau)}.demo-note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.demo-note-foot .demo-ver{display:inline-flex;align-items:center;gap:7px}.demo-note-foot .demo-ver svg{width:13px;height:13px;color:var(--z-hellblau)}.pd-keys{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:clamp(36px,4.5vw,52px) auto 0}@media(max-width:620px){.pd-keys{grid-template-columns:1fr}}.pd-key{display:flex;align-items:center;gap:20px;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}.pd-key-combo{display:flex;align-items:center;gap:7px;flex-shrink:0}.pd-key-plus{color:var(--muted-2);font-size:13px}.pd-key-text h3{font-size:17px;font-weight:600;letter-spacing:-.015em;margin:0 0 5px;color:var(--ink)}.pd-key-text p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}kbd.pd-kbd,.pd-hero .lead kbd{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink);background:var(--paper-2);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--r-sm);padding:6px 10px;white-space:nowrap}.pd-hero .lead kbd{font-size:.82em;padding:2px 7px;color:var(--z-dunkelblau);background:var(--z-hellblau-050);border-color:var(--z-hellblau-100)}.demo-compose{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.demo-field{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}.demo-field .lbl{font-family:var(--font-mono);font-size:12px;color:var(--muted);width:64px;flex-shrink:0}.demo-field .val{color:var(--ink-2)}.demo-field .val .ph{background:var(--z-hellblau-050);color:var(--z-dunkelblau);border-radius:var(--r-xs);padding:1px 6px;font-family:var(--font-mono);font-size:12px}.demo-body-text{padding:16px;font-size:14px;color:var(--ink-2);line-height:1.6}.demo-callout{margin-top:14px;display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--z-dunkelblau);background:var(--z-hellblau-050);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 14px}.demo-callout svg{width:15px;height:15px;color:var(--z-hellblau)}.demo-digest{max-width:460px;margin:0 auto;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.demo-digest .demo-digest-head{background:var(--z-dunkelblau);color:#fff;padding:16px 18px}.demo-digest .demo-digest-head .t{font-weight:600;font-size:15px}.demo-digest .demo-digest-head .time{font-family:var(--font-mono);font-size:11px;color:#ffffffb3;margin-top:4px}.demo-digest ul{list-style:none;margin:0;padding:16px 18px;display:grid;gap:12px}.demo-digest li{display:flex;gap:11px;font-size:14px;color:var(--ink-2);line-height:1.45}.demo-digest li .demo-dot{margin-top:6px}.demo-digest li.demo-digest-news{display:block;padding-bottom:14px;border-bottom:1px solid var(--line)}.demo-digest li.demo-digest-news:last-child{border-bottom:none;padding-bottom:0}.demo-news-t{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.demo-news-x{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:7px}.demo-news-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--z-hellblau)}.demo-news-link svg{width:13px;height:13px}.demo-chat-q{display:inline-flex;align-items:center;gap:9px;background:var(--z-hellblau);color:#fff;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px;padding:11px 16px;font-size:14px;max-width:80%}.demo-arrow{display:flex;justify-content:center;color:var(--muted-2);margin:14px 0}.demo-arrow svg{width:22px;height:22px}.demo-table{width:100%;border-collapse:collapse;font-size:13.5px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.demo-table th{text-align:left;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:9px 14px;background:var(--paper-2);border-bottom:1px solid var(--line);font-weight:500}.demo-table td{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--ink-2)}.demo-table tr:last-child td{border-bottom:none}.demo-report{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:center}@media(max-width:720px){.demo-report{grid-template-columns:1fr}}.demo-chart{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:14px}.demo-chart svg{width:100%;height:auto;display:block;font-family:var(--font-mono)}.demo-chart .dc-grid{stroke:var(--line);stroke-width:1}.demo-chart .dc-axis{stroke:var(--line-strong);stroke-width:1.5}.demo-chart .dc-area{fill:var(--z-hellblau-050)}.demo-chart .dc-line{fill:none;stroke:var(--z-hellblau);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.demo-chart .dc-dot{fill:#fff;stroke:var(--z-hellblau);stroke-width:2}.demo-chart .dc-label{fill:var(--muted-2);font-size:11px}.demo-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:640px){.demo-compare{grid-template-columns:1fr}}.demo-offer{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;background:var(--paper-2);position:relative}.demo-offer.fav{border-color:var(--z-hellblau);background:var(--z-hellblau-050);box-shadow:0 8px 22px -10px #009fe366}.demo-offer .demo-fav-tag{position:absolute;top:-10px;left:18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--z-hellblau);color:#fff;border-radius:var(--r-pill);padding:3px 10px}.demo-offer .demo-offer-name{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:12px}.demo-offer .demo-offer-price{font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.demo-offer .demo-offer-price.fav{color:var(--z-hellblau)}.demo-offer .demo-stars{font-size:13px;color:var(--warning);margin-top:8px;letter-spacing:2px}.demo-offer .demo-stars .muted{color:var(--paper-3)}.demo-form{display:grid;gap:10px}.demo-form-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2)}.demo-form-row.miss{border-color:#dc262666;background:#fdecec}.demo-form-row .demo-form-label{flex:1;font-size:14px;color:var(--ink-2)}.demo-form-row .demo-form-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500}.demo-form-row.warn{border-color:#d9770666;background:#fdf6ec}.demo-form-row .demo-form-status.ok{color:var(--success)}.demo-form-row .demo-form-status.no{color:var(--danger)}.demo-form-row .demo-form-status.warn{color:var(--warning)}.demo-form-row .demo-form-status svg{width:16px;height:16px}.demo-outcome{margin-top:16px;background:var(--z-hellblau-050);border:1px solid var(--z-hellblau-100);border-radius:var(--r-md);padding:16px}.demo-outcome-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--z-dunkelblau);margin-bottom:11px}.demo-outcome-row{display:flex;gap:10px;align-items:baseline;font-size:13.5px;color:var(--ink-2);line-height:1.5}.demo-outcome-row+.demo-outcome-row{margin-top:9px}.demo-outcome-tag{flex-shrink:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--z-hellblau);border-radius:var(--r-pill);padding:3px 9px}.pd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(40px,5vw,64px)}.pd-steps.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:860px){.pd-steps,.pd-steps.cols-3{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pd-steps,.pd-steps.cols-3{grid-template-columns:1fr}}.pd-step{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}.pd-step .pd-step-n{width:34px;height:34px;border-radius:50%;background:var(--z-hellblau);color:#fff;font-family:var(--font);font-weight:700;font-size:15px;display:grid;place-items:center;margin-bottom:16px}.pd-step h3{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;line-height:1.25;color:var(--ink)}.pd-step p{font-size:15px;color:var(--muted);line-height:1.55;margin:0}.pd-templates{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px;margin:clamp(36px,4.5vw,52px) auto 0}.pd-template{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:var(--ink-2);background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 18px}.pd-template svg{width:16px;height:16px;flex-shrink:0;color:var(--z-hellblau)}.pd-template.more{background:var(--z-hellblau-050);border-color:var(--z-hellblau-100);color:var(--z-dunkelblau);font-weight:600}.pd-everyday{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(40px,5vw,64px)}@media(max-width:860px){.pd-everyday{grid-template-columns:1fr}}.pd-everyday-card{padding:28px}.pd-everyday-card .ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--z-hellblau-050);display:grid;place-items:center;margin-bottom:18px;color:var(--z-dunkelblau)}.pd-everyday-card .ic svg{width:23px;height:23px}.pd-everyday-card .ic svg .accent{stroke:var(--z-hellblau)}.pd-everyday-card h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0 0 9px;line-height:1.25;color:var(--ink)}.pd-everyday-card p{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.pd-cta .cta-inner{background:var(--z-hellblau);border-radius:var(--r-xl);padding:clamp(48px,7vw,92px) var(--px);color:#fff;position:relative;overflow:hidden;text-align:center}.pd-cta .cta-inner h2{font-family:var(--font);font-size:clamp(32px,4.6vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:0 auto 18px;max-width:18ch;color:#fff}.pd-cta .cta-inner p{color:#ffffffe0;font-size:18px;max-width:48ch;margin:0 auto 30px}.pd-cta .cta-inner .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pd-cta .cta-inner .btn-secondary{background:#fff;border-color:#fff}.pd-cta .cta-signal{position:absolute;inset:auto 0 0;height:50%;opacity:.35;pointer-events:none;display:flex;align-items:flex-end}.pd-cta .cta-signal svg{width:100%;height:100%}