.ag-hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 45%, var(--color-secondary) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:-1rem -1rem 4rem;padding:5rem 3rem;position:relative;overflow:hidden}.ag-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ag-hero-inner{z-index:1;position:relative}.ag-hero-badge{backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-sans);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.12em;background:#ffffff26;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.ag-hero-title{font-family:var(--font-family-display);color:#fff;letter-spacing:-.02em;max-width:18ch;margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.03}.ag-hero-title em{color:var(--color-primary-surface);font-style:normal}.ag-hero-subtitle{font-family:var(--font-family-sans);color:#ffffffeb;max-width:48rem;margin:0 0 2rem;font-size:1.15rem;font-weight:300;line-height:1.6}.ag-install{border-radius:var(--radius-md);background:#0f172a59;border:1px solid #ffffff38;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:100%;padding:.6rem .6rem .6rem 1rem;display:flex}.ag-install-label{font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-surface);flex-shrink:0;font-size:.68rem;font-weight:700}.ag-install-cmd{color:#fff;white-space:nowrap;flex:1;min-width:0;font-family:SF Mono,Monaco,monospace;font-size:.85rem;overflow-x:auto}.ag-copy{font-family:var(--font-family-sans);color:var(--color-primary-dark);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.82rem;font-weight:600;transition:background .12s;display:inline-flex}.ag-copy.is-copied{background:var(--color-success-surface);color:var(--color-success-text)}.ag-copy:focus-visible{outline-offset:2px;outline:2px solid #fff}.ag-section{margin-bottom:5rem}.ag-head{margin-bottom:2rem}.ag-head-label{font-family:var(--font-family-sans);text-transform:uppercase;color:var(--color-primary);letter-spacing:.15em;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.ag-head-title{font-family:var(--font-family-display);letter-spacing:-.015em;color:var(--color-text-heading);margin:0;font-size:clamp(1.6rem,4vw,2.35rem);font-weight:800;line-height:1.1}.ag-text{font-family:var(--font-family-sans);color:var(--color-text-secondary);max-width:44rem;margin:0 0 1.5rem;font-size:1rem;line-height:1.65}.ag-text strong{color:var(--color-text-heading);font-weight:600}.ag-text code,.ag-note code,.ag-callout-text code{background:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.85em}.ag-clients{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=820px){.ag-clients{grid-template-columns:1fr}}.ag-client-head{font-family:var(--font-family-display);color:var(--color-text-heading);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.ag-client-head .material-symbols-outlined{color:var(--color-primary);font-size:20px}.ag-code{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#1e293b;overflow:hidden}.ag-code-bar{background:#334155;align-items:center;gap:.45rem;padding:.6rem .9rem;display:flex}.ag-dot{border-radius:var(--radius-pill);width:11px;height:11px}.ag-dot.d1{background:#64748b}.ag-dot.d2{background:#94a3b8}.ag-dot.d3{background:#cbd5e1}.ag-code-lang{color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.ag-code pre{color:#e2e8f0;white-space:pre;margin:0;padding:1.15rem 1.25rem;font-family:SF Mono,Monaco,monospace;font-size:.82rem;line-height:1.7;overflow-x:auto}.ag-code .c-cm{color:#94a3b8;font-style:italic}.ag-code .c-k{color:#7dd3fc}.ag-code .c-v{color:#a5f3fc}.ag-code .c-p{color:#94a3b8}.ag-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.ag-table{border-collapse:collapse;background:var(--color-surface);width:100%;font-family:var(--font-family-sans);font-size:.9rem}.ag-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.7rem;font-weight:700}.ag-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);vertical-align:top;padding:.85rem 1rem;line-height:1.5}.ag-table tr:last-child td{border-bottom:none}.ag-tool{color:var(--color-primary-dark);white-space:nowrap;font-family:SF Mono,Monaco,monospace;font-size:.85rem;font-weight:600}.ag-args{color:var(--color-text-muted);white-space:nowrap;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.ag-none{color:var(--color-text-disabled)}.ag-callout{background:var(--color-primary-surface);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);gap:.85rem;max-width:44rem;padding:1.15rem 1.35rem;display:flex}.ag-callout .material-symbols-outlined{color:var(--color-primary-dark);flex-shrink:0;font-size:1.35rem}.ag-callout-text{font-family:var(--font-family-sans);color:var(--color-primary-dark);margin:0;font-size:.95rem;line-height:1.6}.ag-callout-text strong{color:var(--color-secondary-dark);font-weight:700}.ag-callout-text em{font-style:italic}.ag-note{align-items:flex-start;gap:.75rem;max-width:44rem;margin-top:1.25rem;display:flex}.ag-note .material-symbols-outlined{color:var(--color-text-muted);flex-shrink:0;margin-top:.1rem;font-size:1.2rem}.ag-note p{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.55}