.pg-install .install-hero{text-align:center;border-bottom:1px solid var(--cream-border);padding:64px 48px 48px}.pg-install .install-title{font-family:var(--font-display);margin-bottom:16px;font-size:40px;font-weight:700}.pg-install .install-subtitle{color:var(--muted);max-width:640px;margin:0 auto 8px;font-size:16px;line-height:1.6}.pg-install .install-platforms{color:var(--dim);margin-top:16px;font-size:13px}.pg-install .tab-container{max-width:800px;margin:0 auto;padding:48px 24px}.pg-install .tab-row{border-bottom:1px solid var(--cream-border);gap:0;margin-bottom:32px;display:flex}.pg-install .tab-btn{font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;padding:12px 24px;font-size:15px;font-weight:500;transition:color .15s}.pg-install .tab-btn:hover{color:var(--cream)}.pg-install .tab-btn.active{color:var(--copper);border-bottom-color:var(--copper)}.pg-install .tab-panel{display:none}.pg-install .tab-panel.active{display:block}.pg-install .method-label{letter-spacing:.08em;text-transform:uppercase;color:var(--copper);margin-bottom:8px;font-size:12px;font-weight:500}.pg-install .method-headline{font-family:var(--font-display);margin-bottom:8px;font-size:24px;font-weight:600}.pg-install .method-body{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.6}.pg-install .code-block{background:var(--surface);border:1px solid var(--cream-border);border-radius:10px;margin-bottom:24px;padding:20px;position:relative;overflow-x:auto}.pg-install .code-block pre{font-family:var(--font-code);color:var(--cream);white-space:pre;margin:0;font-size:13px;line-height:1.6}.pg-install .code-block .kw{color:var(--copper)}.pg-install .code-block .str{color:var(--sage)}.pg-install .code-block .comment{color:var(--dim)}.pg-install .copy-btn{font-family:var(--font-code);color:var(--copper);border:1px solid var(--copper-border);cursor:pointer;background:rgba(194,113,79,.1);border-radius:4px;padding:4px 10px;font-size:11px;position:absolute;top:12px;right:12px}.pg-install .copy-btn:hover{background:rgba(194,113,79,.2)}.pg-install .step{margin-bottom:32px}.pg-install .step-number{font-family:var(--font-display);color:var(--copper);margin-bottom:8px;font-size:20px;font-weight:700}.pg-install .step-text{color:var(--cream);font-size:15px;line-height:1.6}.pg-install .step-text .env-name{font-family:var(--font-code);color:var(--copper);font-size:13px}.pg-install .env-selector{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.pg-install .env-chip{color:var(--muted);border:1px solid var(--cream-border);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.pg-install .env-chip:hover{color:var(--cream);border-color:var(--copper)}.pg-install .env-chip.active{color:var(--copper);border-color:var(--copper);background:rgba(194,113,79,.08)}.pg-install .env-instruction{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}.pg-install .next-section{background:var(--surface);border:1px solid var(--cream-border);border-radius:10px;margin-top:32px;padding:24px}.pg-install .next-title{font-family:var(--font-display);margin-bottom:12px;font-size:18px;font-weight:600}.pg-install .next-body{color:var(--muted);font-size:14px;line-height:1.6}.pg-install .install-footer{text-align:center;color:var(--dim);border-top:1px solid var(--cream-border);padding:32px 48px;font-size:12px}.pg-install .install-footer a{color:var(--copper);text-decoration:none}@media (max-width:768px){.pg-install .install-hero{padding:40px 20px 32px}.pg-install .install-title{font-size:28px}.pg-install .tab-container{padding:32px 16px}.pg-install .tab-btn{padding:10px 16px;font-size:14px}.pg-install .code-block{padding:16px}.pg-install .code-block pre{font-size:12px}}
