.c4a{--a-bg:#101817;--a-panel:#1a2422;--a-text:#f4f7f6;--a-muted:#bdcbc6;--a-line:#35443f;--a-green:#64e6ae;--a-yellow:#f4da71;--a-code:#0a1210;color:var(--a-text);background:var(--a-bg);font-size:17px;line-height:1.7;letter-spacing:0}
.c4a *{box-sizing:border-box;letter-spacing:0}.c4a a{color:var(--a-green);text-underline-offset:4px}.c4a a:hover{text-decoration:underline}.c4a .a-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.c4a h1,.c4a h2,.c4a h3{color:var(--a-text);line-height:1.16;margin:0 0 22px;letter-spacing:0;overflow-wrap:break-word}.c4a h1{font-size:52px;font-weight:750;max-width:960px}.c4a h2{font-size:34px}.c4a h3{font-size:23px}.c4a p{margin:0 0 18px}.c4a .a-kicker{font-size:14px;font-weight:750;color:var(--a-green);margin-bottom:20px}.c4a .a-brand{font-size:24px;color:white;display:block;margin-bottom:16px}.c4a .a-lead{max-width:780px;color:#e4ece8;font-size:20px;line-height:1.6}.c4a .a-hero{position:relative;isolation:isolate;overflow:hidden;background:#101817;padding:50px 0 44px;min-height:670px}.c4a .a-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2;opacity:.28}.c4a .a-hero:before{content:"";position:absolute;inset:0;background:rgba(10,18,16,.48);z-index:-1}.c4a .a-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.c4a .a-btn{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--a-line);border-radius:4px;background:var(--a-panel);color:var(--a-text);font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}.c4a .a-btn:hover{text-decoration:none;background:#2b3c34}.c4a .a-btn-primary{background:var(--a-green);border-color:var(--a-green);color:#07150e}.c4a .a-btn-primary:hover{background:#a4f4d1}.c4a .a-small{font-size:14px;color:var(--a-muted)}.c4a .a-status{color:var(--a-yellow);border-left:3px solid var(--a-yellow);padding-left:16px;max-width:850px;font-size:15px;margin-top:28px}.c4a .a-subnav{border-bottom:1px solid var(--a-line);background:#17211e}.c4a .a-subnav .a-wrap{display:flex;gap:28px;flex-wrap:wrap;padding-block:18px}.c4a .a-subnav a{font-size:15px;text-decoration:none;color:var(--a-muted)}.c4a section[id]{scroll-margin-top:36px}.c4a .a-section{padding:68px 0;border-bottom:1px solid var(--a-line)}.c4a .a-intro{max-width:820px;color:var(--a-muted)}.c4a .a-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}.c4a .a-feature{border-top:2px solid var(--a-green);padding-top:22px}.c4a .a-feature:nth-child(2){border-color:var(--a-yellow)}.c4a .a-feature:nth-child(3){border-color:#8cc8f4}.c4a .a-feature p{color:var(--a-muted);font-size:16px}.c4a figure{margin:32px 0 0}.c4a figure img{display:block;width:100%;height:auto;aspect-ratio:1514/1100;object-fit:contain;background:#171c1b;border:1px solid var(--a-line)}.c4a figcaption{font-size:14px;color:var(--a-muted);margin-top:12px}.c4a .a-preview-modes{display:flex;gap:8px;margin-top:26px}.c4a .a-preview-modes button{border:1px solid var(--a-line);padding:8px 18px;background:transparent;color:var(--a-text);font:inherit;font-size:15px;cursor:pointer;border-radius:3px}.c4a .a-preview-modes [aria-pressed=true]{background:var(--a-green);color:#07150e;border-color:var(--a-green)}.c4a .a-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:34px}.c4a ul,.c4a ol{padding-left:22px;margin:0 0 20px}.c4a li{margin:10px 0;color:var(--a-muted)}.c4a li strong{color:var(--a-text)}.c4a .a-warning{border-left:3px solid var(--a-yellow);padding:18px 22px;background:#24271d;color:#f1e9c8;margin:28px 0}.c4a .a-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.c4a .a-flow div{border-block:1px solid var(--a-line);padding:22px 0}.c4a .a-flow strong{display:block;margin-bottom:8px;font-size:20px}.c4a .a-flow p{font-size:15px;color:var(--a-muted);margin:0}.c4a .a-docs-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:54px;margin-top:36px}.c4a .a-docnav{align-self:start;position:sticky;top:28px;display:flex;flex-direction:column;gap:14px;font-size:14px}.c4a .a-docnav a{text-decoration:none;color:var(--a-muted)}.c4a .a-step{padding:0 0 34px;margin:0 0 30px;border-bottom:1px solid var(--a-line);scroll-margin-top:32px}.c4a .a-step h3{font-size:25px}.c4a .a-step:last-child{border:0;padding-bottom:0}.c4a .a-code{position:relative;margin:22px 0;background:var(--a-code);border:1px solid var(--a-line);border-radius:4px;overflow:hidden}.c4a .a-code-label{padding:10px 52px 10px 16px;border-bottom:1px solid var(--a-line);font-size:12px;color:var(--a-muted)}.c4a pre{margin:0;padding:18px;font-size:14px;line-height:1.8;white-space:pre;overflow-x:auto;color:#d9f9e9;background:transparent;border:0}.c4a code{font-family:Consolas,monospace;overflow-wrap:anywhere}.c4a p code,.c4a li code{font-size:.9em;color:#d7edff}.c4a .a-copy{position:absolute;right:8px;top:5px;width:34px;height:30px;border:1px solid var(--a-line);border-radius:3px;background:#26362d;color:var(--a-text);font-size:21px;cursor:pointer}.c4a .a-copy:hover{background:#40594a}.c4a .a-agent{background:#19231f}.c4a .a-agent-prompt{border-left:3px solid var(--a-green);padding:16px 22px;background:#101915;max-width:900px}.c4a .a-faq details{border-top:1px solid var(--a-line);padding:22px 0}.c4a .a-faq details:last-child{border-bottom:1px solid var(--a-line)}.c4a summary{cursor:pointer;font-weight:700;font-size:19px;color:var(--a-text)}.c4a details p{margin:18px 0 0;color:var(--a-muted);max-width:900px}.c4a .a-end{padding:48px 0}.c4a .a-live-status{min-height:25px;margin-top:8px;font-size:14px;color:var(--a-green)}.c4a a:focus-visible,.c4a button:focus-visible,.c4a summary:focus-visible{outline:3px solid var(--a-yellow);outline-offset:4px}
@media(max-width:760px){.c4a .a-wrap{width:calc(100% - 36px)}.c4a h1{font-size:34px}.c4a h2{font-size:28px}.c4a h3{font-size:21px}.c4a .a-brand{font-size:21px}.c4a .a-lead{font-size:18px}.c4a .a-hero{min-height:0;padding:34px 0}.c4a .a-section{padding:44px 0}.c4a .a-features,.c4a .a-columns,.c4a .a-flow{grid-template-columns:1fr;gap:22px}.c4a .a-docs-grid{grid-template-columns:1fr;gap:30px}.c4a .a-docnav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 20px}.c4a .a-subnav .a-wrap{gap:12px 20px}.c4a .a-btn{width:100%;padding:12px 14px}.c4a .a-actions{gap:10px}.c4a figure img{aspect-ratio:auto}.c4a .a-step h3{font-size:23px}.c4a pre{font-size:12px;padding:15px}.c4a .a-flow{margin-block:24px}.c4a .a-flow div{padding:16px 0}.c4a .a-code-label{font-size:12px}}
.c4a .a-docs-grid>*{min-width:0}.c4a .a-code{max-width:100%}.c4a figure img{aspect-ratio:1514/886}.c4a .a-brand{line-height:1.2}.c4a .a-hero{min-height:0;padding-block:32px}.c4a .a-hero .a-kicker{margin-bottom:10px}.c4a .a-hero .a-brand{margin-bottom:12px}.c4a .a-hero .a-status{margin-top:18px;margin-bottom:0}.c4a .a-hero .a-actions{margin-top:20px}.c4a .a-hero .a-small{margin-bottom:12px}
@media(min-width:761px){.c4a h1{font-size:48px}.c4a .a-hero .a-lead{font-size:18px;max-width:850px}}
@media(max-width:760px){.c4a .a-docs-grid{grid-template-columns:minmax(0,1fr)}.c4a .a-hero .a-actions .a-btn:not(.a-btn-primary){width:auto;flex:1}.c4a .a-hero .a-kicker{display:none}.c4a .a-hero .a-status{font-size:13px;line-height:1.5}.c4a .a-hero .a-small{font-size:12px}.c4a .a-hero .a-lead{font-size:16px;line-height:1.6}.c4a .a-hero h1{font-size:30px;margin-bottom:16px}.c4a .a-hero .a-brand{font-size:18px}}
@media(max-width:760px){.c4a .a-hero .a-actions .a-btn:not(.a-btn-primary){font-size:14px;line-height:1.3;padding:10px;gap:6px;min-height:46px;white-space:nowrap}}