.pg-contracts .hero h1{font-size:clamp(52px,9vw,120px)}.pg-contracts .hero{padding-bottom:32px}.pg-contracts .sp{margin-top:56px;border-radius:40px;background:var(--surface);border:1px solid var(--line);padding:40px max(20px,4%);text-align:left;display:grid;gap:32px}.pg-contracts .sp-head{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:end}.pg-contracts .sp-head h2{font-family:var(--display);font-weight:600;font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;margin:0;max-width:20ch;line-height:1.05}.pg-contracts .sp-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pg-contracts .sp-in label{font-size:13px;font-weight:600;color:var(--muted)}.pg-contracts .sp-in .box{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:999px;padding:4px 16px 4px 18px;border:1px solid transparent}.pg-contracts .sp-in .box:focus-within{border-color:var(--blue)}.pg-contracts .sp-in input{width:120px;border:0;background:transparent;font:600 20px var(--mono);color:var(--ink);padding:8px 0}.pg-contracts .sp-in input:focus{outline:none}.pg-contracts .sp-in .box span{display:flex;gap:6px;align-items:center;font-weight:600;font-size:14px}.pg-contracts .sp-replay{background:none;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font:500 14px var(--body);color:var(--ink);cursor:pointer}.pg-contracts .sp-replay:hover{border-color:var(--ink)}.pg-contracts .sp-map{display:grid;grid-template-columns:1fr;gap:0;align-items:center}@media (min-width: 1000px){.pg-contracts .sp-map{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.15fr) 48px minmax(0,1fr) 48px minmax(0,1fr)}}.pg-contracts .node{border-radius:22px;padding:20px;background:var(--bg);display:grid;gap:6px;min-width:0;transition:box-shadow .4s,transform .4s}.pg-contracts .node small{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pg-contracts .node b{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.03em}.pg-contracts .node code{font:12px var(--mono);color:var(--muted);overflow-wrap:anywhere}.pg-contracts .node .amt{font:600 22px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere}.pg-contracts .node.k{background:var(--ink);color:#fff}.pg-contracts .node.k small,.pg-contracts .node.k code{color:#8c97ae}.pg-contracts .node.k .fn{font:13px var(--mono);color:#9be3c4;background:#ffffff12;border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}.pg-contracts .node.hit{box-shadow:0 0 0 3px var(--blue);transform:scale(1.02)}.pg-contracts .outs{display:grid;gap:12px;min-width:0}.pg-contracts .node.m{background:#e8eeff}.pg-contracts .node.m .amt{color:var(--blue-deep)}.pg-contracts .pct{font-family:var(--display);font-weight:600;font-size:13px;color:var(--blue);background:var(--surface);border-radius:999px;padding:2px 10px;justify-self:start}.pg-contracts .wire{position:relative;height:44px;width:2px;margin:0 auto;background:repeating-linear-gradient(180deg,var(--muted) 0 4px,transparent 4px 8px);opacity:.7;overflow:hidden}@media (min-width: 1000px){.pg-contracts .wire{height:2px;width:100%;background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 8px)}}.pg-contracts .wire:after{content:"";position:absolute;left:-3px;top:-10px;width:8px;height:8px;border-radius:50%;background:var(--blue);opacity:0}@media (min-width: 1000px){.pg-contracts .wire:after{top:-3px;left:-10px}}.pg-contracts .run .wire.w1:after{animation:spv 1s ease-in .2s forwards}.pg-contracts .run .wire.w2:after{animation:spv 1s ease-in 1.8s forwards}.pg-contracts .run .wire.w3:after{animation:spv 1s ease-in 3.4s forwards}@media (min-width: 1000px){.pg-contracts .run .wire.w1:after,.pg-contracts .run .wire.w2:after,.pg-contracts .run .wire.w3:after{animation-name:sph}}@keyframes spv{0%{opacity:1;top:-10px}to{opacity:1;top:100%}}@keyframes sph{0%{opacity:1;left:-10px}to{opacity:1;left:100%}}.pg-contracts .sp-log{background:var(--ink);color:#d6def0;border-radius:18px;padding:16px 20px;font:12.5px/1.7 var(--mono);overflow-wrap:anywhere}.pg-contracts .sp-log .c{color:#6b7894}.pg-contracts .sp-log .k{color:#8fb0ff}.pg-contracts .sp-log .s{color:#9be3c4}.pg-contracts .sp-log .pend{color:#6b7894}.pg-contracts .sp-note{font-size:13px;color:var(--muted);margin:0}.pg-contracts .langs{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden;margin-top:56px}@media (min-width: 900px){.pg-contracts .langs{grid-template-columns:repeat(3,minmax(0,1fr))}}.pg-contracts .langs div{background:var(--bg);padding:30px;display:grid;gap:14px;align-content:start;min-width:0}.pg-contracts .langs h3{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.03em;margin:0}.pg-contracts .langs p{margin:0;color:var(--muted);font-size:15px}.pg-contracts .langs .logos{display:flex;flex-wrap:wrap;gap:8px 16px}.pg-contracts .langs .logos span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.pg-contracts summary>span{flex:1;min-width:0}.pg-contracts summary{padding-right:4px}.pg-contracts .sp-chains{display:inline-flex;gap:4px;background:var(--bg);padding:4px;border-radius:999px}.pg-contracts .sp-chains button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:8px 12px;font:500 14px var(--body);color:var(--muted);cursor:pointer}.pg-contracts .sp-chains button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0b14261f}.pg-contracts .sp-chains button:focus-visible,.pg-contracts .sp-replay:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pg-contracts .sp-in .grp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pg-contracts .node .ok{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--mono);color:var(--ok)}.pg-contracts .node .ok i{width:8px;height:8px;border-radius:50%;background:currentColor}.pg-contracts .node.w{background:#e8eeff}.pg-contracts .node.w .amt{color:var(--blue-deep)}.pg-contracts .node .tag{font-family:var(--display);font-weight:600;font-size:13px;color:var(--blue);background:var(--surface);border-radius:999px;padding:2px 10px;justify-self:start}.pg-contracts .node.k .ev{font:13px var(--mono);color:#9be3c4;background:#ffffff12;border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}.pg-contracts .why h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.03em;margin:8px 0 0}.pg-contracts .icode{font-family:var(--mono);font-size:.9em}.pg-contracts .who{display:grid;grid-template-columns:1fr;gap:20px;margin-top:56px}@media (min-width: 900px){.pg-contracts .who{grid-template-columns:1fr 1fr}}.pg-contracts .who>div{border-radius:28px;padding:32px;display:grid;gap:16px;align-content:start;min-width:0}.pg-contracts .who .you{background:#e8eeff}.pg-contracts .who .us{background:var(--surface);border:1px solid var(--line)}.pg-contracts .who h3{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.04em;margin:0}.pg-contracts .who ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pg-contracts .who li{display:flex;gap:12px;font-size:16px;min-width:0}.pg-contracts .who li:before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--blue)}.pg-contracts .who .us li:before{background:var(--ink)}
