.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);position:relative;width:100%}.dg-svg{display:block;width:100%;height:auto;font-family:Public Sans,system-ui,sans-serif}.dg-node-rect{fill:var(--dg-panel);stroke:var(--dg-line);stroke-width:1.5;transition:stroke .18s ease,fill .18s ease,filter .18s ease}.dg-node{cursor:pointer;outline:none}.dg-node .dg-label{font-size:13px;font-weight:600;fill:var(--dg-ink);transition:fill .18s ease}.dg-node-icon{pointer-events:none}.dg-node:focus-visible .dg-node-rect,.dg-node:hover .dg-node-rect{stroke:var(--dg-blue);filter:drop-shadow(0 4px 14px rgba(39,87,201,.18))}.dg-node.dg-active .dg-node-rect{stroke:var(--dg-blue);stroke-width:2;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:focus-visible .dg-node-rect,.dg-node.dg-plain:hover .dg-node-rect{fill:var(--dg-panel);stroke:var(--dg-blue);filter:drop-shadow(0 4px 14px rgba(39,87,201,.18))}.dg-node.dg-plain.dg-active .dg-node-rect{fill:#eef3fe;stroke:var(--dg-blue);stroke-width:2}.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.25;stroke-dasharray:5 5}.dg-group-label{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;fill:var(--dg-slate)}.dg-edge{fill:none;stroke:var(--dg-slate);stroke-width:1.75;opacity:0;transition:stroke .18s ease,opacity .18s ease}.dg-edge-dashed{stroke-dasharray:5 5!important}.dg-edge-active{stroke:var(--dg-blue);stroke-width:2.25}.dg-arrowhead,.dg-edge-label{fill:var(--dg-slate)}.dg-edge-label{font-size:11px;font-family:IBM Plex Mono,monospace;opacity:0;transition:opacity .2s ease,fill .18s ease}.dg-edge-label-active,.dg-edge.dg-edge-active~.dg-edge-label{opacity:1;fill:var(--dg-blue)}.dg-edge-flow{stroke-dasharray:6 5;animation:dg-flow .9s linear infinite}@keyframes dg-flow{to{stroke-dashoffset:-22}}@media (prefers-reduced-motion:reduce){.dg-edge-flow{animation:none}}.dg-panel{border:1px solid var(--dg-line);border-radius:14px;background:var(--dg-panel);padding:20px 22px;min-height:96px}.dg-panel .dg-panel-eyebrow{font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dg-slate)}.dg-panel h4{font-family:Archivo,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--dg-ink);margin:6px 0}.dg-panel p{font-size:.92rem;color:var(--dg-ink-soft)}.dg-panel .dg-panel-hint{color:var(--dg-slate);font-size:.88rem}.dg-replay{font-family:IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--dg-line);background:var(--dg-panel);color:var(--dg-ink-soft);border-radius:999px;padding:7px 16px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.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 rgba(11,20,40,.06);--shadow-md:0 4px 12px rgba(11,20,40,.08);--shadow-lg:0 8px 28px rgba(11,20,40,.1);font-family:Public Sans,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.showcase-scope *{margin:0;padding:0;box-sizing:border-box}.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:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(30,77,183,.15) 0,transparent 70%);pointer-events:none}.showcase-scope .hero-eyebrow{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5);margin-bottom:12px}.showcase-scope .hero h1{font-family:Archivo,sans-serif;font-weight:850;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em;color:#fff;max-width:26ch;line-height:1.15}.showcase-scope .hero h1 .highlight{background:linear-gradient(135deg,#5b8dff,#7cba5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-scope .hero-sub{font-size:1.05rem;color:hsla(0,0%,100%,.7);max-width:72ch;margin-top:14px;line-height:1.7}.showcase-scope .hero-stats{display:flex;gap:36px;margin-top:24px;flex-wrap:wrap}.showcase-scope .hero-stat{font-family:IBM Plex Mono,monospace;font-weight:500}.showcase-scope .hero-stat .num{font-size:1.6rem;color:#5b8dff;display:block;line-height:1.2}.showcase-scope .hero-stat .lbl{font-size:.72rem;color:hsla(0,0%,100%,.45);text-transform:uppercase;letter-spacing:.08em}.showcase-scope .page-head{padding:44px 0 24px}.showcase-scope .eyebrow{font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.showcase-scope h2.section-title{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.02em;max-width:28ch}.showcase-scope .lede-list{margin-top:14px;color:var(--ink-soft);max-width:76ch;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);padding:28px;box-shadow:var(--shadow-sm)}.showcase-scope .stage-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.showcase-scope .stage-top h3{font-family:Archivo,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.showcase-scope .stage-top .hint{color:var(--slate);font-size:.85rem}.showcase-scope .dg-layout{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start}.showcase-scope .legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.82rem;color:var(--slate)}.showcase-scope .legend span{display:inline-flex;align-items:center;gap:7px}.showcase-scope .legend i{width:11px;height:11px;border-radius:3px;display:inline-block;background:var(--line)}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.showcase-scope .pipeline-step{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--paper);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{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.showcase-scope .pipeline-step h4{font-family:Archivo,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:-.01em;margin-bottom:4px}.showcase-scope .pipeline-step p{font-size:.84rem;color:var(--ink-soft);line-height:1.5}.showcase-scope .pipeline-step .tech-tag{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.68rem;padding:2px 8px;border-radius:5px;background:var(--blue-tint);color:var(--blue);margin-top:6px}.showcase-scope .tech-grid-section{padding:8px 0 36px}.showcase-scope .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.showcase-scope .tech-card{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--panel);transition:box-shadow .2s,border-color .2s;cursor:default}.showcase-scope .tech-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.showcase-scope .tech-card .tech-icon{width:24px;height:24px;margin-bottom:6px;border-radius:4px}.showcase-scope .tech-card h5{font-family:Archivo,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:-.01em}.showcase-scope .tech-card .tech-role{font-size:.72rem;color:var(--slate);margin-top:2px}.showcase-scope .insight-section{padding:8px 0 48px}.showcase-scope .insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:16px}.showcase-scope .insight-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px;box-shadow:var(--shadow-sm)}.showcase-scope .insight-card .insight-icon{font-size:1.5rem;margin-bottom:6px}.showcase-scope .insight-card h4{font-family:Archivo,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.01em;margin-bottom:6px}.showcase-scope .insight-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.6}.showcase-scope .diagram-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);text-align:right;color:var(--slate);font-size:.82rem}.showcase-scope .diagram-footer a{color:var(--blue);text-decoration:none;font-weight:500}.showcase-scope .diagram-footer a:hover{text-decoration:underline}.showcase-scope .diagram-footer .sep{margin:0 8px;color:var(--line);opacity:.5}.showcase-scope .page-footer{border-top:1px solid var(--line);padding:28px 0;text-align:center;color:var(--slate);font-size:.82rem;margin-top:8px}.showcase-scope .page-footer a{color:var(--blue);text-decoration:none;font-weight:500}.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}}