.pp{--acc:var(--amber);--acc-hi:#ffc27a;--acc-ink:var(--amber-ink);--g:#140c1b;--g2:#1a1022;--g3:#221630;--well:#110a17;--ln:#2e1f3a;--ln2:#4a3458;--t1:#f4ece4;--t2:#c9bad3;--t3:#9c8aab;--glow:#f0a24b38;--bad:#ff9aa8;--bad-g:#2a1520;--bad-l:#4a2230;--ok:#8be39b;font-family:var(--font-text);color:var(--t1);background:var(--g);overflow-x:clip}.pp-aws{--acc:#5bb8e8;--acc-hi:#8fd2f5;--acc-ink:#0c1a2c;--g:#0c1320;--g2:#0f182a;--g3:#13203a;--well:#08101b;--ln:#1c2a3d;--ln2:#2e4560;--t1:#eef4fa;--t2:#afc0d4;--t3:#8ea3bb;--glow:#5bb8e833}.pp-kafka{--acc:#ffd60a;--acc-hi:#ffe65c;--acc-ink:#16150f;--g:#16150f;--g2:#1a1912;--g3:#22201a;--well:#0c0b07;--ln:#2c2a1c;--ln2:#4a4426;--t1:#f7f3e3;--t2:#c9c3a8;--t3:#a39e7e;--glow:#ffd60a24}.pp a{color:var(--acc);text-decoration:none}.pp a:hover{color:var(--acc-hi)}.pp :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}.pp code,.pp pre{font-variant-ligatures:none}.pp-wrap{max-width:1200px;margin:0 auto;padding:0 32px}.pp-sec{padding:120px 0}.pp-sec-tint{background:var(--g2);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}.pp-head{flex-direction:column;gap:14px;max-width:46rem;margin-bottom:48px;display:flex}.pp-head-c{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.pp-eyebrow{font:500 12.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.pp-h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(36px,4.6vw,56px);font-weight:800;line-height:1.02}.pp-h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:24px;font-weight:700;line-height:1.15}.pp-lede{color:var(--t2);text-wrap:pretty;margin:0;font-size:18px;line-height:1.6}.pp-small{color:var(--t3);font-size:13px;line-height:1.5}.pp-more{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.pp-mono{font-family:var(--font-mono)}.pp-sub{border-bottom:1px solid var(--ln);background:color-mix(in srgb, var(--g2) 70%, var(--g))}.pp-sub nav{flex-wrap:wrap;align-items:center;gap:4px 22px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.pp-sub-me{color:var(--t1);align-items:center;gap:10px;min-height:48px;margin-right:6px;font-size:14px;font-weight:600;display:inline-flex}.pp-sub-me img{border-radius:6px;width:22px;height:22px}.pp .pp-sub a{color:var(--t2);align-items:center;min-height:44px;font-size:14px;display:inline-flex}.pp .pp-sub a:hover{color:var(--t1)}.pp-btn{min-height:50px;transition:transform var(--t-fast) var(--ease-out), background var(--t-mid);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;display:inline-flex}.pp .pp-btn-acc{background:var(--acc);color:var(--acc-ink)}.pp .pp-btn-acc:hover{background:var(--acc-hi);color:var(--acc-ink)}.pp .pp-btn-ghost{border:1px solid var(--ln2);color:var(--t1)}.pp .pp-btn-ghost:hover{border-color:var(--t3);color:var(--t1)}.pp-btn:active{transform:scale(.98)}.pp-btn img{border-radius:6px;width:22px;height:22px}.pp-cmd{background:var(--well);border:1px solid var(--ln);border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:50px;padding:5px 5px 5px 16px;display:flex}.pp-cmd code{font:14.5px var(--font-mono);color:var(--t1);white-space:pre;scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.pp-cmd code::-webkit-scrollbar{display:none}.pp-cmd .pp-p{color:var(--t3);user-select:none}.pp-copy{border:1px solid var(--ln2);background:var(--g3);min-width:64px;min-height:40px;color:var(--t1);font:600 13px var(--font-text);cursor:pointer;border-radius:9px;flex:none;padding:0 12px}.pp-copy:hover{border-color:var(--t3)}.pp-hero{padding:88px 0 56px;position:relative}.pp-hero:before{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pp-hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side, var(--glow), transparent);opacity:.8;width:900px;height:520px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.pp-hero>*{z-index:1;position:relative}.pp-lockup{align-items:center;gap:22px;display:inline-flex}.pp-lockup img{width:112px;height:112px;transition:transform var(--t-mid) var(--ease-out);border-radius:26px;box-shadow:0 18px 44px #0006}.pp-lockup:hover img{transform:rotate(-4deg)scale(1.03)}@media (prefers-reduced-motion:reduce){.pp-lockup:hover img{transform:none}}.pp-lockup b{font-family:var(--font-display);letter-spacing:-.025em;font-size:40px;font-weight:800}.pp-h1{font-family:var(--font-display);letter-spacing:-.038em;text-wrap:balance;margin:0;font-size:clamp(44px,6.6vw,82px);font-weight:800;line-height:.98}.pp-h1 .pp-soft{color:var(--t3)}.pp-tag{font-family:var(--font-display);letter-spacing:-.015em;color:var(--acc);margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:700}.pp-endorse{color:var(--t2);align-items:center;gap:10px;font-size:14px;display:inline-flex}.pp-endorse .pp-dots{gap:4px;display:inline-flex}.pp-endorse .pp-dots i{border-radius:3px;width:8px;height:8px;display:block}.pp .pp-endorse a{color:var(--t1);border-bottom:1px solid var(--ln2)}.pp .pp-endorse a:hover{border-color:var(--acc)}.pp-chips{flex-wrap:wrap;gap:8px;display:flex}.pp-chip{font:13px var(--font-mono);color:var(--bad);background:var(--bad-g);border:1px solid var(--bad-l);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--bad) 55%, transparent);border-radius:8px;padding:6px 10px}.pp-shot{position:relative}.pp-shot-glow{background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;border-radius:50%;height:82%;position:absolute;top:4%;left:8%;right:8%}.pp-win{border:1px solid var(--ln2);background:#0d0b12;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 50px 120px #0000008c,inset 0 0 0 1px #ffffff05}.pp-bar{background:#0f0d15;border-bottom:1px solid #ffffff0a;align-items:center;gap:7px;height:32px;padding:0 14px;display:flex}.pp-bar i{border-radius:6px;flex:none;width:11px;height:11px}.pp-bar i:first-child{background:#ff5f57}.pp-bar i:nth-child(2){background:#febc2e}.pp-bar i:nth-child(3){background:#28c840}.pp-bar span{font:12.5px var(--font-mono);color:#8a85a8;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding-right:47px;overflow:hidden}.pp-win img,.pp-win video{aspect-ratio:16/10;object-fit:cover;object-position:left top;background:#0d0b12;width:100%;height:auto;display:block}.pp-cap{color:var(--t3);text-align:center;margin:18px 0 0;font-size:13px}.pp-pending{font:11px var(--font-mono);color:var(--t2);background:var(--g3);border:1px dashed var(--ln2);white-space:nowrap;vertical-align:1px;border-radius:6px;padding:2px 7px;display:inline-block}.pp-float{background:var(--t1);color:var(--g);border-radius:14px;max-width:320px;padding:14px 16px;font-size:14px;line-height:1.45;position:absolute;box-shadow:0 30px 70px #00000080}.pp-float b{margin-bottom:2px;font-size:15px;display:block}.pp-term{min-width:0;font:13.5px / 1.8 var(--font-mono);background:var(--well);border:1px solid var(--ln);color:var(--t2);white-space:pre;border-radius:16px;margin:0;padding:22px 24px;overflow-x:auto}.pp-term .c{color:var(--t3)}.pp-term .a{color:var(--acc)}.pp-term .w{color:var(--t1)}.pp-term .k{color:var(--ok)}.pp-term-head{font:12px var(--font-mono);color:var(--t3);justify-content:space-between;align-items:center;gap:12px;padding:0 4px 10px;display:flex}.pp-breathe{background:var(--acc);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}@media (prefers-reduced-motion:no-preference){.pp-breathe{animation:pp-breathe 4s var(--ease-settle) infinite}}@keyframes pp-breathe{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.pp .pp-vc .vc-frame{background:linear-gradient(180deg, var(--g2), var(--g));border:1px solid var(--ln)}.pp .pp-vc .vc-dots{gap:0}.pp .pp-vc .vc-dots .vc-dot{color:var(--t3);min-width:44px;min-height:44px}.pp .pp-vc .vc-dots .vc-dot[aria-current]:after{background:var(--acc)}.pp .pp-vc .vc-dots .vc-dot[aria-current] .vc-dot-label,.pp .pp-vc .vc-dots:hover .vc-dot-label{color:var(--t1)}.pp-slide{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 36px 28px;display:grid;overflow:hidden}.pp-slide-top{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:12px 40px;display:grid}.pp-step{font:500 12px var(--font-mono);color:var(--acc);letter-spacing:.12em;margin-bottom:10px;display:block}.pp-slide h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.05}.pp-slide-say{flex-direction:column;gap:10px;display:flex}.pp-slide-say p{color:var(--t2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.pp-also{color:var(--t3);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:inline-flex}.pp-also code{font:13px var(--font-mono);color:var(--t1);background:var(--well);border:1px solid var(--ln);white-space:nowrap;border-radius:7px;padding:4px 8px}.pp-slide-media{justify-content:center;align-items:flex-start;min-height:0;display:flex;container-type:size}.pp-slide-media>*{width:min(100cqw,160cqh - 54.4px)}.pp-slide-media .pp-win{box-shadow:0 30px 80px #00000080}.pp-slide-panel{box-sizing:border-box;border:1px solid var(--ln2);background:var(--well);border-radius:14px;height:100%;padding:26px;overflow:hidden}@media (width<=760px){.pp-wrap,.pp-sub nav{padding:0 20px}.pp-sec{padding:80px 0}.pp-head{margin-bottom:32px}.pp-hero{padding:56px 0 40px}.pp-lockup img{border-radius:20px;width:84px;height:84px}.pp-lockup b{font-size:32px}.pp-lede{font-size:17px}.pp .pp-float.pp-float{max-width:none;margin-top:14px;position:relative;inset:auto}.pp-slide{grid-template-rows:auto auto;align-content:start;gap:16px;padding:22px 18px 18px}.pp-slide-top{grid-template-columns:minmax(0,1fr);gap:10px}.pp-slide-say p{font-size:15px}.pp-slide-media{container-type:normal}.pp-slide-media>*{width:100%}.pp-slide-panel{height:auto;padding:18px}.pp-sub-me{min-height:44px}.pp-sub nav{scrollbar-width:none;flex-wrap:nowrap;gap:18px;overflow-x:auto}.pp-sub nav::-webkit-scrollbar{display:none}.pp .pp-sub a,.pp-sub-me{flex:none}.pp-pending{white-space:normal;overflow-wrap:anywhere}.pp .pp-vc .vc-dots{margin:0 -10px}.pp .pp-vc .vc-frame,.pp .pp-vc .vc-frame>[data-slide]{height:min(620px,80vh)}}