.pipe{border:1px solid var(--line2);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:24px;padding:20px;position:relative;box-shadow:0 40px 90px -30px #000000e6}.wa{color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;font-size:.78rem;display:flex}.wa .dot{color:#e5e7eb;background:#1f2937;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.wa .dot .ic{width:15px;height:15px}.bub{color:#ecfdf5;background:#0f2a22;border:1px solid #34d3992e;border-radius:4px 16px 16px;min-height:92px;padding:13px 15px;font-size:.92rem;line-height:1.45}.bub .cur{vertical-align:-2px;background:#ecfdf5;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.reading{color:var(--pink2);opacity:0;align-items:center;gap:10px;margin:16px 0 12px;font-size:.8rem;font-weight:600;transition:opacity .3s;display:flex}.reading.on{opacity:1}.reading .bar{background:linear-gradient(90deg,var(--pink),transparent);background-size:200% 100%;border-radius:2px;flex:1;height:2px;animation:1.2s linear infinite scan}@keyframes scan{0%{background-position:100% 0}to{background-position:-100% 0}}.recs{grid-template-columns:1fr 1fr;align-content:start;gap:8px;min-height:196px;display:grid}.rec{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 12px;animation:.45s cubic-bezier(.2,.8,.2,1) both fin}.rec small{color:var(--faint);align-items:center;gap:6px;margin-bottom:3px;font-size:.7rem;display:flex}.rec small .ic{width:12px;height:12px}.rec b{font-size:.9rem;font-weight:600}.rec.y{background:#e81c6214;border-color:#e81c6273;grid-column:1/-1}.rec.y small{color:var(--pink2)}.chain-wrap{flex-direction:column;align-items:center;display:flex}.toggle{border:1px solid var(--line2);background:var(--surface);border-radius:999px;max-width:100%;margin-bottom:28px;padding:5px;display:inline-flex}@media (max-width:420px){.toggle button{padding:10px 14px;font-size:.84rem}}.toggle button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.toggle button.on{color:#000;background:#fff}.toggle button.on.w{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff}.chain{gap:10px;width:100%;display:grid;position:relative}@media (min-width:1000px){.chain{grid-template-columns:repeat(5,1fr);gap:16px}.chain:before{content:"";background:var(--line2);z-index:0;height:2px;transition:background .4s;position:absolute;top:43px;left:10%;right:10%}.chain.w:before{background:#34d39959}}.node{z-index:1;border:1px solid var(--line);background-color:#0a0a0c;border-radius:18px;grid-template-columns:44px 1fr;align-items:center;gap:2px 14px;padding:14px 16px;transition:border-color .4s,background .4s;display:grid;position:relative}.node .nic{grid-row:span 3;margin:0}@media (min-width:640px) and (max-width:999px){.chain{grid-template-columns:1fr 1fr}.node:last-child{grid-column:1/-1}}@media (min-width:1000px){.node{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;display:flex}.node .nic{margin-bottom:8px}}.nic{background:#16161a;border-radius:13px;place-items:center;width:44px;height:44px;transition:all .4s;display:grid}.node .own{justify-self:start;width:max-content}.node b{font-family:var(--font-outfit),sans-serif;font-size:1.15rem}.node .leak,.node .fix{align-items:center;gap:7px;font-size:.86rem;line-height:1.3;display:inline-flex}.node .leak{color:#fda4af}.node .fix,.node .own{display:none}.node .own{color:var(--pink2);background:#e81c6224;border-radius:999px;margin-top:4px;padding:4px 9px;font-size:.72rem;font-weight:700}.chain.w .node{background-image:linear-gradient(#34d39912,#34d39900);border-color:#34d3994d}.chain.w .nic{color:var(--ok);background:#0f2a22}.chain.w .leak{display:none}.chain.w .fix{color:#a7f3d0;display:inline-flex}.chain.w .own{display:inline-block}.chain:not(.w) .nic{animation:2.2s ease-in-out infinite drip}@keyframes drip{50%{color:#fda4af;box-shadow:0 0 0 6px #e81c621f}}.ba{color:#e4e4e7;border:1px dashed #e81c6273;border-radius:14px;align-items:center;gap:12px;margin-top:22px;padding:14px 18px;font-size:.92rem;display:none}.ba .ic{color:var(--pink2)}.chain.w+.ba{display:flex}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.demo-tabs button{border:1px solid var(--line2);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.demo-tabs button.on{border-color:var(--pink);color:#fff;background:#e81c6224}.demo{gap:14px;display:grid}@media (min-width:960px){.demo{grid-template-columns:1fr 1fr 1.1fr}}.dcol{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:20px}.dcol h4,.dcol h3{color:var(--faint);align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:600;display:flex}.dcol h4 .ic,.dcol h3 .ic{width:15px;height:15px;color:var(--pink2)}.ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.ul li{gap:10px;font-size:.9rem;line-height:1.4;animation:.45s cubic-bezier(.2,.8,.2,1) both fin;display:flex}.ul li .ic{color:var(--ok);width:16px;height:16px;margin-top:2px}.kv{flex-direction:column;gap:8px;display:flex}.kv div{border:1px solid var(--line);background:#00000059;border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.86rem;animation:.45s cubic-bezier(.2,.8,.2,1) both fin;display:flex}.kv span{color:var(--faint)}.kv b{text-align:right;font-weight:600}.appr{background:#e81c6214;border:1px solid #e81c6273;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:.86rem;animation:.45s cubic-bezier(.2,.8,.2,1) .5s both fin;display:flex}.appr .ic{color:var(--pink2)}.cmp{gap:16px;display:grid}@media (min-width:860px){.cmp{grid-template-columns:1fr 1fr}}.cmpc{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:28px 24px}.cmpc.w{background:linear-gradient(#e81c621a,#e81c6205);border-color:#e81c6273}.cmpc h3{font-family:var(--font-outfit),sans-serif;align-items:center;gap:12px;margin-bottom:20px;font-size:1.3rem;display:flex}.cmpc ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cmpc li{color:#d4d4d8;align-items:center;gap:12px;font-size:.95rem;display:flex}.cmpc li .ic{color:var(--faint)}.cmpc.w li .ic{color:var(--ok)}.inds{gap:14px;display:grid}@media (min-width:760px){.inds{grid-template-columns:repeat(3,1fr)}}.ind{aspect-ratio:4/3;border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden}.ind img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.ind:hover img{transform:scale(1.05)}.ind:after{content:"";background:linear-gradient(#0000 40%,#000000d9);position:absolute;inset:0}.ind b{z-index:1;font-family:var(--font-outfit),sans-serif;font-size:1.2rem;position:absolute;bottom:16px;left:18px}.op{border:1px solid var(--line2);background:radial-gradient(ellipse at top right,#e81c6229,transparent 60%),var(--surface);border-radius:28px;align-items:center;gap:30px;padding:clamp(28px,5vw,56px);display:grid}@media (min-width:900px){.op{grid-template-columns:1.3fr .7fr}}.op .big{font-family:var(--font-outfit),sans-serif;letter-spacing:-.03em;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:800;line-height:1.08}.know{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.know li{border:1px solid var(--line);background:#00000059;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-weight:500;display:flex}.know .ic{color:var(--pink2)}.op .stat b{font-family:var(--font-outfit),sans-serif;letter-spacing:-.04em;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.op .stat span{color:var(--muted);font-size:.9rem}