:root{--bg: #0a0a0f;--surface: #13131a;--border: #23233a;--text: #e8e8f0;--muted: #8888aa;--accent: #f7931a;--accent2: #5546ff;--success: #22c55e;--error: #ef4444;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}header{border-bottom:1px solid var(--border);padding:1rem 0}header .inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.4rem;font-weight:700;color:var(--text)}.logo span{color:var(--accent)}.wallet-btn{background:var(--accent2);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .2s}.wallet-btn:hover{opacity:.85}.wallet-btn.connected{background:var(--surface);border:1px solid var(--accent2)}.hero{text-align:center;padding:4rem 0 3rem}.hero h1{font-size:2.8rem;font-weight:800;margin-bottom:1rem}.hero h1 .orange{color:var(--accent)}.hero h1 .purple{color:var(--accent2)}.hero p{color:var(--muted);font-size:1.15rem;max-width:600px;margin:0 auto 2rem}.badges{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.badge{background:var(--surface);border:1px solid var(--border);padding:.35rem .9rem;border-radius:999px;font-size:.8rem;color:var(--muted)}footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--muted);font-size:.85rem}.main-nav{display:flex;gap:1.5rem}.main-nav a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--text);text-decoration:none}.live-counters{padding:2rem 0}.live-counters h2{text-align:center;font-size:1.2rem;color:var(--muted);margin-bottom:1.5rem}.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.counter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.counter-value{display:block;font-size:2rem;font-weight:800;color:var(--accent)}.counter-label{display:block;font-size:.8rem;color:var(--muted);margin-top:.25rem}.how-it-works{padding:3rem 0}.how-it-works h2{text-align:center;margin-bottom:2rem}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.flow-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.flow-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent2);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:.75rem}.flow-step h3{font-size:1rem;margin-bottom:.5rem}.flow-step p{font-size:.85rem;color:var(--muted)}.cta-section{padding:2rem 0 4rem}.cta-section h2{text-align:center;margin-bottom:1.5rem}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cta-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}.cta-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.cta-card h3{margin-bottom:.5rem;color:var(--accent)}.cta-card p{font-size:.9rem;color:var(--muted)}.marketplace{padding:2rem 0 4rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:800}.subtitle{color:var(--muted);font-size:1rem}.search-bar{display:flex;gap:.75rem;margin-bottom:2rem}.search-bar input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.search-bar button{background:var(--accent2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s}.agent-card:hover{border-color:var(--accent2)}.agent-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.agent-card-header h3{font-size:1.1rem}.agent-price{color:var(--success);font-weight:700;font-size:.95rem}.agent-card p{color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.capability-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.capability-tag{background:var(--bg);border:1px solid var(--border);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;color:var(--accent2)}.agent-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);padding-top:.75rem}.agent-stats span{display:flex;gap:.3rem;align-items:center}.agent-stats .stat-value{color:var(--text);font-weight:600}.agent-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.agent-actions .btn{flex:1;padding:.6rem 1rem;font-size:.85rem}.rate-stars{display:flex;gap:2px}.star-btn{background:none;border:none;cursor:pointer;font-size:1.3rem;color:var(--border);transition:color .15s;padding:0 2px}.star-btn:hover,.star-btn.active{color:var(--accent)}.tx-link{margin-top:.5rem;font-size:.8rem;color:var(--muted)}.tx-link a{color:var(--accent2)}.tx-confirmed{margin-top:.75rem;padding:.75rem 1rem;background:#22c55e12;border:1px solid var(--success);border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.85rem}.tx-confirmed a{color:var(--success);font-weight:600}.tx-badge-real{background:var(--success);color:var(--bg);font-size:.65rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.agent-owner{margin-top:.5rem;font-size:.75rem;color:var(--muted)}.agent-interact{margin-top:1rem;padding:1rem;background:#5546ff0a;border:1px solid var(--border);border-radius:var(--radius)}.interact-title{font-size:.85rem;font-weight:700;margin-bottom:.75rem;color:var(--accent2);text-transform:uppercase;letter-spacing:.05em}.interact-fields{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.field-label{font-size:.75rem;font-weight:600;color:var(--muted)}.field-input{width:100%;padding:.65rem .8rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.9rem}.field-input:focus{border-color:var(--accent2);outline:none;box-shadow:0 0 0 2px #5546ff26}.interact-actions{display:flex;gap:.5rem}.btn-try-free{flex:1;background:transparent;border:2px solid var(--accent2)!important;color:var(--accent2);font-weight:700;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-try-free:hover:not(:disabled){background:#5546ff1a}.btn-pay-use{flex:1;background:var(--accent);color:var(--bg);font-weight:700;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-pay-use:hover:not(:disabled){background:#e8850f}.agent-card.expanded{grid-column:1 / -1}.agent-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.agent-result{margin-top:.75rem;border:1px solid var(--accent2);border-radius:var(--radius);background:#5546ff0f;padding:1rem;animation:fadeIn .3s ease}.agent-result.loading{text-align:center;padding:1rem;color:var(--muted);border-color:var(--border);background:transparent}.result-spinner{font-style:italic}.agent-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.result-badge{font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.result-badge.paid{background:var(--accent);color:var(--bg)}.result-badge.free{background:var(--border);color:var(--muted)}.result-agent{font-weight:700;font-size:.85rem}.agent-result-body{display:flex;flex-direction:column;gap:.4rem}.result-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-row:last-child{border-bottom:none}.result-key{font-size:.75rem;color:var(--muted);text-transform:capitalize;min-width:100px;flex-shrink:0}.result-value{font-size:.85rem;font-weight:600;text-align:right;word-break:break-word;white-space:pre-wrap}.result-source{margin-top:.5rem;font-size:.7rem;color:var(--muted);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.source-badge{display:inline-block;margin-left:.75rem;font-size:.7rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;vertical-align:middle}.source-badge.chain{background:var(--accent2);color:#fff}.source-badge.api{background:var(--border);color:var(--muted)}.dashboard{padding:2rem 0 4rem}.demo-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{border:none;padding:.75rem 2rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent2);color:#fff}.btn-danger{background:var(--error);color:#fff}.empty-state{text-align:center;padding:4rem 0}.empty-state h2{font-size:1.5rem;margin-bottom:.75rem}.empty-state>p{color:var(--muted);max-width:500px;margin:0 auto 2rem}.demo-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:500px;margin:0 auto}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent2);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:.75rem}.feature h3{font-size:1rem;margin-bottom:.5rem}.feature p{font-size:.85rem;color:var(--muted)}.scenario-view,.budget-block-view{margin-top:1rem}.scenario-desc{color:var(--muted);margin-bottom:2rem;text-align:center}.agent-summaries{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:2rem}.agent-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.agent-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.agent-summary-header h3{font-size:1rem}.wallet-badge{color:var(--muted);font-size:.75rem;background:var(--bg);padding:.2rem .5rem;border-radius:4px;font-family:monospace}.budget-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.budget-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--accent));border-radius:3px;transition:width .5s ease}.budget-info{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.agent-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat{text-align:center}.stat .stat-value{display:block;font-weight:700;font-size:.95rem;color:var(--accent)}.stat .stat-label{display:block;font-size:.7rem;color:var(--muted)}.tx-log{display:grid;gap:.75rem}.tx-step{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;border-left:3px solid var(--border)}.tx-step.success{border-left-color:var(--success)}.tx-step.fail{border-left-color:var(--error)}.tx-step.blocked{border-left-color:var(--accent)}.tx-step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.tx-step-header .step-num{font-weight:700;font-size:.85rem;color:var(--muted)}.tx-step-header .step-agent{font-weight:600}.step-status{margin-left:auto;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.step-status.success{background:#22c55e22;color:var(--success)}.step-status.fail{background:#ef444422;color:var(--error)}.step-status.blocked{background:#f7931a22;color:var(--accent)}.tx-action{font-size:.9rem;color:var(--muted)}.tx-details{display:flex;gap:1rem;margin-top:.35rem;font-size:.8rem}.tx-details span:first-child{color:var(--success);font-weight:600}.tx-hash{color:var(--muted);font-family:monospace;font-size:.75rem}.block-reason{margin-top:.35rem;color:var(--error);font-size:.85rem;font-style:italic}@media(max-width:768px){.counter-grid,.flow-steps{grid-template-columns:repeat(2,1fr)}.cta-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.main-nav{gap:.75rem}.demo-controls{flex-direction:column}}.trending-section{margin-bottom:2.5rem}.trending-section h2{font-size:1.3rem;margin-bottom:1rem}.trending-strip{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.trending-card{flex:0 0 200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:border-color .2s}.trending-card:hover{border-color:var(--accent)}.trending-card h4{font-size:.95rem;margin-bottom:.35rem}.trending-card .tc-price{color:var(--success);font-weight:700;font-size:.85rem}.trending-card .tc-calls{font-size:.75rem;color:var(--muted);margin-top:.25rem}.trending-card .tc-rating{color:var(--accent);font-size:.8rem;margin-top:.25rem}.leaderboard-section{margin-bottom:2.5rem}.leaderboard-section h2{font-size:1.3rem;margin-bottom:1rem}.leaderboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.leaderboard-row{display:flex;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);gap:1rem}.leaderboard-row:last-child{border-bottom:none}.lb-rank{font-weight:800;font-size:1.1rem;color:var(--accent);width:2rem;text-align:center}.lb-name{flex:1;font-weight:600}.lb-revenue{color:var(--success);font-weight:700;font-size:.9rem}.lb-calls{color:var(--muted);font-size:.8rem;width:6rem;text-align:right}.lb-rating{color:var(--accent);font-size:.85rem;width:4rem;text-align:right}.browse-section{margin-bottom:2rem}.browse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.browse-header h2{font-size:1.3rem}.search-sort-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}.search-sort-bar input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.search-sort-bar select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer}.publish-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:2.5rem}.publish-form h3{font-size:1.2rem;margin-bottom:.25rem}.form-subtitle{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full{grid-column:1 / -1}.form-field label{font-size:.8rem;color:var(--muted);font-weight:600}.form-field input,.form-field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.65rem .85rem;border-radius:8px;font-size:.9rem;font-family:inherit}.form-field textarea{resize:vertical;min-height:60px}.form-actions{display:flex;gap:1rem;align-items:center}.btn-publish{background:var(--success);color:var(--bg);border:none;padding:.75rem 2rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:700;transition:opacity .2s}.btn-publish:hover{opacity:.85}.btn-publish:disabled{opacity:.5;cursor:not-allowed}.form-result{padding:.75rem 1rem;background:#22c55e18;border:1px solid var(--success);border-radius:8px;color:var(--success);font-size:.9rem}.chain-view{margin-top:1rem}.chain-pipeline{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:2rem}.chain-hop-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.chain-hop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;width:100%;border-left:3px solid var(--accent2)}.chain-hop-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.hop-num{font-weight:700;font-size:.85rem;color:var(--muted)}.hop-agent{font-weight:700;flex:1}.hop-cost{color:var(--success);font-weight:700;font-size:.9rem}.hop-service{font-size:.85rem;color:var(--accent2);margin-bottom:.5rem}.hop-io{font-size:.8rem;color:var(--muted)}.hop-io small{font-weight:600;color:var(--text)}.hop-input{margin-bottom:.25rem}.chain-arrow{font-size:1.5rem;color:var(--accent);padding:.35rem 0;font-weight:700}.chain-summary{display:flex;justify-content:center;gap:3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.chain-stat{text-align:center}.chain-stat .stat-value{display:block;font-weight:700;font-size:1.1rem;color:var(--accent)}.chain-stat .stat-label{display:block;font-size:.75rem;color:var(--muted)}.btn-chain{background:var(--accent);color:var(--bg)}.btn-settle{background:#f7931a;color:#000}.btn-real-pay{background:var(--success);color:#000;font-weight:700;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.real-payment-result{background:var(--surface);border:2px solid var(--success);border-radius:var(--radius);padding:2rem;margin-top:1.5rem;text-align:center}.real-payment-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.real-payment-header h2{color:var(--success);font-size:1.3rem}.real-payment-details{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.real-payment-result .btn{display:inline-block;text-decoration:none;margin-top:1rem}.tx-hash-display{margin-top:.75rem;font-size:.75rem;color:var(--muted);word-break:break-all;font-family:monospace}.badge-sbtc{background:#f7931a;color:#000;font-weight:700}.token-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border);flex-wrap:wrap}.token-bar-label{font-size:.85rem;opacity:.7}.token-badge{padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.token-badge.stx{background:#5546ff22;color:var(--purple);border:1px solid var(--purple)}.token-badge.sbtc{background:#f7931a22;color:#f7931a;border:1px solid #f7931a}.token-badge small{opacity:.6;font-weight:400}.settle-view{background:var(--surface);border:1px solid #f7931a44;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settle-view h2{color:#f7931a;margin-bottom:.5rem}.settle-view code{background:var(--bg);padding:.15rem .4rem;border-radius:4px;font-size:.85rem}@media(min-width:769px){.demo-features{grid-template-columns:repeat(3,1fr);max-width:700px}}