.ai-wrap{max-width:980px;margin:0 auto;padding:36px 20px 64px}.ai-hero h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.ai-hero p{font-size:14px;color:var(--text-muted);font-family:var(--font-mono);font-weight:500;margin-bottom:28px}.ai-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.ai-tab{font-family:var(--font-mono);font-size:12px;font-weight:800;padding:8px 18px;border-radius:99px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text-muted);cursor:pointer;transition:all .15s}.ai-tab.active,.ai-tab:hover{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}.ai-panel{display:none}.ai-panel.active{display:block}.pipeline{display:flex;flex-wrap:wrap;gap:0;align-items:stretch;margin-bottom:28px}.pipeline-step{flex:1;min-width:160px;background:var(--surface);border:1.5px solid var(--border2);padding:22px 20px;position:relative}.pipeline-step:first-child{border-radius:16px 0 0 16px}.pipeline-step:last-child{border-radius:0 16px 16px 0}.pipeline-step:not(:first-child){border-left:none}.pipeline-arrow{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--accent);z-index:1;line-height:1}.ps-num{font-size:11px;font-family:var(--font-mono);font-weight:900;color:var(--text-dim);margin-bottom:6px}.ps-icon{font-size:28px;margin-bottom:8px}.ps-name{font-size:14px;font-weight:900;margin-bottom:6px}.ps-desc{font-size:11px;color:var(--text-muted);font-weight:600;line-height:1.55}.ps-example{margin-top:8px;font-size:10px;font-family:var(--font-mono);color:var(--accent);font-weight:700}.nn-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px}.nn-card{background:var(--surface);border:1.5px solid var(--border2);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}.nn-card-icon{font-size:28px;margin-bottom:8px}.nn-card-name{font-size:13px;font-weight:900;margin-bottom:6px}.nn-card-desc{font-size:11px;color:var(--text-muted);font-weight:600;line-height:1.55}.demo-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}@media (max-width: 720px){.demo-grid{grid-template-columns:1fr}}.demo-canvas-wrap{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:12px}.demo-canvas{display:block;width:100%;border-radius:8px;cursor:crosshair}.demo-sidebar{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:20px}.demo-h{font-size:13px;font-weight:900;margin-bottom:14px}.demo-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.demo-btn{font-family:var(--font-mono);font-size:12px;font-weight:800;padding:9px 16px;border-radius:10px;border:2px solid;cursor:pointer;transition:all .15s}.demo-btn-a{background:#dbeafe;color:#1e3a8a;border-color:#93c5fd}.demo-btn-a:hover{background:#1e3a8a;color:#fff}.demo-btn-b{background:#fce7f3;color:#9d174d;border-color:#f9a8d4}.demo-btn-b:hover{background:#9d174d;color:#fff}.demo-btn-a.active{background:#1e3a8a;color:#fff}.demo-btn-b.active{background:#9d174d;color:#fff}.demo-train-btn{width:100%;font-family:var(--font-mono);font-size:13px;font-weight:800;padding:11px;background:#1e3a8a;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:opacity .15s;margin-bottom:10px}.demo-train-btn:hover{opacity:.85}.demo-clear-btn{width:100%;font-family:var(--font-mono);font-size:12px;font-weight:800;padding:9px;background:var(--surface2);color:var(--text-muted);border:1.5px solid var(--border2);border-radius:10px;cursor:pointer}.demo-info{font-size:12px;color:var(--text-muted);font-weight:600;line-height:1.6;margin-top:12px}.demo-accuracy{font-size:16px;font-weight:900;font-family:var(--font-mono);color:#1e3a8a}.types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.type-card{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}.type-badge{display:inline-block;font-size:10px;font-family:var(--font-mono);font-weight:800;padding:3px 10px;border-radius:99px;margin-bottom:10px;letter-spacing:.3px}.type-name{font-size:15px;font-weight:900;margin-bottom:6px}.type-desc{font-size:12px;color:var(--text-muted);font-weight:600;line-height:1.6;margin-bottom:10px}.type-examples{font-size:11px;font-family:var(--font-mono);color:var(--accent);font-weight:700}