/* DT360 GPO HERO IST/SOLL V1 */
@media (min-width: 821px) {

.dt360-home-hero .dt360-gpo-hero.gpv { --gp-lime:var(--dt360-ds-lime,#caff00);--gp-red:#ff617c;grid-area:visual;position:relative;min-width:0;width:100%;color:#fff;font-family:var(--dt360-ds-font-body,sans-serif);isolation:isolate; }
.gpv,.gpv * { box-sizing:border-box; }
.gpv .gpv-tools { display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:14px;color:#aaa0c0;font-size:10px;line-height:1.5; }
.gpv .gpv-pause { font:inherit;color:#c9c0db;background:transparent;border:1px solid #ad8cdb55;border-radius:20px;padding:6px 9px;cursor:pointer; }
.gpv .gpv-pause[hidden] { display:none; }
.gpv .gpv-pause:focus-visible { outline:2px solid var(--gp-lime);outline-offset:3px; }
.gpv .gpv-pause[aria-pressed="true"] { color:var(--gp-lime);border-color:var(--gp-lime); }
.gpv .gpv-comparison { display:grid;align-items:center;position:relative; }
.gpv .gpv-panel { min-width:0;position:relative;isolation:isolate; }
.gpv .gpv-panel::before { content:"";position:absolute;inset:45px 0 20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#7b4bbe16,transparent 69%); }
.gpv .gpv-soll::before { background:radial-gradient(ellipse,#caff0011,transparent 65%); }
.gpv .gpv-heading { display:flex;flex-direction:column;gap:7px;text-align:center;min-height:47px; }
.gpv .gpv-heading strong { font-family:var(--dt360-ds-font-head,sans-serif);font-size:13px;letter-spacing:.16em;font-weight:750;color:#d4c5ef; }
.gpv .gpv-soll .gpv-heading strong { color:var(--gp-lime); }
.gpv .gpv-heading>span { font-size:12px;line-height:1.4;color:#d6cce4; }
.gpv .gpv-map { position:relative;min-width:0; }
.gpv .gpv-map::before { content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ac8ddd0d 1px,transparent 1px),linear-gradient(90deg,#ac8ddd0d 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 75%); }
.gpv .gpv-wires { position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none; }
.gpv .gpv-line { fill:none;stroke:#ad8be1;stroke-width:1.2;opacity:.55; }
.gpv .gpv-line.gpv-loop { stroke:var(--gp-red);stroke-dasharray:3 3;opacity:.6; }
.gpv .gpv-soll .gpv-line { stroke:var(--gp-lime);opacity:.65; }
.gpv .gpv-pulse { fill:none;stroke:#cfb4ff;stroke-width:2.8;stroke-dasharray:2 98;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #a785ef); }
.gpv .gpv-pulse.gpv-loop { stroke:var(--gp-red);filter:drop-shadow(0 0 4px #ff617c); }
.gpv .gpv-soll .gpv-pulse { stroke:var(--gp-lime);filter:drop-shadow(0 0 5px #caff00); }
.gpv .gpv-dot { fill:#c3a2ee; }
.gpv .gpv-dot.gpv-loop { fill:var(--gp-red); }
.gpv .gpv-soll .gpv-dot { fill:var(--gp-lime);filter:drop-shadow(0 0 4px #caff00); }
.gpv .gpv-nodes { position:absolute;inset:0; }
.gpv .gpv-node { position:absolute;display:flex;align-items:center;flex-direction:column;gap:5px;transform:translate(-50%,-50%);z-index:1; }
.gpv .gpv-tile { position:relative;width:100%;height:50px;display:grid;place-items:center;border:1px solid #9274c475;border-radius:10px;background:linear-gradient(125deg,#3e2864e8,#1c1036f5 75%);box-shadow:inset 0 1px #e4d2ff15,0 12px 24px #08001666; }
.gpv .gpv-tile::before { content:"";position:absolute;inset:5px -5px -5px 5px;border:1px solid #9373c01a;border-radius:10px;z-index:-1;background:#22143d55; }
.gpv .gpv-tile svg { display:block;fill:none;stroke:#cab8ef;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px; }
.gpv .gpv-node>span { color:#c0b0d6;font-size:11px;line-height:1.4;text-align:center;white-space:nowrap; }
.gpv .gpv-ist .gpv-node:nth-child(2n) .gpv-tile { transform:rotate(4deg); }
.gpv .gpv-ist .gpv-node:nth-child(2n+1) .gpv-tile { transform:rotate(-3deg); }
.gpv .gpv-soll .gpv-tile { border-color:#b6db7160;box-shadow:inset 0 1px #e9ffdb10,0 10px 26px #09021666; }
.gpv .gpv-soll .gpv-tile svg { stroke:#d8ecc1; }
.gpv .gpv-success .gpv-tile { width:56px;height:56px;border-radius:50%;background:var(--gp-lime);border-color:#e7ffa6;box-shadow:0 0 0 7px #caff000c,0 0 29px #caff0044; }
.gpv .gpv-success .gpv-tile::before { display:none; }
.gpv .gpv-success .gpv-tile svg { width:32px;height:32px;stroke:#263f0a;stroke-width:2.7; }
.gpv .gpv-success>span { color:var(--gp-lime);font-weight:650; }
.gpv .gpv-warning { position:absolute;display:grid;place-items:center;width:29px;height:29px;border:2px solid var(--gp-red);border-radius:50%;background:#2d1037;color:#ff89a2;font:bold 20px/1 var(--dt360-ds-font-body,sans-serif);box-shadow:0 0 24px #ff436338;transform:translate(-50%,-50%); }
.gpv .gpv-caption { margin-top:12px;min-height:34px;color:#b7a8cb;text-align:center;font-size:11px;line-height:1.5; }
.gpv .gpv-soll .gpv-caption { color:#cedcaa; }
.gpv .gpv-change { position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;isolation:isolate; }
.gpv .gpv-change::before { content:"";position:absolute;background:linear-gradient(transparent,#caff00bb,transparent);box-shadow:0 0 20px #baff0038; }
.gpv .gpv-arrow { position:relative;z-index:1;width:42px;height:55px;display:grid;place-items:center;background:radial-gradient(ellipse,#30441c 10%,#14092800 75%);filter:drop-shadow(0 0 10px #caff0055); }
.gpv .gpv-arrow svg { width:38px;height:38px;stroke:var(--gp-lime);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round; }
.gpv .gpv-note { margin:16px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#a89abc; }
@media(prefers-reduced-motion:no-preference) {
 .gpv .gpv-pulse { opacity:1;animation:dt360-gpo-stream 4s linear infinite; }
 .gpv .gpv-soll .gpv-pulse { animation-duration:3.2s; }
 .gpv .gpv-warning { animation:dt360-gpo-warn 4s ease-in-out infinite; }
 .gpv .gpv-warning-2 { animation-delay:-2s; }
}
.gpv.gpv-paused .gpv-pulse,.gpv.gpv-paused .gpv-warning { animation-play-state:paused; }
.gpv.gpv-reduced .gpv-pulse { animation:none;opacity:0; }
.gpv.gpv-reduced .gpv-warning { animation:none; }
@keyframes dt360-gpo-stream { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes dt360-gpo-warn { 50% { box-shadow:0 0 29px #ff43635c; } }

.gpv .gpv-comparison { grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px; }
.gpv .gpv-map { height:370px; }
.gpv .gpv-node { width:35%;max-width:100px; }
.gpv .gpv-ist .gpv-node-a { left:24%;top:10%; }
.gpv .gpv-ist .gpv-node-b { left:77%;top:13%; }
.gpv .gpv-ist .gpv-node-c { left:23%;top:37%; }
.gpv .gpv-ist .gpv-node-d { left:77%;top:43%; }
.gpv .gpv-ist .gpv-node-e { left:23%;top:65%; }
.gpv .gpv-ist .gpv-node-f { left:77%;top:74%; }
.gpv .gpv-ist .gpv-node-g { left:27%;top:89%; }
.gpv .gpv-warning-1 { left:50%;top:29%; }
.gpv .gpv-warning-2 { left:51%;top:59%; }
.gpv .gpv-soll .gpv-node-a { left:45%;top:10%; }
.gpv .gpv-soll .gpv-node-c { left:65%;top:37%; }
.gpv .gpv-soll .gpv-node-f { left:43%;top:65%; }
.gpv .gpv-soll .gpv-node-g { left:60%;top:89%; }
.gpv .gpv-change::before { width:1px;height:80%; }

}