.ag-page{isolation:isolate;background:radial-gradient(60% 50% at 50% -10%, #3b5bfd2e, transparent 70%) no-repeat, var(--c-ink);color:var(--c-dark-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-size:100% 900px,auto;padding-bottom:112px;position:relative}.ag-page :focus-visible{outline-color:#8ea2ff}.ag-page a{color:#8ea2ff;text-decoration:none}.ag-page a:hover{color:#b3c1ff}.ag-page code{font-family:var(--f-mono);border:1px solid var(--c-dark-line);color:var(--c-dark-text);background:#151924;border-radius:6px;padding:.05em .35em;font-size:.9em}.ag-kicker{font-family:var(--f-sans);color:#a9b8ff;font-size:14px;font-weight:560}.ag-hero{flex-direction:column;gap:22px;max-width:1200px;margin:0 auto;padding:96px 32px 64px;display:flex}.ag-hero h1{max-width:900px;font-family:var(--f-display);letter-spacing:-.025em;color:#fff;text-wrap:balance;margin:0;font-size:76px;font-weight:700;line-height:.98}.ag-hero p{max-width:740px;color:var(--c-dark-muted);margin:0;font-size:20px;line-height:1.55}.ag-ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.ag-way{transition:box-shadow .35s var(--dt-ease), transform .35s var(--dt-ease), background-color .3s;background:#ffffff09;border-radius:24px;flex-direction:column;gap:14px;min-width:0;padding:28px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.ag-way-featured{background:radial-gradient(90% 80% at 100% 0,#3b5bfd38,#0000 70%),#ffffff0a;box-shadow:inset 0 0 0 1px #8ea2ff38,0 30px 60px -30px #3b5bfd59}.ag-way-kicker{color:var(--dt-dark-faint,#8a91a6);font-size:13.5px;font-weight:500}.ag-way-featured .ag-way-kicker{color:#8ea2ff}.ag-way h2{font-family:var(--f-display);color:#fff;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.ag-way p{color:var(--c-dark-muted);flex-grow:1;margin:0;font-size:15px;line-height:1.6}.ag-copy-field{background:#0000004d;border-radius:14px;align-items:center;gap:8px;min-width:0;height:46px;padding:0 6px 0 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.ag-copy-field .mono{min-width:0;color:var(--c-dark-text);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:13px;overflow:hidden}.ag-btn{height:34px;transition:background-color .2s, transform .3s var(--dt-ease);background:var(--c-accent-fill);color:#fff;font:600 13px var(--f-sans);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;flex-shrink:0;padding:0 13px}.ag-btn:hover{background:var(--c-accent-fill-hover)}.ag-btn-ghost{height:34px;font:500 13px var(--f-sans);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;align-items:center;padding:0 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24;color:#c9cedb!important}.ag-btn-ghost:hover{background:#ffffff0f;color:#fff!important}.ag-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px;max-width:1200px;margin:0 auto;padding:88px 32px 0;display:grid}.ag-col{flex-direction:column;gap:16px;min-width:0;display:flex}.ag-col h2{font-family:var(--f-display);color:#fff;letter-spacing:-.025em;margin:0;font-size:44px;font-weight:700;line-height:1.04}.ag-col>p{color:var(--c-dark-muted);margin:0;font-size:17px;line-height:1.6}.ag-connect{flex-direction:column;gap:16px;margin-top:8px;display:flex}.ag-tabs{background:#ffffff0d;border-radius:14px;align-self:flex-start;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.ag-tabs button{height:36px;font:600 14px var(--f-sans);cursor:pointer;color:var(--c-dark-muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 16px;transition:background-color .25s,color .25s}.ag-tabs button[aria-selected=true]{background:var(--c-accent-fill);color:#fff}.ag-code{background:#ffffff09;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.ag-code-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:42px;padding:0 6px 0 14px;display:flex}.ag-code-bar>span{font-family:var(--f-mono);color:var(--dt-dark-faint,#8a91a6);font-size:12px}.ag-code pre{font-family:var(--f-mono);color:#e6e9f2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;font-size:14px;line-height:1.7}.ag-note,.ag-small{color:#8f96ab;margin:0;font-size:14px;line-height:1.6}.ag-prompt{background:#ffffff09;border-radius:18px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.ag-prompt-ask{color:#fff;font-size:16px;line-height:1.5}.ag-prompt .mono{color:var(--dt-dark-faint,#8a91a6);font-size:12px;line-height:1.5}.ag-skill{flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;padding:88px 32px 0;display:flex}.ag-skill-panel{background:#ffffff09;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.ag-skill-bar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px 8px 18px;display:flex}.ag-skill-bar>.mono{color:#c9cedb;font-size:13px}.ag-skill-actions{gap:8px;display:flex}.ag-skill pre{color:#c9cedb;white-space:pre-wrap;overflow-wrap:anywhere;max-height:640px;margin:0;padding:22px 24px;font-size:13.5px;line-height:1.75;overflow:auto}@media (max-width:1024px){.ag-ways{grid-template-columns:minmax(0,1fr)}.ag-two{grid-template-columns:minmax(0,1fr);gap:64px}}@media (max-width:640px){.ag-page{padding-bottom:72px}.ag-hero{padding:56px 16px 40px}.ag-hero h1{font-size:42px}.ag-hero p{font-size:17px}.ag-ways,.ag-two,.ag-skill{padding-left:16px;padding-right:16px}.ag-two,.ag-skill{padding-top:64px}.ag-col h2{font-size:34px}.ag-skill pre{padding:16px;font-size:12.5px}}
