/* Styles are scoped; existing website sections and buttons are untouched. */
.pgi-root{--pgi-ink:#20251f;--pgi-muted:#62695f;--pgi-lime:#d5f26c;--pgi-line:#dce1d3;box-sizing:border-box;min-width:0;max-width:100%;font-family:inherit;line-height:1.5;text-align:left}
.pgi-root *,.pgi-root *::before,.pgi-root *::after{box-sizing:border-box}
.pgi-root a{color:inherit}
.pgi-hero{margin:28px 0 32px;color:var(--pgi-ink)}
.pgi-root .pgi-integration-title{margin:0 0 18px;font-size:clamp(24px,2.5vw,36px);font-weight:750;line-height:1.18;letter-spacing:-.7px;color:var(--pgi-ink)}
.pgi-integration-title span{background:var(--pgi-lime);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 4px}
.pgi-root .pgi-subtitle{margin:0 0 20px;font-size:16px;max-width:740px;color:var(--pgi-muted)}
.pgi-root .pgi-flow{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:8px;max-width:680px;margin:22px 0}
.pgi-root .pgi-node{min-width:0;border:1px solid var(--pgi-line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:16px 8px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s}
.pgi-node:hover{transform:translateY(-2px)}
.pgi-node:focus-visible,.pgi-btn:focus-visible,.pgi-textlink:focus-visible{outline:3px solid #275231;outline-offset:4px}
.pgi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.pgi-icon svg{display:block;width:29px;height:29px;max-width:100%}
.pgi-whatsapp{background:#20b65b;color:#fff}
.pgi-instagram{background:linear-gradient(135deg,#773acb,#e2377f 55%,#f3a544);color:#fff}
.pgi-gpt{background:#20251f;color:#fff;font-size:14px;font-weight:750;position:relative;overflow:hidden}
.pgi-gpt img{position:absolute;inset:7px;width:28px;height:28px;filter:invert(1);background:transparent}
.pgi-root .pgi-arrow{display:block;width:100%;height:34px;color:#647d31;max-width:100%}
.pgi-arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.pgi-root .pgi-caption{margin:0 0 20px;color:var(--pgi-muted);font-size:13px}
.pgi-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pgi-root .pgi-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 20px;border-radius:999px;background:var(--pgi-lime);border:1px solid transparent;color:#20251f;font-size:14px;font-weight:700;text-decoration:none;line-height:1.35}
.pgi-textlink{font-size:14px;text-underline-offset:5px}
.pgi-root.pgi-examples{width:100%;grid-column:1/-1;margin:36px 0 0;padding:30px 0 0;border-top:1px solid var(--pgi-line);scroll-margin-top:100px}
.pgi-root .pgi-eyebrow{margin:0 0 16px;font-size:11px;font-weight:750;line-height:1.45;letter-spacing:1.2px;text-transform:uppercase;color:var(--pgi-muted)}
.pgi-root.pgi-examples>h2{margin:0 0 24px;font-size:clamp(26px,3vw,38px);line-height:1.16;letter-spacing:-.8px;color:inherit}
.pgi-case{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;border-radius:24px;padding:34px;background:#20251f;color:#f5f7ef;overflow:hidden;min-width:0}
.pgi-case>div{min-width:0}
.pgi-case .pgi-eyebrow{color:var(--pgi-lime)}
.pgi-root .pgi-case h3{margin:0 0 20px;font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:-.7px;color:#f5f7ef}
.pgi-root .pgi-case p{margin:0 0 20px;color:#c9cfc3;font-size:15px}
.pgi-chips{display:flex;flex-wrap:wrap;gap:8px}
.pgi-chip{border:1px solid #535c4c;border-radius:99px;padding:7px 11px;font-size:12px;color:#e3e8dc}
.pgi-root .pgi-process{display:block;position:relative;min-width:0;overflow:hidden;padding:18px 22px;border-radius:18px;background:#2d342a;color:#f5f7ef}
.pgi-process::before,.pgi-process::after{display:none!important;content:none!important}
.pgi-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #49513f}
.pgi-step:first-child{padding-top:3px}.pgi-step:last-child{padding-bottom:3px;border:0}
.pgi-number{color:var(--pgi-lime);font-size:13px;font-weight:700;padding-top:3px}
.pgi-step strong{display:block;font-size:16px;color:#f5f7ef;margin:0 0 5px}
.pgi-root .pgi-step p{margin:0;font-size:14px;color:#bfc8b5}
.pgi-case .pgi-btn{margin-top:24px}
.pgi-root .pgi-case .pgi-note{margin:15px 0 0;font-size:12px;color:#aab5a0}
@media(max-width:700px){.pgi-root .pgi-flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:4px}.pgi-root .pgi-node{flex-direction:column;gap:8px;padding:13px 3px;font-size:11px;border-radius:14px}.pgi-root .pgi-arrow{height:28px}.pgi-case{grid-template-columns:1fr;gap:22px;padding:24px 19px;border-radius:21px}.pgi-root .pgi-process{padding:16px}.pgi-root .pgi-integration-title{font-size:26px}.pgi-actions .pgi-btn{width:100%}.pgi-actions .pgi-textlink{width:100%;text-align:center}.pgi-case .pgi-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pgi-node{transition:none}}

/* Match the established site palette and keep the hero additions compact. */
.pgi-root{--pgi-lime:#c7f178;--pgi-ink:#1d2625}
.pgi-root .pgi-node{flex-direction:column}
.pgi-root .pgi-case .pgi-eyebrow{color:var(--pgi-lime);font-size:11px}
.hero-grid{align-items:start}
.hero-art{margin-top:28px}
@media(max-width:600px){.hero-art{margin-top:0}}

.pgi-root .pgi-integration-title{text-wrap:balance}