.ag-main{max-width:1180px;margin:auto;padding:0 28px;color:var(--text-1)}
.ag-hero{padding:100px 0 64px;max-width:960px}.ag-hero h1{font-size:clamp(2.8rem,6.8vw,5.4rem);line-height:1.03;letter-spacing:-.06em;font-weight:600;margin:24px 0}.ag-intro{max-width:690px;font-size:1.15rem;line-height:1.7;color:var(--text-3)}
.ag-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:30px 0}.ag-text-link{color:var(--text-1);font-weight:600}.ag-preview{border:1px solid var(--border-2);background:var(--bg-2);padding:18px 20px;display:flex;gap:22px;max-width:790px;font-size:.88rem;line-height:1.6;border-radius:8px}.ag-preview strong{white-space:nowrap}.ag-preview span{color:var(--text-3)}
.ag-section{padding:56px 0;border-top:1px solid var(--border-2)}.ag-section h2{font-size:clamp(1.65rem,3.6vw,2.35rem);line-height:1.16;letter-spacing:-.035em;font-weight:600;margin:14px 0 20px}.ag-section-title{margin-bottom:32px;max-width:740px}.ag-section p{line-height:1.65;color:var(--text-3)}.ag-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ag-mode{padding:26px;border:1px solid var(--border-2);border-radius:10px;background:var(--bg-1);display:flex;flex-direction:column;align-items:flex-start}.ag-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.ag-mode h3{font-size:1.4rem;letter-spacing:-.025em;margin:16px 0}.ag-mode p{font-size:.93rem}.ag-mode .ag-formula{font-family:var(--font-mono);font-size:.8rem;color:var(--text-1);padding-top:20px;margin-top:auto}.ag-small{font-size:.8rem!important;line-height:1.6;color:var(--text-3)}
.ag-table-wrap{overflow:auto;border:1px solid var(--border-2);border-radius:10px}.ag-table{border-collapse:collapse;width:100%;font-size:.87rem;text-align:left}.ag-table th{background:var(--bg-2);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;padding:16px 20px}.ag-table td{padding:19px 20px;border-top:1px solid var(--border-2);line-height:1.5}.ag-table code{font-size:.8rem;white-space:nowrap}.ag-table td:nth-child(2){color:var(--text-3)}.ag-table td:last-child{white-space:nowrap}
.ag-workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.ag-workflow>div{min-width:0}.ag-code-card{min-width:0;background:var(--bg-2);border:1px solid var(--border-2);border-radius:10px;overflow:hidden}.ag-code-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-2);font-size:.8rem}.ag-code-heading h3{font-size:.95rem;margin:0}.ag-code-heading button{cursor:pointer;color:var(--text-1);background:var(--bg-1);border:1px solid var(--border-2);border-radius:5px;padding:6px 12px;font:inherit}.ag-code-card pre{max-width:100%;overflow:auto;margin:0;padding:22px;font-size:.8rem;line-height:1.75;color:var(--text-1);text-align:left;white-space:pre}.ag-code-card>.ag-small{padding:8px 22px 0;margin:0}.ag-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;counter-reset:step;margin:32px 0}.ag-steps li{counter-increment:step}.ag-steps li:before{content:'0' counter(step);display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-3);margin-bottom:14px}.ag-steps p{font-size:.88rem}.ag-connections{display:grid;gap:16px}.ag-scope{max-width:830px;padding-bottom:90px}
@media(max-width:760px){.ag-main{padding:0 20px}.ag-hero{padding:64px 0 40px}.ag-modes,.ag-steps,.ag-workflow{grid-template-columns:1fr}.ag-workflow{gap:24px}.ag-preview{flex-direction:column;gap:6px}.ag-section{padding:36px 0}.ag-table th,.ag-table td{padding:14px}.ag-hero h1{font-size:2.9rem}.ag-modes{gap:12px}.ag-mode{padding:22px}.ag-code-card pre{padding:16px;font-size:.73rem}.ag-scope{padding-bottom:60px}}

.ag-client-picker{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ag-client-picker[hidden],.ag-connect-panel[hidden],#cursor-install[hidden]{display:none}.ag-client-picker button{font:inherit;font-size:.88rem;cursor:pointer;border:1px solid var(--border-2);background:var(--bg-1);color:var(--text-1);border-radius:6px;padding:11px 16px}.ag-client-picker button[aria-pressed="true"]{background:var(--text-1);color:var(--bg-1)}.ag-connect-panel{padding:8px 0 20px}.ag-connect-panel h3,.ag-connect-followup h3{font-size:1.1rem;letter-spacing:-.015em}.ag-server-url{margin:0 0 26px}.ag-server-url pre,.ag-connect-followup pre{white-space:pre-wrap;overflow-wrap:anywhere}.ag-connect-followup{display:grid;grid-template-columns:1fr 1fr;gap:36px}.ag-connect-followup>div{min-width:0}.ag-advanced{margin-top:32px;border-top:1px solid var(--border-2);padding-top:22px}.ag-advanced summary{cursor:pointer;font-weight:600}.ag-client-picker button:focus-visible,.ag-advanced summary:focus-visible{outline:2px solid var(--text-1);outline-offset:3px}
@media(max-width:760px){.ag-connect-followup{grid-template-columns:1fr;gap:16px}.ag-client-picker button{font-size:.8rem;padding:10px 12px}}