.cli-section { background:var(--surface); border-bottom:1px solid var(--hair); }
.cli-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,95px); align-items:center; }
.cli-copy h2 { font-size:clamp(38px,4.2vw,56px); line-height:1.08; font-weight:500; letter-spacing:-.04em; }
.cli-copy h2 em { color:var(--pc-brand-text); font:italic 500 1em/1.05 'Fraunces',Georgia,serif; letter-spacing:-.045em; }
.cli-copy > p:not(.eyebrow):not(.cli-note) { font-size:17px; color:var(--ink-2); line-height:1.75; max-width:53ch; margin:24px 0 0; }
.cli-points { list-style:none; margin:32px 0; }
.cli-points li { display:grid; grid-template-columns:34px 1fr; gap:12px; border-top:1px solid var(--hair); padding:16px 0; }
.cli-points li > span { font:11px/1.8 var(--mono); color:var(--pc-brand-text); }
.cli-points strong { font-size:14px; font-weight:600; }
.cli-points p { font-size:13px; line-height:1.65; color:var(--ink-2); margin-top:3px; }
.cli-points code,.cli-agent-prompt code { font-family:var(--mono); font-size:.92em; color:var(--ink); }
.cli-note { font-size:12px; line-height:1.75; color:var(--ink-3); margin-top:14px; max-width:48ch; }
.cli-note strong { color:var(--ink-2); font-weight:500; }
.cli-terminal { border:1px solid var(--line-strong); border-radius:12px; background:var(--bg); overflow:hidden; box-shadow:0 24px 55px rgba(var(--pc-shadow-rgb),.16); }
.cli-terminal-top { display:flex; align-items:center; gap:11px; min-height:54px; padding:0 22px; border-bottom:1px solid var(--hair); font:500 10px var(--mono); letter-spacing:.08em; color:var(--ink-3); }
.cli-terminal-mark { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--line-strong); border-radius:6px; color:var(--pc-brand-text); font-size:12px; letter-spacing:0; }
.cli-terminal-status { margin-left:auto; color:var(--pc-ready); font-size:9px; text-align:right; }
.cli-terminal-body { padding:28px; }
.cli-command { padding:0 0 25px; margin-bottom:25px; border-bottom:1px solid var(--hair); }
.cli-command-label,.cli-agent-prompt-heading > span { display:block; font:500 10px/1.5 var(--mono); letter-spacing:.09em; color:var(--ink-3); margin-bottom:11px; }
.cli-command-line { display:flex; align-items:flex-start; gap:12px; }
.cli-command code { display:block; flex:1; min-width:0; font:12px/1.8 var(--mono); color:var(--ink); overflow-wrap:anywhere; }
.cli-command code > span { color:var(--pc-brand-text); }
.cli-copy-button { flex:none; min-height:34px; padding:0 11px; border:1px solid var(--line-strong); border-radius:6px; background:var(--surface-2); color:var(--ink-2); font:500 10px/1 var(--mono); white-space:nowrap; }
.cli-copy-button:hover { background:var(--surface-3); color:var(--ink); }
.cli-copy-button.is-copied { border-color:var(--pc-ready); color:var(--pc-ready); }
.cli-command small { display:block; margin-top:5px; font-size:11px; line-height:1.6; color:var(--ink-3); }
.cli-command small strong { color:var(--ink-2); font-weight:500; }
.cli-agent-prompt { padding:19px 20px; border:1px solid var(--line-strong); border-radius:8px; background:var(--pc-brand-soft); }
.cli-agent-prompt-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.cli-agent-prompt-heading > span { color:var(--pc-brand-text); margin-bottom:8px; }
.cli-agent-prompt .cli-copy-button { background:var(--bg); }
.cli-agent-prompt p { color:var(--ink); font-size:15px; line-height:1.55; }
.cli-agent-prompt p::before { content:'“'; }
.cli-agent-prompt p::after { content:'”'; }
.cli-terminal-footer { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:19px; font:10px/1.7 var(--mono); letter-spacing:.03em; color:var(--ink-3); }
.cli-terminal-footer > span { padding-top:8px; }
.cli-terminal-footer-command { display:flex; flex:1 1 280px; align-items:flex-start; gap:12px; min-width:0; }
.cli-terminal-footer code { flex:1; min-width:0; color:var(--ink-2); font:11px/1.7 var(--mono); overflow-wrap:anywhere; padding-top:7px; }
@media(max-width:900px) { .cli-grid { grid-template-columns:1fr; gap:42px; } .cli-terminal { max-width:700px; } }
@media(max-width:600px) { .cli-copy h2 { font-size:36px; } .cli-copy > p:not(.eyebrow):not(.cli-note) { font-size:16px; } .cli-terminal-body { padding:21px; } .cli-terminal-top { padding:0 16px; } .cli-terminal-status { max-width:110px; line-height:1.4; } }