@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate{animation:.5s both fade-in-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.ab-page{display:flex}.ab-sidebar{border-right:1px solid var(--cx-border2);flex-shrink:0;width:240px;height:100vh;min-height:100vh;padding:28px 0;position:sticky;top:0;overflow-y:auto}.ab-main{flex:1;max-width:900px;padding:48px 52px}.ab-nav-logo{border-bottom:1px solid var(--cx-border2);margin-bottom:20px;padding:0 22px 24px}.ab-logo-mark{background:var(--cx-indigo);color:#fff;letter-spacing:-.5px;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.ab-nav-link{color:var(--cx-text-dim);border-left:2px solid #0000;padding:7px 22px;font-size:12.5px;text-decoration:none;transition:color .15s;display:block}.ab-nav-link:hover{color:var(--cx-text)}.ab-nav-link.active{color:var(--cx-indigo);border-left-color:var(--cx-indigo);background:var(--cx-indigo-dim)}.ab-nav-section{text-transform:uppercase;letter-spacing:.08em;color:var(--cx-text-dimmer);padding:14px 22px 6px;font-size:10px;font-weight:600}.ab-launch-sidebar{background:var(--cx-indigo);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:flex}.ab-launch-sidebar:hover{opacity:.85}.ab-back{color:var(--cx-text-dimmer);align-items:center;gap:6px;margin-bottom:32px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.ab-back:hover{color:var(--cx-indigo)}.ab-hero{margin-bottom:56px}.ab-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--cx-indigo);margin-bottom:12px;font-size:11px;font-weight:600}.ab-hero h1{letter-spacing:-.8px;margin-bottom:16px;font-size:38px;font-weight:600;line-height:1.15}.ab-hero h1 em{color:var(--cx-indigo);font-style:normal}.ab-hero p{color:var(--cx-text-dim);max-width:580px;font-size:16px;line-height:1.7}.ab-section{margin-bottom:64px;scroll-margin-top:32px}.ab-section-title{letter-spacing:-.3px;margin-bottom:6px;font-size:20px;font-weight:600}.ab-section-sub{color:var(--cx-text-dim);margin-bottom:28px;font-size:14px}.ab-divider{background:var(--cx-border2);height:1px;margin-bottom:32px}.ab-mode-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ab-mode-card{background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:14px;padding:24px;position:relative;overflow:hidden}.ab-mode-card:before{content:"";background:radial-gradient(ellipse at top left, var(--cx-indigo-dim) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.ab-mode-icon{margin-bottom:12px;font-size:28px}.ab-mode-tag{background:var(--cx-indigo-dim);border:1px solid var(--cx-border);color:var(--cx-indigo);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ab-mode-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.ab-mode-card p{color:var(--cx-text-dim);font-size:13px;line-height:1.6}.ab-stat-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.ab-stat-card{background:var(--cx-surface2);border:1px solid var(--cx-border2);text-align:center;border-radius:8px;padding:16px}.ab-stat-num{color:var(--cx-indigo);letter-spacing:-.5px;margin-bottom:3px;font-size:26px;font-weight:600}.ab-stat-lbl{color:var(--cx-text-dim);font-size:11px}.ab-stack-table{border-collapse:collapse;width:100%;font-size:13px}.ab-stack-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--cx-text-dimmer);padding:0 14px 10px;font-size:10px;font-weight:600}.ab-stack-table td{border-top:1px solid var(--cx-border2);vertical-align:top;padding:11px 14px}.ab-stack-table tr:first-child td{border-top:none}.ab-stack-table td:first-child{color:var(--cx-text-dim);width:160px;font-size:12px}.ab-stack-table td:last-child{font-weight:500}.ab-badge{background:var(--cx-surface3);font-family:var(--font-dm-mono), "DM Mono", monospace;color:var(--cx-text);border-radius:5px;margin-right:4px;padding:2px 8px;font-size:11px;display:inline-block}.ab-code{font-family:var(--font-dm-mono), "DM Mono", monospace;background:var(--cx-surface3);color:var(--cx-cyan);border-radius:4px;padding:1px 6px;font-size:11.5px}.ab-flow-box{background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:14px;padding:28px;font-size:12px;overflow-x:auto}.ab-flow-title{text-transform:uppercase;letter-spacing:.08em;color:var(--cx-text-dimmer);margin-bottom:20px;font-size:11px;font-weight:600}.ab-flow-cols{gap:12px;display:grid}.ab-flow-cols.c3{grid-template-columns:1fr 1fr 1fr}.ab-flow-cols.c2{grid-template-columns:1fr 1fr}.ab-col-hd{text-transform:uppercase;letter-spacing:.06em;text-align:center;border-radius:6px;margin-bottom:16px;padding:6px 12px;font-size:10px;font-weight:700}.ab-col-browser{background:var(--cx-indigo-dim);color:var(--cx-indigo)}.ab-col-vercel{color:var(--cx-green);background:#34d3991a}.ab-col-openai{color:var(--cx-cyan);background:#22d3ee1a}.ab-flow-step{background:var(--cx-surface3);border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s}.ab-flow-step:hover{border-color:var(--cx-border)}.ab-flow-step .num{color:var(--cx-text-dimmer);font-size:10px;font-weight:700;font-family:var(--font-dm-mono), "DM Mono", monospace;margin-bottom:3px}.ab-flow-step .desc{color:var(--cx-text);line-height:1.4}.ab-flow-step .detail{color:var(--cx-text-dimmer);font-size:11px;font-family:var(--font-dm-mono), "DM Mono", monospace;margin-top:3px}.ab-flow-arrow{text-align:center;color:var(--cx-text-dimmer);margin:4px 0;font-size:16px}.ab-tools-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ab-tool-card{background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:8px;padding:14px 16px;transition:border-color .2s}.ab-tool-card:hover{border-color:var(--cx-border)}.ab-tool-name{font-family:var(--font-dm-mono), "DM Mono", monospace;color:var(--cx-cyan);margin-bottom:4px;font-size:12px}.ab-tool-desc{color:var(--cx-text-dim);font-size:12px;line-height:1.4}.ab-tool-src{color:var(--cx-text-dimmer);font-size:10px;font-family:var(--font-dm-mono), "DM Mono", monospace;margin-top:5px}.ab-rag-steps{flex-direction:column;display:flex}.ab-rag-step{gap:14px;padding-bottom:18px;display:flex}.ab-rag-step:last-child{padding-bottom:0}.ab-rag-left{flex-direction:column;align-items:center;display:flex}.ab-rag-dot{background:var(--cx-indigo);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.ab-rag-line{background:var(--cx-border);flex:1;width:2px;margin-top:4px}.ab-rag-step:last-child .ab-rag-line{display:none}.ab-rag-body{flex:1}.ab-rag-lbl{margin-bottom:3px;font-size:12px;font-weight:600}.ab-rag-dtl{color:var(--cx-text-dim);font-size:12px;font-family:var(--font-dm-mono), "DM Mono", monospace}.ab-guard-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ab-guard-card{background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:14px;padding:20px}.ab-guard-lyr{text-transform:uppercase;letter-spacing:.08em;color:var(--cx-text-dimmer);margin-bottom:8px;font-size:10px;font-weight:700}.ab-guard-card h4{margin-bottom:10px;font-size:14px;font-weight:600}.ab-guard-list{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.ab-guard-list li{color:var(--cx-text-dim);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.ab-guard-list li:before{content:"→";color:var(--cx-indigo);flex-shrink:0;margin-top:1px;font-size:11px}.ab-decisions{flex-direction:column;gap:12px;display:flex}.ab-decision{background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:14px;gap:16px;padding:20px 22px;transition:border-color .2s;display:flex}.ab-decision:hover{border-color:var(--cx-border)}.ab-dec-icon{background:var(--cx-indigo-dim);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ab-dec-q{margin-bottom:5px;font-size:13px;font-weight:600}.ab-dec-a{color:var(--cx-text-dim);font-size:13px;line-height:1.6}.ab-env-table{border-collapse:collapse;width:100%;font-size:12.5px}.ab-env-table td{border-top:1px solid var(--cx-border2);vertical-align:top;padding:9px 14px}.ab-env-table tr:first-child td{border-top:none}.ab-env-table td:first-child{font-family:var(--font-dm-mono), "DM Mono", monospace;color:var(--cx-cyan);width:280px;font-size:11.5px}.ab-env-table td:last-child{color:var(--cx-text-dim)}.ab-file-tree{font-family:var(--font-dm-mono), "DM Mono", monospace;color:var(--cx-text-dim);background:var(--cx-surface2);border:1px solid var(--cx-border2);border-radius:14px;padding:20px 24px;font-size:12px;line-height:1.8}.ab-file-tree .ft-dir{color:#a78bfa}.ab-file-tree .ft-cmt{color:var(--cx-text-dimmer)}.ab-launch{background:var(--cx-indigo);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.ab-launch:hover{opacity:.85}@media (max-width:900px){.ab-sidebar{display:none}.ab-main{padding:32px 24px}.ab-mode-grid,.ab-tools-grid,.ab-guard-grid,.ab-stat-row,.ab-flow-cols.c3{grid-template-columns:1fr}}