/* Grafik-Refresh auf der unveränderten Live-Startseite. */
/* All rules are scoped to existing graphic components; page layout and copy stay original. */
.kpi{--gr-red:#be1738;--gr-black:#121316;--gr-line:#e5e6e9}
.kpi-in{padding:clamp(18px,3cqw,32px)}
.kpi .kpi-grid{gap:18px;align-items:stretch}
.kpi .kcard{border-radius:20px;padding:clamp(18px,2.7cqw,28px);border:1px solid #e5e6e9;box-shadow:0 12px 30px #17191d0b;min-width:0;transition:transform .35s ease,box-shadow .35s ease}
.kpi .kcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px #17191d18}
.kpi .kcard-dark{background:linear-gradient(140deg,#202126,#101114);border-color:#ffffff15;color:#fff;box-shadow:0 18px 40px #11131820}
.kpi .kcard-dark:before{background:linear-gradient(135deg,#ffffff05,transparent 60%)}
.kpi .kc-top{gap:12px;align-items:center}
.kpi .kc-lab{font-size:1rem;line-height:1.4;letter-spacing:0;color:#bfc1c9}
.kpi .kc-num{font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(22px,3cqw,30px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin-top:16px;max-width:100%}
.kpi .kc-sub{font-size:1rem;line-height:1.5;margin-top:8px;color:#b7b9c2}
.kpi .kc-channels{margin-top:20px;gap:6px}
.kpi .kc-channels>span{padding:10px 3px;border-color:#ffffff12;background:#ffffff06;border-radius:10px}
.kpi .kc-channels i{width:30px;height:30px;font-size:1rem;background:#ffffff0c;border-radius:8px}
.kpi .kc-channels>span:nth-child(2) i{background:#fff}
.kpi .kc-channels b{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.kpi .kc-channels small{display:block;font-size:1rem;line-height:1.3;color:#b7b9c2;letter-spacing:-.06em;overflow:visible;text-overflow:clip}
.kpi .kc-total{grid-template-columns:1fr auto auto;padding:12px 10px;margin-top:10px;background:#ffffff06;border-color:#ffffff12}
.kpi .kc-total span{font-size:1rem;line-height:1.2;color:#c5c6ce}
.kpi .kc-total b{font-size:22px;letter-spacing:-.04em}
.kpi .kc-total em{font-size:1rem;color:#acd7b8}
.kpi .kc-total svg{display:none}
.kpi .kcard-calendar{background:#fff;color:#17181c;border-color:#e5e6e9;box-shadow:0 12px 30px #17191d0b}
.kpi .kcard-calendar:before{display:none}
.kpi .kcard-calendar .kc-lab,.kpi .kcard-calendar .kc-sub{color:#656772}
.kpi .kcard-calendar .kc-num{color:#17181c}
.kpi .kcard-calendar .kc-ic{stroke:#777985}
.kpi .kc-tabs{margin-top:20px;border:1px solid #ebebef;background:#f3f4f6;padding:4px;border-radius:11px}
.kpi .kc-tabs span{font-size:1rem;line-height:1.2;color:#686a75;padding:8px 2px}
.kpi .kc-tabs .on{color:#202126;background:#fff;box-shadow:0 1px 4px #0000000c}
.kpi .kc-appointments{gap:0;margin-top:6px}
.kpi .kc-appointments>span{grid-template-columns:40px minmax(0,1fr);gap:8px;background:transparent;border:0;border-bottom:1px solid #ececf0;padding:12px 2px;border-radius:0}
.kpi .kc-appointments>span:last-child{border:0}
.kpi .kc-appointments b{font-size:1rem;color:#777984;font-variant-numeric:tabular-nums}
.kpi .kc-appointments em{font-size:1rem;color:#23252c;line-height:1.25}
.kpi .kc-appointments i{display:none}
.kpi .kc-period{font-size:1rem;border:0;padding:0;color:#b7b9c2;white-space:nowrap}
.kpi .kc-resultline{height:100px;margin-top:16px;border:0;background:linear-gradient(180deg,#ffffff04,#ffffff00);overflow:hidden}
.kpi .kc-resultline>span{font-size:22px;letter-spacing:-.04em;background:#18191ef2;border:0;padding:6px;right:0;top:0}
.kpi .kc-resultline>span small{font-size:1rem;letter-spacing:0;line-height:1.2;color:#b7b9c2}
.kpi .kc-resultline .line{stroke:#e85b74;stroke-width:2.5;stroke-dasharray:420;stroke-dashoffset:0;animation:tc-chart-enter 1.5s ease-out both}
.kpi .kc-metrics-dark{gap:0;border-top:1px solid #ffffff17;padding-top:13px;margin-top:8px}
.kpi .kc-metrics-dark span{padding:0 8px;background:none;border:0;border-right:1px solid #ffffff17;border-radius:0}
.kpi .kc-metrics-dark span:first-child{padding-left:0}
.kpi .kc-metrics-dark span:last-child{border:0}
.kpi .kc-metrics-dark small{font-size:1rem;line-height:1.3;color:#b7b9c2}
.kpi .kc-metrics-dark b{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin-top:5px}
.kpi .kcard.wine{background:linear-gradient(145deg,#a81936,#730d23);border:1px solid #ffffff18;box-shadow:0 18px 36px #71122724}
.kpi .kcard.wine .kc-lab{padding-left:0;color:#fff}
.kpi .kcard.wine p{font-size:1rem;line-height:1.5;padding-top:12px;color:#fff}
.kpi .kcard.wine:after{display:none}
.kpi .kc-agenda{max-width:none;width:100%;margin-top:20px;border-radius:12px;background:#ffffff0a;padding:12px 14px;backdrop-filter:none}
.kpi .kc-ag-hd{margin-bottom:10px}
.kpi .kc-ag-row{gap:8px;grid-template-columns:9px 42px 1fr;padding:10px 0}
.kpi .kc-ag-row b,.kpi .kc-ag-row em{font-size:1rem;line-height:1.2;color:#fff}
.kpi .kc-ag-row i{width:6px;height:6px;background:#fff;box-shadow:none}
.kpi .kc-ag-row.done i{background:#b9e5c5}
.kpi .kbadge{width:64px;animation:none}
.kpi .coin{background:#18191d;border:1px solid #ffffff32;box-shadow:0 0 0 7px #fbfaf8,0 10px 28px #0002}
.kpi .coin:before,.kpi .coin:after,.kpi .coin-face,.kpi .coin-gloss,.kpi .mhalo,.kpi .msheen{display:none}
.kpi .coin-mark{width:65%;filter:none}
.kpi .coin-mark path{fill:#fff}

/* Original diagnosis flow, with clear app tiles and one highlighted handover. */
.t-chain{padding:18px 20px;border:1px solid #ffffff24;border-radius:18px;background:#111216c9;box-shadow:0 20px 44px #10000622}
.t-chain .t-cnode{grid-template-columns:44px minmax(110px,.8fr) minmax(0,1.1fr);gap:12px}
.t-chain .t-cbox{background:#fff!important;border:1px solid #ffffffda!important;box-shadow:0 4px 12px #0002;border-radius:12px;animation:none!important}
.t-chain .t-cname{font-size:1rem;color:#dedfe6}
.t-chain .t-cflag{font-size:1rem;line-height:1.4;color:#fff;border-radius:8px;background:#ae1939;padding:8px 10px}
.t-chain .t-clink{margin-left:21px}
.t-chain .t-clink i{background:#a9aab366}
.t-chain .t-cnode.is-hit .t-cbox{outline:3px solid #e45270;outline-offset:3px}
.t-chain .t-cnode.is-hit .t-cname{color:#fff}

/* App connection diagrams retain their original topology and real logos. */
.tpl .tcgrafik{background:#f8f9fb;border:1px solid #e3e5ea;border-radius:18px;box-shadow:0 12px 26px #13151c0a,inset 0 1px #fff;transform-style:flat}
.tpl .tcgrafik:after{display:none}
.tpl .tcgrafik .tcg-grid{stroke:#bcc0c8;opacity:.13}
.tpl .tcgrafik .tcg-route{stroke:#bec1ca;opacity:1;stroke-width:1.7}
.tpl .tcgrafik .tcg-progressline{stroke:#c42848;stroke-width:3}
.tpl .tcgrafik .tcg-gstep{opacity:1;transform:none}
.tpl .tcgrafik .tcg-vnode.has-brand>circle{fill:#fff!important;stroke:#e1e3e8!important;stroke-width:1.5;filter:drop-shadow(0 5px 7px #10162712)}
.tpl .tcgrafik .tcg-emblem .tcg-vnode>circle{fill:#18191e;stroke:#40424d;stroke-width:1.5;filter:drop-shadow(0 8px 12px #10162724)}
.tpl .tcgrafik .tcg-emblem .tcg-vnode.has-brand>circle{fill:#fff!important;stroke:#d9dce4!important}
.tpl .tcgrafik .tcg-brand{filter:none}
.tpl .tcgrafik .tcg-emblem{animation:none}
.tpl .tcgrafik .tcg-orbit{stroke:#c5c8d0;stroke-dasharray:2 7;opacity:.65;animation:none}
.tpl .tcgrafik .tcg-orbit.inner{stroke:#bd1d40;opacity:.2}
.tpl .tcgrafik .tcg-rise,.tpl .tcgrafik .tcg-sparkline{stroke:#c42848;opacity:.8;stroke-dasharray:none;animation:none}
.tpl .tcgrafik .tcg-data-dots circle,.tpl .tcgrafik .tcg-pulse-dot circle{fill:#c42848;stroke:#fff;animation-duration:4.5s}
.tpl .t-solution-art .tcgrafik{background:linear-gradient(145deg,#202126,#0e0f12);border:1px solid #ffffff20;box-shadow:0 14px 28px #0002}
.tpl .t-solution-art .tcg-route{stroke:#777b8b;opacity:.75}
.tpl .t-solution-art .tcg-grid{stroke:#fff;opacity:.045}
.tpl .t-solution-art .tcg-emblem .tcg-core-brand>circle{fill:#ab1837;stroke:#e26681}
.tpl .t-solution-art .tcg-rise,.tpl .t-solution-art .tcg-progressline{stroke:#f26382}
.tpl .t-solution-art .tcg-vnode.has-brand>circle{filter:drop-shadow(0 6px 10px #0004)}

/* Six connected method layers, using the existing scroll state. */
.t-stack-wrap .t-stack{overflow:visible}
.t-stack .t-stack-grid{stroke:#c5c8d0;opacity:.25}
.t-stack .t-stack-shadow{fill:#101216;opacity:.07}
.t-stack .t-ptop{stroke-width:1.3;transition:fill .45s,stroke .45s;filter:drop-shadow(0 4px 6px #17192208)}
.t-stack .t-plate.is-off .t-ptop{fill:#fff;stroke:#e4e6eb;stroke-dasharray:none}
.t-stack .t-plate.is-lit .t-ptop{fill:#f5f6f8;stroke:#d5d8df}
.t-stack .t-plate.is-on .t-ptop{fill:#191a20;stroke:#191a20;filter:drop-shadow(0 8px 9px #15171e20)}
.t-stack .tc-phase-number{fill:#969ba8;font:600 16px 'DM Sans',sans-serif}
.t-stack .tc-phase-name{fill:#313540;font:600 18px 'DM Sans',sans-serif;letter-spacing:-.3px}
.t-stack .t-plate.is-on .tc-phase-name{fill:#fff}
.t-stack .t-plate.is-on .tc-phase-number{fill:#ef8199}
.t-stack .tc-phase-dot{fill:#e1e3e8;stroke:none}
.t-stack .t-plate.is-lit .tc-phase-dot{fill:#b92041}
.t-stack .t-plate.is-on .tc-phase-dot{fill:#ef8199}
.t-stack .tc-phase-link{stroke:#d9dce4;stroke-width:1.5}

/* Architecture graphics, with the same modules and labels. */
.t-radial .t-rcore{background:linear-gradient(145deg,#272930,#101115);border:1px solid #ffffff20;border-radius:22px;box-shadow:0 18px 35px #16182422;animation:none}
.t-radial .t-rcore b{font-family:'DM Sans',sans-serif;font-weight:600;font-size:20px;letter-spacing:-.04em}
.t-radial .t-rcore small{color:#c9cbd4;font-size:1rem;line-height:1.4}
.t-radial .t-abox{background:#fff;border-color:#e0e2e7;border-radius:13px;box-shadow:0 6px 18px #14192209}
.t-radial .t-abox b{font-size:1rem;line-height:1.3;letter-spacing:-.015em}
.t-radial .t-abox small{font-size:1rem;line-height:1.45;color:#686c78}
.t-radial .t-abox.is-on{border-color:#c52549;box-shadow:0 8px 24px #b1183812;transform:translateY(-2px)}
.t-radial .t-rlines path{stroke:#c3c6cf;animation:none}
.t-radial .t-rlines path.is-on{stroke:#c52549}
.t-scale-arch{background:#111216;border:1px solid #ffffff22;border-radius:16px;padding:18px;gap:10px;box-shadow:0 14px 36px #0002}
.t-scale-arch>small{font-size:1rem;letter-spacing:.08em;color:#babdc8}
.t-scale-grid span{font-size:1rem;line-height:1.35;padding:9px;border-color:#ffffff20;background:#ffffff05;color:#e1e3ec;border-radius:8px}
.t-scale-core{background:#fff;color:#161820;border-radius:10px;padding:13px 14px;gap:8px}
.t-scale-core b{font-size:1rem;line-height:1.35}
.t-scale-core em{font-size:1rem;line-height:1.4;letter-spacing:0;text-transform:none;color:#656a76}
.t-scale-arch>strong{font-size:1rem;line-height:1.4;color:#f38aa0}

/* Existing example dashboards: precise, calmer interface graphics. */
.t-example .t-demo{background:linear-gradient(150deg,#21232a,#101116);border:1px solid #ffffff17;border-radius:16px;box-shadow:0 12px 28px #12141b18;height:340px;padding:20px;transform:none}
.t-example .t-demo:before,.t-example .t-demo:after{display:none}
.t-demo .t-demo-head{font-size:1rem;line-height:1.4;letter-spacing:.055em;color:#bfc2cd;border-bottom:1px solid #ffffff17;padding-bottom:12px}
.t-demo .t-feed-window{height:236px;margin-top:4px;mask-image:linear-gradient(180deg,#000 0,#000 90%,transparent 100%)}
.t-demo .t-feed{gap:7px;padding-top:10px;animation:tc-feed-travel 14s ease-in-out infinite}
.t-demo .t-feed div{background:#ffffff04;border:1px solid #ffffff12;border-radius:9px;padding:11px;animation:none;color:#fff}
.t-demo .t-feed i{flex-shrink:0;background:#ffffff0d;border:1px solid #ffffff15;color:#ef869e;font-size:1rem;width:25px;height:25px}
.t-demo .t-feed b{font-size:1rem;line-height:1.25;font-weight:500}
.t-demo .t-feed small,.t-demo .t-feed em{font-size:1rem;line-height:1.35;color:#aeb3c1}
.t-demo .t-feed em{color:#a7d1b5}
.t-demo .t-gauge{width:144px;height:144px;margin:17px auto 16px;background:conic-gradient(from -90deg,#d54363 0deg 295.2deg,#ffffff12 295.2deg 360deg);border:0;isolation:isolate}
.t-demo .t-gauge:before{inset:9px;background:#181a21;border:0;animation:none;z-index:-1}
.t-demo .t-gauge b{font-family:'DM Sans',sans-serif;font-size:38px;letter-spacing:-.055em;font-weight:600;color:#fff}
.t-demo .t-kpis{gap:8px}
.t-demo .t-kpis span{background:#ffffff05;border:1px solid #ffffff12;padding:10px 5px;border-radius:9px;gap:5px}
.t-demo .t-kpis b{font-size:20px;color:#fff;letter-spacing:-.04em}
.t-demo .t-kpis small{font-size:1rem;line-height:1.3;color:#bfc2cd}
.t-demo .t-demo-flow{grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:24px}
.t-demo .t-demo-flow span{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid #ffffff16;background:#ffffff05;border-radius:11px;padding:15px 10px}
.t-demo .t-demo-flow i{flex-shrink:0;border-radius:9px;background:#ffffff09;border:1px solid #ffffff1c;color:#ed90a5;width:30px;height:34px;font-size:1rem}
.t-demo .t-demo-flow b{font-size:1rem;line-height:1.3;color:#fff;font-weight:500}
.t-analyzer-art .t-phase-wheel{border-color:#ffffff18}
.t-analyzer-art .t-phase-wheel:before{border-style:solid;border-color:#ffffff12;border-top-color:#ed7894;animation-duration:32s}
.t-analyzer-art .t-phase-wheel:after{border-style:solid;border-color:#ffffff14;animation:none}
.t-analyzer-art .t-phase-wheel b{background:#17181d;border-color:#ffffff33;box-shadow:0 14px 28px #0003}
.t-analyzer-art .t-phase-wheel .tcm path{fill:#fff}

@keyframes tc-chart-enter{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes tc-feed-travel{0%,20%{transform:translateY(0)}60%,80%{transform:translateY(-66px)}100%{transform:translateY(0)}}
@media(max-width:1100px){
 .kpi .kcard{padding:18px}.kpi .kc-channels small{font-size:1rem}.kpi .kc-top{flex-wrap:wrap;gap:4px}
 .kpi .kc-period{font-size:1rem}.kpi .kc-metrics-dark small{font-size:1rem}.kpi .kc-metrics-dark b{font-size:20px}
 .t-chain{padding:14px}.t-chain .t-cnode{gap:10px;grid-template-columns:44px 120px 1fr}
 .t-demo .t-demo-flow span{padding:12px 8px;gap:7px}.t-demo .t-demo-flow b{font-size:1rem}
 .t-scale-core{flex-direction:column;text-align:center}.t-scale-core em{text-align:center}
}
@media(max-width:700px){
 .kpi-in{padding:12px 0 24px}.kpi .kpi-grid{gap:14px}.kpi .kcard{padding:22px;border-radius:18px}
 .kpi .kc-num{font-size:28px}.kpi .kc-lab,.kpi .kc-sub{font-size:1rem}
 .kpi .kc-channels small{font-size:1rem}.kpi .kc-channels{gap:9px}.kpi .kc-channels b{font-size:23px}
 .kpi .kc-channels>span{padding:12px 4px}.kpi .kc-tabs span{font-size:1rem}.kpi .kc-appointments em{font-size:1rem}
 .kpi .kc-total{padding:14px}.kpi .kc-total span,.kpi .kc-total em{font-size:1rem}
 .kpi .kc-ag-row b,.kpi .kc-ag-row em{font-size:1rem}.kpi .kc-ag-row{grid-template-columns:9px 46px 1fr;padding:12px 0}
 .kpi .kc-metrics-dark small{font-size:1rem}.kpi .kc-metrics-dark b{font-size:24px}
 .t-example .t-demo{height:340px}.t-demo .t-demo-flow b{font-size:1rem}
 .t-radial .t-abox{padding:14px 12px}.t-radial .t-abox b{font-size:1rem}.t-radial .t-abox small{font-size:1rem}
 .t-scale-grid span{font-size:1rem}.t-scale-core b{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 .kpi *,.tcgrafik *,.t-stack *,.t-chain *,.t-radial *,.t-demo *,.t-phase-wheel:before,.t-phase-wheel:after{animation:none!important;transition:none!important}
 .t-demo .t-feed{transform:none!important}
}