{"id":24769,"date":"2026-08-04T23:13:20","date_gmt":"2026-08-04T13:13:20","guid":{"rendered":"https:\/\/krelixir.com\/?page_id=24769"},"modified":"2026-08-07T17:18:42","modified_gmt":"2026-08-07T07:18:42","slug":"api-new-page","status":"publish","type":"page","link":"https:\/\/krelixir.com\/?page_id=24769","title":{"rendered":"API New Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n \r\n KRE API Platform - Migrate. Govern. Accelerate. | KR Elixir Technology\r\n <\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\"\r\n rel=\"stylesheet\"\r\n \/>\r\n <style>\r\n *,\r\n *::before,\r\n *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n :root {\r\n --bg: #ffffff;\r\n --bg2: #f7f7f9;\r\n --bg3: #ffffff;\r\n --bg4: #eef1f7;\r\n --acc: #03228f;\r\n --acch: #1550c9;\r\n --accd: rgba(3, 34, 143, 0.06);\r\n --accb: rgba(3, 34, 143, 0.2);\r\n --accg: linear-gradient(135deg, #03228f, #1550c9);\r\n --cy: #00b0a6;\r\n --gn: #00996b;\r\n --rd: #e14b4b;\r\n --am: #c47f0a;\r\n --tx: #12131a;\r\n --tx2: #52546a;\r\n --tx3: #82849a;\r\n --bd: rgba(3, 10, 40, 0.1);\r\n --bd2: rgba(3, 34, 143, 0.25);\r\n --hd: \"Poppins\", sans-serif;\r\n --bdf: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n }\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n body {\r\n background: var(--bg);\r\n color: var(--tx);\r\n font-family: var(--bdf);\r\n font-size: 16px;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n ul {\r\n list-style: none;\r\n }\r\n button {\r\n cursor: pointer;\r\n border: none;\r\n background: none;\r\n font-family: inherit;\r\n }\r\n .wrap {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n \/* .lbl{display:inline-block;font-family:var(--hd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding:5px 14px;background:var(--accd);border:1px solid var(--accb);border-radius:100px;margin-bottom:20px} *\/\r\n .lbl {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 7px 8px;\r\n margin-bottom: 12px;\r\n background: #fff;\r\n color: #03228f;\r\n border: 0.5px solid #03228f;\r\n border-radius: 999px;\r\n font-family: Arial, Helvetica, sans-serif; \/* or your var(--hd) *\/\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n white-space: nowrap;\r\n }\r\n .bp {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: var(--accg);\r\n color: #fff;\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n font-family: var(--hd);\r\n font-weight: 600;\r\n font-size: 14px;\r\n border: none;\r\n transition: all 0.2s;\r\n }\r\n .bp:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 8px 24px rgba(3, 34, 143, 0.3);\r\n filter: brightness(1.08);\r\n }\r\n .bo {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: transparent;\r\n color: var(--tx);\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n font-family: var(--hd);\r\n font-weight: 600;\r\n font-size: 14px;\r\n border: 1px solid var(--bd2);\r\n transition: all 0.2s;\r\n }\r\n .bo:hover {\r\n border-color: var(--acc);\r\n background: var(--accd);\r\n }\r\n .tl {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: var(--hd);\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--acc);\r\n transition: gap 0.2s;\r\n }\r\n .tl:hover {\r\n gap: 10px;\r\n }\r\n .sh {\r\n font-family: var(--hd);\r\n font-size: 36px;\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n color: #03228f;\r\n line-height: 1.12;\r\n }\r\n\r\n \/* TICKER *\/\r\n .tick {\r\n background: var(--accd);\r\n border-bottom: 1px solid var(--accb);\r\n padding: 10px 0;\r\n overflow: hidden;\r\n }\r\n .tick-t {\r\n display: flex;\r\n gap: 56px;\r\n animation: tkr 24s linear infinite;\r\n width: max-content;\r\n }\r\n .tick-i {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: var(--hd);\r\n font-size: 12.5px;\r\n font-weight: 600;\r\n color: var(--tx2);\r\n white-space: nowrap;\r\n }\r\n .tc {\r\n color: var(--acc);\r\n }\r\n @keyframes tkr {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* NAV *\/\r\n \/* nav{position:sticky;top:0;z-index:400;height:60px;display:flex;align-items:center;padding:0 40px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)} *\/\r\n .nw {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .nlogo {\r\n font-family: var(--hd);\r\n font-weight: 800;\r\n font-size: 17px;\r\n color: var(--tx);\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n }\r\n .nlm {\r\n width: 28px;\r\n height: 28px;\r\n background: var(--accg);\r\n border-radius: 7px;\r\n display: grid;\r\n place-items: center;\r\n font-size: 12px;\r\n font-weight: 900;\r\n color: #fff;\r\n }\r\n .nlinks {\r\n display: flex;\r\n gap: 28px;\r\n }\r\n .nlinks a {\r\n font-family: var(--hd);\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: var(--tx2);\r\n transition: color 0.2s;\r\n }\r\n .nlinks a:hover {\r\n color: var(--tx);\r\n }\r\n .nctas {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n .np {\r\n font-family: var(--hd);\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: var(--tx2);\r\n padding: 8px 14px;\r\n border-radius: 6px;\r\n transition: all 0.2s;\r\n }\r\n .np:hover {\r\n color: var(--tx);\r\n background: var(--bg3);\r\n }\r\n .nd {\r\n background: var(--accg);\r\n color: #fff;\r\n padding: 8px 18px;\r\n border-radius: 6px;\r\n font-family: var(--hd);\r\n font-weight: 600;\r\n font-size: 13.5px;\r\n transition: all 0.2s;\r\n }\r\n .nd:hover {\r\n filter: brightness(1.08);\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n position: relative;\r\n padding: 72px 0 72px;\r\n overflow: hidden;\r\n }\r\n .hero-g1 {\r\n position: absolute;\r\n top: -15%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 700px;\r\n height: 400px;\r\n background: radial-gradient(\r\n ellipse 55% 45% at 50% 35%,\r\n rgba(3, 34, 143, 0.1),\r\n transparent\r\n );\r\n pointer-events: none;\r\n }\r\n .hero-bg {\r\n position: absolute;\r\n right: -50px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-family: var(--hd);\r\n font-size: 320px;\r\n font-weight: 900;\r\n color: rgba(3, 10, 40, 0.02);\r\n line-height: 1;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n .hero-in {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 56px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .bc {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: var(--hd);\r\n font-size: 12px;\r\n color: var(--tx3);\r\n margin-bottom: 14px;\r\n }\r\n .bc a {\r\n color: var(--tx3);\r\n }\r\n .bc a:hover {\r\n color: var(--tx2);\r\n }\r\n .hero-h1 {\r\n font-family: var(--hd);\r\n font-size: 52px;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 22px;\r\n }\r\n .hero-h1 em {\r\n font-style: normal;\r\n background: linear-gradient(135deg, #03228f, #1550c9);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .hero-sub {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: var(--tx2);\r\n margin-bottom: 32px;\r\n max-width: 480px;\r\n }\r\n .hero-btns {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n \/* AIP *\/\r\n .aip {\r\n padding: 64px 0;\r\n border-top: 1px solid var(--bd);\r\n }\r\n .aip-in {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: center;\r\n }\r\n .aip-card {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n }\r\n .aip-thumb {\r\n position: relative;\r\n }\r\n .aip-cap {\r\n padding: 12px 16px;\r\n font-family: var(--hd);\r\n font-size: 10.5px;\r\n font-weight: 600;\r\n color: var(--tx3);\r\n border-top: 1px solid var(--bd);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n .aip-h {\r\n font-family: var(--hd);\r\n font-size: 32px;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n line-height: 1.12;\r\n margin-bottom: 16px;\r\n }\r\n .aip-body {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: var(--tx2);\r\n margin-bottom: 24px;\r\n }\r\n\r\n \/* TRUST *\/\r\n .trust {\r\n padding: 40px 0;\r\n border-top: 1px solid var(--bd);\r\n border-bottom: 1px solid var(--bd);\r\n }\r\n .trust-l {\r\n text-align: center;\r\n font-family: var(--hd);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--tx2);\r\n margin-bottom: 28px;\r\n }\r\n .mq {\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .mq::before,\r\n .mq::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 80px;\r\n z-index: 2;\r\n }\r\n .mq::before {\r\n left: 0;\r\n background: linear-gradient(to right, var(--bg), transparent);\r\n }\r\n .mq::after {\r\n right: 0;\r\n background: linear-gradient(to left, var(--bg), transparent);\r\n }\r\n .mq-t {\r\n display: flex;\r\n gap: 52px;\r\n animation: mqr 30s linear infinite;\r\n width: max-content;\r\n align-items: center;\r\n }\r\n .mq-l {\r\n font-family: var(--hd);\r\n font-size: 15px;\r\n font-weight: 800;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n color: var(--tx2);\r\n opacity: 0.7;\r\n white-space: nowrap;\r\n transition: opacity 0.2s;\r\n }\r\n .mq-l:hover {\r\n opacity: 1;\r\n }\r\n @keyframes mqr {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* TABS *\/\r\n .ft {\r\n padding-top: 64px 0;\r\n background: linear-gradient(\r\n 180deg,\r\n var(--bg) 0%,\r\n var(--bg2) 50%,\r\n var(--bg) 100%\r\n );\r\n }\r\n .ft-hdr {\r\n margin-bottom: 40px;\r\n }\r\n .ft-lay {\r\n display: grid;\r\n grid-template-columns: 240px 1fr;\r\n gap: 36px;\r\n }\r\n .tn {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n position: sticky;\r\n top: 76px;\r\n }\r\n .tb {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n padding: 12px 14px;\r\n border: 1px solid transparent;\r\n border-radius: 9px;\r\n text-align: left;\r\n transition: all 0.2s;\r\n width: 100%;\r\n }\r\n .tb:hover {\r\n background: var(--bg3);\r\n border-color: var(--bd);\r\n }\r\n .tb.on {\r\n background: var(--accd);\r\n border-color: var(--accb);\r\n }\r\n .tb-n {\r\n font-family: var(--hd);\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--tx2);\r\n }\r\n .tb.on .tb-n {\r\n color: var(--tx);\r\n }\r\n .tb-d {\r\n font-size: 11.5px;\r\n color: var(--tx3);\r\n line-height: 1.35;\r\n margin-top: 1px;\r\n }\r\n .tb.on .tb-d {\r\n color: var(--tx2);\r\n }\r\n .tp {\r\n display: none;\r\n }\r\n .tp.on {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: start;\r\n animation: fi 0.3s ease;\r\n }\r\n @keyframes fi {\r\n from {\r\n opacity: 0;\r\n transform: translateY(5px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n .tp-h {\r\n font-family: var(--hd);\r\n font-size: 22px;\r\n font-weight: 600;\r\n letter-spacing: -0.015em;\r\n line-height: 1.2;\r\n color: #03228f;\r\n margin-bottom: 12px;\r\n }\r\n .tp-d {\r\n font-size: 14px;\r\n line-height: 1.65;\r\n color: var(--tx2);\r\n margin-bottom: 18px;\r\n }\r\n .tp-ul {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 9px;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .tp-ul li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n font-size: 13px;\r\n color: var(--tx2);\r\n line-height: 1.5;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .dm {\r\n color: var(--acc);\r\n font-size: 9px;\r\n flex-shrink: 0;\r\n margin-top: 4px;\r\n }\r\n .tp-img {\r\n border: 1px solid var(--bd);\r\n border-radius: 11px;\r\n overflow: hidden;\r\n background: var(--bg3);\r\n }\r\n .tp-img svg {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n \/* USE CASES *\/\r\n .uc {\r\n padding: 64px 0;\r\n background: var(--bg2);\r\n }\r\n .uc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n }\r\n .ucc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 13px;\r\n padding: 24px 20px;\r\n transition: all 0.25s;\r\n }\r\n .ucc:hover {\r\n border-color: var(--accb);\r\n transform: translateY(-2px);\r\n }\r\n .uc-tag {\r\n font-family: var(--hd);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--acc);\r\n margin-bottom: 6px;\r\n }\r\n .uc-name {\r\n font-family: var(--hd);\r\n font-size: 16px;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .uc-name svg {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n }\r\n .uc-prob {\r\n font-size: 12.5px;\r\n color: var(--tx3);\r\n line-height: 1.45;\r\n margin-bottom: 10px;\r\n padding: 7px 10px;\r\n background: #f7f7f9;\r\n border-left: 2px solid #3c83f6;\r\n border-radius: 0 4px 4px 0;\r\n }\r\n .uc-desc {\r\n font-size: 13px;\r\n color: var(--tx2);\r\n line-height: 1.55;\r\n margin-bottom: 14px;\r\n }\r\n .uc-stats {\r\n display: flex;\r\n gap: 0;\r\n border-top: 1px solid var(--bd);\r\n padding-top: 12px;\r\n }\r\n .uc-stat {\r\n flex: 1;\r\n padding-right: 10px;\r\n }\r\n .uc-stat:not(:last-child) {\r\n border-right: 1px solid var(--bd);\r\n }\r\n .uc-stat:not(:first-child) {\r\n padding-left: 10px;\r\n }\r\n .uc-stat-label {\r\n font-family: var(--hd);\r\n font-size: 8.5px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--tx3);\r\n margin-bottom: 3px;\r\n }\r\n .uc-stat-val {\r\n font-family: var(--hd);\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #03228f;\r\n line-height: 1.1;\r\n }\r\n .uc-stat-note {\r\n font-size: 10.5px;\r\n color: var(--tx3);\r\n margin-top: 2px;\r\n line-height: 1.25;\r\n }\r\n .uc-proof {\r\n font-size: 11.5px;\r\n color: var(--tx3);\r\n line-height: 1.45;\r\n margin-top: 12px;\r\n padding-top: 10px;\r\n border-top: 1px solid var(--bd);\r\n font-style: italic;\r\n }\r\n\r\n \/* BEFORE\/AFTER *\/\r\n .ba {\r\n padding: 64px 0;\r\n }\r\n .ba-h {\r\n font-family: var(--hd);\r\n font-size: 36px;\r\n font-weight: 800;\r\n text-align: center;\r\n letter-spacing: -0.025em;\r\n line-height: 1.1;\r\n margin-bottom: 44px;\r\n }\r\n .ba-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 22px;\r\n }\r\n .ba-col {\r\n border-radius: 14px;\r\n padding: 28px 24px;\r\n border: 1px solid var(--bd);\r\n }\r\n .ba-col.bef {\r\n background: rgba(255, 107, 107, 0.03);\r\n border-color: rgba(255, 107, 107, 0.12);\r\n }\r\n .ba-col.aft {\r\n background: rgba(0, 184, 148, 0.03);\r\n border-color: rgba(0, 184, 148, 0.12);\r\n }\r\n .ba-top {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 22px;\r\n }\r\n .ba-badge {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 7px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n .bef .ba-badge {\r\n background: rgba(255, 107, 107, 0.12);\r\n }\r\n .aft .ba-badge {\r\n background: rgba(0, 184, 148, 0.12);\r\n }\r\n .ba-ct {\r\n font-family: var(--hd);\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n .bef .ba-ct {\r\n color: var(--rd);\r\n }\r\n .aft .ba-ct {\r\n color: var(--gn);\r\n }\r\n .ba-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .ba-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n font-size: 13px;\r\n color: var(--tx2);\r\n line-height: 1.5;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .ba-d {\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n margin-top: 7px;\r\n }\r\n .bef .ba-d {\r\n background: var(--rd);\r\n }\r\n .aft .ba-d {\r\n background: var(--gn);\r\n }\r\n\r\n \/* PILLARS *\/\r\n .pil {\r\n padding: 64px 0;\r\n background: var(--bg2);\r\n }\r\n .pil-h {\r\n font-family: var(--hd);\r\n font-size: 36px;\r\n font-weight: 800;\r\n text-align: center;\r\n letter-spacing: -0.025em;\r\n margin-bottom: 40px;\r\n }\r\n .pil-g {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n margin-bottom: 36px;\r\n }\r\n .pc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 13px;\r\n padding: 24px 20px;\r\n transition: all 0.25s;\r\n }\r\n .pc:hover {\r\n border-color: var(--accb);\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);\r\n }\r\n .pc-ic {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n }\r\n .pc-t {\r\n font-family: var(--hd);\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n line-height: 1.25;\r\n }\r\n .pc-b {\r\n font-size: 13px;\r\n color: var(--tx2);\r\n line-height: 1.6;\r\n }\r\n .pil-cta {\r\n text-align: center;\r\n }\r\n\r\n \/* PRICING *\/\r\n .pri {\r\n padding: 64px 0;\r\n }\r\n .pri-h {\r\n font-family: var(--hd);\r\n font-size: 36px;\r\n font-weight: 800;\r\n text-align: center;\r\n letter-spacing: -0.025em;\r\n margin-bottom: 40px;\r\n }\r\n .pri-g {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-bottom: 32px;\r\n }\r\n .prc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 13px;\r\n padding: 24px 20px;\r\n transition: all 0.25s;\r\n position: relative;\r\n }\r\n .prc:hover {\r\n border-color: var(--accb);\r\n transform: translateY(-2px);\r\n }\r\n .prc.pop {\r\n border-color: var(--acc);\r\n box-shadow: 0 0 0 1px var(--acc);\r\n }\r\n .prc-pop {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-family: var(--hd);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n background: var(--accg);\r\n padding: 3px 12px;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n }\r\n .prc-name {\r\n font-family: var(--hd);\r\n font-size: 18px;\r\n font-weight: 800;\r\n margin-bottom: 6px;\r\n }\r\n .prc-desc {\r\n font-size: 12.5px;\r\n color: var(--tx2);\r\n line-height: 1.5;\r\n margin-bottom: 16px;\r\n }\r\n .prc-feat {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n .prc-feat li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 7px;\r\n font-size: 12.5px;\r\n color: var(--tx2);\r\n line-height: 1.4;\r\n }\r\n .prc-feat li::before {\r\n content: \"\\2713\";\r\n color: var(--gn);\r\n font-weight: 700;\r\n font-size: 11px;\r\n margin-top: 1px;\r\n flex-shrink: 0;\r\n }\r\n .pri-cta {\r\n text-align: center;\r\n margin-top: 32px;\r\n }\r\n\r\n \/* QUOTES *\/\r\n .quotes {\r\n padding: 48px 0 64px;\r\n }\r\n .qr {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n }\r\n .qc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 13px;\r\n padding: 22px 18px;\r\n }\r\n .qm {\r\n font-family: Georgia, serif;\r\n font-size: 40px;\r\n color: var(--acc);\r\n line-height: 0.9;\r\n opacity: 0.35;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n .qt {\r\n font-size: 13px;\r\n line-height: 1.65;\r\n color: var(--tx2);\r\n font-style: italic;\r\n margin-bottom: 16px;\r\n }\r\n .qs {\r\n color: var(--am);\r\n font-size: 12px;\r\n margin-bottom: 8px;\r\n letter-spacing: 1px;\r\n }\r\n .qbg {\r\n display: inline-block;\r\n font-family: var(--hd);\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--am);\r\n background: rgba(245, 158, 11, 0.1);\r\n border: 1px solid rgba(245, 158, 11, 0.2);\r\n border-radius: 4px;\r\n padding: 2px 7px;\r\n margin-bottom: 10px;\r\n }\r\n .qn {\r\n font-family: var(--hd);\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--tx);\r\n }\r\n .qrl {\r\n font-size: 11px;\r\n color: var(--tx3);\r\n }\r\n\r\n \/* FOOTER CTA *\/\r\n \/* .fcta{padding:72px 0;background:var(--bg2);border-top:1px solid var(--bd);text-align:center}\r\n.fcta-h{font-family:var(--hd);font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}\r\n.fcta-h em{font-style:normal;background:linear-gradient(135deg,#03228F,#1550c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.fcta-p{font-size:16px;color:var(--tx2);line-height:1.7;max-width:520px;margin:0 auto 36px}\r\n.fcta-form{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:12px}\r\n.fcta-input{background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:13px 16px;font-family:var(--bdf);font-size:14px;color:var(--tx);outline:none;transition:border-color .2s;width:100%}\r\n.fcta-input:focus{border-color:var(--acc)}\r\n.fcta-input::placeholder{color:var(--tx3)}\r\n.fcta-submit{background:var(--accg);color:#fff;padding:14px 28px;border-radius:8px;font-family:var(--hd);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s;margin-top:4px}\r\n.fcta-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px rgba(3,34,143,.3)} *\/\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: var(--bg);\r\n border-top: 1px solid var(--bd);\r\n padding: 48px 0 28px;\r\n }\r\n .ftt {\r\n display: grid;\r\n grid-template-columns: 1.5fr repeat(3, 1fr);\r\n gap: 44px;\r\n margin-bottom: 36px;\r\n }\r\n .ftbd {\r\n font-size: 13px;\r\n color: var(--tx3);\r\n line-height: 1.65;\r\n margin-top: 12px;\r\n max-width: 250px;\r\n }\r\n .ftch {\r\n font-family: var(--hd);\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--tx3);\r\n margin-bottom: 14px;\r\n }\r\n .ftlk {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 9px;\r\n }\r\n .ftlk a {\r\n font-size: 13px;\r\n color: var(--tx3);\r\n transition: color 0.2s;\r\n }\r\n .ftlk a:hover {\r\n color: var(--tx2);\r\n }\r\n .ftbtm {\r\n border-top: 1px solid var(--bd);\r\n padding-top: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .ftc {\r\n font-size: 12px;\r\n color: var(--tx3);\r\n }\r\n .fts {\r\n display: flex;\r\n gap: 16px;\r\n }\r\n .fts a {\r\n font-size: 12px;\r\n color: var(--tx3);\r\n transition: color 0.2s;\r\n }\r\n .fts a:hover {\r\n color: var(--tx2);\r\n }\r\n\r\n \/* Stats bar - bigger, centered *\/\r\n .stats-bar {\r\n display: flex;\r\n gap: 0;\r\n justify-content: center;\r\n margin-top: 32px;\r\n border: 1px solid var(--bd);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: var(--bg3);\r\n width: 100%;\r\n }\r\n .stat-item {\r\n flex: 1;\r\n text-align: center;\r\n padding: 18px 10px;\r\n border-right: 1px solid var(--bd);\r\n }\r\n .stat-item:last-child {\r\n border-right: none;\r\n }\r\n .stat-val {\r\n font-family: var(--hd);\r\n font-size: 26px;\r\n font-weight: 600;\r\n color: var(--acc);\r\n line-height: 1.1;\r\n }\r\n .stat-note {\r\n font-size: 11px;\r\n color: var(--tx3);\r\n margin-top: 4px;\r\n }\r\n \/* Migration approach 6-card *\/\r\n .ma-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n }\r\n .mac {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 12px;\r\n padding: 22px 18px;\r\n transition: all 0.25s;\r\n }\r\n .mac:hover {\r\n border-color: var(--accb);\r\n transform: translateY(-2px);\r\n }\r\n .mac-ic {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 9px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n font-size: 16px;\r\n }\r\n .mac-num {\r\n font-family: var(--hd);\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--acc);\r\n margin-bottom: 4px;\r\n }\r\n .mac-t {\r\n font-family: var(--hd);\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n line-height: 1.2;\r\n color: var(--acc);\r\n }\r\n .mac-d {\r\n font-size: 12.5px;\r\n color: var(--tx2);\r\n line-height: 1.5;\r\n }\r\n \/* Tech highlights 2-col *\/\r\n .th-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n .thc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 12px;\r\n padding: 24px 22px;\r\n border-left: 3px solid var(--acc);\r\n }\r\n .thc-t {\r\n font-family: var(--hd);\r\n font-size: 17px;\r\n font-weight: 800;\r\n margin-bottom: 6px;\r\n color: #03228f;\r\n }\r\n .thc-sub {\r\n font-size: 12.5px;\r\n color: var(--tx3);\r\n font-style: italic;\r\n margin-bottom: 14px;\r\n line-height: 1.45;\r\n }\r\n .thc-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n margin: 0 0 16px !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .thc-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n font-size: 12.5px;\r\n color: var(--tx2);\r\n line-height: 1.4;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .thc-list li::before {\r\n content: \"\\25CF\";\r\n color: var(--acc);\r\n font-size: 7px;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n }\r\n .thb-label {\r\n font-family: var(--hd);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--am);\r\n margin-bottom: 8px;\r\n }\r\n .thb-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .thb-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 7px;\r\n font-size: 12px;\r\n color: var(--tx2);\r\n line-height: 1.4;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .thb-list li::before {\r\n content: \"\\2713\";\r\n color: var(--gn);\r\n font-weight: 700;\r\n font-size: 11px;\r\n flex-shrink: 0;\r\n }\r\n \/* Platform team + Why KRE 2-col *\/\r\n .pw-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 28px;\r\n }\r\n .pt-card {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 10px;\r\n padding: 18px 16px;\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n }\r\n .pt-ic {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 8px;\r\n background: rgba(3, 34, 143, 0.06);\r\n border: 1px solid rgba(3, 34, 143, 0.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 16px;\r\n }\r\n .pt-t {\r\n font-family: var(--hd);\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 3px;\r\n }\r\n .pt-d {\r\n font-size: 12px;\r\n color: var(--tx2);\r\n line-height: 1.45;\r\n }\r\n .wk-card {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 10px;\r\n padding: 14px 16px;\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n border-left: 3px solid var(--gn);\r\n }\r\n .wk-ic {\r\n color: var(--gn);\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n .wk-t {\r\n font-family: var(--hd);\r\n font-size: 13px;\r\n font-weight: 700;\r\n margin-bottom: 2px;\r\n }\r\n .wk-d {\r\n font-size: 12px;\r\n color: var(--tx2);\r\n line-height: 1.4;\r\n }\r\n \/* Lifecycle framework *\/\r\n .lf-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 14px;\r\n }\r\n .lfc {\r\n background: var(--bg3);\r\n border: 1px solid var(--bd);\r\n border-radius: 12px;\r\n padding: 20px 14px;\r\n text-align: center;\r\n transition: all 0.25s;\r\n }\r\n .lfc:hover {\r\n border-color: var(--accb);\r\n transform: translateY(-2px);\r\n }\r\n .lfc-t {\r\n font-family: var(--hd);\r\n font-size: 14px;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n color: var(--acc);\r\n }\r\n .lfc-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n text-align: left;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .lfc-list li {\r\n font-size: 11.5px;\r\n color: var(--tx2);\r\n line-height: 1.35;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 6px;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n .lfc-list li::before {\r\n content: \"\\25C6\";\r\n color: var(--acc);\r\n font-size: 7px;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n }\r\n \/* Section title below stats *\/\r\n .section-bridge {\r\n text-align: center;\r\n padding: 48px 0 0;\r\n }\r\n .section-bridge h2 {\r\n font-family: var(--hd);\r\n font-size: 32px;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <!-- TICKER -->\r\n <!-- <div class=\"tick\"><div class=\"tick-t\">\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>One platform. Six products. Full API & AI lifecycle<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>95% proxy auto-migration rate - zero downtime<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>Replaces SwaggerHub, Postman, and standalone CI\/CD<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>Apigee Edge → X\/Hybrid migration with instant rollback<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>One platform. Six products. Full API & AI lifecycle<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>95% proxy auto-migration rate - zero downtime<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>Replaces SwaggerHub, Postman, and standalone CI\/CD<\/span>\r\n<span class=\"tick-i\"><span class=\"tc\">✓<\/span>Apigee Edge → X\/Hybrid migration with instant rollback<\/span>\r\n<\/div><\/div> -->\r\n\r\n <!-- NAV -->\r\n <!-- <nav><div class=\"nw\">\r\n<a href=\"#\" class=\"nlogo\"><div class=\"nlm\">K<\/div>KR Elixir<\/a>\r\n<div class=\"nlinks\"><a href=\"#\">Platform<\/a><a href=\"#\">Solutions<\/a><a href=\"#\">Resources<\/a><a href=\"#\">Why KRE<\/a><\/div>\r\n<div class=\"nctas\"><a href=\"#\" class=\"np\">Get Pricing<\/a><a href=\"#\" class=\"nd\">Request Demo<\/a><\/div>\r\n<\/div><\/nav> -->\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-g1\"><\/div>\r\n <div class=\"hero-bg\">API<\/div>\r\n <div class=\"wrap\">\r\n <div class=\"bc\">\r\n <a href=\"#\">Home<\/a><span>›<\/span><a href=\"#\">Platform<\/a\r\n ><span>›<\/span\r\n ><span style=\"color: var(--tx2)\">API Platform<\/span>\r\n <\/div>\r\n <div class=\"hero-in\">\r\n <div>\r\n <div class=\"lbl\">API Platform<\/div>\r\n <h1 class=\"hero-h1\" style=\"font-size: 42px; line-height: 1.12\">\r\n One platform to scale<br \/>API delivery<br \/>& govern\r\n <em>LLM workflows.<\/em>\r\n <\/h1>\r\n <p class=\"hero-sub\">\r\n KR Elixir's API Platform gives platform teams full lifecycle\r\n control over API operations - from legacy gateway migration and\r\n design to deployment, monitoring, and deprecation. Migrate from\r\n Apigee Edge with zero downtime, design APIs with AI assistance,\r\n test with automation, and govern LLM traffic with token-level\r\n precision - from one unified platform.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <svg\r\n viewBox=\"0 0 520 400\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n style=\"width: 100%; max-width: 520px\"\r\n >\r\n <defs>\r\n <radialGradient id=\"cg\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n <stop offset=\"0%\" stop-color=\"#03228F\" stop-opacity=\".5\" \/>\r\n <stop offset=\"100%\" stop-color=\"#03228F\" stop-opacity=\"0\" \/>\r\n <\/radialGradient>\r\n <radialGradient id=\"ng\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n <stop offset=\"0%\" stop-color=\"#03228F\" stop-opacity=\".35\" \/>\r\n <stop offset=\"100%\" stop-color=\"#03228F\" stop-opacity=\"0\" \/>\r\n <\/radialGradient>\r\n <pattern\r\n id=\"hgr\"\r\n width=\"28\"\r\n height=\"28\"\r\n patternUnits=\"userSpaceOnUse\"\r\n >\r\n <path\r\n d=\"M28 0L0 0 0 28\"\r\n fill=\"none\"\r\n stroke=\"rgba(3,10,40,.03)\"\r\n stroke-width=\".5\"\r\n \/>\r\n <\/pattern>\r\n <filter id=\"gl\"><feGaussianBlur stdDeviation=\"3\" \/><\/filter>\r\n <\/defs>\r\n <rect width=\"520\" height=\"400\" fill=\"url(#hgr)\" \/>\r\n <circle cx=\"260\" cy=\"196\" r=\"80\" fill=\"url(#cg)\" opacity=\".6\" \/>\r\n <g stroke=\"rgba(3,34,143,.15)\" stroke-width=\"1.2\">\r\n <line x1=\"260\" y1=\"196\" x2=\"260\" y2=\"68\" \/>\r\n <line x1=\"260\" y1=\"196\" x2=\"90\" y2=\"130\" \/>\r\n <line x1=\"260\" y1=\"196\" x2=\"430\" y2=\"130\" \/>\r\n <line x1=\"260\" y1=\"196\" x2=\"100\" y2=\"300\" \/>\r\n <line x1=\"260\" y1=\"196\" x2=\"420\" y2=\"300\" \/>\r\n <line x1=\"260\" y1=\"196\" x2=\"260\" y2=\"340\" \/>\r\n <\/g>\r\n <g\r\n stroke=\"rgba(3,34,143,.08)\"\r\n stroke-width=\".8\"\r\n stroke-dasharray=\"4 4\"\r\n >\r\n <line x1=\"90\" y1=\"130\" x2=\"100\" y2=\"300\" \/>\r\n <line x1=\"430\" y1=\"130\" x2=\"420\" y2=\"300\" \/>\r\n <line x1=\"100\" y1=\"300\" x2=\"260\" y2=\"340\" \/>\r\n <line x1=\"420\" y1=\"300\" x2=\"260\" y2=\"340\" \/>\r\n <\/g>\r\n <circle r=\"4\" fill=\"#03228F\" opacity=\".85\">\r\n <animateMotion dur=\"2.3s\" repeatCount=\"indefinite\">\r\n <mpath href=\"#pa\" \/>\r\n <\/animateMotion>\r\n <\/circle>\r\n <circle r=\"3.5\" fill=\"#f59e0b\" opacity=\".8\">\r\n <animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" begin=\".7s\">\r\n <mpath href=\"#pb\" \/>\r\n <\/animateMotion>\r\n <\/circle>\r\n <circle r=\"3\" fill=\"#1550c9\" opacity=\".75\">\r\n <animateMotion dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.4s\">\r\n <mpath href=\"#pc\" \/>\r\n <\/animateMotion>\r\n <\/circle>\r\n <path id=\"pa\" d=\"M260,196 L260,68\" fill=\"none\" \/>\r\n <path id=\"pb\" d=\"M260,196 L430,130\" fill=\"none\" \/>\r\n <path id=\"pc\" d=\"M260,196 L420,300\" fill=\"none\" \/>\r\n <circle\r\n cx=\"260\"\r\n cy=\"196\"\r\n r=\"42\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.4)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <circle cx=\"260\" cy=\"196\" r=\"35\" fill=\"rgba(3,34,143,.08)\" \/>\r\n <text\r\n x=\"260\"\r\n y=\"191\"\r\n text-anchor=\"middle\"\r\n fill=\"#12131a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"12\"\r\n font-weight=\"800\"\r\n >\r\n KRE\r\n <\/text>\r\n <text\r\n x=\"260\"\r\n y=\"205\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7.5\"\r\n font-weight=\"600\"\r\n >\r\n API PLATFORM\r\n <\/text>\r\n <circle\r\n cx=\"260\"\r\n cy=\"52\"\r\n r=\"22\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"260\"\r\n cy=\"52\"\r\n r=\"32\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.35)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"260\"\r\n y=\"48\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n LIFECYCLE\r\n <\/text>\r\n <text\r\n x=\"260\"\r\n y=\"60\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n MANAGEMENT\r\n <\/text>\r\n <circle\r\n cx=\"74\"\r\n cy=\"114\"\r\n r=\"20\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"74\"\r\n cy=\"114\"\r\n r=\"30\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.3)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"74\"\r\n y=\"110\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n APIGEE\r\n <\/text>\r\n <text\r\n x=\"74\"\r\n y=\"122\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n MIGRATION\r\n <\/text>\r\n <circle\r\n cx=\"446\"\r\n cy=\"114\"\r\n r=\"20\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"446\"\r\n cy=\"114\"\r\n r=\"30\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.3)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"446\"\r\n y=\"110\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n API\r\n <\/text>\r\n <text\r\n x=\"446\"\r\n y=\"122\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n DESIGN\r\n <\/text>\r\n <circle\r\n cx=\"84\"\r\n cy=\"284\"\r\n r=\"18\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"84\"\r\n cy=\"284\"\r\n r=\"28\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.3)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"84\"\r\n y=\"280\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n TESTING\r\n <\/text>\r\n <text\r\n x=\"84\"\r\n y=\"292\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n PLATFORM\r\n <\/text>\r\n <circle\r\n cx=\"436\"\r\n cy=\"284\"\r\n r=\"18\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"436\"\r\n cy=\"284\"\r\n r=\"28\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.3)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"436\"\r\n y=\"280\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n AI\r\n <\/text>\r\n <text\r\n x=\"436\"\r\n y=\"292\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n GATEWAY\r\n <\/text>\r\n <circle\r\n cx=\"260\"\r\n cy=\"340\"\r\n r=\"16\"\r\n fill=\"url(#ng)\"\r\n filter=\"url(#gl)\"\r\n \/>\r\n <circle\r\n cx=\"260\"\r\n cy=\"340\"\r\n r=\"26\"\r\n fill=\"#ffffff\"\r\n stroke=\"rgba(3,34,143,.25)\"\r\n stroke-width=\"1\"\r\n stroke-dasharray=\"4 2\"\r\n \/>\r\n <text\r\n x=\"260\"\r\n y=\"336\"\r\n text-anchor=\"middle\"\r\n fill=\"#1550c9\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n AGENTIC\r\n <\/text>\r\n <text\r\n x=\"260\"\r\n y=\"348\"\r\n text-anchor=\"middle\"\r\n fill=\"#52546a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"7\"\r\n >\r\n AI\r\n <\/text>\r\n <!-- <rect x=\"12\" y=\"12\" width=\"138\" height=\"22\" rx=\"6\" fill=\"rgba(3,34,143,.1)\" stroke=\"rgba(3,34,143,.2)\" stroke-width=\"1\"\/><circle cx=\"24\" cy=\"23\" r=\"4\" fill=\"#00b894\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><\/circle><text x=\"33\" y=\"27\" fill=\"#52546a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"9.5\" font-weight=\"600\">KRE API PLATFORM · LIVE<\/text> -->\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <!-- STATS BAR - bigger, centered, 5 items -->\r\n <div class=\"stats-bar\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-val\">95%<\/div>\r\n <div class=\"stat-note\">Auto-migration Rate<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-val\">3x<\/div>\r\n <div class=\"stat-note\">Faster API Delivery<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-val\">70%<\/div>\r\n <div class=\"stat-note\">Less Manual Effort<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-val\">99.9%<\/div>\r\n <div class=\"stat-note\">Uptime SLA<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-val\">3 months<\/div>\r\n <div class=\"stat-note\">Complete API Gateway Migration<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FEATURE TABS -->\r\n <section class=\"ft\">\r\n <div class=\"wrap\" style=\"margin-bottom: 40px\">\r\n <div class=\"ft-hdr\">\r\n <div class=\"lbl\">Platform Capabilities<\/div>\r\n <h2 class=\"sh\">Any Gateway. Any Lifecycle. Production-ready.<\/h2>\r\n <p style=\"font-size: 15px; color: var(--tx2); margin-top: 12px\">\r\n End-to-end API management from design to retirement, migration to\r\n AI-native deployment. Each module works standalone. Together, they\r\n replace fragmented tooling with one governed system.\r\n <\/p>\r\n <\/div>\r\n <div class=\"ft-lay\">\r\n <div class=\"tn\">\r\n <button class=\"tb on\" onclick=\"ft(0)\">\r\n <span class=\"tb-n\">API Lifecycle<\/span>\r\n <\/button>\r\n <button class=\"tb\" onclick=\"ft(1)\">\r\n <span class=\"tb-n\">Apigee Migration<\/span>\r\n <\/button>\r\n <button class=\"tb\" onclick=\"ft(2)\">\r\n <span class=\"tb-n\">API Design Studio<\/span>\r\n <\/button>\r\n <button class=\"tb\" onclick=\"ft(3)\">\r\n <span class=\"tb-n\">API Testing<\/span>\r\n <\/button>\r\n <button class=\"tb\" onclick=\"ft(4)\">\r\n <span class=\"tb-n\">AI Gateway<\/span>\r\n <\/button>\r\n <button class=\"tb\" onclick=\"ft(5)\">\r\n <span class=\"tb-n\">Agentic AI Platform<\/span>\r\n <\/button>\r\n <\/div>\r\n <div>\r\n <div class=\"tp on\">\r\n <div>\r\n <h3 class=\"tp-h\">Design. Publish. Version. Monitor. Retire.<\/h3>\r\n <p class=\"tp-d\">\r\n End-to-end API governance from first spec to final\r\n deprecation. Auto-generated developer portal with interactive\r\n docs, SDKs, and subscription management.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>Full lifecycle: design\r\n → Publish → Version → Monitor →\r\n Deprecate\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Auto-generated developer\r\n portal with docs, SDKs, subscriptions\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Usage analytics: traffic,\r\n performance, SLAs, business metrics\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Lifecycle policies for\r\n access, security, rate limits, compliance\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Automated consumer\r\n notifications for versioning and deprecation\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Git-native versioning with\r\n full audit trail\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">API Lifecycle · Governance<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"50\" width=\"70\" height=\"30\" rx=\"7\" fill=\"rgba(21,80,201,.16)\" stroke=\"rgba(21,80,201,.4)\"\/><text x=\"49\" y=\"69\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"9\" font-weight=\"700\">Design<\/text>\r\n<text x=\"89\" y=\"70\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"13\">→<\/text>\r\n<rect x=\"94\" y=\"50\" width=\"74\" height=\"30\" rx=\"7\" fill=\"rgba(0,206,201,.12)\" stroke=\"rgba(0,206,201,.3)\"\/><text x=\"131\" y=\"69\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"9\" font-weight=\"700\">Publish<\/text>\r\n<text x=\"173\" y=\"70\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"13\">→<\/text>\r\n<rect x=\"178\" y=\"50\" width=\"74\" height=\"30\" rx=\"7\" fill=\"rgba(0,184,148,.12)\" stroke=\"rgba(0,184,148,.3)\"\/><text x=\"215\" y=\"69\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"9\" font-weight=\"700\">Version<\/text>\r\n<text x=\"257\" y=\"70\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"13\">→<\/text>\r\n<rect x=\"262\" y=\"50\" width=\"76\" height=\"30\" rx=\"7\" fill=\"rgba(253,203,110,.12)\" stroke=\"rgba(253,203,110,.3)\"\/><text x=\"300\" y=\"69\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"9\" font-weight=\"700\">Monitor<\/text>\r\n<text x=\"343\" y=\"70\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"13\">→<\/text>\r\n<rect x=\"348\" y=\"50\" width=\"58\" height=\"30\" rx=\"7\" fill=\"rgba(255,107,107,.12)\" stroke=\"rgba(255,107,107,.3)\"\/><text x=\"377\" y=\"69\" text-anchor=\"middle\" fill=\"#ff6b6b\" font-size=\"9\" font-weight=\"700\">Retire<\/text>\r\n<rect x=\"14\" y=\"92\" width=\"392\" height=\"88\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"112\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">DEVELOPER PORTAL<\/text>\r\n<rect x=\"28\" y=\"122\" width=\"98\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><text x=\"77\" y=\"134\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"8.5\" font-weight=\"600\">Interactive Docs<\/text>\r\n<rect x=\"134\" y=\"122\" width=\"46\" height=\"18\" rx=\"4\" fill=\"rgba(0,206,201,.1)\" stroke=\"rgba(0,206,201,.22)\"\/><text x=\"157\" y=\"134\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"8.5\" font-weight=\"600\">SDKs<\/text>\r\n<rect x=\"188\" y=\"122\" width=\"88\" height=\"18\" rx=\"4\" fill=\"rgba(21,80,201,.12)\" stroke=\"rgba(21,80,201,.28)\"\/><text x=\"232\" y=\"134\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"8.5\" font-weight=\"600\">Subscriptions<\/text>\r\n<rect x=\"284\" y=\"122\" width=\"78\" height=\"18\" rx=\"4\" fill=\"rgba(253,203,110,.1)\" stroke=\"rgba(253,203,110,.22)\"\/><text x=\"323\" y=\"134\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"8.5\" font-weight=\"600\">Self-Service<\/text>\r\n<text x=\"28\" y=\"164\" fill=\"#82849a\" font-size=\"8.5\">Auto-generated · zero engineering effort · always in sync with the spec<\/text>\r\n<rect x=\"14\" y=\"192\" width=\"392\" height=\"88\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"212\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">USAGE ANALYTICS<\/text>\r\n<rect x=\"28\" y=\"222\" width=\"114\" height=\"42\" rx=\"6\" fill=\"rgba(21,80,201,.08)\"\/><text x=\"85\" y=\"245\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"16\" font-weight=\"800\">2.4M<\/text><text x=\"85\" y=\"258\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">req\/day<\/text>\r\n<rect x=\"152\" y=\"222\" width=\"114\" height=\"42\" rx=\"6\" fill=\"rgba(0,184,148,.08)\"\/><text x=\"209\" y=\"245\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"16\" font-weight=\"800\">99.9%<\/text><text x=\"209\" y=\"258\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">uptime<\/text>\r\n<rect x=\"276\" y=\"222\" width=\"114\" height=\"42\" rx=\"6\" fill=\"rgba(0,206,201,.08)\"\/><text x=\"333\" y=\"245\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"16\" font-weight=\"800\">42ms<\/text><text x=\"333\" y=\"258\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">latency<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div>\r\n <h3 class=\"tp-h\" style=\"white-space: nowrap\">\r\n Automated. Git-Native. Zero Downtime.\r\n <\/h3>\r\n <p class=\"tp-d\">\r\n Automated migration from Apigee Edge to X\/Hybrid with 200+\r\n policy translations. All configs as code.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>Edge → X\/Hybrid\r\n converter with 200+ policy translations\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Git-native: configs as code,\r\n PR reviews, branch strategies\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>One-click rollback at any\r\n stage with dry-run mode\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Delta analysis: side-by-side\r\n diff with risk scores\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Shadow traffic comparison,\r\n contract tests, load tests\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>AI-powered: ML translates\r\n Edge XML to Terraform + YAML\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">Migration · Delta Analysis<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"48\" width=\"189\" height=\"28\" rx=\"6\" fill=\"rgba(255,107,107,.08)\" stroke=\"rgba(255,107,107,.22)\"\/><text x=\"108\" y=\"66\" text-anchor=\"middle\" fill=\"#ff6b6b\" font-size=\"10\" font-weight=\"700\">SOURCE: Edge<\/text>\r\n<text x=\"210\" y=\"67\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"14\">→<\/text>\r\n<rect x=\"217\" y=\"48\" width=\"189\" height=\"28\" rx=\"6\" fill=\"rgba(0,184,148,.08)\" stroke=\"rgba(0,184,148,.22)\"\/><text x=\"311\" y=\"66\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"10\" font-weight=\"700\">TARGET: X\/Hybrid<\/text>\r\n<rect x=\"14\" y=\"86\" width=\"392\" height=\"20\" rx=\"4\" fill=\"#eef1f7\"\/>\r\n<text x=\"26\" y=\"100\" fill=\"#82849a\" font-size=\"8.5\" font-weight=\"600\">POLICY<\/text>\r\n<text x=\"168\" y=\"100\" fill=\"#82849a\" font-size=\"8.5\" font-weight=\"600\">EDGE<\/text>\r\n<text x=\"262\" y=\"100\" fill=\"#82849a\" font-size=\"8.5\" font-weight=\"600\">X\/HYBRID<\/text>\r\n<text x=\"362\" y=\"100\" fill=\"#82849a\" font-size=\"8.5\" font-weight=\"600\">STATUS<\/text>\r\n<line x1=\"14\" y1=\"108\" x2=\"406\" y2=\"108\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"26\" y=\"122\" fill=\"#12131a\" font-size=\"9\">OAuthV2<\/text><text x=\"168\" y=\"122\" fill=\"#52546a\" font-size=\"9\">XML<\/text><text x=\"262\" y=\"122\" fill=\"#52546a\" font-size=\"9\">Terraform<\/text>\r\n<rect x=\"354\" y=\"112\" width=\"36\" height=\"14\" rx=\"3\" fill=\"rgba(0,184,148,.12)\"\/><text x=\"372\" y=\"122.5\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">OK<\/text>\r\n<line x1=\"14\" y1=\"132\" x2=\"406\" y2=\"132\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"26\" y=\"146\" fill=\"#12131a\" font-size=\"9\">SpikeArrest<\/text><text x=\"168\" y=\"146\" fill=\"#52546a\" font-size=\"9\">XML<\/text><text x=\"262\" y=\"146\" fill=\"#52546a\" font-size=\"9\">Terraform<\/text>\r\n<rect x=\"354\" y=\"136\" width=\"36\" height=\"14\" rx=\"3\" fill=\"rgba(0,184,148,.12)\"\/><text x=\"372\" y=\"146.5\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">OK<\/text>\r\n<rect x=\"14\" y=\"156\" width=\"392\" height=\"20\" fill=\"rgba(253,203,110,.04)\"\/>\r\n<line x1=\"14\" y1=\"156\" x2=\"406\" y2=\"156\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"26\" y=\"170\" fill=\"#12131a\" font-size=\"9\">JavaCallout<\/text><text x=\"168\" y=\"170\" fill=\"#52546a\" font-size=\"9\">Custom<\/text><text x=\"262\" y=\"170\" fill=\"#52546a\" font-size=\"9\">Manual<\/text>\r\n<rect x=\"352\" y=\"160\" width=\"40\" height=\"14\" rx=\"3\" fill=\"rgba(253,203,110,.14)\"\/><text x=\"372\" y=\"170.5\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"7.5\" font-weight=\"600\">FLAG<\/text>\r\n<rect x=\"14\" y=\"190\" width=\"392\" height=\"94\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"210\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">SUMMARY<\/text>\r\n<text x=\"58.5\" y=\"238\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"15\" font-weight=\"800\">200+<\/text><text x=\"58.5\" y=\"250\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">policies<\/text>\r\n<text x=\"133.5\" y=\"238\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"15\" font-weight=\"800\">95%<\/text><text x=\"133.5\" y=\"250\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">auto<\/text>\r\n<text x=\"208.5\" y=\"238\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"15\" font-weight=\"800\">Git<\/text><text x=\"208.5\" y=\"250\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">native<\/text>\r\n<text x=\"283.5\" y=\"238\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"15\" font-weight=\"800\">1-click<\/text><text x=\"283.5\" y=\"250\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">rollback<\/text>\r\n<text x=\"358.5\" y=\"238\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"15\" font-weight=\"800\">Zero<\/text><text x=\"358.5\" y=\"250\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">downtime<\/text>\r\n<text x=\"28\" y=\"268\" fill=\"#82849a\" font-size=\"8\">30–180 day hypercare included on every migration stage<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div>\r\n <h3 class=\"tp-h\" style=\"white-space: nowrap\">\r\n Spec-First. AI-Assisted. Governed at Design Time.\r\n <\/h3>\r\n <p class=\"tp-d\">\r\n OpenAPI 3.0 and AsyncAPI spec builder with live preview.\r\n Linting and style guides enforced before anything ships.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>OpenAPI 3.0 \/ AsyncAPI\r\n visual spec builder\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Design governance: linting,\r\n security, style guides\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Contract-first mocking:\r\n instant mock server\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Proxy scaffolding:\r\n auto-generate from spec\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>AI-assisted design with\r\n Gemini and Claude\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Break-change detection\r\n before deployment\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">API Design Studio<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"48\" width=\"189\" height=\"234\" rx=\"8\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"26\" y=\"66\" fill=\"#52546a\" font-size=\"9\" font-weight=\"700\" letter-spacing=\".04em\">SPEC EDITOR<\/text>\r\n<text x=\"26\" y=\"84\" fill=\"#fdcb6e\" font-family=\"monospace\" font-size=\"8\">openapi: \"3.0.3\"<\/text>\r\n<text x=\"26\" y=\"98\" fill=\"#82849a\" font-family=\"monospace\" font-size=\"8\">info:<\/text>\r\n<text x=\"34\" y=\"112\" fill=\"#52546a\" font-family=\"monospace\" font-size=\"8\">title: Payment API<\/text>\r\n<text x=\"34\" y=\"126\" fill=\"#52546a\" font-family=\"monospace\" font-size=\"8\">version: \"2.1.0\"<\/text>\r\n<text x=\"26\" y=\"140\" fill=\"#82849a\" font-family=\"monospace\" font-size=\"8\">paths:<\/text>\r\n<text x=\"34\" y=\"154\" fill=\"#52546a\" font-family=\"monospace\" font-size=\"8\">\/payments:<\/text>\r\n<rect x=\"26\" y=\"168\" width=\"165\" height=\"16\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><text x=\"108.5\" y=\"179\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">✓ Lint clean · style guide passed<\/text>\r\n<rect x=\"26\" y=\"198\" width=\"84\" height=\"20\" rx=\"5\" fill=\"rgba(21,80,201,.14)\" stroke=\"rgba(21,80,201,.32)\"\/><text x=\"68\" y=\"211.5\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"8.5\" font-weight=\"600\">✨ AI Assist<\/text>\r\n<rect x=\"118\" y=\"198\" width=\"61\" height=\"20\" rx=\"5\" fill=\"rgba(3,10,40,.06)\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"148.5\" y=\"211.5\" text-anchor=\"middle\" fill=\"#52546a\" font-size=\"8.5\" font-weight=\"600\">Mock Server<\/text>\r\n<text x=\"26\" y=\"252\" fill=\"#82849a\" font-size=\"7.5\">Auto-formats on save · Git-tracked<\/text>\r\n<rect x=\"217\" y=\"48\" width=\"189\" height=\"234\" rx=\"8\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"229\" y=\"66\" fill=\"#52546a\" font-size=\"9\" font-weight=\"700\" letter-spacing=\".04em\">LIVE PREVIEW<\/text>\r\n<rect x=\"229\" y=\"76\" width=\"165\" height=\"24\" rx=\"5\" fill=\"rgba(0,184,148,.08)\"\/><text x=\"239\" y=\"92\" fill=\"#00b894\" font-size=\"9\" font-weight=\"700\">POST<\/text><text x=\"277\" y=\"92\" fill=\"#12131a\" font-size=\"9\">\/payments<\/text>\r\n<rect x=\"229\" y=\"106\" width=\"165\" height=\"24\" rx=\"5\" fill=\"rgba(0,206,201,.08)\"\/><text x=\"239\" y=\"122\" fill=\"#00cec9\" font-size=\"9\" font-weight=\"700\">GET<\/text><text x=\"270\" y=\"122\" fill=\"#12131a\" font-size=\"9\">\/payments\/{id}<\/text>\r\n<rect x=\"229\" y=\"136\" width=\"165\" height=\"24\" rx=\"5\" fill=\"rgba(253,203,110,.08)\"\/><text x=\"239\" y=\"152\" fill=\"#fdcb6e\" font-size=\"9\" font-weight=\"700\">PUT<\/text><text x=\"270\" y=\"152\" fill=\"#12131a\" font-size=\"9\">\/payments\/{id}<\/text>\r\n<rect x=\"229\" y=\"172\" width=\"130\" height=\"16\" rx=\"4\" fill=\"rgba(0,206,201,.08)\"\/><circle cx=\"238\" cy=\"180\" r=\"3\" fill=\"#00cec9\"\/><text x=\"247\" y=\"183\" fill=\"#00cec9\" font-size=\"7.5\" font-weight=\"600\">Mock server running<\/text>\r\n<rect x=\"229\" y=\"200\" width=\"165\" height=\"20\" rx=\"5\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.24)\"\/><text x=\"311.5\" y=\"213\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"8.5\" font-weight=\"600\">✓ No breaking changes<\/text>\r\n<text x=\"229\" y=\"252\" fill=\"#82849a\" font-size=\"7.5\">3 endpoints · contract validated live<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div>\r\n <h3 class=\"tp-h\" style=\"white-space: nowrap\">\r\n Functional. Load. Security. CI\/CD-Integrated.\r\n <\/h3>\r\n <p class=\"tp-d\">\r\n Auto-generated tests from OpenAPI specs. OWASP scanning.\r\n Native CI\/CD plugins.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>Auto-generated test suites\r\n from OpenAPI specs\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Load testing: thousands of\r\n concurrent users\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Security: OWASP API Top 10,\r\n injection, auth bypass\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>CI\/CD: Jenkins, GitHub\r\n Actions, GitLab CI, Azure DevOps\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Pre\/post migration\r\n behavioral comparison\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>AI-assisted error analysis\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">API Testing · Results<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"48\" width=\"124\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"76\" y=\"72\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"19\" font-weight=\"800\">247<\/text><text x=\"76\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">passed<\/text>\r\n<rect x=\"148\" y=\"48\" width=\"124\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"210\" y=\"72\" text-anchor=\"middle\" fill=\"#ff6b6b\" font-size=\"19\" font-weight=\"800\">2<\/text><text x=\"210\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">failed<\/text>\r\n<rect x=\"282\" y=\"48\" width=\"124\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"344\" y=\"72\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"19\" font-weight=\"800\">1,000+<\/text><text x=\"344\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">concurrent<\/text>\r\n<rect x=\"14\" y=\"104\" width=\"392\" height=\"140\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"124\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">TEST SUITE<\/text>\r\n<text x=\"28\" y=\"142\" fill=\"#82849a\" font-size=\"8\" font-weight=\"600\">ENDPOINT<\/text><text x=\"230\" y=\"142\" fill=\"#82849a\" font-size=\"8\" font-weight=\"600\">METHOD<\/text><text x=\"320\" y=\"142\" fill=\"#82849a\" font-size=\"8\" font-weight=\"600\">RESULT<\/text>\r\n<line x1=\"28\" y1=\"150\" x2=\"392\" y2=\"150\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"28\" y=\"166\" fill=\"#12131a\" font-size=\"8.5\">\/users<\/text><text x=\"230\" y=\"166\" fill=\"#52546a\" font-size=\"8.5\">GET<\/text><rect x=\"316\" y=\"157\" width=\"34\" height=\"14\" rx=\"3\" fill=\"rgba(0,184,148,.12)\"\/><text x=\"333\" y=\"167.5\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">200<\/text>\r\n<line x1=\"28\" y1=\"174\" x2=\"392\" y2=\"174\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"28\" y=\"190\" fill=\"#12131a\" font-size=\"8.5\">\/orders<\/text><text x=\"230\" y=\"190\" fill=\"#52546a\" font-size=\"8.5\">POST<\/text><rect x=\"316\" y=\"181\" width=\"34\" height=\"14\" rx=\"3\" fill=\"rgba(0,184,148,.12)\"\/><text x=\"333\" y=\"191.5\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">201<\/text>\r\n<line x1=\"28\" y1=\"198\" x2=\"392\" y2=\"198\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"28\" y=\"214\" fill=\"#12131a\" font-size=\"8.5\">\/payments\/{id}<\/text><text x=\"230\" y=\"214\" fill=\"#52546a\" font-size=\"8.5\">PUT<\/text><rect x=\"316\" y=\"205\" width=\"34\" height=\"14\" rx=\"3\" fill=\"rgba(0,184,148,.12)\"\/><text x=\"333\" y=\"215.5\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">200<\/text>\r\n<rect x=\"14\" y=\"220\" width=\"392\" height=\"20\" fill=\"rgba(255,107,107,.05)\"\/>\r\n<text x=\"28\" y=\"234\" fill=\"#12131a\" font-size=\"8.5\">\/sessions\/revoke<\/text><text x=\"230\" y=\"234\" fill=\"#52546a\" font-size=\"8.5\">DELETE<\/text><rect x=\"316\" y=\"225\" width=\"34\" height=\"14\" rx=\"3\" fill=\"rgba(255,107,107,.14)\"\/><text x=\"333\" y=\"235.5\" text-anchor=\"middle\" fill=\"#ff6b6b\" font-size=\"7.5\" font-weight=\"600\">401<\/text>\r\n<rect x=\"14\" y=\"252\" width=\"392\" height=\"40\" rx=\"8\" fill=\"rgba(21,80,201,.05)\" stroke=\"rgba(21,80,201,.16)\"\/>\r\n<text x=\"28\" y=\"268\" fill=\"#1550c9\" font-size=\"9\" font-weight=\"700\">CI\/CD<\/text>\r\n<rect x=\"72\" y=\"260\" width=\"52\" height=\"16\" rx=\"3\" fill=\"rgba(0,184,148,.1)\"\/><text x=\"98\" y=\"271\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Jenkins<\/text>\r\n<rect x=\"130\" y=\"260\" width=\"88\" height=\"16\" rx=\"3\" fill=\"rgba(0,184,148,.1)\"\/><text x=\"174\" y=\"271\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">GitHub Actions<\/text>\r\n<rect x=\"224\" y=\"260\" width=\"66\" height=\"16\" rx=\"3\" fill=\"rgba(0,184,148,.1)\"\/><text x=\"257\" y=\"271\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">GitLab CI<\/text>\r\n<rect x=\"296\" y=\"260\" width=\"88\" height=\"16\" rx=\"3\" fill=\"rgba(0,184,148,.1)\"\/><text x=\"340\" y=\"271\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Azure DevOps<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div>\r\n <h3 class=\"tp-h\" style=\"white-space: nowrap\">\r\n Token Governance. Semantic Caching. Prompt Protection.\r\n <\/h3>\r\n <p class=\"tp-d\">\r\n LLM-aware proxy with token metering, semantic caching, and\r\n intelligent multi-model routing.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>LLM token metering with cost\r\n allocation dashboards\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Prompt injection guard: PII\r\n redaction, jailbreak detection\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Intelligent routing: GPT-4,\r\n Claude, Gemini\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Semantic caching: reduce LLM\r\n calls by up to 40%\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Multi-model fallback and\r\n load balancing\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Full request traceability\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">AI Gateway · Token Dashboard<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"48\" width=\"118\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"73\" y=\"72\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"15\" font-weight=\"800\">$0.018<\/text><text x=\"73\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">cost \/ call<\/text>\r\n<rect x=\"140\" y=\"48\" width=\"118\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"199\" y=\"72\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"15\" font-weight=\"800\">40%<\/text><text x=\"199\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">cache hits<\/text>\r\n<rect x=\"266\" y=\"48\" width=\"140\" height=\"46\" rx=\"6\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/><text x=\"336\" y=\"72\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"15\" font-weight=\"800\">12,847<\/text><text x=\"336\" y=\"86\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">LLM calls<\/text>\r\n<rect x=\"14\" y=\"104\" width=\"392\" height=\"90\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"124\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">MODEL ROUTING<\/text>\r\n<rect x=\"28\" y=\"134\" width=\"114\" height=\"44\" rx=\"6\" fill=\"rgba(0,206,201,.07)\" stroke=\"rgba(0,206,201,.18)\"\/><text x=\"85\" y=\"153\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"10\" font-weight=\"700\">GPT-4o<\/text><text x=\"85\" y=\"167\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">$0.03 · 210ms<\/text>\r\n<rect x=\"152\" y=\"134\" width=\"114\" height=\"44\" rx=\"6\" fill=\"rgba(21,80,201,.09)\" stroke=\"rgba(21,80,201,.22)\"\/><text x=\"209\" y=\"153\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"10\" font-weight=\"700\">Claude<\/text><text x=\"209\" y=\"167\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">$0.02 · 180ms<\/text>\r\n<rect x=\"276\" y=\"134\" width=\"114\" height=\"44\" rx=\"6\" fill=\"rgba(0,184,148,.08)\" stroke=\"rgba(0,184,148,.2)\"\/><text x=\"333\" y=\"153\" text-anchor=\"middle\" fill=\"#00b894\" font-size=\"10\" font-weight=\"700\">Gemini<\/text><text x=\"333\" y=\"167\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7.5\">$0.01 · 150ms<\/text>\r\n<rect x=\"14\" y=\"204\" width=\"392\" height=\"76\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"224\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">PROMPT GUARDRAILS<\/text>\r\n<rect x=\"28\" y=\"234\" width=\"86\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"38\" cy=\"243\" r=\"3\" fill=\"#00b894\"\/><text x=\"46\" y=\"246\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">PII Redaction<\/text>\r\n<rect x=\"122\" y=\"234\" width=\"120\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"132\" cy=\"243\" r=\"3\" fill=\"#00b894\"\/><text x=\"140\" y=\"246\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Jailbreak Detection<\/text>\r\n<rect x=\"250\" y=\"234\" width=\"128\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"260\" cy=\"243\" r=\"3\" fill=\"#00b894\"\/><text x=\"268\" y=\"246\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Rate Limit Enforced<\/text>\r\n<text x=\"28\" y=\"266\" fill=\"#82849a\" font-size=\"8\">Every request scored before it reaches the model<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tp\">\r\n <div>\r\n <h3 class=\"tp-h\" style=\"white-space: nowrap\">\r\n Multi-Agent Orchestration with Full Governance.\r\n <\/h3>\r\n <p class=\"tp-d\">\r\n Agent pipelines with branching, loops, HITL - governed through\r\n the API Platform compliance layer.\r\n <\/p>\r\n <ul class=\"tp-ul\">\r\n <li>\r\n <span class=\"dm\">◆<\/span>Multi-agent orchestration\r\n with branching, loops, HITL\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Centralized tool and API\r\n registry\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Agent memory: short-term,\r\n long-term, episodic\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Guardrails: policy\r\n enforcement, output validation\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>Built on the API Platform\r\n governance layer\r\n <\/li>\r\n <li>\r\n <span class=\"dm\">◆<\/span>MCP Gateway for agent-to-API\r\n integration\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tp-img\">\r\n <svg viewBox=\"0 0 420 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"420\" height=\"300\" fill=\"#ffffff\"\/>\r\n<rect width=\"420\" height=\"34\" fill=\"#eef1f7\"\/>\r\n<circle cx=\"14\" cy=\"17\" r=\"4.5\" fill=\"#ff5f57\"\/><circle cx=\"27\" cy=\"17\" r=\"4.5\" fill=\"#febc2e\"\/><circle cx=\"40\" cy=\"17\" r=\"4.5\" fill=\"#28c840\"\/>\r\n<text x=\"60\" y=\"21\" fill=\"#82849a\" font-family=\"Plus Jakarta Sans,sans-serif\" font-size=\"10\" font-weight=\"600\">Agentic AI · Pipeline<\/text>\r\n<g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n<rect x=\"14\" y=\"64\" width=\"80\" height=\"48\" rx=\"7\" fill=\"#f5f6fa\" stroke=\"#fdcb6e\" stroke-width=\"1.4\"\/><text x=\"54\" y=\"84\" text-anchor=\"middle\" fill=\"#fdcb6e\" font-size=\"8\" font-weight=\"700\">⚡ TRIGGER<\/text><text x=\"54\" y=\"97\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7\">API \/ Event<\/text>\r\n<text x=\"100\" y=\"92\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"12\">→<\/text>\r\n<rect x=\"106\" y=\"64\" width=\"86\" height=\"48\" rx=\"7\" fill=\"#f5f6fa\" stroke=\"#1550c9\" stroke-width=\"1.6\"\/><text x=\"149\" y=\"84\" text-anchor=\"middle\" fill=\"#1550c9\" font-size=\"8.5\" font-weight=\"700\">🤖 AGENT<\/text><text x=\"149\" y=\"97\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7\">Discovery<\/text><circle cx=\"184\" cy=\"70\" r=\"3.5\" fill=\"#00b894\"\/>\r\n<text x=\"198\" y=\"92\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"12\">→<\/text>\r\n<rect x=\"204\" y=\"64\" width=\"94\" height=\"48\" rx=\"7\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.14)\"\/><text x=\"251\" y=\"83\" text-anchor=\"middle\" fill=\"#52546a\" font-size=\"7.5\" font-weight=\"700\">TOOL REGISTRY<\/text><text x=\"251\" y=\"96\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7\">GitHub · Slack · Jira<\/text>\r\n<text x=\"304\" y=\"92\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"12\">→<\/text>\r\n<rect x=\"310\" y=\"64\" width=\"94\" height=\"48\" rx=\"7\" fill=\"#f5f6fa\" stroke=\"#00cec9\" stroke-width=\"1.4\"\/><text x=\"357\" y=\"83\" text-anchor=\"middle\" fill=\"#00cec9\" font-size=\"7.5\" font-weight=\"700\">API GATEWAY<\/text><text x=\"357\" y=\"96\" text-anchor=\"middle\" fill=\"#82849a\" font-size=\"7\">Governed call<\/text>\r\n<rect x=\"14\" y=\"136\" width=\"392\" height=\"150\" rx=\"9\" fill=\"#f5f6fa\" stroke=\"rgba(3,10,40,.08)\"\/>\r\n<text x=\"28\" y=\"156\" fill=\"#52546a\" font-size=\"9.5\" font-weight=\"700\" letter-spacing=\".04em\">GUARDRAILS & AUDIT<\/text>\r\n<rect x=\"28\" y=\"166\" width=\"90\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"38\" cy=\"175\" r=\"3\" fill=\"#00b894\"\/><text x=\"46\" y=\"178\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Policy Enforced<\/text>\r\n<rect x=\"128\" y=\"166\" width=\"100\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"138\" cy=\"175\" r=\"3\" fill=\"#00b894\"\/><text x=\"146\" y=\"178\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Output Validated<\/text>\r\n<rect x=\"238\" y=\"166\" width=\"98\" height=\"18\" rx=\"4\" fill=\"rgba(0,184,148,.1)\" stroke=\"rgba(0,184,148,.22)\"\/><circle cx=\"248\" cy=\"175\" r=\"3\" fill=\"#00b894\"\/><text x=\"256\" y=\"178\" fill=\"#00b894\" font-size=\"7.5\" font-weight=\"600\">Decision Traced<\/text>\r\n<line x1=\"28\" y1=\"198\" x2=\"392\" y2=\"198\" stroke=\"rgba(3,10,40,.06)\"\/>\r\n<text x=\"28\" y=\"214\" fill=\"#82849a\" font-size=\"8\" font-weight=\"600\" letter-spacing=\".03em\">RECENT DECISIONS<\/text>\r\n<circle cx=\"32\" cy=\"228\" r=\"3\" fill=\"#00b894\"\/><text x=\"42\" y=\"231\" fill=\"#12131a\" font-size=\"8\">Refund request approved after policy check<\/text><text x=\"392\" y=\"231\" text-anchor=\"end\" fill=\"#82849a\" font-size=\"7.5\">2m ago<\/text>\r\n<circle cx=\"32\" cy=\"246\" r=\"3\" fill=\"#ff6b6b\"\/><text x=\"42\" y=\"249\" fill=\"#12131a\" font-size=\"8\">GitHub write blocked — scope exceeded<\/text><text x=\"392\" y=\"249\" text-anchor=\"end\" fill=\"#82849a\" font-size=\"7.5\">14m ago<\/text>\r\n<circle cx=\"32\" cy=\"264\" r=\"3\" fill=\"#fdcb6e\"\/><text x=\"42\" y=\"267\" fill=\"#12131a\" font-size=\"8\">Escalated to human reviewer (HITL)<\/text><text x=\"392\" y=\"267\" text-anchor=\"end\" fill=\"#82849a\" font-size=\"7.5\">1h ago<\/text>\r\n<\/g>\r\n<\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MIGRATION SECTION -->\r\n <section class=\"aip\" style=\"padding-top: 48px\">\r\n <div class=\"wrap\">\r\n <div class=\"aip-in\">\r\n <div>\r\n <div class=\"aip-card\">\r\n <div class=\"aip-thumb\">\r\n <svg\r\n viewBox=\"0 0 480 220\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n style=\"width: 100%\"\r\n >\r\n <rect width=\"480\" height=\"220\" fill=\"#f5f6fa\" \/>\r\n <rect width=\"480\" height=\"32\" fill=\"#eef1f7\" \/>\r\n <circle cx=\"14\" cy=\"16\" r=\"4.5\" fill=\"#ff5f57\" \/>\r\n <circle cx=\"27\" cy=\"16\" r=\"4.5\" fill=\"#febc2e\" \/>\r\n <circle cx=\"40\" cy=\"16\" r=\"4.5\" fill=\"#28c840\" \/>\r\n <text\r\n x=\"60\"\r\n y=\"20\"\r\n fill=\"#82849a\"\r\n font-family=\"Plus Jakarta Sans,sans-serif\"\r\n font-size=\"10\"\r\n font-weight=\"600\"\r\n >\r\n API Platform - Migration Pipeline\r\n <\/text>\r\n <g font-family=\"Plus Jakarta Sans,sans-serif\">\r\n <rect\r\n x=\"16\"\r\n y=\"42\"\r\n width=\"440\"\r\n height=\"32\"\r\n rx=\"6\"\r\n fill=\"#eef1f7\"\r\n stroke=\"rgba(3,34,143,.12)\"\r\n \/>\r\n <text\r\n x=\"30\"\r\n y=\"62\"\r\n fill=\"#1550c9\"\r\n font-size=\"9\"\r\n font-weight=\"700\"\r\n >\r\n 01\r\n <\/text>\r\n <text\r\n x=\"46\"\r\n y=\"62\"\r\n fill=\"#12131a\"\r\n font-size=\"9.5\"\r\n font-weight=\"600\"\r\n >\r\n Discovery\r\n <\/text>\r\n <text x=\"116\" y=\"62\" fill=\"#82849a\" font-size=\"9\">\r\n Scan proxies, shared flows, KVMs, apps\r\n <\/text>\r\n <rect\r\n x=\"432\"\r\n y=\"48\"\r\n width=\"16\"\r\n height=\"16\"\r\n rx=\"8\"\r\n fill=\"#00b894\"\r\n \/>\r\n <text\r\n x=\"440\"\r\n y=\"60\"\r\n text-anchor=\"middle\"\r\n fill=\"#fff\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n ✓\r\n <\/text>\r\n <rect\r\n x=\"16\"\r\n y=\"80\"\r\n width=\"440\"\r\n height=\"32\"\r\n rx=\"6\"\r\n fill=\"#eef1f7\"\r\n stroke=\"rgba(0,206,201,.12)\"\r\n \/>\r\n <text\r\n x=\"30\"\r\n y=\"100\"\r\n fill=\"#00cec9\"\r\n font-size=\"9\"\r\n font-weight=\"700\"\r\n >\r\n 02\r\n <\/text>\r\n <text\r\n x=\"46\"\r\n y=\"100\"\r\n fill=\"#12131a\"\r\n font-size=\"9.5\"\r\n font-weight=\"600\"\r\n >\r\n RAG Assessment\r\n <\/text>\r\n <text x=\"148\" y=\"100\" fill=\"#82849a\" font-size=\"9\">\r\n Classify, map dependencies, score risk\r\n <\/text>\r\n <rect\r\n x=\"432\"\r\n y=\"86\"\r\n width=\"16\"\r\n height=\"16\"\r\n rx=\"8\"\r\n fill=\"#00b894\"\r\n \/>\r\n <text\r\n x=\"440\"\r\n y=\"98\"\r\n text-anchor=\"middle\"\r\n fill=\"#fff\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n ✓\r\n <\/text>\r\n <rect\r\n x=\"16\"\r\n y=\"118\"\r\n width=\"440\"\r\n height=\"32\"\r\n rx=\"6\"\r\n fill=\"#eef1f7\"\r\n stroke=\"rgba(3,34,143,.12)\"\r\n \/>\r\n <text\r\n x=\"30\"\r\n y=\"138\"\r\n fill=\"#1550c9\"\r\n font-size=\"9\"\r\n font-weight=\"700\"\r\n >\r\n 03\r\n <\/text>\r\n <text\r\n x=\"46\"\r\n y=\"138\"\r\n fill=\"#12131a\"\r\n font-size=\"9.5\"\r\n font-weight=\"600\"\r\n >\r\n Architecture\r\n <\/text>\r\n <text x=\"130\" y=\"138\" fill=\"#82849a\" font-size=\"9\">\r\n Future-state: network, security, IAM, token sync\r\n <\/text>\r\n <rect\r\n x=\"432\"\r\n y=\"124\"\r\n width=\"16\"\r\n height=\"16\"\r\n rx=\"8\"\r\n fill=\"#00b894\"\r\n \/>\r\n <text\r\n x=\"440\"\r\n y=\"136\"\r\n text-anchor=\"middle\"\r\n fill=\"#fff\"\r\n font-size=\"8\"\r\n font-weight=\"700\"\r\n >\r\n ✓\r\n <\/text>\r\n <rect\r\n x=\"16\"\r\n y=\"156\"\r\n width=\"440\"\r\n height=\"32\"\r\n rx=\"6\"\r\n fill=\"rgba(3,34,143,.04)\"\r\n stroke=\"rgba(3,34,143,.25)\"\r\n stroke-width=\"1.5\"\r\n \/>\r\n <text\r\n x=\"30\"\r\n y=\"176\"\r\n fill=\"#03228F\"\r\n font-size=\"9\"\r\n font-weight=\"700\"\r\n >\r\n 04\r\n <\/text>\r\n <text\r\n x=\"46\"\r\n y=\"176\"\r\n fill=\"#12131a\"\r\n font-size=\"9.5\"\r\n font-weight=\"700\"\r\n >\r\n Automated Migration\r\n <\/text>\r\n <text x=\"175\" y=\"176\" fill=\"#82849a\" font-size=\"9\">\r\n ML converts Edge XML to Terraform + YAML\r\n <\/text>\r\n <circle cx=\"440\" cy=\"172\" r=\"5\" fill=\"#03228F\">\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"1;0.3;1\"\r\n dur=\"1.2s\"\r\n repeatCount=\"indefinite\"\r\n \/>\r\n <\/circle>\r\n <rect\r\n x=\"16\"\r\n y=\"194\"\r\n width=\"215\"\r\n height=\"20\"\r\n rx=\"4\"\r\n fill=\"#eef1f7\"\r\n stroke=\"rgba(3,10,40,.04)\"\r\n \/>\r\n <text\r\n x=\"30\"\r\n y=\"208\"\r\n fill=\"#82849a\"\r\n font-size=\"8.5\"\r\n font-weight=\"600\"\r\n >\r\n 05 Validation\r\n <\/text>\r\n <text x=\"110\" y=\"208\" fill=\"#9a9aac\" font-size=\"8\">\r\n Pending\r\n <\/text>\r\n <rect\r\n x=\"241\"\r\n y=\"194\"\r\n width=\"215\"\r\n height=\"20\"\r\n rx=\"4\"\r\n fill=\"#eef1f7\"\r\n stroke=\"rgba(3,10,40,.04)\"\r\n \/>\r\n <text\r\n x=\"255\"\r\n y=\"208\"\r\n fill=\"#82849a\"\r\n font-size=\"8.5\"\r\n font-weight=\"600\"\r\n >\r\n 06 Cutover & Hypercare\r\n <\/text>\r\n <text x=\"382\" y=\"208\" fill=\"#9a9aac\" font-size=\"8\">\r\n Pending\r\n <\/text>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"aip-cap\">\r\n API Platform - 6-Stage Migration Pipeline - Live\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"lbl\">Migration & Lifecycle<\/div>\r\n <h2 class=\"aip-h\" style=\"color: #03228f\">\r\n Automated migration from<br \/>Apigee Edge to X\/Hybrid\r\n <\/h2>\r\n <p class=\"aip-body\">\r\n The KRE API Platform runs a six-stage migration pipeline that\r\n discovers every proxy, classifies every asset, translates every\r\n policy, and validates every behavior before cutover. AI-powered\r\n conversion handles 200+ Edge policy types. Delta analysis surfaces\r\n behavioral differences between source and target. Token sync\r\n ensures zero rekeying and no consumer impact. Instant rollback at\r\n every stage. 30-180 day hypercare included. No manual policy\r\n translation. No application changes.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AGENTIC MIGRATION APPROACH - 6 cards from Image 1 -->\r\n <section style=\"padding: 64px 0; background: var(--bg2)\">\r\n <div class=\"wrap\">\r\n <div style=\"margin-bottom: 40px\">\r\n <div class=\"lbl\">Migration Approach<\/div>\r\n <h2 class=\"sh\">\r\n Agentic Migration Approach - Apigee Edge to Apigee X\r\n <\/h2>\r\n <\/div>\r\n <div class=\"ma-grid\">\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(3, 34, 143, 0.08);\r\n border: 1px solid rgba(3, 34, 143, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <circle cx=\"11\" cy=\"11\" r=\"8\" \/>\r\n <path d=\"M21 21l-4.35-4.35\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">Discovery<\/h3>\r\n <p class=\"mac-d\">\r\n Automatically scans APIs, proxies, dependencies, traffic flows,\r\n and environments to establish a complete system baseline.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(0, 206, 201, 0.08);\r\n border: 1px solid rgba(0, 206, 201, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#00cec9\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path\r\n d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\r\n \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">RAG Assessment<\/h3>\r\n <p class=\"mac-d\">\r\n Classifies every asset with dependency mapping and migration risk\r\n scoring before execution begins.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(0, 184, 148, 0.08);\r\n border: 1px solid rgba(0, 184, 148, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#00b894\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" \/>\r\n <path d=\"M2 17l10 5 10-5\" \/>\r\n <path d=\"M2 12l10 5 10-5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">Architecture<\/h3>\r\n <p class=\"mac-d\">\r\n Defines future-state architecture across network, security, IAM,\r\n and token synchronization layers.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(3, 34, 143, 0.08);\r\n border: 1px solid rgba(3, 34, 143, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path\r\n d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\r\n \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">Automated Migration<\/h3>\r\n <p class=\"mac-d\">\r\n Migrates in dependency order with built-in token sync and zero\r\n client-side changes.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(0, 206, 201, 0.08);\r\n border: 1px solid rgba(0, 206, 201, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#00cec9\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M9 11l3 3L22 4\" \/>\r\n <path\r\n d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\r\n \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">Validation<\/h3>\r\n <p class=\"mac-d\">\r\n Automated regression, contract, and load testing with side-by-side\r\n behavioral comparison.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mac\">\r\n <div\r\n class=\"mac-ic\"\r\n style=\"\r\n background: rgba(0, 184, 148, 0.08);\r\n border: 1px solid rgba(0, 184, 148, 0.15);\r\n \"\r\n >\r\n <svg\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#00b894\"\r\n stroke-width=\"1.5\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M12 6v6l4 2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mac-t\">Cutover & Hypercare<\/h3>\r\n <p class=\"mac-d\">\r\n Zero-downtime cutover using canary, blue-green, or phased rollout\r\n with instant rollback and 30-180 day hypercare.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TECHNICAL & OPERATING HIGHLIGHTS - Image 2 -->\r\n <section style=\"padding: 64px 0\">\r\n <div class=\"wrap\">\r\n <div style=\"margin-bottom: 40px\">\r\n <div class=\"lbl\">Technical & Operating Highlights<\/div>\r\n <h2 class=\"sh\">What makes zero-downtime migration possible<\/h2>\r\n <\/div>\r\n <div class=\"th-grid\">\r\n <div class=\"thc\">\r\n <h3 class=\"thc-t\">\r\n Active Token Synchronization - Edge → X\r\n <\/h3>\r\n <p class=\"thc-sub\">\r\n Phased, hybrid migrations put continuity at risk the moment two\r\n gateways run in parallel.\r\n <\/p>\r\n <ul class=\"thc-list\">\r\n <li>Shared OAuth token validation across Edge and X<\/li>\r\n <li>Synchronized access and refresh tokens<\/li>\r\n <li>JWT signing keys aligned via KMS\/JWKS<\/li>\r\n <li>Zero rekeying, zero interruption during cutover<\/li>\r\n <\/ul>\r\n <div class=\"thb-label\">Benefits<\/div>\r\n <ul class=\"thb-list\">\r\n <li>Zero downtime windows to plan around<\/li>\r\n <li>No emergency rollback if X isn't ready<\/li>\r\n <li>Cutover on your timeline, not a deadline<\/li>\r\n <li>No spike in auth support tickets<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"thc\">\r\n <h3 class=\"thc-t\">App & User Migration via Platform SDK<\/h3>\r\n <p class=\"thc-sub\">\r\n Manual re-creation is where migrations lose time and introduce\r\n risk.\r\n <\/p>\r\n <ul class=\"thc-list\">\r\n <li>\r\n Developers, profiles, and applications migrated automatically\r\n <\/li>\r\n <li>\r\n API products, keys, secrets, and attributes carried over intact\r\n <\/li>\r\n <li>Full metadata reconciliation and validation<\/li>\r\n <li>No re-entry, no key rotation, migration at pipeline speed<\/li>\r\n <\/ul>\r\n <div class=\"thb-label\">Benefits<\/div>\r\n <ul class=\"thb-list\">\r\n <li>Weeks of re-entry, done in one pass<\/li>\r\n <li>No orphaned credentials to chase<\/li>\r\n <li>Developers keep working, no re-onboarding<\/li>\r\n <li>Effort scales with APIs, not headcount<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PLATFORM TEAM STRUCTURE + WHY KRE - Image 3 -->\r\n <section style=\"padding: 64px 0; background: var(--bg2)\">\r\n <div class=\"wrap\">\r\n <div class=\"pw-grid\">\r\n <div>\r\n <div class=\"lbl\" style=\"margin-bottom: 8px\">\r\n Platform Team Structure\r\n <\/div>\r\n <h3\r\n style=\"\r\n font-family: var(--hd);\r\n font-size: 22px;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n color: #03228f;\r\n \"\r\n >\r\n How your teams operate on the platform\r\n <\/h3>\r\n <div style=\"display: flex; flex-direction: column; gap: 14px\">\r\n <div class=\"pt-card\">\r\n <div class=\"pt-ic\">💻<\/div>\r\n <div>\r\n <div class=\"pt-t\">Platform Team<\/div>\r\n <div class=\"pt-d\">\r\n Org admin, shared flows, observability, Terraform IaC - the\r\n backbone everything else depends on.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-card\">\r\n <div class=\"pt-ic\">👥<\/div>\r\n <div>\r\n <div class=\"pt-t\">API Consumers<\/div>\r\n <div class=\"pt-d\">\r\n Self-service portal, sandbox, auto-generated docs with zero\r\n Platform Team involvement.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-card\">\r\n <div class=\"pt-ic\">🛠️<\/div>\r\n <div>\r\n <div class=\"pt-t\">API Producers<\/div>\r\n <div class=\"pt-d\">\r\n Trained by KRE. Design, proxy development, CI\/CD with KRE\r\n runbooks and governance templates.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-card\">\r\n <div class=\"pt-ic\">📚<\/div>\r\n <div>\r\n <div class=\"pt-t\">Enablers<\/div>\r\n <div class=\"pt-d\">\r\n API Guild, Shared Flow Library, Governance Templates, Style\r\n Guide, Spectral linting.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"lbl\" style=\"margin-bottom: 8px\">\r\n Why Enterprises Choose KRE\r\n <\/div>\r\n <h3\r\n style=\"\r\n font-family: var(--hd);\r\n font-size: 22px;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n color: #03228f;\r\n \"\r\n >\r\n Five reasons platform teams prefer KRE\r\n <\/h3>\r\n <div style=\"display: flex; flex-direction: column; gap: 12px\">\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">De-risked from day one<\/div>\r\n <div class=\"wk-d\">\r\n RAG assessment defines scope, effort, and risk before\r\n execution begins.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">No application changes<\/div>\r\n <div class=\"wk-d\">\r\n Token sync ensures zero rekeying and no consumer impact.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">One platform, not fragmented tools<\/div>\r\n <div class=\"wk-d\">\r\n Replaces SwaggerHub, Postman, and standalone CI\/CD.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">Zero-downtime migration<\/div>\r\n <div class=\"wk-d\">\r\n Canary, blue-green, and phased rollouts with instant\r\n rollback.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">Compliance by design<\/div>\r\n <div class=\"wk-d\">\r\n OWASP, SOC 2, GDPR, and PCI-DSS embedded across the\r\n lifecycle.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wk-card\">\r\n <div class=\"wk-ic\">✓<\/div>\r\n <div>\r\n <div class=\"wk-t\">Low-risk entry<\/div>\r\n <div class=\"wk-d\">\r\n Free scoped migration assessment covering up to 15 proxies\r\n with full RAG analysis.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- API LIFECYCLE FRAMEWORK - Image 4 -->\r\n <section style=\"padding: 64px 0\">\r\n <div class=\"wrap\">\r\n <div style=\"margin-bottom: 40px\">\r\n <div class=\"lbl\">API Lifecycle Framework<\/div>\r\n <h2 class=\"sh\">Design. Build. Ship. Govern. Retire.<\/h2>\r\n <\/div>\r\n <div\r\n style=\"\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n \"\r\n >\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">\r\n ✏️\r\n <\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Design<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>AI-assisted (Gemini, Claude)<\/li>\r\n <li>Real-time mock server<\/li>\r\n <li>Break-change detection<\/li>\r\n <li>Git-native versioning<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">💻<\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Develop<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>Auto-generate proxy bundles (Apigee, MuleSoft, Kong)<\/li>\r\n <li>Shared flow library<\/li>\r\n <li>Full audit trail<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">\r\n ☑️\r\n <\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Test<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>1,000+ concurrent load testing<\/li>\r\n <li>Contract and security testing<\/li>\r\n <li>CI\/CD integrated<\/li>\r\n <li>AI-assisted error analysis<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">📈<\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Deploy<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>One-click deployment<\/li>\r\n <li>Blue-green and canary<\/li>\r\n <li>Dev→Test→Perf→Prod gating<\/li>\r\n <li>Automated rollback<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">📊<\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Monitor<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>SLO dashboards<\/li>\r\n <li>OAuth 2.0\/2.1, JWT, mTLS<\/li>\r\n <li>OWASP API Top 10<\/li>\r\n <li>OpenTelemetry \/ New Relic \/ Datadog<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"lfc\" style=\"text-align: left; padding: 24px 20px\">\r\n <div style=\"font-size: 24px; margin-bottom: 12px\">\r\n 🗑️\r\n <\/div>\r\n <div class=\"lfc-t\" style=\"text-align: left\">Retire<\/div>\r\n <ul class=\"lfc-list\">\r\n <li>Lifecycle stage management<\/li>\r\n <li>Automated consumer notifications<\/li>\r\n <li>Traffic drain & decommission<\/li>\r\n <li>Documentation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- USE CASES -->\r\n <section class=\"uc\">\r\n <div class=\"wrap\">\r\n <div style=\"margin-bottom: 40px\">\r\n <div class=\"lbl\">Client Outcomes<\/div>\r\n <h2 class=\"sh\">Where This Works in Practice<\/h2>\r\n <\/div>\r\n <div class=\"uc-grid\">\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">FinTech<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <path d=\"M2 12h20\" \/><\/svg\r\n >Global API Gateway Migration\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n Legacy gateway across multiple regions creating operational risk.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n 1,000+ APIs migrated across 7 global regions. Zero production\r\n incidents. Sub-second B2B performance maintained.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">APIs<\/div>\r\n <div class=\"uc-stat-val\">1,000+<\/div>\r\n <div class=\"uc-stat-note\">migrated<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Regions<\/div>\r\n <div class=\"uc-stat-val\">7<\/div>\r\n <div class=\"uc-stat-note\">global<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Incidents<\/div>\r\n <div class=\"uc-stat-val\">0<\/div>\r\n <div class=\"uc-stat-note\">production<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n 7+ year engagement across multiple modernization programs.\r\n <\/div>\r\n <\/div>\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">Travel<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/><\/svg\r\n >API Gateway Migration\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n Aging Apigee Edge with no clear path to modern gateway.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n Full migration Edge to Apigee X. Phased cutover. Legacy DC\r\n decommissioned.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Migration<\/div>\r\n <div class=\"uc-stat-val\">Complete<\/div>\r\n <div class=\"uc-stat-note\">Edge to X<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Cutover<\/div>\r\n <div class=\"uc-stat-val\">Phased<\/div>\r\n <div class=\"uc-stat-note\">controlled<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Legacy<\/div>\r\n <div class=\"uc-stat-val\">Retired<\/div>\r\n <div class=\"uc-stat-note\">DC gone<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n Modern gateway now supporting full production workloads.\r\n <\/div>\r\n <\/div>\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">Healthcare<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" \/><\/svg\r\n >M&A API Consolidation\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n Three concurrent M&A integrations requiring consolidation.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n Three integrations into AWS-based API infrastructure. Legacy\r\n retired in 8 months. Zero clinical disruption.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">M&A<\/div>\r\n <div class=\"uc-stat-val\">3<\/div>\r\n <div class=\"uc-stat-note\">concurrent<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Timeline<\/div>\r\n <div class=\"uc-stat-val\">8 mo<\/div>\r\n <div class=\"uc-stat-note\">legacy retired<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Disruption<\/div>\r\n <div class=\"uc-stat-val\">Zero<\/div>\r\n <div class=\"uc-stat-note\">clinical<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n Zero disruption to clinical and patient-facing services.\r\n <\/div>\r\n <\/div>\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">FinTech<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" \/>\r\n <path d=\"M8 21h8M12 17v4\" \/><\/svg\r\n >API Lifecycle Platform\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n No unified lifecycle platform. Slow onboarding. Inconsistent\r\n delivery.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n Lifecycle platform across product teams. Sub-second B2B response.\r\n Developer onboarding: days to under 2 hours.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Onboarding<\/div>\r\n <div class=\"uc-stat-val\">Days→2hrs<\/div>\r\n <div class=\"uc-stat-note\">ramp<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Response<\/div>\r\n <div class=\"uc-stat-val\">Sub-sec<\/div>\r\n <div class=\"uc-stat-note\">B2B<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Coverage<\/div>\r\n <div class=\"uc-stat-val\">All teams<\/div>\r\n <div class=\"uc-stat-note\">product-wide<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n Sub-second API response for high-volume B2B traffic.\r\n <\/div>\r\n <\/div>\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">Oil & Gas<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M18 20V10M12 20V4M6 20v-6\" \/><\/svg\r\n >API + AI Integration\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n No managed API layer connecting IoT to AI workloads.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n Managed API layer + Vertex AI for predictive maintenance. IoT at\r\n scale. 30% less downtime.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Downtime<\/div>\r\n <div class=\"uc-stat-val\">-30%<\/div>\r\n <div class=\"uc-stat-note\">operational<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">AI<\/div>\r\n <div class=\"uc-stat-val\">Vertex AI<\/div>\r\n <div class=\"uc-stat-note\">integrated<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Scale<\/div>\r\n <div class=\"uc-stat-val\">IoT-grade<\/div>\r\n <div class=\"uc-stat-note\">sensors<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n IoT sensor data processing at scale with Vertex AI.\r\n <\/div>\r\n <\/div>\r\n <div class=\"ucc\">\r\n <div class=\"uc-tag\">FinTech<\/div>\r\n <div class=\"uc-name\">\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"#03228F\"\r\n stroke-width=\"1.5\"\r\n >\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/><\/svg\r\n >Delivery Velocity\r\n <\/div>\r\n <div class=\"uc-prob\">\r\n Production-breaking changes shipping undetected.\r\n <\/div>\r\n <div class=\"uc-desc\">\r\n AI-assisted break-change detection at design time. Breaks\r\n eliminated. 3x delivery velocity.\r\n <\/div>\r\n <div class=\"uc-stats\">\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Velocity<\/div>\r\n <div class=\"uc-stat-val\">3x<\/div>\r\n <div class=\"uc-stat-note\">delivery<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Breaks<\/div>\r\n <div class=\"uc-stat-val\">Eliminated<\/div>\r\n <div class=\"uc-stat-note\">production<\/div>\r\n <\/div>\r\n <div class=\"uc-stat\">\r\n <div class=\"uc-stat-label\">Detection<\/div>\r\n <div class=\"uc-stat-val\">Design-time<\/div>\r\n <div class=\"uc-stat-note\">AI-assisted<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-proof\">\r\n Eliminated production-breaking API changes across all teams.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BEFORE\/AFTER -->\r\n <section class=\"ba\">\r\n <div class=\"wrap\">\r\n <h2 class=\"ba-h\" style=\"color: #03228f\">\r\n Cut migration timelines from 18 months<br \/>to under 3 months\r\n <\/h2>\r\n <div class=\"ba-grid\">\r\n <div class=\"ba-col bef\">\r\n <div class=\"ba-top\">\r\n <div class=\"ba-badge\">⚠️<\/div>\r\n <span class=\"ba-ct\">How it usually goes<\/span>\r\n <\/div>\r\n <ul class=\"ba-list\">\r\n <li>\r\n <span class=\"ba-d\"><\/span>API tooling fragmented - SwaggerHub,\r\n Postman, standalone CI\/CD, separate monitoring\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Migration manual - policies translated\r\n one by one, no automated conversion\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>No behavioral testing - no pre vs post\r\n comparison or delta analysis\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Rollback means starting over - no\r\n instant rollback, no dry-run\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Compliance an afterthought - security\r\n applied inconsistently\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Developer onboarding takes days - no\r\n portal, no self-service\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Gateway upgrades feared - risk\r\n unquantified, teams avoid migration\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"ba-col aft\">\r\n <div class=\"ba-top\">\r\n <div class=\"ba-badge\">✅<\/div>\r\n <span class=\"ba-ct\">How it runs on the KRE API Platform<\/span>\r\n <\/div>\r\n <ul class=\"ba-list\">\r\n <li>\r\n <span class=\"ba-d\"><\/span>One platform replaces SwaggerHub,\r\n Postman, CI\/CD, monitoring with lower TCO\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>AI-powered conversion: Edge XML to\r\n Terraform + YAML, 200+ policy mappings\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Behavioral testing: shadow traffic,\r\n contracts, load with delta reports\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>One-click rollback with dry-run mode\r\n previewing every change\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>OWASP, SOC 2, GDPR, PCI-DSS embedded\r\n across every module\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>Auto-generated developer portal with\r\n docs, SDKs, subscriptions\r\n <\/li>\r\n <li>\r\n <span class=\"ba-d\"><\/span>RAG assessment quantifies scope,\r\n effort, risk - de-risked from day one\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- QUOTES -->\r\n <section class=\"quotes\">\r\n <div class=\"wrap\">\r\n <div class=\"qr\">\r\n <div class=\"qc\">\r\n <span class=\"qm\">“<\/span>\r\n <p class=\"qt\">\r\n 1,000+ APIs migrated across 7 global regions with zero production\r\n incidents. Sub-second performance maintained. A 7+ year\r\n partnership built on consistent delivery.\r\n <\/p>\r\n <div class=\"qs\">★★★★★<\/div>\r\n <span class=\"qbg\">VERIFIED PRODUCTION<\/span>\r\n <p class=\"qn\">Global API Platform Lead<\/p>\r\n <p class=\"qrl\">FinTech Enterprise<\/p>\r\n <\/div>\r\n <div class=\"qc\">\r\n <span class=\"qm\">“<\/span>\r\n <p class=\"qt\">\r\n Three concurrent M&A integrations consolidated into one API\r\n infrastructure. Legacy decommissioned in 8 months. Zero disruption\r\n to clinical services.\r\n <\/p>\r\n <div class=\"qs\">★★★★★<\/div>\r\n <span class=\"qbg\">ENTERPRISE CLIENT<\/span>\r\n <p class=\"qn\">VP Engineering<\/p>\r\n <p class=\"qrl\">Healthcare Organisation<\/p>\r\n <\/div>\r\n <div class=\"qc\">\r\n <span class=\"qm\">“<\/span>\r\n <p class=\"qt\">\r\n Developer onboarding went from days to under 2 hours. The\r\n lifecycle platform gave every product team a consistent way to\r\n design, test, and ship APIs.\r\n <\/p>\r\n <div class=\"qs\">★★★★★<\/div>\r\n <span class=\"qbg\">ENTERPRISE CLIENT<\/span>\r\n <p class=\"qn\">Head of API Engineering<\/p>\r\n <p class=\"qrl\">FinTech Enterprise<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER CTA -->\r\n <!-- <section class=\"fcta\"><div class=\"wrap\">\r\n<h2 class=\"fcta-h\">Start with a free<br><em>migration assessment<\/em><\/h2>\r\n<p class=\"fcta-p\">We migrate up to 15 proxies and generate your API design report - at zero cost. Full RAG analysis included. See what a production migration looks like before you commit.<\/p>\r\n<div class=\"fcta-form\">\r\n<input type=\"text\" class=\"fcta-input\" placeholder=\"Name\">\r\n<input type=\"email\" class=\"fcta-input\" placeholder=\"Email ID\">\r\n<input type=\"tel\" class=\"fcta-input\" placeholder=\"Contact number\">\r\n<button class=\"fcta-submit\">Request Demo<\/button>\r\n<\/div>\r\n<\/div><\/section> -->\r\n\r\n <!-- FOOTER -->\r\n <!-- <footer><div class=\"wrap\">\r\n<div class=\"ftt\">\r\n<div><div class=\"nlogo\" style=\"font-size:16px\"><div class=\"nlm\" style=\"width:24px;height:24px;font-size:11px\">K<\/div>KR Elixir Technology<\/div><p class=\"ftbd\">Global business and technology services. Google Cloud Premier Partner. 800+ professionals. 98% client retention. 300+ certified professionals.<\/p><\/div>\r\n<div><p class=\"ftch\">Platform<\/p><div class=\"ftlk\"><a href=\"#\">API Lifecycle<\/a><a href=\"#\">Apigee Migration<\/a><a href=\"#\">API Design Studio<\/a><a href=\"#\">API Testing<\/a><a href=\"#\">AI Gateway<\/a><a href=\"#\">Agentic AI Platform<\/a><\/div><\/div>\r\n<div><p class=\"ftch\">Solutions<\/p><div class=\"ftlk\"><a href=\"#\">Financial Services<\/a><a href=\"#\">Healthcare<\/a><a href=\"#\">Oil & Gas<\/a><a href=\"#\">Government<\/a><a href=\"#\">Manufacturing<\/a><a href=\"#\">Travel<\/a><\/div><\/div>\r\n<div><p class=\"ftch\">Company<\/p><div class=\"ftlk\"><a href=\"#\">About KR Elixir<\/a><a href=\"#\">Case Studies<\/a><a href=\"#\">Documentation<\/a><a href=\"#\">Blog<\/a><a href=\"#\">Careers<\/a><a href=\"#\">Contact Us<\/a><\/div><\/div>\r\n<\/div>\r\n<div class=\"ftbtm\"><p class=\"ftc\">© 2026 KR Elixir Technology - krelixir.com - All rights reserved.<\/p><div class=\"fts\"><a href=\"#\">LinkedIn<\/a><a href=\"#\">Twitter \/ X<\/a><a href=\"#\">Privacy Policy<\/a><a href=\"#\">Legal<\/a><\/div><\/div>\r\n<\/div><\/footer> -->\r\n\r\n <script>\r\n function ft(i) {\r\n document\r\n .querySelectorAll(\".tb\")\r\n .forEach((b, j) => b.classList.toggle(\"on\", j === i));\r\n document\r\n .querySelectorAll(\".tp\")\r\n .forEach((p, j) => p.classList.toggle(\"on\", j === i));\r\n }\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KRE API Platform – Migrate. Govern. Accelerate. | KR Elixir Technology API Home›Platform›API Platform API Platform One platform to scaleAPI delivery& govern LLM workflows. KR Elixir’s API Platform gives platform teams full lifecycle control over API operations – from legacy gateway migration and design to deployment, monitoring, and deprecation. Migrate from Apigee Edge with zero downtime, design APIs with AI assistance, test with automation, and govern LLM traffic with token-level precision – from one unified platform. KRE API PLATFORM LIFECYCLE MANAGEMENT APIGEE MIGRATION API DESIGN TESTING PLATFORM AI GATEWAY AGENTIC AI 95% Auto-migration Rate 3x Faster API Delivery 70% Less Manual Effort 99.9% Uptime SLA 3 months Complete API Gateway Migration Platform Capabilities Any Gateway. Any Lifecycle. Production-ready. End-to-end API management from design to retirement, migration to AI-native deployment. Each module works standalone. Together, they replace fragmented tooling with one governed system. API Lifecycle Apigee Migration API Design Studio API Testing AI Gateway Agentic AI Platform Design. Publish. Version. Monitor. Retire. End-to-end API governance from first spec to final deprecation. Auto-generated developer portal with interactive docs, SDKs, and subscription management. ◆Full lifecycle: design → Publish → Version → Monitor → Deprecate ◆Auto-generated developer portal with docs, SDKs, subscriptions ◆Usage analytics: traffic, performance, SLAs, business metrics ◆Lifecycle policies for access, security, rate limits, compliance ◆Automated consumer notifications for versioning and deprecation ◆Git-native versioning with full audit trail API Lifecycle · Governance Design → Publish → Version → Monitor → Retire DEVELOPER PORTAL Interactive Docs SDKs Subscriptions Self-Service Auto-generated · zero engineering effort · always in sync with the spec USAGE ANALYTICS 2.4Mreq\/day 99.9%uptime 42mslatency Automated. Git-Native. Zero Downtime. Automated migration from Apigee Edge to X\/Hybrid with 200+ policy translations. All configs as code. ◆Edge → X\/Hybrid converter with 200+ policy translations ◆Git-native: configs as code, PR reviews, branch strategies ◆One-click rollback at any stage with dry-run mode ◆Delta analysis: side-by-side diff with risk scores ◆Shadow traffic comparison, contract tests, load tests ◆AI-powered: ML translates Edge XML to Terraform + YAML Migration · Delta Analysis SOURCE: Edge → TARGET: X\/Hybrid POLICY EDGE X\/HYBRID STATUS OAuthV2XMLTerraform OK SpikeArrestXMLTerraform OK JavaCalloutCustomManual FLAG SUMMARY 200+policies 95%auto Gitnative 1-clickrollback Zerodowntime 30–180 day hypercare included on every migration stage Spec-First. AI-Assisted. Governed at Design Time. OpenAPI 3.0 and AsyncAPI spec builder with live preview. Linting and style guides enforced before anything ships. ◆OpenAPI 3.0 \/ AsyncAPI visual spec builder ◆Design governance: linting, security, style guides ◆Contract-first mocking: instant mock server ◆Proxy scaffolding: auto-generate from spec ◆AI-assisted design with Gemini and Claude ◆Break-change detection before deployment API Design Studio SPEC EDITOR openapi: “3.0.3” info: title: Payment API version: “2.1.0” paths: \/payments: ✓ Lint clean · style guide passed ✨ AI Assist Mock Server Auto-formats on save · Git-tracked LIVE PREVIEW POST\/payments GET\/payments\/{id} PUT\/payments\/{id} Mock server running ✓ No breaking changes 3 endpoints · contract validated live Functional. Load. Security. CI\/CD-Integrated. Auto-generated tests from OpenAPI specs. OWASP scanning. Native CI\/CD plugins. ◆Auto-generated test suites from OpenAPI specs ◆Load testing: thousands of concurrent users ◆Security: OWASP API Top 10, injection, auth bypass ◆CI\/CD: Jenkins, GitHub Actions, GitLab CI, Azure DevOps ◆Pre\/post migration behavioral comparison ◆AI-assisted error analysis API Testing · Results 247passed 2failed 1,000+concurrent TEST SUITE ENDPOINTMETHODRESULT \/usersGET200 \/ordersPOST201 \/payments\/{id}PUT200 \/sessions\/revokeDELETE401 CI\/CD Jenkins GitHub Actions GitLab CI Azure DevOps Token Governance. Semantic Caching. Prompt Protection. LLM-aware proxy with token metering, semantic caching, and intelligent multi-model routing. ◆LLM token metering with cost allocation dashboards ◆Prompt injection guard: PII redaction, jailbreak detection ◆Intelligent routing: GPT-4, Claude, Gemini ◆Semantic caching: reduce LLM calls by up to 40% ◆Multi-model fallback and load balancing ◆Full request traceability AI Gateway · Token Dashboard $0.018cost \/ call 40%cache hits 12,847LLM calls MODEL ROUTING GPT-4o$0.03 · 210ms Claude$0.02 · 180ms Gemini$0.01 · 150ms PROMPT GUARDRAILS PII Redaction Jailbreak Detection Rate Limit Enforced Every request scored before it reaches the model Multi-Agent Orchestration with Full Governance. Agent pipelines with branching, loops, HITL – governed through the API Platform compliance layer. ◆Multi-agent orchestration with branching, loops, HITL ◆Centralized tool and API registry ◆Agent memory: short-term, long-term, episodic ◆Guardrails: policy enforcement, output validation ◆Built on the API Platform governance layer ◆MCP Gateway for agent-to-API integration Agentic AI · Pipeline ⚡ TRIGGERAPI \/ Event → 🤖 AGENTDiscovery → TOOL REGISTRYGitHub · Slack · Jira → API GATEWAYGoverned call GUARDRAILS & AUDIT Policy Enforced Output Validated Decision Traced RECENT DECISIONS Refund request approved after policy check2m ago GitHub write blocked — scope exceeded14m ago Escalated to human reviewer (HITL)1h ago API Platform – Migration Pipeline 01 Discovery Scan proxies, shared flows, KVMs, apps ✓ 02 RAG Assessment Classify, map dependencies, score risk ✓ 03 Architecture Future-state: network, security, IAM, token sync ✓ 04 Automated Migration ML converts Edge XML to Terraform + YAML 05 Validation Pending 06 Cutover & Hypercare Pending API Platform – 6-Stage Migration Pipeline – Live Migration & Lifecycle Automated migration fromApigee Edge to X\/Hybrid The KRE API Platform runs a six-stage migration pipeline that discovers every proxy, classifies every asset, translates every policy, and validates every behavior before cutover. AI-powered conversion handles 200+ Edge policy types. Delta analysis surfaces behavioral differences between source and target. Token sync ensures zero rekeying and no consumer impact. Instant rollback at every stage. 30-180 day hypercare included. No manual policy translation. No application changes. Migration Approach Agentic Migration Approach – Apigee Edge to Apigee X Discovery Automatically scans APIs, proxies, dependencies, traffic flows, and environments to establish a complete system baseline. RAG Assessment Classifies every asset with dependency mapping and migration risk scoring before execution begins. Architecture Defines future-state architecture across network, security, IAM, and token synchronization layers. Automated Migration Migrates in dependency order with built-in token sync and zero client-side changes. Validation Automated regression, contract, and load testing with side-by-side behavioral comparison. Cutover & Hypercare Zero-downtime cutover using canary, blue-green, or phased rollout with instant rollback and 30-180 day hypercare. Technical & Operating Highlights What makes zero-downtime migration possible Active Token Synchronization – Edge → X Phased, hybrid migrations put continuity at risk the moment two gateways run in parallel. Shared<\/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-24769","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/pages\/24769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krelixir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24769"}],"version-history":[{"count":34,"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/pages\/24769\/revisions"}],"predecessor-version":[{"id":25221,"href":"https:\/\/krelixir.com\/index.php?rest_route=\/wp\/v2\/pages\/24769\/revisions\/25221"}],"wp:attachment":[{"href":"https:\/\/krelixir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}