.pipe-wrap{position:relative;width:100%;aspect-ratio:1/.95;max-width:540px;margin-inline:auto}.pipe-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.base-line{stroke:var(--line-2);stroke-width:1.3;fill:none;opacity:.5}.flow{stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:5 9;stroke-dashoffset:0;opacity:.55}.flow.lit{stroke:var(--gold);stroke-width:3.4;opacity:1;filter:drop-shadow(0 0 6px var(--gold))}.pipe-wrap:before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;opacity:.5;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;-webkit-mask:radial-gradient(60% 60% at 38% 86%,#000,transparent 75%);mask:radial-gradient(60% 60% at 38% 86%,#000,transparent 75%)}a.node{position:absolute;transform:translate(-50%,-50%) scale(.92);opacity:0;z-index:4;text-decoration:none;background:var(--surface-2);border:1px solid var(--line-2);border-radius:11px;padding:.45rem .65rem;display:flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;white-space:nowrap;color:var(--text);box-shadow:0 6px 22px -12px #000c;transition:border-color .2s,box-shadow .2s}a.node:hover{border-color:var(--accent);box-shadow:0 0 0 1px #9b6dff4d,0 10px 28px -10px #9b6dff73}a.node:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a.node .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 8px var(--accent)}a.node.micro{font-size:.72rem}a.node.micro .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}a.node .ic{font-family:JetBrains Mono,monospace;color:var(--gold);font-size:.7rem}#n1{left:14%;top:30%}#n2{left:43%;top:30%}#n3a{left:80%;top:8%}#n3b{left:80%;top:27%}#n3c{left:80%;top:46%}#n4{left:80%;top:65%}#n5{left:80%;top:84%}.client{position:absolute;left:37%;top:85%;transform:translate(-50%,-50%);width:min(62%,224px);z-index:5;background:linear-gradient(180deg,var(--surface-2),var(--ink-2));border:1px solid rgba(155,109,255,.55);border-radius:15px;padding:.85rem .8rem;text-align:center;box-shadow:0 0 0 1px #9b6dff33,0 0 56px -14px #9b6dff80,0 18px 46px -18px #000000e6}.client .you{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.client h3{font-size:1rem;margin:.18rem 0 .55rem;line-height:1.05}.lead-form{display:flex;flex-direction:column;gap:.4rem}.lead-input{background:var(--ink);border:1px solid var(--line-2);border-radius:9px;color:var(--text);padding:.5rem .6rem;font-size:.8rem;width:100%;font-family:JetBrains Mono,monospace}.lead-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.lead-btn{width:100%;justify-content:center;padding:.5rem .8rem;font-size:.83rem}.lead-consent{font-size:.52rem;color:var(--faint);margin-top:.28rem;line-height:1.3}.lead-ok{font-size:.82rem;color:var(--accent);padding:.4rem 0}.cmetrics{display:flex;gap:.55rem;justify-content:center;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--line)}.cmetrics span{font-size:.52rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cmetrics b{display:block;font-family:JetBrains Mono,monospace;color:var(--accent);font-size:.8rem;font-weight:600}.demo-tag{font-family:JetBrains Mono,monospace;font-size:.5rem;color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin-top:.4rem;display:block}@property --rank{syntax:"<integer>"; inherits:false; initial-value:3;}@property --traf{syntax:"<integer>"; inherits:false; initial-value:214;}@property --vis{syntax:"<integer>"; inherits:false; initial-value:27;}.n-rank{counter-reset:rank var(--rank)}.n-rank:after{content:"#" counter(rank)}.n-traf{counter-reset:traf var(--traf)}.n-traf:after{content:"+" counter(traf) "%"}.n-vis{counter-reset:vis var(--vis)}.n-vis:after{content:counter(vis)}@media(prefers-reduced-motion:no-preference){a.node{animation:nodeIn .5s cubic-bezier(.22,.61,.36,1) forwards}#n1{animation-delay:.1s}#n2{animation-delay:.3s}#n3a{animation-delay:.5s}#n3b{animation-delay:.6s}#n3c{animation-delay:.7s}#n4{animation-delay:.8s}#n5{animation-delay:.9s}.flow{animation:flowToClient .9s linear infinite}.flow.lit{animation-duration:.4s}.client{animation:cPulse 4.5s ease-in-out 1.6s infinite}.pipe-wrap:before{animation:gridDrift 9s linear infinite}.n-rank{animation:cRank 1.4s 1.7s cubic-bezier(.22,.61,.36,1) forwards}.n-traf{animation:cTraf 1.4s 1.7s cubic-bezier(.22,.61,.36,1) forwards}.n-vis{animation:cVis 1.4s 1.7s cubic-bezier(.22,.61,.36,1) forwards}}@media(prefers-reduced-motion:reduce){a.node{opacity:1;transform:translate(-50%,-50%) scale(1)}.flow{opacity:.35;stroke-dasharray:none;animation:none}}@keyframes nodeIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes flowToClient{to{stroke-dashoffset:-14}}@keyframes gridDrift{to{transform:translate(-12px,18px)}}@keyframes cPulse{0%,to{box-shadow:0 0 0 1px #9b6dff33,0 0 56px -14px #9b6dff73,0 18px 46px -18px #000000e6}50%{box-shadow:0 0 0 1px #9b6dff57,0 0 80px -8px #9b6dff9e,0 18px 46px -18px #000000e6}}@keyframes cRank{0%{--rank:38}to{--rank:3}}@keyframes cTraf{0%{--traf:0}to{--traf:214}}@keyframes cVis{0%{--vis:0}to{--vis:27}}@media(max-width:719.98px){.pipe-wrap{aspect-ratio:auto;display:flex;flex-direction:column}.pipe-svg,.pipe-wrap:before{display:none}.client{position:static;transform:none;width:100%;margin-bottom:1rem}.pipe-nodes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}a.node{position:static!important;transform:none!important;opacity:1!important;animation:none!important;justify-content:center}}.audit-shell{background:linear-gradient(180deg,var(--surface),var(--ink-2));border:1px solid var(--line-2);border-radius:20px}.audit-input{background:var(--ink);border:1px solid var(--line-2);border-radius:11px;color:var(--text);padding:.85rem 1rem;font-size:.98rem;width:100%;font-family:JetBrains Mono,monospace}.audit-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.scan-bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden;position:relative}.scan-bar:after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:translate(-120%)}.scanning .scan-bar:after{animation:scan 1.1s ease-in-out infinite}@keyframes scan{to{transform:translate(320%)}}.issue{display:flex;gap:.8rem;padding:.9rem;border:1px solid var(--line);border-radius:12px;background:var(--ink)}.sev{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;height:fit-content;white-space:nowrap}.sev.err{color:var(--err);background:#ff6b821f}.sev.warn{color:var(--warn);background:#ffb4541f}.locked{filter:blur(5px);user-select:none;pointer-events:none}
