.hero-content{text-align:center;max-width:1400px;margin:0 auto var(--space-16)}.hero-subtitle{max-width:1000px}.custom-api-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-8);align-items:center}.custom-api-features{display:flex;flex-direction:column;gap:var(--space-3)}.custom-api-feature{display:flex;gap:var(--space-3);align-items:flex-start}.custom-api-feature-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.custom-api-feature-icon svg{width:18px;height:18px}.custom-api-feature h4,.custom-api-feature .card-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:2px}.custom-api-feature p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.custom-api-code{background:#0f172a;border:1px solid #334155;border-radius:var(--radius-xl);padding:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);color:#94a3b8;line-height:1.8;overflow-x:auto}.builder-mockup{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-2xl);margin-top:var(--space-10);overflow:hidden;box-shadow:var(--shadow-sm)}.builder-mockup-bar{display:flex;align-items:center;gap:var(--space-2);padding:14px var(--space-6);border-bottom:1px solid var(--border);background:var(--surface)}.builder-mockup-dot{width:10px;height:10px;border-radius:50%}.builder-mockup-title{font-size:13px;font-weight:700;color:var(--text-muted);margin-left:var(--space-3);letter-spacing:.03em}.builder-mockup-rows{display:flex;flex-direction:column;gap:0}.builder-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border)}.builder-row:last-child{border-bottom:none}.builder-row-field{flex:0 0 55%;padding:var(--space-5) var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.builder-row-info{flex:0 0 45%;padding:var(--space-5) var(--space-6);border-left:1px solid var(--border);display:flex;align-items:center;background:var(--surface)}.builder-row-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;border:1.5px solid}.builder-row-input{flex:1;display:flex;flex-direction:column;gap:3px}.builder-row-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.builder-row-value{font-size:13px;font-weight:600;color:var(--text)}.builder-row-pills{display:flex;flex-wrap:wrap;gap:5px}.builder-row-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:#6366f11a;color:var(--accent-indigo)}.builder-row-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.skill-flow-example{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.skill-flow-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.skill-flow{display:flex;align-items:flex-start;gap:var(--space-4);position:relative}.skill-flow-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 var(--space-2)}.skill-flow-icon{width:52px;height:52px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--space-3);position:relative;z-index:2;background:var(--surface)}.skill-flow-title{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:4px}.skill-flow-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.skill-flow-step+.skill-flow-step:before{content:"";position:absolute;top:26px;left:calc(-50% + 26px - var(--space-2));right:calc(50% + 26px + var(--space-2));height:2px;background:var(--border);z-index:0}.skill-flow-num{position:absolute;top:-6px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--accent-indigo);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:3}.agent-slider-wrap{position:relative;overflow:hidden;margin-top:var(--space-12)}.agent-slider-wrap:before,.agent-slider-wrap:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.agent-slider-wrap:before{left:0;background:linear-gradient(to right,var(--surface),transparent)}.agent-slider-wrap:after{right:0;background:linear-gradient(to left,var(--surface),transparent)}.agent-grid{display:flex;gap:var(--space-6);transition:transform .4s ease}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);flex-shrink:0;width:calc((100% - 2 * var(--space-6)) / 3)}.agent-card-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.agent-card-icon svg{width:22px;height:22px}.agent-card h3{font-size:var(--text-lg);font-weight:700;color:var(--text)}.agent-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}.agent-card-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:var(--radius-full);background:#6366f11a;color:var(--accent-indigo);align-self:flex-start}.agent-slider-nav{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);position:relative;z-index:3}.agent-slider-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.agent-slider-btn:hover:not(:disabled){background:var(--accent-indigo);color:#fff;border-color:var(--accent-indigo)}.agent-slider-btn:disabled{opacity:.3;cursor:not-allowed}.flow-arch{display:flex;align-items:center;justify-content:center;gap:0;margin-top:var(--space-16);margin-bottom:var(--space-10);padding:var(--space-12) 0;position:relative}.flow-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.flow-node-box{width:160px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--dark-border);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text-on-dark);transition:all var(--transition-slow);position:relative;z-index:1}.flow-node-box:hover{border-color:#6366f166}.flow-node-icon{margin-bottom:var(--space-2)}.flow-node-icon svg{width:22px;height:22px}.flow-connector{width:120px;height:2px;background:repeating-linear-gradient(90deg,var(--dark-border) 0px,var(--dark-border) 6px,transparent 6px,transparent 12px);position:relative;flex-shrink:0}.flow-connector-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-indigo);white-space:nowrap}.flow-node-glow{position:absolute;inset:-2px;border-radius:calc(var(--radius-xl) + 2px);overflow:hidden;opacity:0;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}.flow-node-glow:before{content:"";position:absolute;top:50%;left:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0%,transparent 30%,color-mix(in srgb,var(--glow-color, #6366f1) 20%,transparent) 50%,color-mix(in srgb,var(--glow-color, #6366f1) 60%,transparent) 65%,var(--glow-color, #6366f1) 75%,var(--glow-color, #6366f1) 80%,var(--glow-color, #6366f1) 85%,color-mix(in srgb,var(--glow-color, #6366f1) 60%,transparent) 90%,color-mix(in srgb,var(--glow-color, #6366f1) 20%,transparent) 95%,transparent 100%)}.flow-node.glow-active .flow-node-glow{opacity:1}.flow-node.glow-active .flow-node-glow:before{animation:border-sweep .8s linear forwards}@keyframes border-sweep{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.flow-packet{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent-indigo);box-shadow:0 0 14px #6366f199,0 0 4px #6366f1e6;top:50%;transform:translate(-50%,-50%);opacity:0;z-index:3;pointer-events:none}.flow-pills{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap}.flow-pill{padding:10px 24px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;border:1px solid var(--dark-border);color:var(--text-on-dark-secondary)}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-12)}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.skill-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.skill-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px}.skill-card-name{font-size:var(--text-lg);font-weight:700;color:var(--text)}.skill-card-meta{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.skill-card-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary)}.skill-card-badge--duration{background:#6366f126;border-color:#6366f14d;color:var(--accent-indigo)}.skill-card-badge--trigger{background:#10b9811a;border-color:#10b98140;color:var(--accent-green)}.skill-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.skill-card-steps{list-style:none}.skill-card-steps li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.skill-card-steps li:before{content:"→";position:absolute;left:0;color:var(--accent-indigo)}.chat-mock{background:#0f172a;border:1px solid #334155;border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden}.chat-mock-msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:1.6}.chat-mock-msg--nested{margin-left:var(--space-4)}.chat-mock-user{background:#6366f126;color:var(--text-on-dark);border:1px solid rgba(99,102,241,.25)}.chat-mock-system{background:#1e293bcc;color:var(--text-on-dark-secondary);border:1px solid var(--dark-border)}.chat-mock-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:block}@media(max-width:768px){.compare-grid{grid-template-columns:1fr!important}.custom-api-grid{grid-template-columns:1fr}.agent-card{width:calc(100% - 40px)}.agent-slider-wrap:before,.agent-slider-wrap:after{width:30px}.skill-grid{grid-template-columns:1fr}.skill-flow{flex-direction:column;align-items:stretch;gap:var(--space-4)}.skill-flow-step{flex-direction:row;text-align:left;align-items:center;gap:var(--space-3)}.skill-flow-step+.skill-flow-step:before{display:none}.skill-flow-icon{margin-bottom:0}.skill-flow-desc{max-width:none}.builder-row{flex-direction:column}.builder-row-field{flex:none;padding:var(--space-4) var(--space-4);gap:var(--space-3)}.builder-row-info,.builder-mockup-title{display:none}.builder-mockup-bar{padding:10px var(--space-4)}.builder-row-value{font-size:12px}.builder-row-pill{font-size:10px;padding:2px 8px}.flow-arch{flex-direction:column;gap:0;padding:var(--space-6) 0}.flow-node-box{width:120px;height:80px;padding:var(--space-3);font-size:var(--text-xs)}.flow-node-icon svg{width:18px;height:18px}.flow-connector{width:2px;height:28px;background:repeating-linear-gradient(180deg,var(--dark-border) 0px,var(--dark-border) 4px,transparent 4px,transparent 8px)}.flow-connector-label{top:50%;left:calc(100% + 12px);right:auto;transform:translateY(-50%)}.flow-packet{display:none}}@media(min-width:769px)and (max-width:1024px){.agent-card{width:calc((100% - var(--space-6)) / 2)}}@media(prefers-reduced-motion:reduce){.flow-node,.flow-connector,.flow-node-glow,.flow-packet,.agent-grid{transition:none!important;animation:none!important}}