.pg-code-page{color:#17233e;max-width:1120px;margin:0 auto;padding:46px 24px 80px}.pg-code-fallback{color:#41536f;background:#fff;border:1px solid #dfe6f3;border-radius:20px;max-width:720px;margin:0 auto;padding:30px;line-height:1.55}.pg-code-fallback h2{color:#17233e;margin-top:0}.pg-code-page *{box-sizing:border-box}.pg-code-heading{text-align:center;max-width:750px;margin:0 auto 34px}.pg-code-heading>a{color:#4567a8;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.pg-code-heading>p:nth-child(2),.pg-code-kicker{letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#527ad1!important;margin:24px 0 8px!important;font-size:11px!important}.pg-code-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,78px);line-height:1.04}.pg-code-heading>p:last-child{color:#596985;max-width:650px;margin:18px auto 0;font-size:18px;line-height:1.55}.pg-code{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:22px;display:grid}.pg-code-patterns{gap:10px;display:grid;position:sticky;top:20px}.pg-code-patterns button{text-align:left;color:#213252;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #dfe6f3;border-radius:16px;gap:8px;padding:19px 20px;display:grid;box-shadow:0 6px 20px #d6e1f422}.pg-code-patterns button.selected{background:#eaf2ff;border-color:#7299eb;box-shadow:0 10px 28px #8bace833}.pg-code-patterns button:hover{border-color:#9cb9ed}.pg-code-patterns small{color:#527ad1;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.pg-code-patterns strong{font-size:16px;line-height:1.25}.pg-code-card{background:#fff;border:1px solid #dfe6f3;border-radius:22px;min-height:565px;overflow:hidden;box-shadow:0 18px 55px #a9bad033}.pg-code-top{color:#6b7b99;letter-spacing:.13em;border-bottom:1px solid #e9eef7;justify-content:space-between;padding:17px 28px;font-size:10px;font-weight:800;display:flex}.pg-code-stage{max-width:720px;margin:0 auto;padding:25px 38px 40px}.pg-code-stage h2{color:#17233e;letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(30px,4.4vw,48px);line-height:1.1}.pg-code-stage>p:not(.pg-code-kicker),.pg-code-note{color:#596985;font-size:15px;line-height:1.55}.pg-code-stage label{color:#253a62;gap:8px;margin:19px 0;font-size:13px;font-weight:750;display:grid}.pg-code-stage input,.pg-code-stage textarea{color:#17233e;resize:vertical;background:#f9fbff;border:1px solid #cbd8eb;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.45}.pg-code-stage input:focus,.pg-code-stage textarea:focus{border-color:#4a83e7;box-shadow:0 0 0 3px #b8d1ff88}.pg-code-excerpts{background:#f5f8fd;border-radius:14px;margin-top:24px;padding:17px 20px}.pg-code-excerpts>strong{color:#253a62;font-size:13px}.pg-code-excerpts label{margin:12px 0}.pg-code-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.pg-code-primary,.pg-code-technical button{cursor:pointer;background:#3479ea;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex;color:#fff!important}.pg-code-primary:hover,.pg-code-technical button:hover{background:#245fcb}.pg-code-primary:disabled{opacity:.55;cursor:not-allowed}.pg-code-actions>a:not(.pg-code-primary),.pg-code-stage a:not(.pg-code-primary){color:#3567c2;font-weight:700}.pg-code-back{color:#4a6db1;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.4}.pg-code-steps{gap:12px;margin:26px 0;padding:0;list-style:none;display:grid}.pg-code-steps li{color:#52617a;background:#f9fbff;border:1px solid #e3eaf5;border-radius:14px;align-items:center;gap:16px;padding:17px;line-height:1.5;display:flex}.pg-code-steps li>b{color:#2d6cda;background:#e1edff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.pg-code-steps strong{color:#193153}.pg-code-technical{color:#425472;background:#f5f8fd;border:1px solid #dae5f5;border-radius:12px;margin:24px 0;padding:16px 18px;font-size:13px}.pg-code-technical summary{color:#234a8b;cursor:pointer;font-weight:800}.pg-code-technical pre{color:#dfeaff;white-space:pre-wrap;overflow-wrap:anywhere;background:#102138;border-radius:8px;max-height:300px;padding:14px;font-size:11px;line-height:1.5;overflow:auto}.pg-code-technical button{min-height:36px;padding:8px 12px;font-size:12px}.pg-code-technical span{margin-top:8px;display:block}.pg-code-technical ol{padding-left:20px;line-height:1.8}.pg-code-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.pg-code-flow span{color:#28599c;background:#eef5ff;border-radius:12px;padding:18px;font-size:13px;font-weight:750}.pg-code-branch{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.pg-code-branch button{color:#355173;cursor:pointer;background:#fff;border:1px solid #cad8ee;border-radius:9px;padding:11px 15px;font-family:inherit;font-size:13px;font-weight:700}.pg-code-branch button[aria-pressed=true]{color:#265dbb;background:#eaf2ff;border-color:#4c83e0}.pg-code-outcome{color:#324564;background:linear-gradient(145deg,#eef6ff,#f9fbff);border:1px solid #b9d4ff;border-radius:16px;margin:22px 0;padding:24px;line-height:1.5}.pg-code-outcome strong{color:#172f57;font-size:20px;line-height:1.25;display:block}.pg-code-outcome p{color:#425572;margin:12px 0 0;font-size:14px}.pg-code-error{background:#fff4f4;border:1px solid #edbaba;border-radius:12px;padding:18px;color:#8f3636!important}.pg-code-boundary{color:#344767;background:#eaf0fa;border-radius:14px;max-width:850px;margin:32px auto 0;padding:20px 25px;line-height:1.55}.pg-code-boundary strong{color:#1d3865}.pg-code-boundary p{margin:7px 0 0;font-size:13px}.pg-code-invite{color:#223e70;background:#eaf3ff;border:1px solid #bcd2f6;border-radius:20px;align-items:center;gap:25px;margin:30px 0 10px;padding:29px;display:flex}.pg-code-invite>span{color:#3077e8;background:#d2e5ff;border-radius:18px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:31px;display:grid}.pg-code-invite h2{letter-spacing:-.04em;margin:3px 0 5px;font-size:27px}.pg-code-invite p:not(.pg-landing-kicker){font-size:14px;line-height:1.45;color:#596985!important;margin:0!important}.pg-code-invite .pg-landing-kicker{margin:0!important}.pg-code-invite>a{background:#3479ea;border-radius:10px;flex:none;margin-left:auto;padding:13px 18px;font-size:13px;font-weight:750;text-decoration:none;color:#fff!important}@media (width<=760px){.pg-code-page{padding:28px 16px 55px}.pg-code-heading{margin-bottom:27px}.pg-code-heading>p:last-child{font-size:15px}.pg-code{grid-template-columns:1fr}.pg-code-patterns{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;position:static;overflow-x:auto}.pg-code-patterns button{scroll-snap-align:start;flex:0 0 190px;min-height:92px}.pg-code-stage{padding:22px 22px 30px}.pg-code-invite{flex-wrap:wrap;align-items:flex-start}.pg-code-invite>a{margin-left:0}.pg-code-flow{grid-template-columns:1fr 1fr}}@media (width<=430px){.pg-code-heading h1{font-size:40px}.pg-code-top{padding-inline:20px}.pg-code-stage{padding-inline:18px}.pg-code-steps li{align-items:flex-start}.pg-code-flow{grid-template-columns:1fr}.pg-code-invite>span{display:none}.pg-code-branch button{flex:100%}}