:root{color-scheme:light;--bg:#fff;--bg-alt:#f5f5f7;--fg:#1d1d1f;--fg-soft:#55555a;--fg-muted:#6e6e73;--fg-quiet:#86868b;--line:#e5e5e7;--hairline:rgba(0,0,0,.07);--shadow-soft:rgba(0,0,0,.12);--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#edf5ff;--accent-bright:#4aa5ff;--accent-line:rgba(0,110,219,.2);--on-accent:#fff;--success:#168245;--nav-bg:hsla(0,0%,100%,.86);--nav-border:rgba(0,0,0,.08);--nav-link:#454549;--btn-bg:#1d1d1f;--btn-bg-hover:#000;--btn-fg:#fff;--control-bg:#e8e8ed;--control-bg-hover:#d2d2d7;--control-active-bg:#fff;--control-fg:#636366;--band-bg:#1d1d1f;--band-fg:#f5f5f7;--band-muted:#a8a8ae;--band-dd:#aaaab0;--band-line:hsla(0,0%,100%,.18);--deep-bg:#08090a;--media-bg:#101012;--media-meta:#b8b8be;--terminal-bg:#1d1d1f;--terminal-fg:#f5f5f7;--sheet-bg:hsla(0,0%,100%,.94);--sheet-border:hsla(0,0%,100%,.7);--sheet-shadow:rgba(0,0,0,.24);--backdrop:rgba(0,0,0,.26);--step-dash:rgba(29,29,31,.35);--focus-ring:rgba(0,113,227,.55);--max:1120px;--ease-out:cubic-bezier(.23,1,.32,1)}[data-theme=dark]{color-scheme:dark;--bg:#0b0b0d;--bg-alt:#141417;--fg:#f5f5f7;--fg-soft:#c2c2c9;--fg-muted:#9d9da5;--fg-quiet:#7c7c84;--line:#2a2a2f;--hairline:hsla(0,0%,100%,.09);--shadow-soft:rgba(0,0,0,.5);--accent:#4aa5ff;--accent-hover:#74bbff;--accent-soft:#10243c;--accent-line:rgba(74,165,255,.28);--on-accent:#06192e;--success:#2ba55f;--nav-bg:rgba(11,11,13,.82);--nav-border:hsla(0,0%,100%,.1);--nav-link:#b6b6be;--btn-bg:#f5f5f7;--btn-bg-hover:#fff;--btn-fg:#0b0b0d;--control-bg:#232328;--control-bg-hover:#33333a;--control-active-bg:#43434c;--control-fg:#b0b0b8;--band-bg:#1c1c21;--band-line:hsla(0,0%,100%,.14);--band-muted:#9d9da5;--band-dd:#9d9da5;--deep-bg:#000;--media-bg:#08080a;--terminal-bg:#000;--sheet-bg:rgba(24,24,28,.94);--sheet-border:hsla(0,0%,100%,.12);--sheet-shadow:rgba(0,0,0,.6);--backdrop:rgba(0,0,0,.6);--step-dash:rgba(245,245,247,.28);--focus-ring:rgba(74,165,255,.6)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 12px;color:var(--btn-fg);background:var(--btn-bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;min-height:52px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.nav-inner{width:min(calc(100% - 40px),var(--max));min-height:52px;margin:auto;display:flex;gap:28px}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;gap:8px;font-size:18px;font-weight:650;white-space:nowrap}.brand .brand-mark{width:24px;height:24px;display:block}.nav-inner nav{margin-left:auto;display:flex;align-items:center;gap:26px;color:var(--nav-link);font-size:13px}.nav-inner nav a,footer nav a{transition:color .16s ease}.nav-action{min-height:32px;padding:6px 14px;color:var(--btn-fg);background:var(--btn-bg);border-radius:999px;font-size:13px;transition:transform .14s var(--ease-out),background-color .16s ease}.lang-toggle{padding:2px;display:flex;gap:2px;background:var(--control-bg);border-radius:999px;font-size:12px}.lang-toggle a{min-width:30px;min-height:24px;display:grid;place-items:center;padding:0 8px;color:var(--fg-muted);border-radius:999px;transition:color .16s ease,background-color .16s ease}.lang-toggle a[aria-current]{color:var(--fg);background:var(--control-active-bg);box-shadow:0 1px 3px var(--shadow-soft);font-weight:600}.theme-toggle{width:30px;height:30px;padding:0;display:grid;place-items:center;color:var(--control-fg);background:transparent;border:0;border-radius:50%;cursor:pointer;transition:color .16s ease,background-color .16s ease}.theme-toggle svg{width:17px;height:17px;grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[data-theme=dark] .theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}.hero{padding:88px 24px 0;overflow:hidden}.hero-copy{max-width:940px;margin:auto;text-align:center}.section-code{margin:0 0 24px;color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:76px;line-height:1.05;font-weight:720}.hero-summary{max-width:700px;margin:28px auto 0;color:var(--fg-muted);font-size:20px;line-height:1.55;text-wrap:pretty}.hero-actions{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:14px}.primary-action,.secondary-action{min-height:46px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .14s var(--ease-out),background-color .16s ease,color .16s ease}.primary-action{color:var(--btn-fg);background:var(--btn-bg)}.secondary-action{color:var(--accent)}.nav-action:active,.primary-action:active,.secondary-action:active{transform:scale(.97)}.quiet-note{margin:18px 0 0;color:var(--fg-quiet);font-size:13px}.demo{width:min(100%,1040px);margin:58px auto 0;background:var(--media-bg);border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 18px 60px var(--shadow-soft)}.demo figcaption{min-height:50px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f5f5f7}.demo figcaption span{color:var(--media-meta);font-size:12px}.demo figcaption strong{font-size:14px;font-weight:600}.demo video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#000}.section-band{padding:120px 24px;scroll-margin-top:52px}.section-heading{width:min(100%,var(--max));margin:auto;text-align:center}.section-index{margin-bottom:28px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.section-index span:first-child{min-width:24px}.section-index:after,.section-index:before{content:"";width:48px;height:1px;flex:0 0 48px;background:currentColor;opacity:.22}.faq h2,.section-heading h2{max-width:880px;margin:0 auto;font-size:58px;line-height:1.08;font-weight:700}.section-heading>p{max-width:720px;margin:24px auto 0;color:var(--fg-muted);font-size:20px;text-wrap:pretty}.example{background:var(--bg-alt)}.comparison{width:min(100%,var(--max));margin:64px auto 0;display:grid;grid-template-columns:.86fr 1.14fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison>div{min-height:320px;padding:36px 42px}.comparison>div+div{border-left:1px solid var(--line)}.path-label{margin:0 0 28px;color:var(--fg-muted);font-size:13px;font-weight:600}.xcli-path .path-label{color:var(--accent)}.manual-path ol{margin:0;padding:0;list-style:none}.manual-path li{min-height:48px;display:grid;grid-template-columns:40px 1fr;align-items:center;border-top:1px solid var(--hairline)}.manual-path li:last-child{border-bottom:1px solid var(--hairline)}.manual-path li span{color:var(--fg-quiet);font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.manual-path li strong{color:var(--fg-soft);font-size:16px;font-weight:500}.xcli-path{background:var(--accent-soft)}.xcli-path blockquote{max-width:520px;margin:0;font-size:28px;line-height:1.42;font-weight:650}.result-line{margin-top:46px;padding-top:20px;display:grid;grid-template-columns:84px 1fr;grid-gap:18px;gap:18px;border-top:1px solid var(--accent-line)}.result-line span{color:var(--accent);font-size:13px;font-weight:600}.result-line strong{font-size:15px;line-height:1.55;font-weight:500}.workflow{background:var(--bg)}.workflow-track{width:min(100%,var(--max));margin:72px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-track li{min-height:210px;padding:30px 28px;position:relative}.workflow-track li:not(:last-child):before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--line) 0,var(--line) calc(50% - 22px),transparent calc(50% - 22px),transparent calc(50% + 22px),var(--line) calc(50% + 22px),var(--line) 100%)}.workflow-track li:not(:last-child):after{content:"›";position:absolute;top:50%;right:-14px;z-index:5;width:28px;height:30px;margin-top:-15px;display:grid;place-items:center;color:var(--accent);background:var(--bg);box-shadow:0 0 0 4px var(--bg);font-size:25px;line-height:1}.node-id{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.workflow-track strong{margin-top:56px;display:block;font-size:24px}.workflow-track p{margin:8px 0 0;color:var(--fg-muted);font-size:15px}.plain-language{width:min(100%,var(--max));margin:28px auto 0;color:var(--fg-muted)}.plain-language strong{color:var(--fg)}.start{background:var(--bg-alt)}.steps{width:min(100%,980px);margin:72px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none}.steps li{padding:0 34px;position:relative;text-align:center}.steps li:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 34px);width:calc(100% - 68px);height:1px;background:repeating-linear-gradient(90deg,var(--step-dash) 0 6px,transparent 6px 13px)}.steps li>span{width:36px;height:36px;margin:auto;position:relative;z-index:1;display:grid;place-items:center;color:var(--btn-fg);background:var(--btn-bg);border-radius:50%;box-shadow:0 0 0 8px var(--bg-alt);font-size:13px}.steps div{max-width:240px;margin:22px auto 0}.steps strong{font-size:19px}.steps p{margin:8px 0 0;color:var(--fg-muted);font-size:15px}.start>.primary-action{width:max-content;margin:52px auto 0;display:flex}.trust{color:var(--band-fg);background:var(--band-bg)}.trust .section-index{color:var(--accent-bright)}.trust .section-heading>p{color:var(--band-muted)}.trust-grid{width:min(100%,var(--max));margin:68px auto 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--band-line)}.trust-grid div{min-height:140px;padding:26px 0;display:grid;grid-template-columns:180px 1fr;grid-gap:24px;gap:24px;border-bottom:1px solid var(--band-line)}.trust-grid div:nth-child(odd){padding-right:36px}.trust-grid div:nth-child(2n){padding-left:36px;border-left:1px solid var(--band-line)}.trust-grid dt{font-weight:650}.trust-grid dd{margin:0;color:var(--band-dd)}.advanced{min-height:580px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;color:#f5f5f7;background:var(--deep-bg)}.advanced:after,.advanced:before{content:"";position:absolute;inset:0;pointer-events:none}.advanced:before{z-index:-2;background:url(/assets/x-cli-brand/advanced-dark-architecture.webp) 50%/cover no-repeat;opacity:.22}.advanced:after{z-index:-1;background:rgba(0,0,0,.48)}.advanced-copy{width:min(100%,850px);text-align:center}.advanced .section-index{color:var(--accent-bright)}.advanced h2{margin:0;font-size:58px;line-height:1.08}.advanced p{max-width:650px;margin:24px auto 0;color:#b7b7bd;font-size:18px}.advanced a{margin-top:24px;display:inline-flex;gap:8px;color:var(--accent-bright)}.faq{background:var(--bg)}.faq-inner{width:min(100%,860px);margin:auto}.faq .section-index,.faq h2{text-align:center}.faq-list{margin-top:48px;border-bottom:1px solid var(--line)}.faq-list details{border-top:1px solid var(--line)}.faq-list summary{min-height:72px;padding:20px 36px 20px 0;position:relative;display:flex;align-items:center;font-weight:600;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"⌄";position:absolute;right:4px;color:var(--fg-muted);font-size:20px;transition:transform .18s var(--ease-out)}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list details p{max-width:700px;margin:0;padding:0 40px 24px 0;color:var(--fg-muted)}footer{color:var(--fg-muted);background:var(--bg-alt);border-top:1px solid var(--hairline);font-size:12px}.footer-inner{width:min(calc(100% - 40px),var(--max));min-height:72px;margin:auto;display:flex;align-items:center;gap:26px}.footer-inner nav{margin-left:auto;display:flex;gap:22px}.footer-inner .brand{color:var(--fg);font-size:16px}body.sheet-open{overflow:hidden}.sheet-backdrop{inset:0;z-index:50;background:var(--backdrop);transition:opacity .26s ease,visibility .26s}.setup-sheet,.sheet-backdrop{position:fixed;opacity:0;visibility:hidden}.setup-sheet{z-index:51;top:50%;left:50%;width:min(calc(100% - 32px),760px);max-height:calc(100vh - 64px);padding:26px 30px 30px;overflow-y:auto;background:var(--sheet-bg);border:1px solid var(--sheet-border);border-radius:22px;box-shadow:0 22px 70px var(--sheet-shadow);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);transform:translate(-50%,calc(-50% + 28px)) scale(.98);transition:opacity .26s ease,transform .42s var(--ease-out),visibility .42s}body.sheet-open .sheet-backdrop{opacity:1;visibility:visible}body.sheet-open .setup-sheet{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.sheet-handle{display:none}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.sheet-header h2{margin:0;font-size:30px;line-height:1.15}.close-button{width:32px;height:32px;padding:0 0 3px;flex:0 0 auto;display:grid;place-items:center;color:var(--control-fg);background:var(--control-bg);border:0;border-radius:50%;font-size:25px;line-height:1;cursor:pointer;transition:background .18s ease,transform .1s ease}.close-button:active{transform:scale(.92)}.sheet-intro{margin:12px 0 24px;color:var(--fg-muted)}.agent-picker{padding:3px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--control-bg);border-radius:10px}.agent-picker button{min-height:34px;padding:5px 12px;color:var(--fg-muted);background:transparent;border:0;border-radius:8px;font-size:14px;cursor:pointer}.agent-picker button[aria-selected=true]{color:var(--fg);background:var(--control-active-bg);box-shadow:0 1px 4px var(--shadow-soft);font-weight:600}.prompt-panel{margin-top:18px;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.prompt-panel.is-switching{opacity:0;transform:translateY(4px);transition-duration:80ms}.prompt-panel>p{margin:0 0 10px;font-size:14px}pre{margin:0;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.prompt-panel pre{max-height:260px;padding:18px;color:var(--terminal-fg);background:var(--terminal-bg);border-radius:12px}.copy-row{margin-top:14px;display:flex;align-items:center;gap:14px}.copy-button{min-width:96px;min-height:38px;padding:7px 16px;position:relative;color:var(--on-accent);background:var(--accent);border:0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .1s ease}.copy-button:active{transform:scale(.97)}.copy-button span{display:block;transition:opacity .14s var(--ease-out),transform .14s var(--ease-out)}.copy-button .copy-success{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.8)}.copy-button[data-copied=true]{background:var(--success)}.copy-button[data-copied=true] .copy-default{opacity:0;transform:scale(.85)}.copy-button[data-copied=true] .copy-success{opacity:1;transform:scale(1)}#copy-status{color:var(--fg-muted);font-size:13px}.manual-install{margin-top:22px;border-top:1px solid var(--line)}.manual-install summary{padding:18px 0 0;color:var(--accent);font-size:14px;cursor:pointer;list-style:none}.manual-install summary::-webkit-details-marker{display:none}.manual-install div{padding:12px 0 0}.manual-install p{margin:12px 0 6px;color:var(--fg-muted);font-size:13px}.manual-install pre{padding:12px;background:var(--bg-alt);border-radius:8px}.manual-install .command-row{position:relative;padding:0}.command-row pre{padding-right:48px}.manual-copy{position:absolute;top:50%;right:7px;width:30px;height:30px;padding:0;display:grid;place-items:center;color:var(--fg-muted);background:transparent;border:0;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:color .18s ease,background .18s ease,transform .1s ease}.manual-copy:active{transform:translateY(-50%) scale(.92)}.manual-copy svg{width:17px;height:17px;grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .14s var(--ease-out),transform .14s var(--ease-out)}.manual-copy .check-icon{display:block;color:var(--success);opacity:0;transform:scale(.8)}.manual-copy[data-copied=true] .copy-icon{opacity:0;transform:scale(.85)}.manual-copy[data-copied=true] .check-icon{opacity:1;transform:scale(1)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .52s var(--ease-out),transform .52s var(--ease-out)}.js-reveal .reveal.is-visible{opacity:1;transform:translateY(0)}.js-reveal .steps.reveal,.js-reveal .workflow-track.reveal{opacity:1;transform:none}.js-reveal .steps.reveal li,.js-reveal .workflow-track.reveal li{opacity:0;transform:translateY(12px);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out)}.js-reveal .steps.is-visible li,.js-reveal .workflow-track.is-visible li{opacity:1;transform:translateY(0)}.steps li:nth-child(2),.workflow-track li:nth-child(2){transition-delay:60ms}.steps li:nth-child(3),.workflow-track li:nth-child(3){transition-delay:.12s}.workflow-track li:nth-child(4){transition-delay:.18s}@media (hover:hover) and (pointer:fine){.nav-inner nav a:hover,footer nav a:hover{color:var(--accent)}.nav-action:hover,.primary-action:hover{background:var(--btn-bg-hover)}.secondary-action:hover{color:var(--accent-hover)}.lang-toggle a:hover{color:var(--fg)}.theme-toggle:hover{color:var(--fg);background:var(--control-bg)}.copy-button:hover{background:var(--accent-hover)}.close-button:hover{background:var(--control-bg-hover)}.manual-copy:hover{color:var(--fg);background:var(--control-bg)}}@media (max-width:800px){.nav-inner nav{display:none}.lang-toggle{margin-left:auto}.nav-action{margin-left:0}.hero{padding:68px 16px 0}h1{font-size:48px}.hero-summary{font-size:18px}.demo{margin-top:46px;border-radius:6px 6px 0 0}.demo figcaption{align-items:flex-start;flex-direction:column;gap:2px}.section-band{padding:88px 20px}.advanced h2,.faq h2,.section-heading h2{font-size:40px}.section-heading>p{font-size:18px}.comparison{margin-top:48px;grid-template-columns:1fr}.comparison>div{min-height:0;padding:30px 26px}.comparison>div+div{border-top:1px solid var(--line);border-left:0}.xcli-path blockquote{font-size:24px}.workflow-track{margin-top:48px;grid-template-columns:1fr 1fr}.workflow-track li{min-height:176px}.workflow-track li+li{border-left:1px solid var(--line)}.workflow-track li:before{display:none}.workflow-track li:nth-child(3){border-left:0}.workflow-track li:nth-child(3),.workflow-track li:nth-child(4){border-top:1px solid var(--line)}.workflow-track li:not(:last-child):after{display:none}.workflow-track strong{margin-top:34px}.steps{margin-top:48px;grid-template-columns:1fr}.steps li{padding:0 0 36px;display:grid;grid-template-columns:40px 1fr;grid-gap:18px;gap:18px;text-align:left}.steps li:not(:last-child):after{top:44px;left:17px;width:1px;height:calc(100% - 52px);background:repeating-linear-gradient(180deg,var(--step-dash) 0 6px,transparent 6px 13px)}.steps li>span{margin:0}.steps div{max-width:none;margin:3px 0 0}.trust-grid{margin-top:48px;grid-template-columns:1fr}.trust-grid div{min-height:0;grid-template-columns:130px 1fr}.trust-grid div:nth-child(2n),.trust-grid div:nth-child(odd){padding:24px 0;border-left:0}.advanced{min-height:520px}.footer-inner{min-height:108px;padding:18px 0;flex-wrap:wrap}.footer-inner nav{width:100%;order:3;margin-left:0}.footer-inner>p{margin-left:auto}.setup-sheet{top:auto;right:auto;bottom:0;left:0;width:100%;max-height:92vh;padding:13px 20px 24px;border-radius:22px 22px 0 0;transform:translateY(105%)}body.sheet-open .setup-sheet{transform:translateY(0)}.sheet-handle{width:38px;height:5px;margin:0 auto 16px;display:block;background:var(--control-bg-hover);border-radius:999px}.sheet-header h2{font-size:25px}.sheet-intro{font-size:15px}.agent-picker button{padding:5px 4px}}@media (max-width:480px){h1{font-size:42px}.hero-actions{align-items:stretch;flex-direction:column}.workflow-track{grid-template-columns:1fr}.workflow-track li+li{border-top:1px solid var(--line);border-left:0}.workflow-track li{min-height:150px}.trust-grid div{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-reveal .reveal,.js-reveal .steps.reveal li,.js-reveal .workflow-track.reveal li{opacity:1;transform:none}.copy-button span,.manual-copy svg,.prompt-panel{transform:none!important;transition:opacity .16s ease!important}}@media (prefers-reduced-transparency:reduce){.setup-sheet,.site-nav{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}