.dq-stage{display:grid;grid-template-columns:minmax(0,.92fr) clamp(48px,6vw,92px) clamp(184px,19%,236px) clamp(48px,6vw,92px) minmax(0,1.22fr);align-items:stretch;margin:clamp(44px,5vw,68px) auto 0;max-width:1180px;position:relative;z-index:1;text-align:left;background:linear-gradient(180deg,#fffffff0,#ffffffd1);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(24px,3vw,36px) clamp(20px,2.6vw,32px);box-shadow:var(--shadow-md);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dq-col{min-width:0;display:flex;flex-direction:column}.dq-col .dq-chips,.dq-col .dq-outs{flex:1;justify-content:space-around}.zone-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}.dq-col-out .zone-label{color:var(--z-dunkelblau)}.dq-chips{display:flex;flex-direction:column;gap:8px}.dq-chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;letter-spacing:-.01em;color:var(--ink);box-shadow:var(--shadow-sm)}.dq-chip .ic{flex:0 0 32px;height:32px;border-radius:var(--r-sm);background:#009fe317;display:grid;place-items:center}.dq-chip .ic svg{width:17px;height:17px;color:var(--z-dunkelblau)}.dq-chip svg .accent{fill:var(--z-hellblau);stroke:none}.dq-chip .tx{display:flex;flex-direction:column;gap:1px;min-width:0}.dq-chip .t{font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.3}.dq-chip .p{font-size:12.8px;color:var(--muted);line-height:1.35}.dq-core{align-self:center;background:var(--z-dunkelblau-900);border-radius:var(--r-xl);padding:26px 18px;text-align:center;color:#fff;position:relative;box-shadow:var(--shadow-lg);z-index:2}.dq-core-mark{display:block;width:clamp(58px,7vw,76px);height:auto;margin:0 auto 10px;position:relative;z-index:1}.dq-core-ring{position:absolute;inset:0;border-radius:var(--r-xl);border:1px solid var(--z-hellblau);opacity:0;pointer-events:none}.dq-core .wm{position:relative;z-index:1;font-family:var(--font);font-weight:700;font-size:22px;letter-spacing:-.03em}.dq-core .wm .hl{color:var(--z-hellblau)}.dq-core .sub{position:relative;z-index:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--z-hellblau);margin-top:6px}.dq-core .bits{position:relative;z-index:1;margin-top:16px;display:flex;flex-direction:column;gap:6px}.dq-core .bits span{font-size:11.5px;color:#ffffffd1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);padding:5px 9px}.dq-wire{align-self:stretch;min-height:100%;display:block}.dq-wire svg{width:100%;height:100%;display:block;overflow:visible}.dq-wire .w-base{fill:none;stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke}.dq-wire .w-flow{fill:none;stroke:var(--z-hellblau);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:2 16;stroke-dashoffset:0;opacity:0}.dq-outs{display:flex;flex-direction:column;gap:7px}.dq-out{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color var(--dur-ui) var(--ease),transform var(--dur-ui) var(--ease),box-shadow var(--dur-ui) var(--ease)}.dq-out:hover{border-color:var(--z-hellblau);transform:translate(3px);box-shadow:var(--shadow-md)}.dq-out .ic{flex:0 0 32px;height:32px;border-radius:var(--r-sm);background:#009fe317;display:grid;place-items:center}.dq-out .ic svg{width:17px;height:17px;color:var(--z-dunkelblau)}.dq-out .ic svg .accent{fill:var(--z-hellblau);stroke:none}.dq-out .tx{display:flex;flex-direction:column;gap:1px;min-width:0}.dq-out .t{font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.3}.dq-out .p{font-size:12.8px;color:var(--muted);line-height:1.35}.dq-stage-note{position:relative;z-index:1;max-width:74ch;margin:clamp(26px,3vw,38px) auto 0;text-align:center;font-size:16px;line-height:1.6;color:var(--muted)}.dq-stage-note b{color:var(--ink);font-weight:600}@keyframes dq-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-180}}@keyframes dq-pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.09)}to{opacity:0;transform:scale(1.09)}}@keyframes dq-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dq-stage .dq-chip,.dq-stage .dq-out{opacity:0}.dq-stage.in .dq-chip,.dq-stage.in .dq-out{animation:dq-pop .5s var(--ease) both;animation-delay:calc(var(--i,0) * .07s)}.dq-stage.in .dq-col-out .dq-out{animation-delay:calc(.7s + var(--i,0) * .07s)}.dq-stage.in .w-flow{opacity:1;animation:dq-flow 3.4s linear infinite;animation-delay:var(--d,0s)}.dq-stage.in .dq-core-ring{animation:dq-pulse 3.4s var(--ease) infinite}@media(prefers-reduced-motion:reduce){.dq-stage .dq-chip,.dq-stage .dq-out{opacity:1}.dq-stage.in .dq-chip,.dq-stage.in .dq-out{animation:none}.dq-stage.in .w-flow{animation:none;opacity:.5;stroke-dasharray:none}.dq-stage.in .dq-core-ring{animation:none;opacity:.4}}@media(max-width:940px){.dq-stage{grid-template-columns:1fr;gap:0;max-width:520px}.dq-col-in,.dq-col-out{width:100%}.dq-col-out{margin-top:8px}.dq-wire{min-height:0;height:46px;display:grid;place-items:center}.dq-wire svg{display:none}.dq-wire:after{content:"";width:22px;height:22px;background:var(--z-hellblau);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}.dq-core{margin:0 auto;width:100%}}.dq-chip svg .accent-line{stroke:var(--z-hellblau)}.dq-col-in .dq-chip:last-child{border-style:dashed;border-color:var(--line-strong);background:#009fe30a;color:var(--z-dunkelblau)}
