{"id":3366,"date":"2026-10-16T12:17:51","date_gmt":"2026-10-16T12:17:51","guid":{"rendered":"https:\/\/evolaitech.uk\/?page_id=3366"},"modified":"2026-10-16T14:35:34","modified_gmt":"2026-10-16T14:35:34","slug":"apigate","status":"publish","type":"page","link":"https:\/\/evolaitech.uk\/index.php\/apigate\/","title":{"rendered":"EVOAPI Gateway"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3366\" class=\"elementor elementor-3366\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0b5dda e-con e-atomic-element e-flexbox-base e-default-div e-54daec6 \" data-id=\"b0b5dda\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b0b5dda\" data-e-type=\"e-flexbox\" data-id=\"b0b5dda\">\n    \t\t<div class=\"elementor-element elementor-element-c14dbf0 elementor-widget elementor-widget-html\" data-id=\"c14dbf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"evoapi\" class=\"evoapi\">\n  <!-- ============================================================\n    LOGOS DE MARCAS\n    Reemplaza cada src=\"##\" por la URL real del logo, ej:\n    src=\"https:\/\/tupagina.com\/wp-content\/uploads\/logos\/openai.png\"\n    \u2022 Recomendado: versiones blancas\/monocrom\u00e1ticas (PNG o SVG)\n    \u2022 Si un logo no tiene URL o falla, se oculta solo.\n  ============================================================= -->\n  <style>\n    #evoapi {\n      --bg: #071020;\n      --panel: #0d1930;\n      --panel2: #101f39;\n      --green: #00e58b;\n      --cyan: #00c9ed;\n      --text: #f1f5fc;\n      --muted: #a1b2cd;\n      --line: rgba(67, 145, 200, .27);\n      background: var(--bg);\n      color: var(--text);\n      font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      font-size: 15px;\n      line-height: 1.65;\n      overflow: hidden;\n    }\n\n    #evoapi * { box-sizing: border-box; }\n    #evoapi a { text-decoration: none; }\n    #evoapi .ea-container { width: min(1180px, 100%); margin: auto; }\n    #evoapi .ea-section { padding: 76px 0; }\n    #evoapi .ea-eyebrow {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 5px 12px; border: 1px solid rgba(0,229,139,.4);\n      border-radius: 30px; color: var(--green);\n      background: rgba(0,229,139,.055);\n      font-size: 11px; font-weight: 800; letter-spacing: 1.1px;\n      text-transform: uppercase;\n    }\n    #evoapi .ea-eyebrow:before {\n      content: \"\"; width: 6px; height: 6px;\n      background: var(--green); border-radius: 50%;\n      box-shadow: 0 0 10px var(--green);\n    }\n    #evoapi h1, #evoapi h2, #evoapi h3, #evoapi p { margin-top: 0; }\n    #evoapi h1 {\n      margin: 20px 0; font-size: clamp(39px, 5.4vw, 68px);\n      line-height: 1.06; letter-spacing: -2.5px;\n      font-weight: 850;\n    }\n    #evoapi h2 {\n      font-size: clamp(29px, 3.5vw, 43px);\n      line-height: 1.15; letter-spacing: -1.3px;\n      margin: 15px 0;\n    }\n    #evoapi h3 { font-size: 18px; line-height: 1.3; }\n    #evoapi p { color: var(--muted); }\n    #evoapi .ea-gradient {\n      color: var(--green);\n      background: linear-gradient(90deg, #00e58b, #00c9ed);\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    #evoapi .ea-center { text-align: center; }\n    #evoapi .ea-lead {\n      max-width: 650px; font-size: 17px; line-height: 1.8;\n    }\n    #evoapi .ea-center .ea-lead { margin: 0 auto; }\n    #evoapi .ea-actions {\n      display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;\n    }\n    #evoapi .ea-center .ea-actions { justify-content: center; }\n    #evoapi .ea-btn {\n      display: inline-flex; align-items: center; justify-content: center;\n      gap: 10px; min-height: 48px; padding: 12px 21px;\n      border-radius: 10px; font-weight: 750; font-size: 14px;\n      transition: transform .2s, border-color .2s;\n    }\n    #evoapi .ea-btn:hover { transform: translateY(-2px); }\n    #evoapi .ea-btn-primary {\n      background: var(--green); color: #04140f;\n      box-shadow: 0 0 24px rgba(0,229,139,.13);\n    }\n    #evoapi .ea-btn-secondary {\n      color: var(--text); border: 1px solid rgba(0,201,237,.5);\n      background: rgba(6,19,39,.8);\n    }\n\n    \/* Hero *\/\n    #evoapi .ea-hero {\n      position: relative; padding: 65px 0 72px;\n      background:\n        radial-gradient(ellipse at 78% 43%, rgba(0,201,237,.105), transparent 35%),\n        radial-gradient(ellipse at 58% 60%, rgba(0,229,139,.075), transparent 32%),\n        linear-gradient(180deg, #081326 0%, #071020 100%);\n      border-bottom: 1px solid var(--line);\n    }\n    #evoapi .ea-hero-grid {\n      display: grid; grid-template-columns: 1.03fr .97fr;\n      align-items: center; gap: 42px;\n    }\n    #evoapi .ea-hero-copy p { max-width: 560px; font-size: 17px; }\n    #evoapi .ea-note { font-size: 12px; margin-top: 17px; }\n    #evoapi .ea-orbit {\n      position: relative; min-height: 365px;\n      display: grid; place-items: center;\n    }\n    #evoapi .ea-orbit:before, #evoapi .ea-orbit:after {\n      content: \"\"; position: absolute; border: 1px solid rgba(0,201,237,.19);\n      border-radius: 50%; aspect-ratio: 1;\n    }\n    #evoapi .ea-orbit:before { width: 320px; }\n    #evoapi .ea-orbit:after { width: 245px; border-color: rgba(0,229,139,.24); }\n    #evoapi .ea-core {\n      z-index: 2; width: 150px; height: 150px; border-radius: 28px;\n      border: 1px solid var(--green);\n      background: linear-gradient(145deg, #102a39, #09152a);\n      box-shadow: 0 0 45px rgba(0,229,139,.16), inset 0 0 28px rgba(0,229,139,.05);\n      display: flex; flex-direction: column; align-items: center;\n      justify-content: center; text-align: center;\n    }\n    #evoapi .ea-mark { font-size: 38px; font-weight: 950; color: var(--green); line-height: 1.1; }\n    #evoapi .ea-core strong { font-size: 20px; letter-spacing: 2px; }\n    #evoapi .ea-core small { color: var(--cyan); letter-spacing: 2px; font-size: 10px; }\n    #evoapi .ea-node {\n      position: absolute; z-index: 3; min-width: 132px;\n      padding: 11px 13px; border: 1px solid var(--line);\n      background: rgba(9,23,44,.97); border-radius: 11px;\n      text-align: center; font-size: 12px; font-weight: 700;\n      box-shadow: 0 8px 30px rgba(0,0,0,.15);\n    }\n    #evoapi .ea-node span { display: block; color: var(--muted); font-size: 10px; font-weight: 500; }\n    #evoapi .ea-n1 { top: 8px; left: 3%; }\n    #evoapi .ea-n2 { top: 0; right: 2%; }\n    #evoapi .ea-n3 { top: 35%; left: 0; }\n    #evoapi .ea-n4 { top: 35%; right: 0; }\n    #evoapi .ea-n5 { bottom: 7px; left: 5%; }\n    #evoapi .ea-n6 { bottom: 0; right: 3%; }\n\n    \/* ===== LOGOS DE MARCAS ===== *\/\n    #evoapi .ea-node-logo {\n      display: block; width: 30px; height: 30px;\n      margin: 0 auto 7px; object-fit: contain;\n    }\n    #evoapi .ea-model-logo {\n      display: block; width: 46px; height: 46px;\n      padding: 6px; margin-bottom: 13px; object-fit: contain;\n      border: 1px solid var(--line); border-radius: 10px;\n      background: rgba(255,255,255,.05);\n    }\n    #evoapi .ea-tool-logo {\n      width: 16px; height: 16px; object-fit: contain; flex-shrink: 0;\n    }\n    #evoapi .ea-tool { display: inline-flex; align-items: center; gap: 7px; }\n    #evoapi .ea-core-logo {\n      display: block; width: 64px; height: 64px;\n      margin: 0 auto 4px; object-fit: contain;\n    }\n\n    \/* Compatibility strip *\/\n    #evoapi .ea-stack {\n      padding: 25px 0; border-bottom: 1px solid var(--line);\n      background: #091428;\n    }\n    #evoapi .ea-stack-inner {\n      display: grid; grid-template-columns: 215px 1fr;\n      align-items: center; gap: 25px;\n    }\n    #evoapi .ea-stack-title { font-size: 16px; font-weight: 800; }\n    #evoapi .ea-stack-title p { font-size: 12px; font-weight: 400; margin: 4px 0 0; }\n    #evoapi .ea-tools { display: flex; flex-wrap: wrap; gap: 9px; }\n    #evoapi .ea-tool {\n      padding: 10px 13px; border: 1px solid var(--line);\n      border-radius: 9px; background: rgba(14,29,52,.7);\n      color: #e0e9f8; font-size: 12px; font-weight: 700;\n    }\n    #evoapi .ea-tool b { color: var(--green); margin-right: 5px; }\n\n    \/* Cards and grids *\/\n    #evoapi .ea-grid-3 {\n      display: grid; grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 17px; margin-top: 38px;\n    }\n    #evoapi .ea-card {\n      padding: 25px; border: 1px solid var(--line);\n      border-radius: 15px; background: linear-gradient(150deg, #0e1c33, #0a162a);\n    }\n    #evoapi .ea-card:hover { border-color: rgba(0,229,139,.5); }\n    #evoapi .ea-icon {\n      width: 44px; height: 44px; display: grid; place-items: center;\n      border: 1px solid rgba(0,229,139,.45); border-radius: 12px;\n      color: var(--green); background: rgba(0,229,139,.06);\n      font-size: 21px; margin-bottom: 19px;\n    }\n    #evoapi .ea-card p { font-size: 13px; margin-bottom: 0; }\n    #evoapi .ea-checklist {\n      list-style: none; padding: 0; margin: 20px 0 0;\n    }\n    #evoapi .ea-checklist li {\n      padding: 7px 0 7px 22px; color: #c2cfe2;\n      font-size: 13px; position: relative;\n    }\n    #evoapi .ea-checklist li:before {\n      content: \"\u2713\"; position: absolute; left: 0;\n      color: var(--green); font-weight: 900;\n    }\n    #evoapi .ea-divider { border: 0; border-top: 1px solid var(--line); margin: 0; }\n\n    \/* Model providers *\/\n    #evoapi .ea-model-grid {\n      display: grid; grid-template-columns: repeat(4, minmax(0,1fr));\n      gap: 12px; margin-top: 35px;\n    }\n    #evoapi .ea-model {\n      padding: 19px; border: 1px solid var(--line);\n      background: #0b172b; border-radius: 12px;\n    }\n    #evoapi .ea-model strong { display: block; margin-bottom: 6px; }\n    #evoapi .ea-model p { font-size: 12px; margin: 0; }\n    #evoapi .ea-model-tag {\n      display: inline-block; font-size: 9px; color: var(--cyan);\n      letter-spacing: 1px; text-transform: uppercase; margin-bottom: 9px;\n    }\n    #evoapi .ea-callout {\n      padding: 17px 20px; margin-top: 20px; border-radius: 10px;\n      border: 1px solid var(--line); color: var(--muted); font-size: 12px;\n      background: rgba(12,27,48,.65);\n    }\n\n    \/* Workflow *\/\n    #evoapi .ea-workflow {\n      display: grid; grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 15px; margin-top: 35px;\n    }\n    #evoapi .ea-step {\n      padding: 23px; background: #0b172b; border: 1px solid var(--line);\n      border-radius: 13px;\n    }\n    #evoapi .ea-number { color: var(--green); font-weight: 900; font-size: 12px; letter-spacing: 1px; }\n\n    \/* ===== CODE TABS ===== *\/\n    #evoapi .ea-tabs {\n      display: flex; justify-content: center; flex-wrap: wrap;\n      gap: 6px; margin-top: 38px;\n    }\n    #evoapi .ea-tab {\n      padding: 9px 20px; border-radius: 9px; border: 1px solid transparent;\n      background: transparent; color: var(--muted);\n      font-family: inherit; font-size: 13px; font-weight: 700;\n      cursor: pointer; transition: color .2s, background .2s, border-color .2s;\n    }\n    #evoapi .ea-tab:hover { color: var(--text); }\n    #evoapi .ea-tab.is-active {\n      color: var(--text); background: #0d1a30; border-color: var(--line);\n    }\n    #evoapi .ea-window {\n      max-width: 860px; margin: 18px auto 0;\n      border: 1px solid var(--line); border-radius: 14px;\n      background: #050c18; overflow: hidden;\n      box-shadow: 0 18px 45px rgba(0,0,0,.25);\n    }\n    #evoapi .ea-win-head {\n      display: flex; align-items: center; gap: 10px;\n      padding: 12px 16px;\n      border-bottom: 1px solid rgba(67,145,200,.15);\n      background: rgba(13,26,48,.6);\n    }\n    #evoapi .ea-dots { display: flex; gap: 6px; }\n    #evoapi .ea-dots i { width: 10px; height: 10px; border-radius: 50%; display: block; }\n    #evoapi .ea-dots i:nth-child(1) { background: #ff5f57; }\n    #evoapi .ea-dots i:nth-child(2) { background: #febc2e; }\n    #evoapi .ea-dots i:nth-child(3) { background: #28c840; }\n    #evoapi .ea-win-label {\n      font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--muted); letter-spacing: 1px;\n    }\n    #evoapi .ea-copy-btn {\n      margin-left: auto; display: inline-flex; align-items: center; gap: 6px;\n      padding: 6px 14px; border-radius: 8px; cursor: pointer;\n      border: 1px solid rgba(0,229,139,.45); background: rgba(0,229,139,.07);\n      color: var(--green); font-family: inherit;\n      font-size: 12px; font-weight: 700; transition: background .2s;\n    }\n    #evoapi .ea-copy-btn:hover { background: rgba(0,229,139,.16); }\n    #evoapi .ea-pane { display: none; }\n    #evoapi .ea-pane.is-active { display: block; }\n    #evoapi .ea-pre {\n      margin: 0; padding: 20px 22px; overflow-x: auto;\n      font: 12.5px\/1.85 ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: #d7e4f5; white-space: pre;\n    }\n    #evoapi .tk-c   { color: #5b6f8d; }\n    #evoapi .tk-cmd { color: var(--cyan); font-weight: 700; }\n    #evoapi .tk-s   { color: var(--green); }\n    #evoapi .tk-u   { color: #f1f5fc; font-weight: 700; }\n    #evoapi .tk-v   { color: #7dd3fc; }\n\n    \/* FAQ *\/\n    #evoapi .ea-faq { max-width: 850px; margin: 32px auto 0; text-align: left; }\n    #evoapi details {\n      border-bottom: 1px solid var(--line); padding: 17px 0;\n    }\n    #evoapi summary { cursor: pointer; font-weight: 750; }\n    #evoapi details p { margin: 10px 0 0; font-size: 13px; }\n\n    \/* ===== FINAL CTA \/ QUICK ACCESS ===== *\/\n    #evoapi .ea-bottom {\n      padding: 55px 24px; border: 1px solid rgba(0,229,139,.25);\n      border-radius: 18px;\n      background: radial-gradient(ellipse at 50% 0%, rgba(0,229,139,.1), transparent 65%), #0b172b;\n    }\n    #evoapi .ea-urlbox {\n      max-width: 640px; margin: 30px auto 0;\n      display: flex; align-items: center; gap: 14px;\n      padding: 13px 13px 13px 20px;\n      border: 1px solid var(--line); border-radius: 12px;\n      background: rgba(5,12,24,.75); text-align: left;\n    }\n    #evoapi .ea-urlbox-label {\n      font-size: 10px; font-weight: 800; letter-spacing: 1.5px;\n      text-transform: uppercase; color: var(--muted); white-space: nowrap;\n    }\n    #evoapi .ea-urlbox-value {\n      flex: 1 1 auto; min-width: 0; overflow-x: auto; white-space: nowrap;\n      font: 700 14px ui-monospace, SFMono-Regular, Menlo, monospace;\n      color: var(--green);\n    }\n    #evoapi .ea-copy-chip {\n      display: inline-flex; align-items: center; gap: 7px;\n      padding: 9px 16px; border-radius: 9px; cursor: pointer;\n      border: 1px solid rgba(0,229,139,.5); background: rgba(0,229,139,.08);\n      color: var(--green); font-family: inherit;\n      font-size: 13px; font-weight: 750; white-space: nowrap;\n      transition: background .2s;\n    }\n    #evoapi .ea-copy-chip:hover { background: rgba(0,229,139,.18); }\n\n    @media (max-width: 900px) {\n      #evoapi .ea-hero-grid { grid-template-columns: 1fr; }\n      #evoapi .ea-hero-copy { text-align: center; }\n      #evoapi .ea-hero-copy p { margin-left: auto; margin-right: auto; }\n      #evoapi .ea-actions { justify-content: center; }\n      #evoapi .ea-orbit { max-width: 520px; width: 100%; margin: 0 auto; }\n      #evoapi .ea-stack-inner { grid-template-columns: 1fr; }\n      #evoapi .ea-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }\n      #evoapi .ea-model-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\n    }\n    @media (max-width: 580px) {\n      #evoapi .ea-section { padding: 53px 0; }\n      #evoapi .ea-hero { padding: 45px 0; }\n      #evoapi h1 { letter-spacing: -1.5px; }\n      #evoapi .ea-orbit { min-height: 320px; transform: scale(.88); margin: -10px auto; width: 112%; left: -6%; }\n      #evoapi .ea-orbit:before { width: 260px; }\n      #evoapi .ea-orbit:after { width: 205px; }\n      #evoapi .ea-core { width: 120px; height: 120px; border-radius: 23px; }\n      #evoapi .ea-core strong { font-size: 16px; }\n      #evoapi .ea-node { min-width: 104px; padding: 8px; font-size: 10px; }\n      #evoapi .ea-grid-3, #evoapi .ea-model-grid, #evoapi .ea-workflow { grid-template-columns: 1fr; }\n      #evoapi .ea-card { padding: 21px; }\n      #evoapi .ea-btn { width: 100%; }\n      #evoapi .ea-tab { padding: 8px 14px; font-size: 12px; }\n      #evoapi .ea-pre { font-size: 11px; padding: 16px 14px; }\n      #evoapi .ea-urlbox { flex-wrap: wrap; }\n      #evoapi .ea-urlbox-value { font-size: 12.5px; }\n      #evoapi .ea-copy-chip { order: 3; width: 100%; justify-content: center; margin-top: 6px; }\n    }\n  <\/style>\n\n  <!-- HERO -->\n  <header class=\"ea-hero\">\n    <div class=\"ea-container ea-hero-grid\">\n      <div class=\"ea-hero-copy\">\n        <span class=\"ea-eyebrow\">Built for developers &amp; AI teams<\/span>\n        <h1>One API.<br><span class=\"ea-gradient\">Every frontier model.<\/span><\/h1>\n        <p>\n          One unified gateway for leading AI models, coding agents and\n          creative workflows. Connect your tools, choose your models\n          and manage API usage from one place.\n        <\/p>\n        <div class=\"ea-actions\">\n          <a class=\"ea-btn ea-btn-primary\" href=\"https:\/\/api.evolaitech.uk\">Get API Access <span>\u2197<\/span><\/a>\n          <a class=\"ea-btn ea-btn-secondary\" href=\"#evoapi-integrations\">Explore Integrations <span>\u2197<\/span><\/a>\n        <\/div>\n        <p class=\"ea-note\">One integration layer. Multiple AI providers. Your workflow.<\/p>\n      <\/div>\n\n      <div class=\"ea-orbit\" aria-label=\"EVOAPI Gateway connecting AI model providers\">\n        <div class=\"ea-node ea-n1\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/openai.png\" alt=\"Logo OpenAI\">OpenAI<span>GPT \u00b7 Reasoning \u00b7 Code<\/span>\n        <\/div>\n        <div class=\"ea-node ea-n2\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/antropic.png\" alt=\"Logo Anthropic\">Anthropic<span>Claude models<\/span>\n        <\/div>\n        <div class=\"ea-node ea-n3\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/deepseek.png\" alt=\"Logo DeepSeek\">DeepSeek<span>Reasoning \u00b7 Coding<\/span>\n        <\/div>\n        <div class=\"ea-node ea-n4\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/gemini.png\" alt=\"Logo Google Gemini\">Google Gemini<span>Multimodal AI<\/span>\n        <\/div>\n        <div class=\"ea-node ea-n5\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/mistral-e1792156318623.png\" alt=\"Logo Mistral AI\">Mistral AI<span>Language models<\/span>\n        <\/div>\n        <div class=\"ea-node ea-n6\">\n          <img decoding=\"async\" class=\"ea-node-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/grok.png\" alt=\"Logos Qwen Llama Grok\">Qwen \u00b7 Llama \u00b7 Grok<span>Additional model families<\/span>\n        <\/div>\n        <div class=\"ea-core\">\n          <img decoding=\"async\" class=\"ea-core-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/favicon-EVO.png\" alt=\"Logo EVOAPI\">\n          <div class=\"ea-mark\">E<\/div>\n          <strong>EVOAPI<\/strong>\n          <small>GATEWAY<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- INTEGRATIONS -->\n  <div class=\"ea-stack\" id=\"evoapi-integrations\">\n    <div class=\"ea-container ea-stack-inner\">\n      <div class=\"ea-stack-title\">\n        Works with your stack\n        <p>Connect compatible AI clients and developer environments.<\/p>\n      <\/div>\n      <div class=\"ea-tools\">\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Codex\">Codex<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Claude Code\">Claude Code<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Cherry Studio\">Cherry Studio<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo VS Code\">VS Code<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Cursor\">Cursor<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo OpenCode\">OpenCode<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Continue\">Continue<\/span>\n        <span class=\"ea-tool\"><img decoding=\"async\" class=\"ea-tool-logo\" src=\"##\" alt=\"Logo Chatbox\">Chatbox<\/span>\n        <span class=\"ea-tool\"><b>\uff0b<\/b> Custom apps<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- VALUE PROPOSITION -->\n  <section class=\"ea-section\">\n    <div class=\"ea-container ea-center\">\n      <span class=\"ea-eyebrow\">Why EVOAPI Gateway<\/span>\n      <h2>One endpoint. <span class=\"ea-gradient\">Your AI stack.<\/span><\/h2>\n      <p class=\"ea-lead\">\n        Simplify AI integration with a centralized API gateway.\n        Access supported models, manage API credentials and connect\n        compatible tools without building a separate integration for every provider.\n      <\/p>\n\n      <div class=\"ea-grid-3\">\n        <article class=\"ea-card\" style=\"text-align:left\">\n          <div class=\"ea-icon\">\u2318<\/div>\n          <h3>Unified API Access<\/h3>\n          <p>Use a consistent access point for supported models and compatible API clients.<\/p>\n          <ul class=\"ea-checklist\">\n            <li>Centralized endpoint<\/li>\n            <li>Compatible API formats, where supported<\/li>\n            <li>Less provider-specific setup<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"ea-card\" style=\"text-align:left\">\n          <div class=\"ea-icon\">\u2733<\/div>\n          <h3>Freedom to Choose Models<\/h3>\n          <p>Select the model that fits the task, from coding and reasoning to writing and multimodal work.<\/p>\n          <ul class=\"ea-checklist\">\n            <li>Multiple model families<\/li>\n            <li>Different capabilities for different tasks<\/li>\n            <li>Availability based on your account<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"ea-card\" style=\"text-align:left\">\n          <div class=\"ea-icon\">\u25c9<\/div>\n          <h3>Usage &amp; Cost Visibility<\/h3>\n          <p>Use the gateway's available account and usage controls to manage API consumption.<\/p>\n          <ul class=\"ea-checklist\">\n            <li>API key management<\/li>\n            <li>Usage information, where enabled<\/li>\n            <li>Account-based access controls<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"ea-divider\">\n\n  <!-- MODEL CATALOG -->\n  <section class=\"ea-section\" id=\"evoapi-models\">\n    <div class=\"ea-container\">\n      <div class=\"ea-center\">\n        <span class=\"ea-eyebrow\">The model ecosystem<\/span>\n        <h2>Leading AI models.<br><span class=\"ea-gradient\">One place to access them.<\/span><\/h2>\n        <p class=\"ea-lead\">\n          Work with different AI model families through a unified gateway.\n          Choose based on capability, compatibility and your project's requirements.\n        <\/p>\n      <\/div>\n\n      <div class=\"ea-model-grid\">\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/openai.png\" alt=\"Logo OpenAI\">\n          <span class=\"ea-model-tag\">General \u00b7 Reasoning \u00b7 Code<\/span>\n          <strong>OpenAI<\/strong>\n          <p>GPT model families, reasoning models and supported coding workflows.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/antropic.png\" alt=\"Logo Anthropic Claude\">\n          <span class=\"ea-model-tag\">Writing \u00b7 Analysis \u00b7 Code<\/span>\n          <strong>Anthropic Claude<\/strong>\n          <p>Claude model families for complex tasks, long-form work and coding.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/gemini.png\" alt=\"Logo Google Gemini\">\n          <span class=\"ea-model-tag\">Multimodal \u00b7 General<\/span>\n          <strong>Google Gemini<\/strong>\n          <p>Supported Gemini models for text, multimodal input and reasoning.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/deepseek.png\" alt=\"Logo DeepSeek\">\n          <span class=\"ea-model-tag\">Reasoning \u00b7 Code<\/span>\n          <strong>DeepSeek<\/strong>\n          <p>Supported models for analytical tasks and software development.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/qwen-logo-png_seeklogo-611723.png\" alt=\"Logo Qwen\">\n          <span class=\"ea-model-tag\">Language \u00b7 Coding<\/span>\n          <strong>Qwen<\/strong>\n          <p>Qwen model families for coding, language and general-purpose tasks.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/blancometa.png\" alt=\"Logo Meta Llama\">\n          <span class=\"ea-model-tag\">Open model ecosystem<\/span>\n          <strong>Meta Llama<\/strong>\n          <p>Supported Llama models, depending on upstream routing and access.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/mistral-e1792156318623.png\" alt=\"Logo Mistral AI\">\n          <span class=\"ea-model-tag\">Language \u00b7 Multilingual<\/span>\n          <strong>Mistral AI<\/strong>\n          <p>Supported Mistral models for language, enterprise and developer use.<\/p>\n        <\/article>\n        <article class=\"ea-model\">\n          <img decoding=\"async\" class=\"ea-model-logo\" src=\"https:\/\/evolaitech.uk\/wp-content\/uploads\/2026\/10\/bluegrok.png\" alt=\"Logo xAI Grok\">\n          <span class=\"ea-model-tag\">Reasoning \u00b7 General<\/span>\n          <strong>xAI Grok<\/strong>\n          <p>Supported Grok models, subject to provider availability.<\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"ea-callout\">\n        <strong style=\"color:#eaf4ff\">Model availability:<\/strong>\n        The model names above identify model families, not a guarantee that every\n        model or capability is enabled on every account. Exact model IDs, image\n        generation, video generation, tools and context limits depend on the active\n        upstream channels and gateway configuration.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"ea-divider\">\n\n  <!-- DEVELOPER WORKFLOW -->\n  <section class=\"ea-section\" id=\"evoapi-developers\">\n    <div class=\"ea-container\">\n      <div class=\"ea-center\">\n        <span class=\"ea-eyebrow\">Designed for developers<\/span>\n        <h2>From API key to <span class=\"ea-gradient\">working AI workflow.<\/span><\/h2>\n        <p class=\"ea-lead\">\n          Connect a compatible client, configure your gateway credentials,\n          and select an available model.\n        <\/p>\n      <\/div>\n\n      <div class=\"ea-workflow\">\n        <article class=\"ea-step\">\n          <div class=\"ea-number\">STEP 01<\/div>\n          <h3>Create your API key<\/h3>\n          <p>Use your EVOAPI account to obtain the credentials required for your application or client.<\/p>\n        <\/article>\n        <article class=\"ea-step\">\n          <div class=\"ea-number\">STEP 02<\/div>\n          <h3>Connect your tool<\/h3>\n          <p>Enter the gateway endpoint and key in a compatible client, IDE or application.<\/p>\n        <\/article>\n        <article class=\"ea-step\">\n          <div class=\"ea-number\">STEP 03<\/div>\n          <h3>Select a model<\/h3>\n          <p>Choose an enabled model ID and verify that the required API features are supported.<\/p>\n        <\/article>\n      <\/div>\n\n      <!-- CODE TABS -->\n      <div class=\"ea-tabs\" role=\"tablist\">\n        <button class=\"ea-tab is-active\" type=\"button\" data-pane=\"ea-pane-curl\">cURL<\/button>\n        <button class=\"ea-tab\" type=\"button\" data-pane=\"ea-pane-python\">Python<\/button>\n        <button class=\"ea-tab\" type=\"button\" data-pane=\"ea-pane-node\">Node.js<\/button>\n        <button class=\"ea-tab\" type=\"button\" data-pane=\"ea-pane-claude\">Claude Code<\/button>\n      <\/div>\n\n      <div class=\"ea-window\">\n        <div class=\"ea-win-head\">\n          <div class=\"ea-dots\"><i><\/i><i><\/i><i><\/i><\/div>\n          <span class=\"ea-win-label\" id=\"ea-win-label\">shell<\/span>\n          <button class=\"ea-copy-btn\" type=\"button\" data-copy=\"active\">\u29c9 Copy<\/button>\n        <\/div>\n\n        <div class=\"ea-pane is-active\" id=\"ea-pane-curl\" data-label=\"shell\">\n<pre class=\"ea-pre\"><span class=\"tk-c\"># Just change the base URL \u2014 that's it<\/span>\n<span class=\"tk-cmd\">curl<\/span> <span class=\"tk-u\">https:\/\/api.evolaitech.uk\/v1\/chat\/completions<\/span> \\\n  <span class=\"tk-cmd\">-H<\/span> <span class=\"tk-s\">\"Authorization: Bearer $EVOAPI_KEY\"<\/span> \\\n  <span class=\"tk-cmd\">-H<\/span> <span class=\"tk-s\">\"Content-Type: application\/json\"<\/span> \\\n  <span class=\"tk-cmd\">-d<\/span> <span class=\"tk-s\">'{\"model\":\"gpt-4o\",\"messages\":[{\"role\":\"user\",\"content\":\"Hello EVOAPI\"}]}'<\/span><\/pre>\n        <\/div>\n\n        <div class=\"ea-pane\" id=\"ea-pane-python\" data-label=\"python\">\n<pre class=\"ea-pre\"><span class=\"tk-c\"># pip install openai \u2014 any OpenAI-compatible SDK works<\/span>\n<span class=\"tk-cmd\">from<\/span> openai <span class=\"tk-cmd\">import<\/span> OpenAI\n\nclient = OpenAI(\n    api_key=<span class=\"tk-s\">\"YOUR_EVOAPI_KEY\"<\/span>,\n    base_url=<span class=\"tk-s\">\"https:\/\/api.evolaitech.uk\/v1\"<\/span>\n)\n\nresponse = client.chat.completions.create(\n    model=<span class=\"tk-s\">\"gpt-4o\"<\/span>,\n    messages=[{<span class=\"tk-s\">\"role\"<\/span>: <span class=\"tk-s\">\"user\"<\/span>, <span class=\"tk-s\">\"content\"<\/span>: <span class=\"tk-s\">\"Hello EVOAPI\"<\/span>}]\n)\n\n<span class=\"tk-cmd\">print<\/span>(response.choices[<span class=\"tk-v\">0<\/span>].message.content)<\/pre>\n        <\/div>\n\n        <div class=\"ea-pane\" id=\"ea-pane-node\" data-label=\"node.js\">\n<pre class=\"ea-pre\"><span class=\"tk-c\">\/\/ npm install openai<\/span>\n<span class=\"tk-cmd\">import<\/span> OpenAI <span class=\"tk-cmd\">from<\/span> <span class=\"tk-s\">\"openai\"<\/span>;\n\n<span class=\"tk-cmd\">const<\/span> client = <span class=\"tk-cmd\">new<\/span> OpenAI({\n  apiKey: process.env.<span class=\"tk-v\">EVOAPI_KEY<\/span>,\n  baseURL: <span class=\"tk-s\">\"https:\/\/api.evolaitech.uk\/v1\"<\/span>\n});\n\n<span class=\"tk-cmd\">const<\/span> response = <span class=\"tk-cmd\">await<\/span> client.chat.completions.create({\n  model: <span class=\"tk-s\">\"gpt-4o\"<\/span>,\n  messages: [{ role: <span class=\"tk-s\">\"user\"<\/span>, content: <span class=\"tk-s\">\"Hello EVOAPI\"<\/span> }]\n});\n\nconsole.log(response.choices[<span class=\"tk-v\">0<\/span>].message.content);<\/pre>\n        <\/div>\n\n        <div class=\"ea-pane\" id=\"ea-pane-claude\" data-label=\"terminal\">\n<pre class=\"ea-pre\"><span class=\"tk-c\"># Claude Code \u2014 point it to the gateway and go<\/span>\n<span class=\"tk-cmd\">export<\/span> <span class=\"tk-v\">ANTHROPIC_BASE_URL<\/span>=<span class=\"tk-u\">https:\/\/api.evolaitech.uk<\/span>\n<span class=\"tk-cmd\">export<\/span> <span class=\"tk-v\">ANTHROPIC_AUTH_TOKEN<\/span>=<span class=\"tk-s\">\"your-evoapi-key\"<\/span>\n\n<span class=\"tk-cmd\">claude<\/span><\/pre>\n        <\/div>\n      <\/div>\n\n      <p class=\"ea-center\" style=\"font-size:12px;margin-top:14px\">\n        Example only. The exact model ID depends on the models enabled for your account.\n        Some clients use different API protocols \u2014 see the FAQ below.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <hr class=\"ea-divider\">\n\n  <!-- FAQ -->\n  <section class=\"ea-section\">\n    <div class=\"ea-container ea-center\">\n      <span class=\"ea-eyebrow\">Frequently asked questions<\/span>\n      <h2>Built for your <span class=\"ea-gradient\">workflow.<\/span><\/h2>\n\n      <div class=\"ea-faq\">\n        <details>\n          <summary>What is EVOAPI Gateway?<\/summary>\n          <p>\n            EVOAPI Gateway is a centralized access layer for supported AI models.\n            It allows compatible applications to send requests through a configured\n            gateway instead of managing a separate connection for every provider.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Can I use EVOAPI with Codex, Claude Code or Cherry Studio?<\/summary>\n          <p>\n            Compatible clients can be configured to use a custom API endpoint when\n            their supported protocol matches the gateway and model. Exact setup\n            requirements differ by application. Not every official client or\n            subscription-based feature supports third-party endpoints.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Can I use it with VS Code or Cursor?<\/summary>\n          <p>\n            It depends on the extension, provider configuration and API protocol.\n            OpenAI-compatible endpoints work with compatible integrations; some\n            features may require a specific Responses, Chat Completions or\n            Anthropic-compatible interface.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Does every plan include every model?<\/summary>\n          <p>\n            Not necessarily. Model availability depends on the plan, enabled\n            upstream channels, account permissions and the provider's own restrictions.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Does EVOAPI include unlimited usage?<\/summary>\n          <p>\n            Usage allowances and rate limits will be defined by the published plan.\n            Customers should check their plan details before relying on a model for\n            high-volume production workloads.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Who provides the underlying AI models?<\/summary>\n          <p>\n            Models are supplied by their respective upstream providers or authorized\n            model channels. EVOAPI Gateway provides the access layer; availability\n            and model capabilities depend on the configured upstream services.\n          <\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA \/ QUICK ACCESS -->\n  <section class=\"ea-section\" style=\"padding-top:0\">\n    <div class=\"ea-container\">\n      <div class=\"ea-bottom ea-center\">\n        <span class=\"ea-eyebrow\">Quick access<\/span>\n        <h2>Ready when <span class=\"ea-gradient\">you are.<\/span><\/h2>\n        <p class=\"ea-lead\">\n          Access your console, configure your API credentials and connect a\n          compatible client using the endpoint and instructions provided\n          for your account.\n        <\/p>\n\n        <div class=\"ea-urlbox\">\n          <span class=\"ea-urlbox-label\">Base URL<\/span>\n          <code class=\"ea-urlbox-value\" id=\"ea-baseurl\">https:\/\/api.evolaitech.uk\/v1<\/code>\n          <button class=\"ea-copy-chip\" type=\"button\" data-copy=\"#ea-baseurl\">\u29c9 Copy<\/button>\n        <\/div>\n\n        <div class=\"ea-actions\" style=\"justify-content:center\">\n          <a class=\"ea-btn ea-btn-primary\" href=\"#\">Open the Console <span>\u2197<\/span><\/a>\n          <a class=\"ea-btn ea-btn-secondary\" href=\"#evoapi-developers\">Setup Instructions <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SCRIPT: tabs, copy, fallback de logos -->\n  <script>\n  (function () {\n    var root = document.getElementById('evoapi');\n    if (!root) return;\n\n    \/* ---- Tabs de c\u00f3digo ---- *\/\n    var tabs = root.querySelectorAll('.ea-tab');\n    var panes = root.querySelectorAll('.ea-pane');\n    var winLabel = root.querySelector('#ea-win-label');\n    tabs.forEach(function (tab) {\n      tab.addEventListener('click', function () {\n        tabs.forEach(function (t) { t.classList.remove('is-active'); });\n        panes.forEach(function (p) { p.classList.remove('is-active'); });\n        tab.classList.add('is-active');\n        var pane = root.querySelector('#' + tab.getAttribute('data-pane'));\n        if (pane) {\n          pane.classList.add('is-active');\n          if (winLabel) winLabel.textContent = pane.getAttribute('data-label') || '';\n        }\n      });\n    });\n\n    \/* ---- Botones Copy ---- *\/\n    function flash(btn, ok) {\n      if (!btn.getAttribute('data-label')) btn.setAttribute('data-label', btn.innerHTML);\n      btn.innerHTML = ok ? '\u2713 Copied' : '\u26a0 Error';\n      setTimeout(function () { btn.innerHTML = btn.getAttribute('data-label'); }, 1600);\n    }\n    root.querySelectorAll('[data-copy]').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var sel = btn.getAttribute('data-copy');\n        var el = (sel === 'active')\n          ? root.querySelector('.ea-pane.is-active .ea-pre')\n          : root.querySelector(sel);\n        if (!el) return;\n        var text = el.innerText;\n        function fallback() {\n          var ta = document.createElement('textarea');\n          ta.value = text;\n          ta.style.position = 'fixed'; ta.style.opacity = '0';\n          document.body.appendChild(ta); ta.select();\n          try { document.execCommand('copy'); flash(btn, true); }\n          catch (e) { flash(btn, false); }\n          document.body.removeChild(ta);\n        }\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n          navigator.clipboard.writeText(text).then(\n            function () { flash(btn, true); }, fallback\n          );\n        } else { fallback(); }\n      });\n    });\n\n    \/* ---- Fallback de logos: si src=\"##\" o la imagen falla, se oculta ---- *\/\n    root.querySelectorAll('img').forEach(function (img) {\n      var src = (img.getAttribute('src') || '').trim();\n      var isCore = img.classList.contains('ea-core-logo');\n      function hide() {\n        img.style.display = 'none';\n        if (isCore) {\n          var mark = root.querySelector('.ea-mark');\n          if (mark) mark.style.display = '';\n        }\n      }\n      if (src === '' || src === '##') { hide(); return; }\n      img.addEventListener('error', hide);\n      if (img.complete && img.naturalWidth === 0) { hide(); }\n      if (isCore && img.style.display !== 'none') {\n        var mark = root.querySelector('.ea-mark');\n        if (mark) mark.style.display = 'none';\n      }\n    });\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Built for developers &amp; AI teams One API.Every frontier model. One unified gateway for leading AI models, coding agents and creative workflows. Connect your tools, choose your models and manage API usage from one place. Get API Access \u2197 Explore Integrations \u2197 One integration layer. Multiple AI providers. Your workflow. OpenAIGPT \u00b7 Reasoning \u00b7 Code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/pages\/3366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/comments?post=3366"}],"version-history":[{"count":76,"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/pages\/3366\/revisions"}],"predecessor-version":[{"id":3469,"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/pages\/3366\/revisions\/3469"}],"wp:attachment":[{"href":"https:\/\/evolaitech.uk\/index.php\/wp-json\/wp\/v2\/media?parent=3366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}