#aa-three-clients { --ac-bg:#f5f4ee; --ac-ink:#222a23; --ac-sub:#687265; --ac-green:#167652; --ac-soft:#e8f2e9; --ac-surface:#fff; --ac-line:#dbe0d5; --ac-orange:#a75d3f; --ac-warm:#fbf0e7; font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif; color:var(--ac-ink); width:100%; overflow-wrap:break-word; }
#aa-three-clients * { box-sizing:border-box; }
#aa-three-clients a { color:inherit; text-decoration:none; }
#aa-three-clients button { font:inherit; cursor:pointer; }
#aa-three-clients h1,#aa-three-clients h2,#aa-three-clients p { margin:0; }
#aa-three-clients svg { width:17px; height:17px; flex:none; }
#aa-three-clients .ac-hero { padding:44px 30px 29px; background-image:linear-gradient(to right,#3351320c 1px,transparent 1px),linear-gradient(to bottom,#3351320c 1px,transparent 1px); background-size:64px 64px; }
#aa-three-clients .ac-hero-grid { display:grid; grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr); gap:28px; align-items:center; }
#aa-three-clients .ac-copy { min-width:0; padding:10px 0; }
#aa-three-clients .ac-eyebrow { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:750; color:var(--ac-green); letter-spacing:1.25px; margin-bottom:20px; }
#aa-three-clients .ac-dot { width:7px; height:7px; border-radius:50%; background:var(--ac-green); box-shadow:0 0 0 4px var(--ac-soft); }
#aa-three-clients .ac-names { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; font-size:18px; font-weight:750; letter-spacing:-.4px; }
#aa-three-clients .ac-name { display:flex; align-items:center; gap:7px; }
#aa-three-clients .ac-name-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:var(--ac-ink); color:var(--ac-bg); }
#aa-three-clients .ac-name-icon-cl { background:var(--ac-warm); color:var(--ac-orange); }
#aa-three-clients .ac-slash { color:var(--ac-line); font-size:23px; }
#aa-three-clients h1 { font-size:clamp(29px,4vw,40px); line-height:1.29; letter-spacing:-1.6px; font-weight:800; }
#aa-three-clients h1 span { display:block; }
#aa-three-clients .ac-em { color:var(--ac-green); }
#aa-three-clients .ac-intro { margin:20px 0; color:var(--ac-sub); font-size:13px; line-height:1.95; }
#aa-three-clients .ac-config { border-left:3px solid var(--ac-green); padding-left:13px; margin:23px 0; }
#aa-three-clients .ac-config strong { display:block; font-size:15px; font-weight:700; line-height:1.5; }
#aa-three-clients .ac-config p { font-size:12px; color:var(--ac-sub); line-height:1.9; margin-top:6px; }
#aa-three-clients .ac-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:23px; }
#aa-three-clients .ac-action { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; font-weight:650; padding:13px; border-radius:11px; background:var(--ac-surface); border:1px solid var(--ac-line); }
#aa-three-clients .ac-primary { background:var(--ac-green); color:var(--ac-bg); border-color:transparent; }
#aa-three-clients .ac-notes { display:flex; flex-wrap:wrap; gap:12px; font-size:11px; color:var(--ac-sub); margin-top:16px; }
#aa-three-clients .ac-notes span { display:flex; gap:5px; align-items:center; }
#aa-three-clients .ac-notes svg { width:13px; height:13px; color:var(--ac-green); }
#aa-three-clients .ac-product { min-width:0; }
#aa-three-clients .ac-stack { position:relative; min-height:572px; isolation:isolate; }
#aa-three-clients .ac-stack:before { content:""; position:absolute; inset:8% 2% 4%; background:radial-gradient(ellipse,#c9ddc57a,transparent 73%); pointer-events:none; }
#aa-three-clients .ac-window { position:absolute; border:1px solid var(--ac-line); border-radius:13px; background:var(--ac-surface); box-shadow:0 17px 36px #25312024; overflow:hidden; }
#aa-three-clients .ac-titlebar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; min-height:38px; border-bottom:1px solid var(--ac-line); background:var(--ac-surface); color:var(--ac-ink); }
#aa-three-clients .ac-window-title { display:flex; gap:7px; align-items:center; font-size:12px; font-weight:700; }
#aa-three-clients .ac-titlebar small { font-size:10px; color:var(--ac-sub); white-space:nowrap; }
#aa-three-clients .ac-tiny-logo { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; color:var(--ac-bg); background:var(--ac-ink); font-size:12px; font-weight:750; }
#aa-three-clients .ac-ai-window { left:0; top:4px; width:86%; z-index:1; }
#aa-three-clients .ac-ai-window img { display:block; width:100%; height:auto; background:#fff; }
#aa-three-clients .ac-codex-window { right:0; top:167px; width:80%; z-index:2; }
#aa-three-clients .ac-codex-body { display:grid; grid-template-columns:93px minmax(0,1fr); min-height:253px; background:var(--ac-surface); }
#aa-three-clients .ac-codex-side { padding:12px 9px; background:#f3f3f0; border-right:1px solid var(--ac-line); font-size:10px; color:var(--ac-sub); }
#aa-three-clients .ac-codex-side strong { display:block; color:var(--ac-ink); font-size:12px; margin-bottom:14px; }
#aa-three-clients .ac-side-row { display:flex; align-items:center; gap:5px; padding:7px 3px; line-height:1.5; }
#aa-three-clients .ac-side-row svg { width:11px; height:11px; }
#aa-three-clients .ac-side-caption { margin-top:17px; margin-bottom:6px; padding-left:3px; font-size:10px; color:var(--ac-sub); }
#aa-three-clients .ac-codex-main { padding:21px 16px 14px; min-width:0; }
#aa-three-clients .ac-codex-main .ac-thread-title { font-size:11px; font-weight:600; margin-bottom:28px; }
#aa-three-clients .ac-codex-greeting { font-size:19px; font-weight:650; letter-spacing:-.6px; text-align:center; line-height:1.4; }
#aa-three-clients .ac-codex-folder { text-align:center; color:var(--ac-sub); font-size:11px; margin:5px 0 20px; }
#aa-three-clients .ac-codex-input { border:1px solid var(--ac-line); border-radius:12px; padding:12px; font-size:11px; color:var(--ac-sub); min-height:91px; background:#fbfbf9; }
#aa-three-clients .ac-input-bottom { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:18px; }
#aa-three-clients .ac-input-bottom span { display:flex; align-items:center; gap:7px; font-size:10px; }
#aa-three-clients .ac-input-bottom svg { width:12px; height:12px; }
#aa-three-clients .ac-send { display:grid!important; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ac-ink); color:var(--ac-bg); }
#aa-three-clients .ac-claude-window { left:3%; top:370px; width:68%; z-index:3; border-color:#393b33; background:#20211c; color:#ecebe2; }
#aa-three-clients .ac-claude-window .ac-titlebar { background:#2d2e28; border-color:#42433a; color:#f0eee5; padding:9px 12px; }
#aa-three-clients .ac-claude-window .ac-titlebar small { color:#bcbeb0; }
#aa-three-clients .ac-claude-window .ac-window-title svg { color:#e9a783; }
#aa-three-clients .ac-terminal { padding:15px 16px 13px; font-family:Consolas,"Microsoft YaHei",monospace; font-size:11px; line-height:1.75; }
#aa-three-clients .ac-terminal-brand { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
#aa-three-clients .ac-terminal-brand .ac-star { color:#e9a783; font-size:28px; line-height:1; }
#aa-three-clients .ac-terminal-brand strong { color:#f2eee6; font-size:13px; }
#aa-three-clients .ac-terminal-brand small { display:block; color:#aaa99b; font-size:10px; }
#aa-three-clients .ac-terminal-line { color:#d6d7c8; margin-top:7px; }
#aa-three-clients .ac-terminal-line b { color:#e9a783; font-weight:500; }
#aa-three-clients .ac-terminal-result { color:#9ccea8; font-size:10px; margin-top:7px; }
#aa-three-clients .ac-terminal-prompt { border-top:1px solid #47483c; margin-top:12px; padding-top:9px; display:flex; gap:9px; align-items:center; color:#bdbfad; }
#aa-three-clients .ac-cursor { width:7px; height:13px; background:#d6d7c8; display:inline-block; }
#aa-three-clients .ac-config-badge { position:absolute; right:0; bottom:20px; width:26%; display:flex; flex-direction:column; align-items:flex-start; gap:8px; z-index:4; color:var(--ac-green); }
#aa-three-clients .ac-config-badge>span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:var(--ac-soft); }
#aa-three-clients .ac-config-badge strong { font-size:15px; font-weight:750; line-height:1.4; }
#aa-three-clients .ac-config-badge small { font-size:11px; color:var(--ac-sub); line-height:1.8; }
#aa-three-clients .ac-preview-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:10px; color:var(--ac-sub); font-size:11px; }
#aa-three-clients .ac-points { display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:22px; padding-top:25px; margin-top:25px; border-top:1px solid var(--ac-line); }
#aa-three-clients .ac-point { padding-left:13px; border-left:2px solid var(--ac-green); }
#aa-three-clients .ac-point:nth-child(2) { border-left-color:var(--ac-orange); }
#aa-three-clients .ac-point small { display:block; font-size:11px; font-weight:700; color:var(--ac-sub); margin-bottom:7px; }
#aa-three-clients .ac-point strong { display:block; font-size:15px; line-height:1.5; font-weight:750; }
#aa-three-clients .ac-point p { font-size:11px; color:var(--ac-sub); line-height:1.9; margin-top:5px; }
@media(max-width:820px) {
 #aa-three-clients .ac-hero-grid { grid-template-columns:1fr; gap:26px; }
 #aa-three-clients .ac-copy { max-width:590px; }
 #aa-three-clients h1 { font-size:43px; }
 #aa-three-clients .ac-product { max-width:620px; width:100%; margin:auto; }
 #aa-three-clients .ac-stack { min-height:600px; }
 #aa-three-clients .ac-codex-window { top:185px; }
 #aa-three-clients .ac-claude-window { top:389px; }
}
@media(max-width:480px) {
 #aa-three-clients .ac-hero { padding:29px 18px 25px; }
 #aa-three-clients h1 { font-size:clamp(27px,7.85vw,36px); letter-spacing:-1.3px; }
 #aa-three-clients .ac-actions { gap:7px; }
 #aa-three-clients .ac-action { font-size:11px; padding:12px; gap:7px; }
 #aa-three-clients .ac-stack { min-height:641px; }
 #aa-three-clients .ac-ai-window { width:92%; }
 #aa-three-clients .ac-codex-window { top:160px; width:93%; }
 #aa-three-clients .ac-codex-body { grid-template-columns:62px minmax(0,1fr); min-height:237px; }
 #aa-three-clients .ac-codex-side { padding:10px 5px; }
 #aa-three-clients .ac-side-row { font-size:9px; }
 #aa-three-clients .ac-side-row svg { display:none; }
 #aa-three-clients .ac-codex-main { padding:15px 10px 12px; }
 #aa-three-clients .ac-codex-greeting { font-size:17px; }
 #aa-three-clients .ac-codex-input { padding:10px; }
 #aa-three-clients .ac-claude-window { top:373px; left:0; width:91%; }
 #aa-three-clients .ac-titlebar { padding:9px; }
 #aa-three-clients .ac-titlebar small { font-size:9px; }
 #aa-three-clients .ac-config-badge { bottom:0; left:0; width:100%; flex-direction:row; align-items:center; gap:9px; }
 #aa-three-clients .ac-config-badge>span { width:28px; height:28px; border-radius:8px; }
 #aa-three-clients .ac-config-badge strong { font-size:13px; }
 #aa-three-clients .ac-config-badge small { font-size:10px; }
 #aa-three-clients .ac-points { grid-template-columns:1fr; gap:20px; }
 #aa-three-clients .ac-point strong { font-size:15px; }
 #aa-three-clients .ac-preview-tools { flex-wrap:wrap; gap:3px; }
}
#aa-three-clients { background:var(--ac-bg); }
#aa-three-clients .ac-content { max-width:1180px; margin:0 auto; }
#aa-three-clients .ac-action { min-height:48px; }
#aa-three-clients .ac-action:hover { border-color:var(--ac-green); }
#aa-three-clients .ac-primary:hover { background:#115a3e; }
@media(min-width:1200px) {
  #aa-three-clients .ac-hero { padding-top:64px; padding-bottom:38px; }
  #aa-three-clients h1 { font-size:46px; }
  #aa-three-clients .ac-intro { font-size:15px; }
  #aa-three-clients .ac-config strong { font-size:17px; }
  #aa-three-clients .ac-action { font-size:14px; padding:15px 18px; }
  #aa-three-clients .ac-stack { min-height:625px; }
  #aa-three-clients .ac-codex-window { top:195px; }
  #aa-three-clients .ac-codex-body { min-height:280px; }
  #aa-three-clients .ac-claude-window { top:417px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }