.detail-hero{border-bottom:1px solid var(--border-subtle);padding:5rem 0 4rem;position:relative;overflow:hidden}.detail-hero .hero-inner{z-index:1;position:relative}.proj-eyebrow{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.25rem;font-size:.7rem;font-weight:500;display:flex}.flag{background:var(--signal);color:var(--text-inverse);letter-spacing:.06em;border-radius:2px;padding:.12rem .5rem;font-size:.6rem}.proj-title{font-family:var(--font-d);font-size:var(--tx4);letter-spacing:-.025em;color:var(--text-primary);max-width:24ch;margin-bottom:.5rem;font-weight:700;line-height:1.05}.proj-sub{color:var(--text-secondary);max-width:52ch;margin-top:1rem;font-size:1.0625rem;line-height:1.65}.detail-body{grid-template-columns:260px 1fr;align-items:start;gap:6rem;padding:5rem 0;display:grid}@media (max-width:1100px){.detail-body{grid-template-columns:220px 1fr;gap:3.5rem}}@media (max-width:900px){.detail-body{grid-template-columns:1fr;gap:2rem}}.port-sidebar{position:sticky;top:100px}@media (max-width:900px){.port-sidebar{position:static}}.sb-idx{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:.65rem;font-weight:500}.sb-block{border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem;padding-bottom:1.5rem}.sb-block:last-child{border-bottom:none;margin-bottom:0}.sb-label{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.65rem;font-weight:500}.sb-val{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.sb-val strong{color:var(--text-primary);font-weight:500}.sb-tags{flex-wrap:wrap;gap:.3rem;display:flex}.sb-tag{font-family:var(--font-m);letter-spacing:.04em;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:999px;padding:.18rem .55rem;font-size:.65rem;font-weight:500}.sb-chips{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.sb-chip{font-family:var(--font-m);letter-spacing:.04em;background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:2px;padding:.15rem .55rem;font-size:.65rem;font-weight:500}.sb-status{align-items:center;gap:.5rem;display:flex}.sb-status-dot{background:var(--status-healthy);width:5px;height:5px;animation:pulse var(--dur-ambient) ease-in-out infinite;border-radius:999px;flex-shrink:0}.sb-status-txt{font-family:var(--font-m);color:var(--status-healthy);letter-spacing:.06em;font-size:.7rem}.port-content{min-width:0}.pc-section{border-bottom:1px solid var(--border-subtle);margin-bottom:4rem;padding-bottom:4rem}.pc-section:last-of-type{border-bottom:none}.pc-eye{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.7rem;font-weight:500}.pc-hl{font-family:var(--font-d);font-size:var(--tx2);letter-spacing:-.015em;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700;line-height:1.1}.pc-body{color:var(--text-secondary);max-width:68ch;font-size:1rem;line-height:1.75}.pc-body+.pc-body{margin-top:1.25rem}.pc-body strong{color:var(--text-primary);font-weight:500}.pc-body em{color:var(--text-primary)}.pc-code{font-family:var(--font-m);color:var(--data);font-size:.8em}.pipeline-wrap{border:1px solid var(--border-subtle);border-radius:8px;margin:2.5rem 0;overflow:hidden}.pipeline-cap{background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle);font-family:var(--font-m);letter-spacing:.06em;color:var(--text-muted);padding:.625rem 1rem;font-size:.7rem;font-weight:500}.proj-diag,#pipe-diag{width:100%;height:auto;display:block}.proj-diag .pg-bg{fill:var(--bg-raised)}.proj-diag .pg-dot{fill:var(--border-strong);opacity:.06}.proj-diag .pg-node{fill:var(--bg-sunken);stroke:var(--border-strong);stroke-width:1.5px}.proj-diag .pg-node-io{fill:var(--bg-sunken);stroke:var(--border-subtle);stroke-width:1px;stroke-dasharray:4 3}.proj-diag .pg-node-sig{fill:var(--bg-sunken);stroke:var(--signal);stroke-width:1.5px}.proj-diag .pg-node-out{fill:var(--bg-sunken);stroke:var(--status-healthy);stroke-width:1.5px}.proj-diag .pg-node-w{fill:var(--bg-sunken);stroke:var(--status-warn);stroke-width:1.5px}.proj-diag .pg-line{stroke:var(--border-strong);fill:none}.proj-diag .pg-line-sig{stroke:var(--signal);fill:none}.proj-diag .pg-line-g{stroke:var(--status-healthy);fill:none}.proj-diag .pg-arr{fill:var(--border-strong)}.proj-diag .pg-arr-sig{fill:var(--signal)}.proj-diag .pg-arr-g{fill:var(--status-healthy)}.proj-diag text{font-family:var(--font-m)}.proj-diag .pg-lbl{letter-spacing:1px;fill:var(--text-primary);font-size:7.5px;font-weight:500}.proj-diag .pg-lbl-io{letter-spacing:1px;fill:var(--text-muted);font-size:7.5px;font-weight:500}.proj-diag .pg-lbl-sig{letter-spacing:1px;fill:var(--signal);font-size:7.5px;font-weight:500}.proj-diag .pg-lbl-out{letter-spacing:1px;fill:var(--status-healthy);font-size:7.5px;font-weight:500}.proj-diag .pg-lbl-w{letter-spacing:1px;fill:var(--status-warn);font-size:7.5px;font-weight:500}.proj-diag .pg-sub{letter-spacing:.5px;fill:var(--text-muted);font-size:6.5px}.proj-diag .pg-micro{letter-spacing:.5px;fill:var(--text-muted);opacity:.6;font-size:6.5px}.proj-diag .pg-micro-sig{letter-spacing:.5px;fill:var(--signal);opacity:.8;font-size:6.5px}.proj-diag .pg-micro-g{letter-spacing:.5px;fill:var(--status-healthy);opacity:.8;font-size:6.5px}.tech-list{border-top:1px solid var(--border-subtle);flex-direction:column;gap:0;margin-top:1.5rem;display:flex}.tech-item{border-bottom:1px solid var(--border-subtle);grid-template-columns:200px 1fr;align-items:baseline;gap:1.5rem;padding:1.25rem 0;display:grid}@media (max-width:640px){.tech-item{grid-template-columns:1fr;gap:.375rem}}.tech-name{font-family:var(--font-m);letter-spacing:.04em;color:var(--signal);font-size:.8rem;font-weight:500}.tech-ver{font-family:var(--font-m);color:var(--text-muted);letter-spacing:.04em;margin-top:.2rem;font-size:.65rem}.tech-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.stat-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (max-width:640px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem}.stat-val{font-family:var(--font-d);font-size:var(--tx3);letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-weight:700;line-height:1}.stat-acc{color:var(--signal);font-size:.7em}.stat-lbl{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.375rem;font-size:.65rem;font-weight:500}.stat-note{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.targets-note{font-family:var(--font-m);color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border-subtle);letter-spacing:.02em;border-radius:4px;margin-top:1.25rem;padding:.875rem 1rem;font-size:.75rem;line-height:1.6}.related-section{border-top:1px solid var(--border-subtle);padding:4rem 0}.rel-head-eye{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:1rem;font-size:.75rem;font-weight:500}.rel-head-hl{font-family:var(--font-d);font-size:var(--tx2);letter-spacing:-.015em;color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.rel-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}@media (max-width:768px){.rel-grid{grid-template-columns:1fr}}.rel-card{background:var(--bg-raised);border:1px solid var(--border-subtle);transition:border-color var(--dur-fast) var(--ease-signal);border-radius:8px;padding:1.5rem;text-decoration:none;display:block;position:relative;overflow:hidden}.rel-card:hover{border-color:var(--border-strong)}.rel-card:before,.rel-card:after{content:"";opacity:0;width:10px;height:10px;transition:opacity var(--dur-fast) var(--ease-signal),transform var(--dur-fast) var(--ease-signal);pointer-events:none;position:absolute}.rel-card:before{border-top:1.5px solid var(--signal);border-left:1.5px solid var(--signal);top:6px;left:6px;transform:translate(-3px,-3px)}.rel-card:after{border-bottom:1.5px solid var(--signal);border-right:1.5px solid var(--signal);bottom:6px;right:6px;transform:translate(3px,3px)}.rel-card:hover:before,.rel-card:hover:after{opacity:1;transform:translate(0)}.rel-idx{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem;font-size:.7rem;font-weight:500}.rel-title{font-family:var(--font-d);font-size:var(--tx1);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;line-height:1.2}.rel-body{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.rel-link{font-family:var(--font-m);letter-spacing:.08em;color:var(--data);align-items:center;gap:.4rem;margin-top:1rem;font-size:.65rem;font-weight:500;display:inline-flex}.cta-sec{text-align:center;background:var(--bg-sunken);border-top:1px solid var(--border-subtle);padding:6rem 0;position:relative;overflow:hidden}.cta-hl{max-width:22ch}.cta-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);opacity:.4;pointer-events:none;background-size:32px 32px;position:absolute;inset:0}.diagram-gallery{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.diagram-fig{border:1px solid var(--border-subtle);background:var(--bg-sunken);border-radius:12px;margin:0;overflow:hidden}.diagram-img{aspect-ratio:920/460;object-fit:contain;background:var(--bg-base);width:100%;height:auto;max-height:560px;padding:1.25rem;display:block}.diagram-cap{font-family:var(--font-m);letter-spacing:.04em;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--bg-raised);padding:.75rem 1.1rem;font-size:.72rem}