:root{--band-pass:#cfe6c7;--band-invisible:#e6f0b0;--band-pow:#f6e39a;--band-interactive:#f4c79c;--band-block:#eeb0a2;--band-limit:#d3dbe0}[data-band=pass]{--band:var(--band-pass)}[data-band=invisible]{--band:var(--band-invisible)}[data-band=pow]{--band:var(--band-pow)}[data-band=interactive]{--band:var(--band-interactive)}[data-band=block]{--band:var(--band-block)}[data-band=limit]{--band:var(--band-limit)}.pg-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pg-bands{margin:0;padding:0;list-style:none}.pg-bands li{background:#fff;border:1px solid #b9c8ce;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex}.pg-bands li:before,.pg-flow-picker button:before{content:"";background:var(--band);border-radius:50%;flex:0 0 .75rem;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1px #14202b33}.pg-flow-explorer{grid-template-columns:minmax(14rem,17rem) 1fr;align-items:start;gap:1.5rem;display:grid}.pg-flow-picker{gap:.5rem;display:grid;position:sticky;top:7rem}.pg-flow-picker button{text-align:left;width:100%;min-height:3.75rem;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cdd7dc;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;padding:.75rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.pg-flow-picker button:before{grid-row:span 2}.pg-flow-picker strong{letter-spacing:-.01em;font-size:.9375rem;font-weight:600;line-height:1.3}.pg-flow-picker span{color:#4b5863;font-size:.75rem;line-height:1.4}.pg-flow-picker button:hover{border-color:#8396a2}.pg-flow-picker button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 10px 24px #14202b1f}.pg-flow-picker button[aria-pressed=true] span{color:#c8d3db}.pg-flow-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #d3dce1;padding:2rem}.pg-flow-head{border-bottom:1px solid #dce3e7;grid-template-columns:1fr auto;align-items:start;gap:1.5rem;padding-bottom:1.5rem;display:grid}.pg-flow-head .eyebrow{color:#4b5863}.pg-flow-head h3{margin-top:.5rem;font-size:clamp(1.5rem,2.2vw,1.9rem)}.pg-flow-head>div>p:not(.eyebrow){color:#4b5863;max-width:34rem;margin-top:.625rem;font-size:.9375rem;line-height:1.7}.pg-score{text-align:center;color:#fff;background:var(--ink);border-radius:1.25rem;align-content:center;justify-items:center;min-width:8.5rem;padding:1rem 1.25rem;line-height:1.2;display:grid}.pg-score span,.pg-score small{color:#c8d3db;font-size:.625rem}.pg-score span{letter-spacing:.1em;font-weight:600}.pg-score strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--yellow);margin:.375rem 0;font-size:3rem;font-weight:600;line-height:1}.pg-score-label strong{letter-spacing:-.01em;max-width:9rem;font-size:1.125rem;line-height:1.25}.pg-flow-steps{margin:0;padding:1.5rem 0 .25rem;list-style:none}.pg-flow-steps li{grid-template-columns:2rem 1fr;gap:1rem;padding-bottom:1.25rem;display:grid;position:relative}.pg-flow-steps li:not(:last-child):before{content:"";background:#c6d1d7;width:1px;position:absolute;top:2rem;bottom:0;left:calc(1rem - .5px)}.pg-flow-marker{z-index:1;background:#fff;border:1px solid #9fb0b9;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:grid;position:relative}.pg-flow-steps h4{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;min-height:2rem;margin:0;font-size:1rem;font-weight:600;line-height:1.3;display:flex}.pg-flow-steps p{color:#3f4d58;max-width:40rem;margin-top:.25rem;font-size:.875rem;line-height:1.65}.pg-flow-state{letter-spacing:0;color:#3f4d58;border:1px solid #c3ced4;border-radius:100px;padding:.125rem .5rem;font-size:.6875rem;font-weight:550}[data-state=trust] .pg-flow-marker{background:var(--band-pass);border-color:#7fa877}[data-state=trust] .pg-flow-state{color:#24461f;background:#e6f2e2;border-color:#a9c9a2}[data-state=flag] .pg-flow-marker{background:var(--band-interactive);border-color:#c98c55}[data-state=flag] .pg-flow-state{color:#5e3410;background:#fbe7d6;border-color:#e2b48a}[data-state=decide] .pg-flow-marker{color:var(--yellow);background:var(--ink);border-color:var(--ink)}[data-state=decide] .pg-flow-state{color:#fff;background:var(--ink);border-color:var(--ink)}[data-state=skip] .pg-flow-marker{color:#5f6e78;border-style:dashed}[data-state=skip] h4,[data-state=skip] p{color:#5f6e78}.pg-meter{border-top:1px solid #dce3e7;padding:1.25rem 0 1.5rem}.pg-meter>p{color:#4b5863;font-size:.75rem}.pg-meter ol{grid-template-columns:repeat(5,1fr);gap:.375rem;margin:.875rem 0 0;padding:0;list-style:none;display:grid}.pg-meter li{color:#4b5863;padding-top:1.25rem;font-size:.6875rem;line-height:1.35;position:relative}.pg-meter li:before{content:"";background:var(--band);opacity:.5;border-radius:100px;height:.625rem;position:absolute;top:0;left:0;right:0}.pg-meter li[aria-current]{color:var(--ink);font-weight:650}.pg-meter li[aria-current]:before{opacity:1;height:.875rem;box-shadow:0 0 0 2px var(--ink);top:-.125rem}.pg-meter[data-limit] li:before{opacity:.3}.pg-flow-outcome{color:#fff;background:var(--ink);border-radius:1.25rem;grid-template-columns:1fr auto;align-items:center;gap:1.25rem 2rem;padding:1.5rem;transition:background .25s;display:grid}.pg-flow-outcome[data-mode=monitor]{background:#263a4c}.pg-flow-outcome>div:first-child>span{letter-spacing:.1em;color:var(--yellow);font-size:.625rem;font-weight:600}.pg-flow-outcome strong{letter-spacing:-.03em;margin-top:.375rem;font-size:1.625rem;font-weight:600;display:block}.pg-flow-outcome p{color:#d3dfe6;max-width:34rem;margin-top:.5rem;font-size:.875rem;line-height:1.65}.pg-mode{background:#ffffff14;border:1px solid #ffffff2e;border-radius:100px;gap:.25rem;padding:.25rem;display:flex}.pg-mode button{min-height:2.75rem;font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:100px;padding:.5rem 1rem;font-size:.8125rem;font-weight:550}.pg-mode button[aria-pressed=true]{color:var(--ink);background:var(--yellow)}.pg-mode button:focus-visible{outline-color:var(--yellow)}.pg-decision-score{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.pg-decision-score span{color:#fff;background:var(--ink);border-radius:100px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.pg-decision-score span[data-band]{color:var(--ink);background:var(--band)}.pg-arch{grid-template-columns:1fr 1.25fr 1fr;grid-template-areas:"traffic nginx shop"".edge."".console.""caption caption caption";gap:4rem 3rem;margin:3rem 0 0;display:grid}.pg-arch-node{text-align:center;background:#e9eef1;border:1px solid #becbd2;border-radius:1rem;flex-direction:column;justify-content:center;gap:.5rem;padding:1.375rem 1.5rem;display:flex;position:relative}.pg-arch-node small{letter-spacing:.1em;font-size:.625rem;font-weight:600}.pg-arch-node strong{letter-spacing:-.015em;font-size:1.125rem;font-weight:550;line-height:1.3}.pg-arch-node>span:not(.pg-arch-link){color:#3f4d58;font-size:.8125rem}.pg-arch-node[data-node=traffic]{grid-area:traffic}.pg-arch-node[data-node=nginx]{background:#fff;grid-area:nginx}.pg-arch-node[data-node=shop]{grid-area:shop}.pg-arch-node[data-node=edge]{background:#eff4cc;border-color:#c7d18a;grid-area:edge}.pg-arch-node[data-node=console]{color:#fff;background:var(--ink);border-color:var(--ink);grid-area:console}.pg-arch-node[data-node=console]>span:not(.pg-arch-link){color:#c8d3db}.pg-arch-node[data-node=nginx]:before,.pg-arch-node[data-node=nginx]:after{content:"";background:#7f959f;width:3rem;height:1px;position:absolute;top:50%}.pg-arch-node[data-node=nginx]:before{right:100%}.pg-arch-node[data-node=nginx]:after{left:100%}.pg-arch-node[data-node=edge]:before,.pg-arch-node[data-node=console]:before{content:"";background:#7f959f;width:1px;height:4rem;position:absolute;bottom:100%;left:50%}.pg-arch-link{text-align:left;white-space:nowrap;color:#3f4d58;font-size:.6875rem;font-weight:550;position:absolute;bottom:calc(100% + 2rem);left:calc(50% + .875rem);transform:translateY(50%)}.pg-arch figcaption{color:#475e6b;grid-area:caption;margin-top:-2rem;font-size:.8125rem}.pg-support-legend{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.pg-support-legend li,.pg-support{align-items:center;gap:.5rem;display:inline-flex}.pg-support{font-weight:600;display:flex}.pg-support-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;color:#4b5863;background:#e3e8eb;border-radius:50%;flex:0 0 1.375rem;width:1.375rem;height:1.375rem;padding:.1875rem}[data-support=yes] .pg-support-icon{color:#1f4a1a;background:var(--band-pass)}[data-support=partial] .pg-support-icon{color:#5b4600;background:var(--band-pow)}.pg-support-fill{fill:currentColor;stroke:none}.pg-matrix{min-width:56rem}.pg-matrix th[scope=row]{width:22%}.pg-matrix td{width:19.5%}.pg-matrix td small{color:#4b5863;margin-top:.375rem;padding-left:1.875rem;font-size:.75rem;line-height:1.5;display:block}@media (width>=1051px){.pg-flow-steps{grid-template-rows:repeat(3,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:2.5rem;display:grid}.pg-flow-steps li:nth-child(3):before{display:none}}@media (width<=1050px){.pg-flow-explorer{grid-template-columns:minmax(12rem,14rem) 1fr}.pg-arch{column-gap:2rem}.pg-arch-node[data-node=nginx]:before,.pg-arch-node[data-node=nginx]:after{width:2rem}}@media (width<=760px){.pg-flow-explorer{grid-template-columns:1fr}.pg-flow-picker{grid-template-columns:1fr 1fr;position:static}.pg-flow-picker button{min-height:3.5rem;padding:.625rem .75rem}.pg-flow-panel{border-radius:1.375rem;padding:1.25rem}.pg-flow-head{grid-template-columns:1fr;gap:1rem}.pg-score{grid-template-columns:auto auto auto;justify-self:start;align-items:baseline;column-gap:.5rem;min-width:0;padding:.625rem 1rem}.pg-score strong{margin:0;font-size:1.75rem}.pg-score-label strong{max-width:none;font-size:1rem}.pg-meter ol{grid-template-columns:1fr;gap:.5rem}.pg-meter li{padding:0 0 0 2.5rem}.pg-meter li:before{width:1.75rem;height:.5rem;top:.25rem;right:auto}.pg-meter li[aria-current]:before{height:.625rem;top:.1875rem}.pg-flow-outcome{grid-template-columns:1fr;padding:1.25rem}.pg-mode{justify-self:start}.pg-arch{grid-template-columns:1fr;grid-template-areas:"traffic""nginx""edge""shop""console""caption";gap:1rem}.pg-arch-node:before,.pg-arch-node:after{display:none}.pg-arch-link{text-align:center;white-space:normal;border-bottom:1px solid #c7d18a;margin-bottom:.25rem;padding-bottom:.5rem;position:static;transform:none}.pg-arch-node[data-node=console] .pg-arch-link{color:#c8d3db;border-color:#3b4c5d}.pg-arch figcaption{margin-top:.5rem}.pg-matrix{min-width:48rem}}@media (prefers-reduced-motion:reduce){.pg-flow-picker button,.pg-flow-outcome{transition:none}}