.pg-products .hero h1{font-size:clamp(52px,9.5vw,128px)}.pg-products .hero{padding-bottom:40px}.pg-products .map{margin-top:48px;background:var(--surface);border:1px solid var(--line);border-radius:40px;padding:40px max(18px,4%);text-align:left;position:relative;overflow:hidden}.pg-products .map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(37,99,235,.08) 1px,transparent 1px) 0 0/24px 24px;pointer-events:none}.pg-products .map>*{position:relative}.pg-products .map-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;align-items:baseline;margin-bottom:32px}.pg-products .map-head h2{font-size:clamp(28px,3.4vw,42px);max-width:none;margin:0}.pg-products .map-head span{color:var(--muted);font-size:14px}.pg-products .grid{display:grid;grid-template-columns:1fr;gap:0;align-items:center}.pg-products .col{display:grid;gap:10px;min-width:0}.pg-products .lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.pg-products .row{display:flex;align-items:center;min-width:0}.pg-products .node{flex:none;width:210px;max-width:100%;display:flex;align-items:center;gap:12px;background:var(--bg);border:1.5px solid transparent;border-radius:16px;padding:11px 14px;font:500 15px var(--body);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .25s,background .25s,color .25s,transform .25s}.pg-products .node svg{flex:none;width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pg-products .node small{display:block;font-size:12px;color:var(--muted);font-weight:400}.pg-products .node:hover{border-color:var(--line);background:#fff}.pg-products .node.on{border-color:var(--blue);background:#eef3ff;transform:translate(0) scale(1.02)}.pg-products .wire{flex:1;min-width:24px;height:2px;background:var(--line);position:relative;overflow:hidden;transition:background .25s}.pg-products .wire:after{content:"";position:absolute;top:-2px;left:0;width:28px;height:6px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--blue));animation:products-pulse 2.4s linear infinite;animation-delay:var(--d, 0s)}.pg-products .out .wire:after{background:linear-gradient(90deg,transparent,var(--blue))}.pg-products .row.on .wire{background:var(--blue)}@keyframes products-pulse{0%{transform:translate(-30px)}to{transform:translate(400px)}}.pg-products .hub{background:var(--ink);color:#fff;border-radius:28px;padding:28px;display:grid;gap:14px;position:relative;overflow:hidden;min-width:0}.pg-products .hub:before{content:"";position:absolute;inset:auto -20% -60% -20%;height:100%;background:radial-gradient(50% 50% at 50% 50%,rgba(37,99,235,.7),transparent 70%);pointer-events:none}.pg-products .hub>*{position:relative}.pg-products .hub-cap{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8fa0c2;font-weight:600}.pg-products .hub-bal{font:600 40px/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.pg-products .hub-bal span{font-size:16px;color:#8fa0c2;letter-spacing:0;margin-left:4px}.pg-products .toks{display:flex;gap:4px;flex-wrap:wrap}.pg-products .toks .ic{width:22px;height:22px;box-shadow:0 0 0 2px var(--ink)}.pg-products .read{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;min-height:148px;display:grid;align-content:start;gap:6px}.pg-products .read b{font:600 22px var(--display);letter-spacing:-.03em}.pg-products .read p{margin:0;color:#b7c1d6;font-size:15px;line-height:1.5}.pg-products .read a{color:#fff;justify-self:start;margin-top:6px;font-size:14px}.pg-products .read.swap{animation:products-in .35s ease}@keyframes products-in{0%{opacity:0;transform:translateY(6px)}}.pg-products .bypass{margin-top:28px;border-top:1px dashed var(--line);padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 0}.pg-products .bypass .lbl{width:100%;margin:0 0 4px}.pg-products .bypass .stop{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;white-space:nowrap}.pg-products .bypass .stop.k{background:var(--blue);color:#fff}.pg-products .bypass .stop svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.pg-products .bypass .wire{min-width:28px;max-width:120px}.pg-products .bypass .wire:after{animation-duration:1.8s}.pg-products .bypass .note{width:100%;color:var(--muted);font-size:14px;margin-top:6px}.pg-products .bypass .note a{color:var(--ink)}@media (min-width: 980px){.pg-products .grid{grid-template-columns:1fr 320px 1fr}.pg-products .in .row .wire{margin-right:0}.pg-products .out .row{flex-direction:row}.pg-products .out .lbl{text-align:right}.pg-products .out .node{margin-left:auto}}@media (max-width: 979px){.pg-products .grid{gap:20px}.pg-products .col{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pg-products .col .lbl{grid-column:1 / -1}.pg-products .row .wire{display:none}.pg-products .node{width:100%}.pg-products .hub{order:0}}@media (max-width: 640px){.pg-products .bypass{flex-direction:column;align-items:flex-start}.pg-products .bypass .wire{flex:none;width:2px;min-width:0;height:16px;margin-left:30px;background:var(--blue)}.pg-products .bypass .wire:after{display:none}}.pg-products .index{margin-top:48px;border-top:1px solid var(--line)}.pg-products .item{display:grid;grid-template-columns:56px 1fr;gap:8px 20px;align-items:center;padding-block:30px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:color .2s,padding .3s}.pg-products .item .no{font:500 14px var(--mono);color:var(--muted)}.pg-products .item h3{margin:0;font:600 clamp(34px,5.4vw,72px)/1 var(--display);letter-spacing:-.055em;min-width:0}.pg-products .item p{grid-column:2;margin:0;color:var(--muted);font-size:17px;max-width:46ch}.pg-products .item .go{display:none}.pg-products .item:hover h3,.pg-products .item:focus-visible h3{color:var(--blue)}@media (min-width: 900px){.pg-products .item{grid-template-columns:80px 1.2fr 1fr 56px}.pg-products .item p{grid-column:3}.pg-products .item .go{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);transition:all .25s}.pg-products .item .go svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.pg-products .item:hover{padding-left:12px}.pg-products .item:hover .go{background:var(--blue);border-color:var(--blue);color:#fff}}.pg-products .why div{background:var(--surface)}.pg-products .why h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.03em;margin:8px 0 0}
