.dg-root{--dg-ink:var(--ink,#101a3d);--dg-ink-soft:var(--ink-soft,#3a4569);--dg-slate:var(--slate,#5b6478);--dg-line:var(--line,#dde0e8);--dg-panel:var(--panel,#fff);--dg-blue:var(--blue,#2757c9);--dg-marigold:var(--marigold,#e8a020);--dg-green:var(--green,#2f7d57);width:100%;position:relative}.dg-svg{width:100%;height:auto;font-family:Public Sans,system-ui,sans-serif;display:block}.dg-node-rect{fill:var(--dg-panel);stroke:var(--dg-line);stroke-width:1.5px;transition:stroke .18s,fill .18s,filter .18s}.dg-node{cursor:pointer;outline:none}.dg-node .dg-label{fill:var(--dg-ink);font-size:13px;font-weight:600;transition:fill .18s}.dg-node-icon{pointer-events:none}.dg-node:hover .dg-node-rect,.dg-node:focus-visible .dg-node-rect{stroke:var(--dg-blue);filter:drop-shadow(0 4px 14px #2757c92e)}.dg-node.dg-active .dg-node-rect{stroke:var(--dg-blue);stroke-width:2px;fill:#eef3fe}.dg-node.dg-dim{opacity:.35}.dg-accent-marigold.dg-active .dg-node-rect{stroke:var(--dg-marigold);fill:#fff6e3}.dg-accent-green.dg-active .dg-node-rect{stroke:var(--dg-green);fill:#edf7f0}.dg-node.dg-plain .dg-node-rect{fill:none;stroke:none;pointer-events:all}.dg-node.dg-plain:hover .dg-node-rect,.dg-node.dg-plain:focus-visible .dg-node-rect{fill:var(--dg-panel);stroke:var(--dg-blue);filter:drop-shadow(0 4px 14px #2757c92e)}.dg-node.dg-plain.dg-active .dg-node-rect{fill:#eef3fe;stroke:var(--dg-blue);stroke-width:2px}.dg-node.dg-plain.dg-accent-marigold.dg-active .dg-node-rect{stroke:var(--dg-marigold);fill:#fff6e3}.dg-node.dg-plain.dg-accent-green.dg-active .dg-node-rect{stroke:var(--dg-green);fill:#edf7f0}.dg-group-rect{fill:none;stroke:var(--dg-line);stroke-width:1.25px;stroke-dasharray:5 5}.dg-group-label{letter-spacing:.08em;text-transform:uppercase;fill:var(--dg-slate);font-family:IBM Plex Mono,monospace;font-size:10.5px}.dg-edge{fill:none;stroke:var(--dg-slate);stroke-width:1.75px;opacity:0;transition:stroke .18s,opacity .18s}.dg-edge-dashed{stroke-dasharray:5 5!important}.dg-edge-active{stroke:var(--dg-blue);stroke-width:2.25px}.dg-arrowhead{fill:var(--dg-slate)}.dg-edge-label{fill:var(--dg-slate);opacity:0;font-family:IBM Plex Mono,monospace;font-size:11px;transition:opacity .2s,fill .18s}.dg-edge.dg-edge-active~.dg-edge-label,.dg-edge-label-active{opacity:1;fill:var(--dg-blue)}.dg-edge-flow{stroke-dasharray:6 5;animation:.9s linear infinite dg-flow}@keyframes dg-flow{to{stroke-dashoffset:-22px}}@media (prefers-reduced-motion:reduce){.dg-edge-flow{animation:none}}.dg-panel{border:1px solid var(--dg-line);background:var(--dg-panel);border-radius:14px;min-height:96px;padding:20px 22px}.dg-panel .dg-panel-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--dg-slate);font-family:IBM Plex Mono,monospace;font-size:.68rem}.dg-panel h4{letter-spacing:-.01em;color:var(--dg-ink);margin:6px 0;font-family:Archivo,sans-serif;font-size:1.05rem;font-weight:700}.dg-panel p{color:var(--dg-ink-soft);font-size:.92rem}.dg-panel .dg-panel-hint{color:var(--dg-slate);font-size:.88rem}.dg-replay{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--dg-line);background:var(--dg-panel);color:var(--dg-ink-soft);cursor:pointer;border-radius:999px;padding:7px 16px;font-family:IBM Plex Mono,monospace;font-size:.74rem;transition:border-color .15s,color .15s}.dg-replay:hover{border-color:var(--dg-blue);color:var(--dg-blue)}
.showcase-scope{--ink:#0b1428;--ink-soft:#2e3a5c;--slate:#5b6a8a;--paper:#f4f6fb;--panel:#fff;--line:#d6ddeb;--marigold:#e8a020;--marigold-deep:#c4820a;--blue:#1e4db7;--blue-deep:#15378a;--blue-tint:#e8eefe;--green:#1f7a4a;--green-tint:#e6f6ee;--red:#c43a31;--radius:14px;--maxw:1200px;--shadow-sm:0 1px 3px #0b14280f;--shadow-md:0 4px 12px #0b142814;--shadow-lg:0 8px 28px #0b14281a;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Public Sans,system-ui,sans-serif;line-height:1.6}.showcase-scope *{box-sizing:border-box;margin:0;padding:0}.showcase-scope .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.showcase-scope .hero{background:linear-gradient(135deg,var(--ink) 0%,#16214a 100%);border-radius:0 0 var(--radius) var(--radius);margin:0 -28px;padding:56px 28px 48px;position:relative;overflow:hidden}.showcase-scope .hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 70% 20%,#1e4db726 0%,#0000 70%);position:absolute;inset:0}.showcase-scope .hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.72rem}.showcase-scope .hero h1{letter-spacing:-.03em;color:#fff;max-width:26ch;font-family:Archivo,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:850;line-height:1.15}.showcase-scope .hero h1 .highlight{background:linear-gradient(135deg,#5b8dff,#7cba5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-scope .hero-sub{color:#ffffffb3;max-width:72ch;margin-top:14px;font-size:1.05rem;line-height:1.7}.showcase-scope .hero-stats{flex-wrap:wrap;gap:36px;margin-top:24px;display:flex}.showcase-scope .hero-stat{font-family:IBM Plex Mono,monospace;font-weight:500}.showcase-scope .hero-stat .num{color:#5b8dff;font-size:1.6rem;line-height:1.2;display:block}.showcase-scope .hero-stat .lbl{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.showcase-scope .page-head{padding:44px 0 24px}.showcase-scope .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.showcase-scope h2.section-title{letter-spacing:-.02em;max-width:28ch;font-family:Archivo,sans-serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.showcase-scope .lede-list{color:var(--ink-soft);max-width:76ch;margin-top:14px;padding-left:1.2em;font-size:.98rem}.showcase-scope .lede-list li{margin-top:5px}.showcase-scope .stage{padding:8px 0 36px}.showcase-scope .stage-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);padding:28px}.showcase-scope .stage-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.showcase-scope .stage-top h3{letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:1.15rem;font-weight:700}.showcase-scope .stage-top .hint{color:var(--slate);font-size:.85rem}.showcase-scope .dg-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.showcase-scope .legend{border-top:1px solid var(--line);color:var(--slate);flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:16px;font-size:.82rem;display:flex}.showcase-scope .legend span{align-items:center;gap:7px;display:inline-flex}.showcase-scope .legend i{background:var(--line);border-radius:3px;width:11px;height:11px;display:inline-block}.showcase-scope .legend i.blue{background:var(--blue)}.showcase-scope .legend i.marigold{background:var(--marigold)}.showcase-scope .legend i.green{background:var(--green)}.showcase-scope .pipeline-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.showcase-scope .pipeline-step{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:18px 20px;transition:box-shadow .2s,border-color .2s}.showcase-scope .pipeline-step:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.showcase-scope .pipeline-step .step-num{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600}.showcase-scope .pipeline-step h4{letter-spacing:-.01em;margin-bottom:4px;font-family:Archivo,sans-serif;font-size:.92rem;font-weight:700}.showcase-scope .pipeline-step p{color:var(--ink-soft);font-size:.84rem;line-height:1.5}.showcase-scope .pipeline-step .tech-tag{background:var(--blue-tint);color:var(--blue);border-radius:5px;margin-top:6px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:inline-block}.showcase-scope .tech-grid-section{padding:8px 0 36px}.showcase-scope .tech-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.showcase-scope .tech-card{border:1px solid var(--line);background:var(--panel);cursor:default;border-radius:10px;padding:14px 16px;transition:box-shadow .2s,border-color .2s}.showcase-scope .tech-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.showcase-scope .tech-card .tech-icon{border-radius:4px;width:24px;height:24px;margin-bottom:6px}.showcase-scope .tech-card h5{letter-spacing:-.01em;font-family:Archivo,sans-serif;font-size:.82rem;font-weight:700}.showcase-scope .tech-card .tech-role{color:var(--slate);margin-top:2px;font-size:.72rem}.showcase-scope .insight-section{padding:8px 0 48px}.showcase-scope .insight-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.showcase-scope .insight-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);padding:24px}.showcase-scope .insight-card .insight-icon{margin-bottom:6px;font-size:1.5rem}.showcase-scope .insight-card h4{letter-spacing:-.01em;margin-bottom:6px;font-family:Archivo,sans-serif;font-size:1rem;font-weight:700}.showcase-scope .insight-card p{color:var(--ink-soft);font-size:.88rem;line-height:1.6}.showcase-scope .diagram-footer{border-top:1px solid var(--line);text-align:right;color:var(--slate);margin-top:20px;padding-top:16px;font-size:.82rem}.showcase-scope .diagram-footer a{color:var(--blue);font-weight:500;text-decoration:none}.showcase-scope .diagram-footer a:hover{text-decoration:underline}.showcase-scope .diagram-footer .sep{color:var(--line);opacity:.5;margin:0 8px}.showcase-scope .page-footer{border-top:1px solid var(--line);text-align:center;color:var(--slate);margin-top:8px;padding:28px 0;font-size:.82rem}.showcase-scope .page-footer a{color:var(--blue);font-weight:500;text-decoration:none}.showcase-scope .page-footer a:hover{text-decoration:underline}@media (max-width:820px){.showcase-scope .hero{padding:40px 20px 36px}.showcase-scope .hero-stats{gap:20px}.showcase-scope .pipeline-steps{grid-template-columns:1fr}.showcase-scope .tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.showcase-scope .tech-grid{grid-template-columns:1fr}}