{"id":6,"date":"2026-04-21T23:50:58","date_gmt":"2026-04-21T23:50:58","guid":{"rendered":"https:\/\/korelos.com\/?page_id=6"},"modified":"2026-04-22T00:33:52","modified_gmt":"2026-04-22T00:33:52","slug":"home","status":"publish","type":"page","link":"https:\/\/korelos.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* \u2500\u2500 Strip all Twenty Twenty-Five chrome \u2500\u2500 *\/\nhtml, body {\n    padding: 0 !important;\n    margin: 0 !important;\n    background: #050912 !important;\n    color: #e2e8f4 !important;\n}\nbody .wp-site-blocks {\n    padding: 0 !important;\n}\n\/* Kill every wrapper *\/\nbody .wp-block-post-content,\nbody .entry-content,\nbody main .wp-block-post-content,\nbody .wp-block-post-content > *,\nbody article.page,\nbody article.post,\n.singular-content-col,\n.wp-block-post {\n    max-width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100% !important;\n    border: none !important;\n    box-shadow: none !important;\n    background: transparent !important;\n}\n\/* Full-bleed the html block *\/\n.wp-block-html.alignfull, .wp-block-html {\n    max-width: 100% !important;\n    width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    padding: 0 !important;\n}\n\/* Hide theme header AND footer *\/\nheader.wp-block-template-part,\n.wp-block-template-part[data-area=\"header\"],\nfooter.wp-block-template-part,\n.wp-block-template-part[data-area=\"footer\"],\n.wp-block-post-title,\n.screen-reader-text,\n.skip-link {\n    display: none !important;\n}\n:root {\n    --wp--style--global--content-size: 100vw !important;\n    --wp--style--global--wide-size: 100vw !important;\n    --wp--style--root--padding-right: 0 !important;\n    --wp--style--root--padding-left: 0 !important;\n    --wp--style--root--padding-top: 0 !important;\n    --wp--style--root--padding-bottom: 0 !important;\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;family=JetBrains+Mono:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --k-bg: #050912;\n  --k-bg2: #090f1e;\n  --k-bg3: #0e1628;\n  --k-bg4: #131d35;\n  --k-accent: #4f8ef7;\n  --k-accent2: #7c3aed;\n  --k-accent3: #06b6d4;\n  --k-green: #10b981;\n  --k-orange: #f59e0b;\n  --k-red: #ef4444;\n  --k-pink: #ec4899;\n  --k-text: #e2e8f4;\n  --k-text2: #c8d3e8;\n  --k-muted: #7b8db0;\n  --k-border: rgba(255,255,255,0.06);\n  --k-border2: rgba(79,142,247,0.2);\n  --k-card: rgba(255,255,255,0.025);\n  --k-radius: 14px;\n  --k-radius-lg: 20px;\n  --k-font: 'Inter', -apple-system, system-ui, sans-serif;\n  --k-mono: 'JetBrains Mono', 'Fira Code', monospace;\n  --k-shadow: 0 4px 24px rgba(0,0,0,0.4);\n  --k-glow: 0 0 40px rgba(79,142,247,0.15);\n}\n.klp *, .klp *::before, .klp *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.klp {\n  font-family: var(--k-font);\n  background: var(--k-bg);\n  color: var(--k-text);\n  line-height: 1.6;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n.klp img { max-width: 100%; height: auto; }\n.klp a { color: var(--k-accent); text-decoration: none; transition: opacity 0.15s; }\n.klp a:hover { opacity: 0.85; }\n\n\/* \u2500\u2500\u2500 NOISE TEXTURE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-noise::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n  pointer-events: none;\n  opacity: 0.4;\n}\n\n\/* \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-nav {\n  position: fixed;\n  top: 0; left: 0; right: 0;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 40px;\n  height: 64px;\n  background: rgba(5,9,18,0.85);\n  backdrop-filter: blur(20px);\n  border-bottom: 1px solid var(--k-border);\n}\n.k-nav-logo {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: var(--k-text);\n}\n.k-nav-logo-icon {\n  width: 30px; height: 30px;\n  background: linear-gradient(135deg, var(--k-accent), var(--k-accent2));\n  border-radius: 7px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 15px;\n}\n.k-nav-links {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  list-style: none;\n}\n.k-nav-links a {\n  color: var(--k-muted);\n  font-size: 14px;\n  font-weight: 500;\n  padding: 6px 12px;\n  border-radius: 6px;\n  transition: all 0.15s;\n}\n.k-nav-links a:hover { color: var(--k-text); background: rgba(255,255,255,0.05); }\n.k-nav-cta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.k-nav-btn {\n  background: var(--k-accent);\n  color: #fff !important;\n  font-size: 13px;\n  font-weight: 600;\n  padding: 7px 16px;\n  border-radius: 7px;\n  transition: all 0.2s !important;\n}\n.k-nav-btn:hover { background: #3a7ef5 !important; opacity: 1 !important; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-hero {\n  min-height: 100vh;\n  padding: 130px 40px 80px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.k-hero-bg {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 90% 70% at 50% -20%, rgba(79,142,247,0.18) 0%, transparent 65%),\n    radial-gradient(ellipse 60% 50% at 15% 60%, rgba(124,58,237,0.1) 0%, transparent 55%),\n    radial-gradient(ellipse 50% 40% at 85% 70%, rgba(6,182,212,0.07) 0%, transparent 55%),\n    var(--k-bg);\n  pointer-events: none;\n}\n.k-grid-bg {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 60px 60px;\n  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 80%);\n  pointer-events: none;\n}\n.k-hero-content { position: relative; z-index: 2; }\n.k-coming-soon-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(245,158,11,0.1);\n  border: 1px solid rgba(245,158,11,0.3);\n  border-radius: 100px;\n  padding: 6px 16px 6px 10px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #f59e0b;\n  margin-bottom: 28px;\n}\n.k-cs-dot {\n  width: 8px; height: 8px;\n  background: #f59e0b;\n  border-radius: 50%;\n  animation: pulse-dot 2s infinite;\n  box-shadow: 0 0 6px rgba(245,158,11,0.6);\n}\n@keyframes pulse-dot {\n  0%,100% { transform: scale(1); opacity: 1; }\n  50% { transform: scale(1.3); opacity: 0.7; }\n}\n.k-hero h1 {\n  font-size: clamp(2.6rem, 6.5vw, 5rem);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -0.04em;\n  margin-bottom: 10px;\n}\n.k-hero h1 .k-brand { color: #fff; }\n.k-hero h1 .k-tagline {\n  background: linear-gradient(135deg, #4f8ef7 0%, #7c3aed 50%, #06b6d4 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  display: block;\n}\n.k-hero-sub {\n  font-size: clamp(1rem, 2.2vw, 1.22rem);\n  color: var(--k-muted);\n  max-width: 600px;\n  margin: 20px auto 36px;\n  line-height: 1.75;\n  font-weight: 400;\n}\n.k-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n.k-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 24px;\n  border-radius: 9px;\n  font-weight: 600;\n  font-size: 15px;\n  cursor: pointer;\n  transition: all 0.2s;\n  border: none;\n  text-decoration: none !important;\n}\n.k-btn-primary {\n  background: linear-gradient(135deg, var(--k-accent), #3d7ef5);\n  color: #fff !important;\n  box-shadow: 0 4px 20px rgba(79,142,247,0.35);\n}\n.k-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(79,142,247,0.45); opacity: 1 !important; }\n.k-btn-ghost {\n  background: rgba(255,255,255,0.05);\n  color: var(--k-text) !important;\n  border: 1px solid var(--k-border);\n}\n.k-btn-ghost:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.12); opacity: 1 !important; }\n.k-btn-outline-accent {\n  background: rgba(79,142,247,0.08);\n  color: var(--k-accent) !important;\n  border: 1px solid var(--k-border2);\n}\n.k-btn-outline-accent:hover { background: rgba(79,142,247,0.14); opacity: 1 !important; }\n\n\/* \u2500\u2500\u2500 WAITLIST FORM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-waitlist-form {\n  display: flex;\n  gap: 10px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin: 32px auto 0;\n  max-width: 460px;\n}\n.k-waitlist-form input {\n  flex: 1;\n  min-width: 220px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid var(--k-border);\n  border-radius: 9px;\n  padding: 13px 16px;\n  font-size: 14px;\n  font-family: var(--k-font);\n  color: var(--k-text);\n  outline: none;\n  transition: border-color 0.2s;\n}\n.k-waitlist-form input::placeholder { color: var(--k-muted); }\n.k-waitlist-form input:focus { border-color: var(--k-border2); }\n.k-waitlist-note {\n  font-size: 12px;\n  color: var(--k-muted);\n  text-align: center;\n  margin-top: 10px;\n}\n.k-waitlist-note svg { vertical-align: middle; margin-right: 3px; }\n\n\/* \u2500\u2500\u2500 HERO CODE WINDOW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-hero-visual {\n  position: relative;\n  z-index: 2;\n  margin-top: 56px;\n  width: 100%;\n  max-width: 840px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.k-window {\n  background: var(--k-bg2);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: var(--k-radius-lg);\n  overflow: hidden;\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,0.04),\n    0 40px 80px rgba(0,0,0,0.5),\n    0 0 60px rgba(79,142,247,0.06);\n}\n.k-window-bar {\n  background: rgba(255,255,255,0.03);\n  border-bottom: 1px solid var(--k-border);\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.k-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }\n.k-dot-r { background: #ff5f57; } .k-dot-y { background: #febc2e; } .k-dot-g { background: #28c840; }\n.k-window-title {\n  flex: 1;\n  text-align: center;\n  font-size: 12px;\n  font-family: var(--k-mono);\n  color: var(--k-muted);\n  margin-left: -42px;\n}\n.k-tabs { display: flex; gap: 2px; margin-left: 16px; }\n.k-tab {\n  font-size: 12px;\n  font-family: var(--k-mono);\n  color: var(--k-muted);\n  padding: 3px 12px;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n.k-tab.active { background: rgba(79,142,247,0.15); color: var(--k-accent); }\n.k-code {\n  padding: 24px 28px;\n  font-family: var(--k-mono);\n  font-size: 13px;\n  line-height: 2;\n  overflow-x: auto;\n}\n.k-line { display: flex; gap: 16px; }\n.k-ln { color: rgba(255,255,255,0.15); user-select: none; min-width: 20px; text-align: right; }\n.kc { color: #4d5f7a; } \/* comment *\/\n.kw { color: #c084fc; } \/* keyword *\/\n.ks { color: #34d399; } \/* string *\/\n.kk { color: #60a5fa; } \/* key\/prop *\/\n.kn { color: #fb923c; } \/* number *\/\n.kf { color: #f472b6; } \/* function *\/\n.ko { color: #94a3b8; } \/* operator *\/\n.kv { color: var(--k-text); } \/* value *\/\n.k-code-response {\n  border-top: 1px solid var(--k-border);\n  padding: 16px 28px;\n  background: rgba(16,185,129,0.03);\n}\n.k-resp-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n  font-size: 12px;\n  font-family: var(--k-mono);\n}\n.k-status { padding: 2px 8px; border-radius: 4px; font-weight: 700; font-size: 11px; }\n.k-s-ok { background: rgba(16,185,129,0.2); color: #10b981; border: 1px solid rgba(16,185,129,0.3); }\n.k-resp-body { font-family: var(--k-mono); font-size: 12px; color: #94a3b8; line-height: 1.8; }\n.k-resp-key { color: #60a5fa; } .k-resp-str { color: #34d399; } .k-resp-num { color: #fb923c; }\n.k-resp-bool { color: #c084fc; }\n\n\/* \u2500\u2500\u2500 STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-stats {\n  border-top: 1px solid var(--k-border);\n  border-bottom: 1px solid var(--k-border);\n  background: var(--k-bg2);\n  padding: 40px 24px;\n}\n.k-stats-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n.k-stat {\n  text-align: center;\n  padding: 20px;\n  border-right: 1px solid var(--k-border);\n}\n.k-stat:last-child { border-right: none; }\n.k-stat-num {\n  font-size: 2.2rem;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n  background: linear-gradient(135deg, #fff, var(--k-accent));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.k-stat-label { font-size: 13px; color: var(--k-muted); margin-top: 4px; }\n\n\/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-section { padding: 100px 40px; }\n.k-section-dark { background: var(--k-bg2); }\n.k-section-darker { background: var(--k-bg3); }\n.k-inner { max-width: 1100px; margin: 0 auto; }\n.k-section-head { text-align: center; margin-bottom: 64px; }\n.k-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--k-accent);\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 14px;\n}\n.k-eyebrow::before, .k-eyebrow::after { content: '\u2014'; opacity: 0.4; }\n.k-sh2 {\n  font-size: clamp(1.9rem, 4vw, 2.9rem);\n  font-weight: 850;\n  letter-spacing: -0.025em;\n  line-height: 1.15;\n}\n.k-sdesc {\n  font-size: 1.05rem;\n  color: var(--k-muted);\n  margin-top: 14px;\n  max-width: 520px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500\u2500 HOW IT WORKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-hiw { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; position: relative; }\n.k-hiw-connector {\n  position: absolute;\n  top: 50px; left: calc(33.33% - 10px); right: calc(33.33% - 10px);\n  height: 1px;\n  background: linear-gradient(90deg, transparent 0%, var(--k-accent2) 30%, var(--k-accent) 70%, transparent 100%);\n  opacity: 0.25;\n  pointer-events: none;\n}\n.k-step {\n  text-align: center;\n  padding: 32px 28px;\n  position: relative;\n}\n.k-step-icon {\n  width: 80px; height: 80px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, rgba(79,142,247,0.12) 0%, rgba(124,58,237,0.12) 100%);\n  border: 1px solid rgba(79,142,247,0.2);\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  position: relative;\n  z-index: 1;\n  font-size: 30px;\n}\n.k-step-num {\n  position: absolute;\n  top: -4px; right: -4px;\n  width: 22px; height: 22px;\n  background: var(--k-accent);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 800;\n  color: #fff;\n  display: flex; align-items: center; justify-content: center;\n}\n.k-step h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\n.k-step p { font-size: 0.9rem; color: var(--k-muted); line-height: 1.65; }\n\n\/* \u2500\u2500\u2500 FEATURE CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 16px; }\n.k-card {\n  background: var(--k-card);\n  border: 1px solid var(--k-border);\n  border-radius: var(--k-radius);\n  padding: 28px;\n  transition: all 0.25s;\n  position: relative;\n  overflow: hidden;\n}\n.k-card::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(79,142,247,0.06) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.25s;\n}\n.k-card:hover { border-color: rgba(79,142,247,0.25); transform: translateY(-3px); box-shadow: 0 20px 50px rgba(0,0,0,0.35); }\n.k-card:hover::before { opacity: 1; }\n.k-card-icon {\n  width: 52px; height: 52px;\n  border-radius: 12px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 24px;\n  margin-bottom: 18px;\n}\n.k-ci-blue { background: rgba(79,142,247,0.12); border: 1px solid rgba(79,142,247,0.2); }\n.k-ci-purple { background: rgba(124,58,237,0.12); border: 1px solid rgba(124,58,237,0.2); }\n.k-ci-cyan { background: rgba(6,182,212,0.12); border: 1px solid rgba(6,182,212,0.2); }\n.k-ci-green { background: rgba(16,185,129,0.12); border: 1px solid rgba(16,185,129,0.2); }\n.k-ci-orange { background: rgba(245,158,11,0.12); border: 1px solid rgba(245,158,11,0.2); }\n.k-ci-pink { background: rgba(236,72,153,0.12); border: 1px solid rgba(236,72,153,0.2); }\n.k-card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\n.k-card p { font-size: 0.9rem; color: var(--k-muted); line-height: 1.65; margin-bottom: 16px; }\n.k-tag {\n  display: inline-flex; align-items: center; gap: 5px;\n  font-size: 11px; font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 100px;\n  background: rgba(79,142,247,0.08);\n  border: 1px solid rgba(79,142,247,0.18);\n  color: var(--k-accent);\n}\n\n\/* \u2500\u2500\u2500 PLATFORM FEATURES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-feat-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--k-border);\n  border: 1px solid var(--k-border);\n  border-radius: var(--k-radius-lg);\n  overflow: hidden;\n}\n.k-feat {\n  background: var(--k-bg);\n  padding: 32px;\n  transition: background 0.2s;\n  position: relative;\n}\n.k-feat:hover { background: var(--k-bg2); }\n.k-feat-icon { font-size: 28px; margin-bottom: 14px; }\n.k-feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 9px; }\n.k-feat p { font-size: 0.87rem; color: var(--k-muted); line-height: 1.6; }\n\n\/* \u2500\u2500\u2500 API SHOWCASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-api-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n.k-api-left h2 { font-size: clamp(1.7rem, 3.5vw, 2.3rem); font-weight: 800; letter-spacing: -0.025em; margin-bottom: 14px; }\n.k-api-left p { color: var(--k-muted); font-size: 0.97rem; line-height: 1.75; margin-bottom: 28px; }\n.k-endpoint-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 28px; }\n.k-ep {\n  display: flex; align-items: center; gap: 12px;\n  padding: 12px 16px;\n  background: var(--k-bg3);\n  border: 1px solid var(--k-border);\n  border-radius: 9px;\n  font-family: var(--k-mono);\n  font-size: 12.5px;\n  transition: border-color 0.2s;\n  cursor: default;\n}\n.k-ep:hover { border-color: var(--k-border2); }\n.k-m {\n  font-size: 10px; font-weight: 800;\n  padding: 2px 7px; border-radius: 4px;\n  white-space: nowrap;\n}\n.k-m-post { background: rgba(16,185,129,0.15); color: #10b981; border: 1px solid rgba(16,185,129,0.2); }\n.k-m-get { background: rgba(79,142,247,0.15); color: var(--k-accent); border: 1px solid rgba(79,142,247,0.2); }\n.k-m-del { background: rgba(239,68,68,0.15); color: var(--k-red); border: 1px solid rgba(239,68,68,0.2); }\n.k-m-put { background: rgba(245,158,11,0.15); color: var(--k-orange); border: 1px solid rgba(245,158,11,0.2); }\n.k-ep-path { color: var(--k-text); flex: 1; }\n.k-ep-desc { color: var(--k-muted); font-family: var(--k-font); font-size: 12px; }\n\n\/* \u2500\u2500\u2500 ADMIN PORTAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-portal-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: center; }\n.k-portal-text h2 { font-size: clamp(1.7rem, 3.5vw, 2.4rem); font-weight: 800; letter-spacing: -0.025em; margin-bottom: 14px; }\n.k-portal-text p { color: var(--k-muted); line-height: 1.75; margin-bottom: 24px; font-size: 0.97rem; }\n.k-portal-features { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }\n.k-pf {\n  display: flex; gap: 14px;\n  padding: 16px;\n  background: var(--k-card);\n  border: 1px solid var(--k-border);\n  border-radius: 10px;\n}\n.k-pf-icon {\n  width: 38px; height: 38px;\n  border-radius: 8px;\n  background: rgba(79,142,247,0.1);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n.k-pf-text h4 { font-size: 14px; font-weight: 700; margin-bottom: 3px; }\n.k-pf-text p { font-size: 13px; color: var(--k-muted); margin: 0; }\n.k-portal-mockup {\n  background: var(--k-bg2);\n  border: 1px solid var(--k-border);\n  border-radius: var(--k-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--k-shadow);\n}\n.k-portal-bar {\n  background: var(--k-bg3);\n  border-bottom: 1px solid var(--k-border);\n  padding: 14px 20px;\n  display: flex; align-items: center; justify-content: space-between;\n}\n.k-portal-tabs { display: flex; gap: 4px; }\n.k-ptab {\n  font-size: 12px; padding: 5px 12px;\n  border-radius: 6px; font-weight: 500;\n  color: var(--k-muted);\n  cursor: default;\n}\n.k-ptab.active { background: rgba(79,142,247,0.15); color: var(--k-accent); }\n.k-portal-body { padding: 20px; }\n.k-agent-row {\n  display: flex; align-items: center; gap: 12px;\n  padding: 12px 14px;\n  border: 1px solid var(--k-border);\n  border-radius: 9px;\n  margin-bottom: 8px;\n  background: var(--k-card);\n  transition: border-color 0.2s;\n}\n.k-agent-row:hover { border-color: var(--k-border2); }\n.k-agent-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }\n.k-ad-green { background: #10b981; box-shadow: 0 0 6px rgba(16,185,129,0.5); }\n.k-ad-blue { background: var(--k-accent); box-shadow: 0 0 6px rgba(79,142,247,0.5); }\n.k-ad-yellow { background: #f59e0b; box-shadow: 0 0 6px rgba(245,158,11,0.5); }\n.k-agent-info { flex: 1; }\n.k-agent-name { font-size: 13px; font-weight: 700; }\n.k-agent-meta { font-size: 11px; color: var(--k-muted); font-family: var(--k-mono); }\n.k-agent-stats { text-align: right; }\n.k-agent-runs { font-size: 13px; font-weight: 600; color: var(--k-accent); }\n.k-agent-label { font-size: 10px; color: var(--k-muted); }\n.k-new-agent-btn {\n  width: 100%; margin-top: 12px; padding: 11px;\n  background: rgba(79,142,247,0.1);\n  border: 1px dashed rgba(79,142,247,0.3);\n  border-radius: 9px;\n  color: var(--k-accent);\n  font-size: 13px; font-weight: 600;\n  text-align: center; cursor: pointer;\n  display: flex; align-items: center; justify-content: center; gap: 7px;\n}\n\n\/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.k-plan {\n  background: var(--k-card);\n  border: 1px solid var(--k-border);\n  border-radius: var(--k-radius-lg);\n  padding: 32px;\n  display: flex; flex-direction: column;\n  position: relative;\n}\n.k-plan.featured {\n  background: linear-gradient(145deg, rgba(79,142,247,0.07) 0%, rgba(124,58,237,0.05) 100%);\n  border-color: rgba(79,142,247,0.35);\n  box-shadow: 0 0 40px rgba(79,142,247,0.08);\n}\n.k-plan-badge {\n  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--k-accent), var(--k-accent2));\n  color: #fff; font-size: 11px; font-weight: 800;\n  padding: 4px 16px; border-radius: 100px;\n  white-space: nowrap; letter-spacing: 0.04em;\n}\n.k-plan-tier { font-size: 12px; font-weight: 700; color: var(--k-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; }\n.k-plan-price { font-size: 3rem; font-weight: 900; letter-spacing: -0.04em; line-height: 1; }\n.k-plan-price sub { font-size: 1.1rem; font-weight: 500; color: var(--k-muted); vertical-align: baseline; }\n.k-plan-period { font-size: 13px; color: var(--k-muted); margin: 6px 0 24px; }\n.k-plan-divider { height: 1px; background: var(--k-border); margin-bottom: 20px; }\n.k-plan-list { flex: 1; display: flex; flex-direction: column; gap: 11px; margin-bottom: 28px; }\n.k-pli { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; }\n.k-check { color: var(--k-green); flex-shrink: 0; font-size: 15px; margin-top: 1px; }\n.k-plan-cta {\n  display: block; width: 100%;\n  padding: 13px; border-radius: 9px;\n  font-weight: 700; font-size: 14px;\n  text-align: center; cursor: pointer;\n  transition: all 0.2s;\n  text-decoration: none !important;\n}\n.k-cta-ghost { border: 1px solid var(--k-border); color: var(--k-text) !important; background: transparent; }\n.k-cta-ghost:hover { background: rgba(255,255,255,0.05); }\n.k-cta-main { background: var(--k-accent); color: #fff !important; box-shadow: 0 4px 16px rgba(79,142,247,0.3); }\n.k-cta-main:hover { background: #3a7ef5; box-shadow: 0 6px 24px rgba(79,142,247,0.4); opacity: 1 !important; }\n.k-cta-dark { background: rgba(255,255,255,0.06); color: var(--k-text) !important; border: 1px solid var(--k-border); }\n.k-cta-dark:hover { background: rgba(255,255,255,0.1); }\n\n\/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-faq { display: flex; flex-direction: column; gap: 10px; max-width: 740px; margin: 0 auto; }\n.k-faq-item {\n  background: var(--k-card);\n  border: 1px solid var(--k-border);\n  border-radius: 10px;\n  padding: 20px 24px;\n}\n.k-faq-q { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: var(--k-text); }\n.k-faq-a { font-size: 14px; color: var(--k-muted); line-height: 1.7; }\n\n\/* \u2500\u2500\u2500 FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-final-cta {\n  padding: 100px 40px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  background: var(--k-bg);\n}\n.k-final-cta::before {\n  content: '';\n  position: absolute;\n  width: 600px; height: 600px;\n  background: radial-gradient(ellipse, rgba(79,142,247,0.12) 0%, transparent 70%);\n  top: 50%; left: 50%; transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n.k-final-cta h2 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; letter-spacing: -0.03em; margin-bottom: 16px; position: relative; }\n.k-final-cta p { color: var(--k-muted); font-size: 1.1rem; max-width: 480px; margin: 0 auto 36px; position: relative; }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.k-footer {\n  border-top: 1px solid var(--k-border);\n  background: var(--k-bg2);\n  padding: 60px 40px 36px;\n}\n.k-footer-top {\n  max-width: 1100px; margin: 0 auto;\n  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 40px; margin-bottom: 48px;\n}\n.k-footer-brand { font-size: 18px; font-weight: 900; letter-spacing: -0.03em; margin-bottom: 12px; }\n.k-footer-desc { font-size: 13.5px; color: var(--k-muted); line-height: 1.7; margin-bottom: 20px; }\n.k-social-links { display: flex; gap: 10px; }\n.k-social {\n  width: 34px; height: 34px;\n  background: var(--k-card);\n  border: 1px solid var(--k-border);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 15px;\n  transition: all 0.2s;\n}\n.k-social:hover { border-color: var(--k-border2); background: rgba(79,142,247,0.1); }\n.k-footer-col h4 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--k-muted); margin-bottom: 14px; }\n.k-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }\n.k-footer-col ul li a { font-size: 13.5px; color: var(--k-muted); }\n.k-footer-col ul li a:hover { color: var(--k-text); }\n.k-footer-bottom {\n  max-width: 1100px; margin: 0 auto;\n  border-top: 1px solid var(--k-border);\n  padding-top: 24px;\n  display: flex; justify-content: space-between; align-items: center;\n  flex-wrap: wrap; gap: 12px;\n}\n.k-footer-copy { font-size: 13px; color: var(--k-muted); }\n.k-footer-legal { display: flex; gap: 20px; }\n.k-footer-legal a { font-size: 13px; color: var(--k-muted); }\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n  .k-nav { padding: 0 20px; }\n  .k-nav-links { display: none; }\n  .k-hero { padding: 120px 20px 60px; }\n  .k-section { padding: 70px 20px; }\n  .k-stats-inner { grid-template-columns: repeat(2,1fr); }\n  .k-hiw { grid-template-columns: 1fr; }\n  .k-hiw-connector { display: none; }\n  .k-api-layout { grid-template-columns: 1fr; }\n  .k-portal-layout { grid-template-columns: 1fr; }\n  .k-pricing-grid { grid-template-columns: 1fr; }\n  .k-feat-grid { grid-template-columns: 1fr 1fr; }\n  .k-footer-top { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n  .k-stats-inner { grid-template-columns: 1fr 1fr; }\n  .k-feat-grid { grid-template-columns: 1fr; }\n  .k-footer-top { grid-template-columns: 1fr; }\n  .k-footer-bottom { flex-direction: column; text-align: center; }\n}\n<\/style>\n\n<div class=\"klp\">\n\n<!-- NAV -->\n<nav class=\"k-nav\">\n  <a href=\"\/\" class=\"k-nav-logo\" style=\"color:var(--k-text)\">\n    <div class=\"k-nav-logo-icon\">\u2726<\/div>\n    Korelos AI Studio\n  <\/a>\n  <ul class=\"k-nav-links\">\n    <li><a href=\"#how-it-works\">How it works<\/a><\/li>\n    <li><a href=\"#use-cases\">Use Cases<\/a><\/li>\n    <li><a href=\"#api\">API<\/a><\/li>\n    <li><a href=\"#portal\">Admin Portal<\/a><\/li>\n    <li><a href=\"#pricing\">Pricing<\/a><\/li>\n    <li><a href=\"\/about\">About<\/a><\/li>\n    <li><a href=\"\/contact\">Contact<\/a><\/li>\n  <\/ul>\n  <div class=\"k-nav-cta\">\n    <a href=\"\/contact\" class=\"k-nav-btn\">Join Waitlist \u2192<\/a>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"k-hero\">\n  <div class=\"k-hero-bg\"><\/div>\n  <div class=\"k-grid-bg\"><\/div>\n  <div class=\"k-hero-content\">\n    <div class=\"k-coming-soon-pill\">\n      <span class=\"k-cs-dot\"><\/span>\n      Coming Soon \u2014 Join the Early Access Waitlist\n    <\/div>\n    <h1>\n      <span class=\"k-brand\">Korelos AI Studio<\/span><br>\n      <span class=\"k-tagline\">Build AI Agents via API.<\/span>\n    <\/h1>\n    <p class=\"k-hero-sub\">The fastest way to create, deploy, and run autonomous AI agents. Define agents in plain English, connect your tools, and go live with a single API call \u2014 no infrastructure required.<\/p>\n    <div class=\"k-btns\">\n      <a href=\"\/contact\" class=\"k-btn k-btn-primary\">\u2726 Get Early Access<\/a>\n      <a href=\"#how-it-works\" class=\"k-btn k-btn-ghost\">See how it works \u2193<\/a>\n    <\/div>\n    <div id=\"wl1-wrapper\" style=\"width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0;\">\n      <form id=\"waitlist\" onsubmit=\"submitWaitlist(event,'wl1')\" style=\"display:flex;gap:10px;width:100%;\">\n        <input type=\"email\" id=\"wl1-email\" placeholder=\"Enter your work email\" required\n          style=\"flex:1;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.08);border-radius:9px;padding:13px 16px;font-size:14px;font-family:var(--k-font);color:var(--k-text);outline:none;\">\n        <button type=\"submit\" id=\"wl1-btn\" class=\"k-btn k-btn-primary\"\n          style=\"padding:13px 20px;border-radius:9px;font-size:14px;border:none;cursor:pointer;white-space:nowrap;\">Notify Me<\/button>\n      <\/form>\n      <div id=\"wl1-success\" style=\"display:none;width:100%;margin-top:14px;padding:18px 24px;background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(16,185,129,0.04));border:1px solid rgba(16,185,129,0.35);border-radius:12px;text-align:center;box-shadow:0 0 24px rgba(16,185,129,0.07);\">\n        <div style=\"font-size:22px;margin-bottom:6px;\">\u2705<\/div>\n        <div style=\"font-size:15px;font-weight:800;color:#10b981;margin-bottom:4px;\">Request submitted successfully!<\/div>\n        <div style=\"font-size:13px;color:#7b8db0;line-height:1.6;\">Our team will reach out to you soon with early access details.<\/div>\n      <\/div>\n      <p id=\"wl1-note\" style=\"font-size:12px;color:var(--k-muted);margin-top:10px;display:flex;align-items:center;gap:4px;\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 1a5 5 0 100 10A5 5 0 006 1zM5.5 3.5h1v3.5h-1V3.5zM6 8.75a.75.75 0 110-1.5.75.75 0 010 1.5z\" fill=\"currentColor\" opacity=\".6\"\/><\/svg>\n        No credit card required &nbsp;\u00b7&nbsp; Be first to build with Korelos\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- HERO CODE WINDOW -->\n  <div class=\"k-hero-visual\">\n    <div class=\"k-window\">\n      <div class=\"k-window-bar\">\n        <span class=\"k-dot k-dot-r\"><\/span>\n        <span class=\"k-dot k-dot-y\"><\/span>\n        <span class=\"k-dot k-dot-g\"><\/span>\n        <span class=\"k-window-title\">korelos-quickstart.js<\/span>\n        <div class=\"k-tabs\">\n          <span class=\"k-tab active\">Create Agent<\/span>\n          <span class=\"k-tab\">Run Task<\/span>\n          <span class=\"k-tab\">Response<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"k-code\">\n        <div class=\"k-line\"><span class=\"k-ln\">1<\/span><span><span class=\"kc\">\/\/ Step 1: Create a support agent with tools &#038; memory<\/span><\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">2<\/span><span><span class=\"kw\">const<\/span> <span class=\"kv\">agent<\/span> <span class=\"ko\">=<\/span> <span class=\"kw\">await<\/span> <span class=\"kf\">fetch<\/span>(<span class=\"ks\">&#8216;https:\/\/api.korelos.com\/v1\/agents&#8217;<\/span>, {<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">3<\/span><span>&nbsp;&nbsp;<span class=\"kk\">method<\/span>: <span class=\"ks\">&#8216;POST&#8217;<\/span>,<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">4<\/span><span>&nbsp;&nbsp;<span class=\"kk\">headers<\/span>: { <span class=\"ks\">&#8216;Authorization&#8217;<\/span>: <span class=\"ks\">`Bearer <span class=\"kv\">${&#8216;${API_KEY}&#8217;}<\/span>`<\/span> },<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">5<\/span><span>&nbsp;&nbsp;<span class=\"kk\">body<\/span>: <span class=\"kf\">JSON.stringify<\/span>({<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">6<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">name<\/span>: <span class=\"ks\">&#8216;support-agent-v1&#8217;<\/span>,<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">7<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">model<\/span>: <span class=\"ks\">&#8216;korelos-pro&#8217;<\/span>,<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">8<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">instructions<\/span>: <span class=\"ks\">&#8216;You are a customer support agent. Check order status, process refunds, and escalate complex issues.&#8217;<\/span>,<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">9<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">tools<\/span>: [<span class=\"ks\">&#8216;orders_api&#8217;<\/span>, <span class=\"ks\">&#8217;email_sender&#8217;<\/span>, <span class=\"ks\">&#8216;crm_writer&#8217;<\/span>],<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">10<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">memory<\/span>: { <span class=\"kk\">enabled<\/span>: <span class=\"kw\">true<\/span>, <span class=\"kk\">scope<\/span>: <span class=\"ks\">&#8216;per_user&#8217;<\/span> }<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">11<\/span><span>&nbsp;&nbsp;})<\/span><\/div>\n        <div class=\"k-line\"><span class=\"k-ln\">12<\/span><span>}).<span class=\"kf\">then<\/span>(<span class=\"kv\">r<\/span> <span class=\"ko\">=&gt;<\/span> <span class=\"kv\">r<\/span>.<span class=\"kf\">json<\/span>());<\/span><\/div>\n      <\/div>\n      <div class=\"k-code-response\">\n        <div class=\"k-resp-header\">\n          <span class=\"k-status k-s-ok\">201 Created<\/span>\n          <span style=\"color:var(--k-muted)\">\u2014 Agent is live and ready to receive tasks<\/span>\n        <\/div>\n        <div class=\"k-resp-body\">\n          { &nbsp;<span class=\"k-resp-key\">&#8220;id&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;agt_8f2k9xm3&#8221;<\/span>,&nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;status&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;active&#8221;<\/span>,&nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;endpoint&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;\/v1\/agents\/agt_8f2k9xm3\/run&#8221;<\/span>,&nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;tools_connected&#8221;<\/span>: <span class=\"k-resp-num\">3<\/span>&nbsp;}\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<div class=\"k-stats\">\n  <div class=\"k-stats-inner\">\n    <div class=\"k-stat\">\n      <div class=\"k-stat-num\">&lt; 100ms<\/div>\n      <div class=\"k-stat-label\">Agent creation latency<\/div>\n    <\/div>\n    <div class=\"k-stat\">\n      <div class=\"k-stat-num\">5 Lines<\/div>\n      <div class=\"k-stat-label\">To deploy your first agent<\/div>\n    <\/div>\n    <div class=\"k-stat\">\n      <div class=\"k-stat-num\">99.99%<\/div>\n      <div class=\"k-stat-label\">Uptime SLA (Enterprise)<\/div>\n    <\/div>\n    <div class=\"k-stat\">\n      <div class=\"k-stat-num\">\u221e<\/div>\n      <div class=\"k-stat-label\">Scale, no limits<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- HOW IT WORKS -->\n<section class=\"k-section\" id=\"how-it-works\">\n  <div class=\"k-inner\">\n    <div class=\"k-section-head\">\n      <div class=\"k-eyebrow\">How it works<\/div>\n      <h2 class=\"k-sh2\">From idea to production agent<br>in three steps<\/h2>\n      <p class=\"k-sdesc\">No ML expertise needed. No infrastructure to manage. Just define, deploy, and run.<\/p>\n    <\/div>\n    <div class=\"k-hiw\" style=\"position:relative;\">\n      <div class=\"k-hiw-connector\"><\/div>\n      <div class=\"k-step\">\n        <div class=\"k-step-icon\">\n          \ud83d\udcdd\n          <span class=\"k-step-num\">1<\/span>\n        <\/div>\n        <h3>Define Your Agent<\/h3>\n        <p>Write instructions in plain English. Connect tools \u2014 databases, APIs, email, Slack \u2014 and set memory rules. No code required to configure.<\/p>\n      <\/div>\n      <div class=\"k-step\">\n        <div class=\"k-step-icon\">\n          \ud83d\ude80\n          <span class=\"k-step-num\">2<\/span>\n        <\/div>\n        <h3>Deploy in One Call<\/h3>\n        <p>A single <code style=\"background:rgba(79,142,247,0.1);color:var(--k-accent);padding:1px 5px;border-radius:3px;font-family:var(--k-mono);font-size:12px\">POST \/agents<\/code> request creates a live agent endpoint. We provision, scale, and monitor everything automatically.<\/p>\n      <\/div>\n      <div class=\"k-step\">\n        <div class=\"k-step-icon\">\n          \u26a1\n          <span class=\"k-step-num\">3<\/span>\n        <\/div>\n        <h3>Run &amp; Integrate<\/h3>\n        <p>Send tasks via the API or the Studio portal. Your agent reasons, calls tools, and returns structured results \u2014 ready for any workflow.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- USE CASES -->\n<section class=\"k-section k-section-dark\" id=\"use-cases\">\n  <div class=\"k-inner\">\n    <div class=\"k-section-head\">\n      <div class=\"k-eyebrow\">Use Cases<\/div>\n      <h2 class=\"k-sh2\">Agents that handle real work,<br>not just text generation<\/h2>\n      <p class=\"k-sdesc\">Deploy specialized agents for every part of your business. Each one executes tasks, not just answers questions.<\/p>\n    <\/div>\n    <div class=\"k-cards-grid\">\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-blue\">\ud83c\udfa7<\/div>\n        <h3>Customer Support Agent<\/h3>\n        <p>Handles queries 24\/7 \u2014 checks order status, processes refunds, updates tickets, and escalates when needed. Connected to your helpdesk and CRM out of the box.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: orders_api, crm, email<\/span>\n      <\/div>\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-green\">\ud83d\udcc8<\/div>\n        <h3>Sales Qualification Agent<\/h3>\n        <p>Qualifies inbound leads, personalizes outreach, books meetings directly into calendars, and logs every interaction to your CRM automatically.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: calendar, hubspot, email<\/span>\n      <\/div>\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-purple\">\ud83d\udd2c<\/div>\n        <h3>Research &amp; Synthesis Agent<\/h3>\n        <p>Searches the web, reads PDFs, cross-references multiple sources, and delivers structured reports. Hours of research in seconds.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: web_search, pdf_reader, docs<\/span>\n      <\/div>\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-cyan\">\u2699\ufe0f<\/div>\n        <h3>Workflow Automation Agent<\/h3>\n        <p>Bridges your internal tools \u2014 triggers Slack notifications, creates Jira tickets, writes to databases \u2014 based on events or schedules.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: slack, jira, postgres<\/span>\n      <\/div>\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-orange\">\u270d\ufe0f<\/div>\n        <h3>Content Generation Agent<\/h3>\n        <p>Generates SEO-optimized blog posts, product descriptions, and ad copy at scale \u2014 with your brand voice baked into every output.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: cms_api, image_gen, seo<\/span>\n      <\/div>\n      <div class=\"k-card\">\n        <div class=\"k-card-icon k-ci-pink\">\ud83d\udee1\ufe0f<\/div>\n        <h3>Compliance Monitor Agent<\/h3>\n        <p>Continuously scans documents and data for policy violations. Flags issues, generates audit logs, and notifies the right people automatically.<\/p>\n        <span class=\"k-tag\">\ud83d\udd27 tools: doc_scanner, audit_log, email<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PLATFORM FEATURES -->\n<section class=\"k-section\" id=\"features\">\n  <div class=\"k-inner\">\n    <div class=\"k-section-head\">\n      <div class=\"k-eyebrow\">Platform<\/div>\n      <h2 class=\"k-sh2\">Production-grade infrastructure<br>from day one<\/h2>\n      <p class=\"k-sdesc\">Every feature you need to build reliable, scalable AI agents \u2014 without the overhead of building it yourself.<\/p>\n    <\/div>\n    <div class=\"k-feat-grid\">\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\u26a1<\/div>\n        <h3>Simple REST API<\/h3>\n        <p>Create and run agents with standard HTTP requests. No SDKs required \u2014 integrates with any language, framework, or no-code tool.<\/p>\n      <\/div>\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\ud83d\udd27<\/div>\n        <h3>Tool Integration<\/h3>\n        <p>Connect any API, database, or service as a tool. Your agents can read data, write records, and trigger external actions autonomously.<\/p>\n      <\/div>\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\ud83e\udde0<\/div>\n        <h3>Persistent Memory<\/h3>\n        <p>Agents remember context across sessions and users. Scoped per-user, per-session, or global \u2014 you choose the retention policy.<\/p>\n      <\/div>\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\ud83d\udcca<\/div>\n        <h3>Full Observability<\/h3>\n        <p>Execution traces, tool call logs, latency metrics, and error rates for every agent run. Debug in seconds, not hours.<\/p>\n      <\/div>\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\ud83c\udf10<\/div>\n        <h3>Multi-Model Support<\/h3>\n        <p>Run agents on GPT-4, Claude, Gemini, Llama, or your own fine-tuned models. Switch models per-agent without changing your code.<\/p>\n      <\/div>\n      <div class=\"k-feat\">\n        <div class=\"k-feat-icon\">\ud83d\udd12<\/div>\n        <h3>Enterprise Security<\/h3>\n        <p>End-to-end encryption, RBAC, audit logs, and SOC 2 compliance. Private cloud deployments available for regulated industries.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- API SHOWCASE -->\n<section class=\"k-section k-section-dark\" id=\"api\">\n  <div class=\"k-inner\">\n    <div class=\"k-api-layout\">\n      <div class=\"k-api-left\">\n        <div class=\"k-eyebrow\" style=\"justify-content:flex-start\">API Reference<\/div>\n        <h2>A complete agent platform<br>in five clean endpoints<\/h2>\n        <p>Everything you need to build, run, and manage agents. Clean, predictable REST API with consistent response shapes. No surprises.<\/p>\n        <div class=\"k-endpoint-list\">\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-post\">POST<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents<\/span>\n            <span class=\"k-ep-desc\">Create &amp; configure agent<\/span>\n          <\/div>\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-post\">POST<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents\/{id}\/run<\/span>\n            <span class=\"k-ep-desc\">Execute a task<\/span>\n          <\/div>\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-get\">GET<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents\/{id}\/runs<\/span>\n            <span class=\"k-ep-desc\">List all executions<\/span>\n          <\/div>\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-get\">GET<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents\/{id}\/memory<\/span>\n            <span class=\"k-ep-desc\">Read agent memory<\/span>\n          <\/div>\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-put\">PUT<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents\/{id}<\/span>\n            <span class=\"k-ep-desc\">Update agent config<\/span>\n          <\/div>\n          <div class=\"k-ep\">\n            <span class=\"k-m k-m-del\">DEL<\/span>\n            <span class=\"k-ep-path\">\/v1\/agents\/{id}<\/span>\n            <span class=\"k-ep-desc\">Delete agent<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"\/contact\" class=\"k-btn k-btn-outline-accent\">Get API Access \u2192<\/a>\n      <\/div>\n      <div class=\"k-api-left\">\n        <div class=\"k-window\">\n          <div class=\"k-window-bar\">\n            <span class=\"k-dot k-dot-r\"><\/span>\n            <span class=\"k-dot k-dot-y\"><\/span>\n            <span class=\"k-dot k-dot-g\"><\/span>\n            <div class=\"k-tabs\"><span class=\"k-tab active\">POST \/run<\/span><\/div>\n          <\/div>\n          <div class=\"k-code\" style=\"font-size:12px;\">\n            <div class=\"k-line\"><span class=\"k-ln\">1<\/span><span><span class=\"kc\">\/\/ Step 2: Send a task to your agent<\/span><\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">2<\/span><span><span class=\"kw\">const<\/span> <span class=\"kv\">result<\/span> <span class=\"ko\">=<\/span> <span class=\"kw\">await<\/span> <span class=\"kf\">fetch<\/span>(<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">3<\/span><span>&nbsp;&nbsp;<span class=\"ks\">`https:\/\/api.korelos.com\/v1\/agents\/<span class=\"kv\">${&#8216;${agentId}&#8217;}<\/span>\/run`<\/span>,<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">4<\/span><span>&nbsp;&nbsp;{<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">5<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">method<\/span>: <span class=\"ks\">&#8216;POST&#8217;<\/span>,<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">6<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">headers<\/span>: { <span class=\"ks\">&#8216;Authorization&#8217;<\/span>: <span class=\"ks\">`Bearer <span class=\"kv\">${&#8216;${API_KEY}&#8217;}<\/span>`<\/span> },<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">7<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">body<\/span>: <span class=\"kf\">JSON.stringify<\/span>({<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">8<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">input<\/span>: <span class=\"ks\">&#8216;Check order #4821 and send a refund email&#8217;<\/span>,<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">9<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"kk\">context<\/span>: { <span class=\"kk\">user_id<\/span>: <span class=\"ks\">&#8216;usr_abc123&#8217;<\/span>, <span class=\"kk\">session_id<\/span>: <span class=\"ks\">&#8216;ses_xyz&#8217;<\/span> }<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">10<\/span><span>&nbsp;&nbsp;&nbsp;&nbsp;})<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">11<\/span><span>&nbsp;&nbsp;}<\/span><\/div>\n            <div class=\"k-line\"><span class=\"k-ln\">12<\/span><span>).<span class=\"kf\">then<\/span>(<span class=\"kv\">r<\/span> <span class=\"ko\">=&gt;<\/span> <span class=\"kv\">r<\/span>.<span class=\"kf\">json<\/span>());<\/span><\/div>\n          <\/div>\n          <div class=\"k-code-response\">\n            <div class=\"k-resp-header\">\n              <span class=\"k-status k-s-ok\">200 OK<\/span>\n              <span style=\"color:var(--k-muted)\">1,842ms \u00b7 2 tools called<\/span>\n            <\/div>\n            <div class=\"k-resp-body\" style=\"font-size:11.5px; line-height:1.9;\">\n              {<br>\n              &nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;run_id&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;run_9xk2m7p1&#8221;<\/span>,<br>\n              &nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;status&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;completed&#8221;<\/span>,<br>\n              &nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;output&#8221;<\/span>: <span class=\"k-resp-str\">&#8220;Refund of $49.99 processed. Confirmation sent to customer@email.com&#8221;<\/span>,<br>\n              &nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;tools_called&#8221;<\/span>: [<span class=\"k-resp-str\">&#8220;orders_api&#8221;<\/span>, <span class=\"k-resp-str\">&#8220;email_sender&#8221;<\/span>],<br>\n              &nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;tokens_used&#8221;<\/span>: <span class=\"k-resp-num\">847<\/span>,&nbsp;&nbsp;<span class=\"k-resp-key\">&#8220;latency_ms&#8221;<\/span>: <span class=\"k-resp-num\">1842<\/span><br>\n              }\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ADMIN PORTAL -->\n<section class=\"k-section\" id=\"portal\">\n  <div class=\"k-inner\">\n    <div class=\"k-portal-layout\">\n      <div class=\"k-portal-text\">\n        <div class=\"k-eyebrow\" style=\"justify-content:flex-start\">AI Studio Portal<\/div>\n        <h2>No-code agent builder.<br>Built right in.<\/h2>\n        <p>Not a developer? No problem. The Korelos AI Studio portal lets anyone create, configure, and monitor agents through a clean visual interface \u2014 no API calls required.<\/p>\n        <div class=\"k-portal-features\">\n          <div class=\"k-pf\">\n            <div class=\"k-pf-icon\">\ud83d\uddb1\ufe0f<\/div>\n            <div class=\"k-pf-text\">\n              <h4>Visual Agent Builder<\/h4>\n              <p>Create agents with a form-based UI. Write instructions, connect tools, and set memory \u2014 click by click.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"k-pf\">\n            <div class=\"k-pf-icon\">\ud83d\udce1<\/div>\n            <div class=\"k-pf-text\">\n              <h4>Live Run Monitor<\/h4>\n              <p>Watch your agents execute in real time. See every tool call, decision, and output as it happens.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"k-pf\">\n            <div class=\"k-pf-icon\">\ud83d\udc65<\/div>\n            <div class=\"k-pf-text\">\n              <h4>Team Collaboration<\/h4>\n              <p>Invite teammates, assign roles, and manage access. Share agents and templates across your organization.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a href=\"\/contact\" class=\"k-btn k-btn-primary\">Request Portal Access \u2192<\/a>\n      <\/div>\n      <div class=\"k-portal-mockup\" id=\"kp-anim\" style=\"position:relative;overflow:hidden;min-height:400px;\">\n\n        <!-- Window bar -->\n        <div class=\"k-portal-bar\">\n          <div class=\"k-portal-tabs\">\n            <span class=\"k-ptab active\">My Agents<\/span>\n            <span class=\"k-ptab\">Runs<\/span>\n            <span class=\"k-ptab\">Tools<\/span>\n          <\/div>\n          <span style=\"font-size:12px;color:var(--k-muted);font-family:var(--k-mono)\">3 active agents<\/span>\n        <\/div>\n\n        <!-- Static agent list -->\n        <div class=\"k-portal-body\">\n          <div class=\"k-agent-row\">\n            <span class=\"k-agent-dot k-ad-green\"><\/span>\n            <div class=\"k-agent-info\">\n              <div class=\"k-agent-name\">support-agent-v1<\/div>\n              <div class=\"k-agent-meta\">tools: orders_api, email_sender<\/div>\n            <\/div>\n            <div class=\"k-agent-stats\"><div class=\"k-agent-runs\">4,821<\/div><div class=\"k-agent-label\">runs today<\/div><\/div>\n          <\/div>\n          <div class=\"k-agent-row\">\n            <span class=\"k-agent-dot k-ad-blue\"><\/span>\n            <div class=\"k-agent-info\">\n              <div class=\"k-agent-name\">sales-qualifier<\/div>\n              <div class=\"k-agent-meta\">tools: calendar, hubspot<\/div>\n            <\/div>\n            <div class=\"k-agent-stats\"><div class=\"k-agent-runs\">1,204<\/div><div class=\"k-agent-label\">runs today<\/div><\/div>\n          <\/div>\n          <div class=\"k-agent-row\">\n            <span class=\"k-agent-dot k-ad-yellow\"><\/span>\n            <div class=\"k-agent-info\">\n              <div class=\"k-agent-name\">research-bot<\/div>\n              <div class=\"k-agent-meta\">tools: web_search, pdf_reader<\/div>\n            <\/div>\n            <div class=\"k-agent-stats\"><div class=\"k-agent-runs\">392<\/div><div class=\"k-agent-label\">runs today<\/div><\/div>\n          <\/div>\n          <div class=\"k-new-agent-btn\" id=\"kp-create-btn\">\uff0b Create New Agent<\/div>\n        <\/div>\n\n        <!-- Dropdown -->\n        <div id=\"kp-dropdown\" style=\"display:none;position:absolute;left:20px;right:20px;bottom:62px;background:#0c1526;border:1px solid rgba(79,142,247,0.3);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.6);z-index:10;overflow:hidden;transform-origin:bottom center;\">\n          <div style=\"padding:8px 14px 7px;font-size:10.5px;font-weight:700;color:var(--k-muted);text-transform:uppercase;letter-spacing:0.1em;border-bottom:1px solid rgba(255,255,255,0.05);\">Choose agent type<\/div>\n          <div class=\"kp-opt\" id=\"kp-opt-0\">\ud83c\udfa7&nbsp;&nbsp;Customer Support Agent<\/div>\n          <div class=\"kp-opt\" id=\"kp-opt-1\">\ud83d\udcc8&nbsp;&nbsp;Sales Automation Agent<\/div>\n          <div class=\"kp-opt\" id=\"kp-opt-2\">\ud83d\udd2c&nbsp;&nbsp;Research Agent<\/div>\n          <div class=\"kp-opt\" id=\"kp-opt-3\">\u2699\ufe0f&nbsp;&nbsp;Workflow Automation<\/div>\n          <div class=\"kp-opt\" id=\"kp-opt-4\">\u270d\ufe0f&nbsp;&nbsp;Content Generation Agent<\/div>\n        <\/div>\n\n        <!-- Deployment overlay \u2014 fixed layout, nothing moves -->\n        <div id=\"kp-deploy\" style=\"display:none;position:absolute;inset:0;background:rgba(8,12,22,0.97);z-index:20;flex-direction:column;align-items:center;justify-content:center;padding:24px 28px;gap:0;\">\n\n          <!-- Top: icon + name \u2014 stays fixed -->\n          <div id=\"kp-agent-header\" style=\"display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;\">\n            <div id=\"kp-deploy-icon\" style=\"width:56px;height:56px;border-radius:50%;background:rgba(79,142,247,0.12);border:2px solid rgba(79,142,247,0.3);display:flex;align-items:center;justify-content:center;font-size:24px;\">\ud83c\udfa7<\/div>\n            <div id=\"kp-deploy-name\" style=\"font-size:15px;font-weight:800;letter-spacing:-0.01em;color:#fff;\">Customer Support Agent<\/div>\n            <div id=\"kp-deploy-status-text\" style=\"font-size:12px;color:var(--k-muted);display:flex;align-items:center;gap:6px;\">\n              <span id=\"kp-spinner\" style=\"display:inline-block;width:10px;height:10px;border:2px solid rgba(79,142,247,0.3);border-top-color:var(--k-accent);border-radius:50%;animation:kp-spin 0.8s linear infinite;\"><\/span>\n              Agent deployment in progress\u2026\n            <\/div>\n          <\/div>\n\n          <!-- Progress bar \u2014 fixed below header -->\n          <div style=\"width:100%;max-width:260px;height:3px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;margin-bottom:16px;\">\n            <div id=\"kp-bar\" style=\"height:100%;width:0%;background:linear-gradient(90deg,#4f8ef7,#7c3aed);border-radius:3px;transition:width 0.5s ease;\"><\/div>\n          <\/div>\n\n          <!-- Steps \u2014 fixed height container so nothing shifts -->\n          <div id=\"kp-steps\" style=\"width:100%;max-width:280px;height:100px;overflow:hidden;\"><\/div>\n\n          <!-- Success card \u2014 absolutely centered, hidden until done -->\n          <div id=\"kp-success\" style=\"display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;background:rgba(8,12,22,0.97);\">\n            <div style=\"width:64px;height:64px;border-radius:50%;background:rgba(16,185,129,0.15);border:2px solid rgba(16,185,129,0.4);display:flex;align-items:center;justify-content:center;font-size:28px;animation:kp-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both;\">\u2705<\/div>\n            <div style=\"font-size:20px;font-weight:900;color:#10b981;letter-spacing:-0.02em;\">Agent is Live!<\/div>\n            <div style=\"font-size:13px;color:var(--k-muted);text-align:center;line-height:1.7;max-width:240px;\">Your <strong style=\"color:var(--k-text2)\">Customer Support Agent<\/strong> is deployed and ready to receive tasks.<\/div>\n            <div style=\"margin-top:6px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:260px;\">\n              <div style=\"font-family:var(--k-mono);font-size:11.5px;color:var(--k-accent);background:rgba(79,142,247,0.08);border:1px solid rgba(79,142,247,0.2);padding:8px 14px;border-radius:7px;text-align:center;\">POST \/v1\/agents\/agt_cs4x9\/run<\/div>\n              <div style=\"display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--k-muted);\">\n                <span style=\"width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.6);display:inline-block;\"><\/span>\n                Active &nbsp;\u00b7&nbsp; 3 tools connected &nbsp;\u00b7&nbsp; Memory on\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Cursor -->\n        <div id=\"kp-cursor\" style=\"position:absolute;pointer-events:none;z-index:30;left:85%;top:82%;transition:left 0.65s cubic-bezier(0.25,0.46,0.45,0.94),top 0.65s cubic-bezier(0.25,0.46,0.45,0.94);\">\n          <svg width=\"20\" height=\"26\" viewBox=\"0 0 20 26\" fill=\"none\">\n            <path d=\"M2 2L2 21L7 15.5L10 23L12.5 22L9.5 14.5H17L2 2Z\" fill=\"white\" stroke=\"#050912\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n      <\/div>\n\n<style>\n.kp-opt{padding:9px 16px;font-size:13px;color:var(--k-text2);cursor:default;transition:background 0.12s;}\n.kp-opt.hovered{background:rgba(79,142,247,0.08);color:var(--k-text);}\n.kp-opt.selected{background:rgba(79,142,247,0.15);color:var(--k-accent);font-weight:600;}\n.kp-step-row{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--k-muted);padding:5px 0;animation:kp-slide-in 0.3s ease both;}\n@keyframes kp-spin{to{transform:rotate(360deg)}}\n@keyframes kp-pop{0%{transform:scale(0.4);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}\n@keyframes kp-slide-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}\n@keyframes kp-fade-in{from{opacity:0}to{opacity:1}}\n<\/style>\n\n<script>\n(function(){\n  var STEPS=[\n    {icon:'\ud83d\udcdd',text:'Configuring agent instructions\u2026'},\n    {icon:'\ud83d\udd27',text:'Connecting tools & APIs\u2026'},\n    {icon:'\ud83e\udde0',text:'Provisioning memory layer\u2026'},\n    {icon:'\ud83d\ude80',text:'Spinning up endpoint\u2026'}\n  ];\n  function el(id){return document.getElementById(id);}\n\n  function setCursor(x,y){\n    el('kp-cursor').style.left=x;\n    el('kp-cursor').style.top=y;\n  }\n\n  function clickFlash(target){\n    target.style.transform='scale(0.95)';\n    target.style.opacity='0.7';\n    setTimeout(function(){target.style.transform='';target.style.opacity='';},160);\n  }\n\n  function showDropdown(){\n    var dd=el('kp-dropdown');\n    dd.style.display='block';\n    dd.style.opacity='0';\n    dd.style.transform='scaleY(0.85)';\n    dd.style.transition='opacity 0.2s,transform 0.2s';\n    requestAnimationFrame(function(){\n      requestAnimationFrame(function(){\n        dd.style.opacity='1';\n        dd.style.transform='scaleY(1)';\n      });\n    });\n  }\n\n  function hideDropdown(){\n    var dd=el('kp-dropdown');\n    dd.style.opacity='0';\n    dd.style.transform='scaleY(0.9)';\n    setTimeout(function(){dd.style.display='none';},200);\n  }\n\n  function runDeployment(){\n    var deploy=el('kp-deploy');\n    deploy.style.display='flex';\n    deploy.style.opacity='0';\n    deploy.style.transition='opacity 0.3s';\n    el('kp-steps').innerHTML='';\n    el('kp-success').style.display='none';\n    el('kp-bar').style.width='0%';\n    el('kp-spinner').style.display='inline-block';\n    el('kp-deploy-status-text').querySelector('span+*') \/\/ reset text\n\n    setTimeout(function(){deploy.style.opacity='1';},30);\n\n    STEPS.forEach(function(step,i){\n      setTimeout(function(){\n        var pct=((i+1)\/STEPS.length*100)+'%';\n        el('kp-bar').style.width=pct;\n        var row=document.createElement('div');\n        row.className='kp-step-row';\n        row.innerHTML='<span>'+step.icon+'<\/span>'\n          +'<span style=\"flex:1\">'+step.text+'<\/span>'\n          +'<span style=\"color:#10b981;font-size:13px\">\u2713<\/span>';\n        el('kp-steps').appendChild(row);\n      },i*650);\n    });\n\n    \/\/ Show success\n    setTimeout(function(){\n      el('kp-spinner').style.display='none';\n      var s=el('kp-success');\n      s.style.display='flex';\n      s.style.opacity='0';\n      s.style.transition='opacity 0.4s';\n      setTimeout(function(){s.style.opacity='1';},30);\n    }, STEPS.length*650+600);\n  }\n\n  function runAnimation(){\n    \/\/ --- Reset ---\n    var cursor=el('kp-cursor');\n    cursor.style.transition='none';\n    setCursor('85%','82%');\n    el('kp-dropdown').style.display='none';\n    el('kp-deploy').style.display='none';\n    el('kp-success').style.display='none';\n    el('kp-steps').innerHTML='';\n    el('kp-bar').style.width='0%';\n    el('kp-create-btn').style.background='';\n    el('kp-create-btn').style.borderColor='';\n    document.querySelectorAll('.kp-opt').forEach(function(o){o.className='kp-opt';});\n    setTimeout(function(){\n      cursor.style.transition='left 0.65s cubic-bezier(0.25,0.46,0.45,0.94),top 0.65s cubic-bezier(0.25,0.46,0.45,0.94)';\n    },80);\n\n    var T=0;\n    \/\/ Move to button\n    setTimeout(function(){setCursor('50%','calc(100% - 48px)');},T+=900);\n    \/\/ Click button\n    setTimeout(function(){\n      clickFlash(el('kp-create-btn'));\n      el('kp-create-btn').style.background='rgba(79,142,247,0.15)';\n      el('kp-create-btn').style.borderColor='rgba(79,142,247,0.45)';\n      showDropdown();\n    },T+=720);\n    \/\/ Move cursor to option 1 (Sales)\n    setTimeout(function(){\n      el('kp-opt-1').classList.add('hovered');\n      setCursor('55%','calc(100% - 178px)');\n    },T+=600);\n    \/\/ Move to option 2 (Research)\n    setTimeout(function(){\n      el('kp-opt-1').classList.remove('hovered');\n      el('kp-opt-2').classList.add('hovered');\n      setCursor('55%','calc(100% - 153px)');\n    },T+=700);\n    \/\/ Move back to option 0 (Support)\n    setTimeout(function(){\n      el('kp-opt-2').classList.remove('hovered');\n      el('kp-opt-0').classList.add('hovered');\n      setCursor('55%','calc(100% - 203px)');\n    },T+=700);\n    \/\/ Click option 0\n    setTimeout(function(){\n      clickFlash(el('kp-opt-0'));\n      el('kp-opt-0').className='kp-opt selected';\n      hideDropdown();\n      runDeployment();\n    },T+=700);\n\n    \/\/ Loop\n    var loopDelay = T + STEPS.length*650 + 600 + 3200;\n    setTimeout(runAnimation, loopDelay);\n  }\n\n  \/\/ Kick off after the portal scrolls into view\n  var observer=new IntersectionObserver(function(entries){\n    if(entries[0].isIntersecting){\n      observer.disconnect();\n      setTimeout(runAnimation,600);\n    }\n  },{threshold:0.3});\n  var target=el('kp-anim');\n  if(target) observer.observe(target);\n})();\n<\/script>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PRICING -->\n<section class=\"k-section k-section-dark\" id=\"pricing\">\n  <div class=\"k-inner\">\n    <div class=\"k-section-head\">\n      <div class=\"k-eyebrow\">Pricing<\/div>\n      <h2 class=\"k-sh2\">Simple pricing. Scales with you.<\/h2>\n      <p class=\"k-sdesc\">Start free with no credit card. Upgrade when you&#8217;re ready. No surprise overage bills.<\/p>\n    <\/div>\n    <div class=\"k-pricing-grid\">\n      <div class=\"k-plan\">\n        <div class=\"k-plan-tier\">Starter<\/div>\n        <div class=\"k-plan-price\">$0<sub>\/mo<\/sub><\/div>\n        <div class=\"k-plan-period\">Perfect for individuals and side projects<\/div>\n        <div class=\"k-plan-divider\"><\/div>\n        <div class=\"k-plan-list\">\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>3 active agents<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>1,000 agent runs \/ month<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>5 tool integrations<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Basic memory (7-day)<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Studio portal access<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Community support<\/span><\/div>\n        <\/div>\n        <a href=\"\/contact\" class=\"k-plan-cta k-cta-ghost\">Join Waitlist<\/a>\n      <\/div>\n      <div class=\"k-plan featured\">\n        <div class=\"k-plan-badge\">MOST POPULAR<\/div>\n        <div class=\"k-plan-tier\">Pro<\/div>\n        <div class=\"k-plan-price\">$49<sub>\/mo<\/sub><\/div>\n        <div class=\"k-plan-period\">For growing teams and production workloads<\/div>\n        <div class=\"k-plan-divider\"><\/div>\n        <div class=\"k-plan-list\">\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Unlimited active agents<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>50,000 agent runs \/ month<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Unlimited tool integrations<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Persistent memory (90-day)<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Full observability &amp; traces<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Multi-model support<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Priority email support<\/span><\/div>\n        <\/div>\n        <a href=\"\/contact\" class=\"k-plan-cta k-cta-main\">Join Waitlist \u2014 Early Access<\/a>\n      <\/div>\n      <div class=\"k-plan\">\n        <div class=\"k-plan-tier\">Enterprise<\/div>\n        <div class=\"k-plan-price\">Custom<\/div>\n        <div class=\"k-plan-period\">For regulated industries &amp; large teams<\/div>\n        <div class=\"k-plan-divider\"><\/div>\n        <div class=\"k-plan-list\">\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Unlimited everything<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Private cloud \/ on-prem deployment<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Custom model fine-tuning<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>SOC 2 &amp; audit-ready logs<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>99.99% uptime SLA<\/span><\/div>\n          <div class=\"k-pli\"><span class=\"k-check\">\u2713<\/span><span>Dedicated success manager<\/span><\/div>\n        <\/div>\n        <a href=\"\/contact\" class=\"k-plan-cta k-cta-dark\">Contact Sales<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"k-section\">\n  <div class=\"k-inner\">\n    <div class=\"k-section-head\">\n      <div class=\"k-eyebrow\">FAQ<\/div>\n      <h2 class=\"k-sh2\">Common questions<\/h2>\n    <\/div>\n    <div class=\"k-faq\">\n      <div class=\"k-faq-item\">\n        <div class=\"k-faq-q\">When will Korelos AI Studio launch?<\/div>\n        <div class=\"k-faq-a\">We&#8217;re currently in private development. Early access will be granted to waitlist members first \u2014 sign up above to secure your spot. We&#8217;ll notify you as soon as access is available.<\/div>\n      <\/div>\n      <div class=\"k-faq-item\">\n        <div class=\"k-faq-q\">Do I need to know how to code to use Korelos?<\/div>\n        <div class=\"k-faq-a\">No. The Studio Portal provides a full no-code interface for creating and managing agents. If you&#8217;re a developer, you can also integrate directly via the REST API for full programmatic control.<\/div>\n      <\/div>\n      <div class=\"k-faq-item\">\n        <div class=\"k-faq-q\">What AI models do agents run on?<\/div>\n        <div class=\"k-faq-a\">We support multiple models including GPT-4, Claude, Gemini, and open-source models like Llama. You choose the model per agent. Enterprise customers can bring their own fine-tuned models.<\/div>\n      <\/div>\n      <div class=\"k-faq-item\">\n        <div class=\"k-faq-q\">How do tool integrations work?<\/div>\n        <div class=\"k-faq-a\">You register tools by providing an API schema (OpenAPI or custom). Korelos handles the authentication, retry logic, and error handling. Your agent calls tools automatically when it determines they&#8217;re needed.<\/div>\n      <\/div>\n      <div class=\"k-faq-item\">\n        <div class=\"k-faq-q\">Is my data secure?<\/div>\n        <div class=\"k-faq-a\">Yes. All data is encrypted in transit and at rest. We don&#8217;t use your data to train models. Enterprise plans include private cloud deployments, RBAC, and full audit logs for compliance requirements.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FINAL CTA -->\n<div class=\"k-final-cta\">\n  <h2>Be first to build<br><span style=\"background:linear-gradient(135deg,#4f8ef7,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">with Korelos AI Studio<\/span><\/h2>\n  <p>Join the waitlist and get early access, priority support, and founder pricing when we launch.<\/p>\n  <form onsubmit=\"submitWaitlist(event,'wl2')\" style=\"max-width:420px;margin:0 auto;\">\n    <div style=\"display:flex;gap:10px;margin-bottom:10px;\" id=\"wl2-row\">\n      <input type=\"email\" id=\"wl2-email\" placeholder=\"your@email.com\" required style=\"flex:1;background:rgba(255,255,255,0.07);border:1px solid var(--k-border);border-radius:9px;padding:14px 16px;font-size:14px;font-family:var(--k-font);color:var(--k-text);outline:none;\">\n      <button type=\"submit\" id=\"wl2-btn\" class=\"k-btn k-btn-primary\" style=\"white-space:nowrap;padding:14px 20px;font-size:14px;border-radius:9px;border:none;cursor:pointer;\">Get Access \u2192<\/button>\n    <\/div>\n    <div id=\"wl2-success\" style=\"display:none;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(16,185,129,0.04));border:1px solid rgba(16,185,129,0.35);border-radius:14px;text-align:center;margin-bottom:10px;box-shadow:0 0 32px rgba(16,185,129,0.08);\">\n      <div style=\"width:44px;height:44px;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px;\">\u2705<\/div>\n      <div style=\"font-size:16px;font-weight:800;color:#10b981;letter-spacing:-0.01em;\">Request submitted successfully!<\/div>\n      <div style=\"font-size:13.5px;color:#7b8db0;line-height:1.6;max-width:320px;\">Our team will reach out to you soon with early access details. Check your inbox!<\/div>\n    <\/div>\n    <p style=\"font-size:12px;color:var(--k-muted);text-align:center;\" id=\"wl2-note\">Join 2,400+ developers on the waitlist \u00b7 No spam, ever.<\/p>\n  <\/form>\n<\/div>\n\n<!-- FOOTER -->\n<footer class=\"k-footer\">\n  <div class=\"k-footer-top\">\n    <div>\n      <div class=\"k-footer-brand\">\u2726 Korelos AI Studio<\/div>\n      <p class=\"k-footer-desc\">The platform for building and deploying autonomous AI agents via API. Define agents, connect tools, and ship \u2014 without the infrastructure overhead.<\/p>\n      <div class=\"k-social-links\">\n        <a href=\"#\" class=\"k-social\" title=\"Twitter\/X\">\ud835\udd4f<\/a>\n        <a href=\"#\" class=\"k-social\" title=\"GitHub\">\u2318<\/a>\n        <a href=\"#\" class=\"k-social\" title=\"LinkedIn\">in<\/a>\n        <a href=\"#\" class=\"k-social\" title=\"Discord\">\u25c8<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"k-footer-col\">\n      <h4>Product<\/h4>\n      <ul>\n        <li><a href=\"#how-it-works\">How it Works<\/a><\/li>\n        <li><a href=\"#use-cases\">Use Cases<\/a><\/li>\n        <li><a href=\"#api\">API Reference<\/a><\/li>\n        <li><a href=\"#portal\">Admin Portal<\/a><\/li>\n        <li><a href=\"#pricing\">Pricing<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"k-footer-col\">\n      <h4>Company<\/h4>\n      <ul>\n        <li><a href=\"#\">About<\/a><\/li>\n        <li><a href=\"#\">Blog<\/a><\/li>\n        <li><a href=\"#\">Careers<\/a><\/li>\n        <li><a href=\"#\">Status<\/a><\/li>\n        <li><a href=\"\/contact\">Contact<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"k-footer-col\">\n      <h4>Legal<\/h4>\n      <ul>\n        <li><a href=\"#\">Privacy Policy<\/a><\/li>\n        <li><a href=\"#\">Terms of Service<\/a><\/li>\n        <li><a href=\"#\">Security<\/a><\/li>\n        <li><a href=\"#\">Cookie Policy<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"k-footer-bottom\">\n    <span class=\"k-footer-copy\">\u00a9 2026 Korelos AI Studio. All rights reserved.<\/span>\n    <div class=\"k-footer-legal\">\n      <a href=\"#\">Privacy<\/a>\n      <a href=\"#\">Terms<\/a>\n      <a href=\"#\">Security<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<script>\nfunction submitWaitlist(e, id) {\n  e.preventDefault();\n  var row     = document.getElementById(id + '-row');\n  var btn     = document.getElementById(id + '-btn');\n  var success = document.getElementById(id + '-success');\n  var note    = document.getElementById(id + '-note');\n  var form    = e.target;\n  if (!row || !btn) return;\n  btn.innerHTML = '<span style=\"display:inline-flex;align-items:center;gap:8px\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" style=\"animation:spin .8s linear infinite\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/><path d=\"M8 2a6 6 0 0 1 6 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Submitting...<\/span>';\n  btn.disabled = true;\n  row.style.opacity = '0.5';\n  row.style.pointerEvents = 'none';\n  setTimeout(function() {\n    row.style.display = 'none';\n    if (note) note.style.display = 'none';\n    success.style.display = 'flex';\n    success.style.animation = 'fadeInUp .4s ease';\n  }, 1000);\n}\n<\/script>\n<style>\n@keyframes spin { to { transform: rotate(360deg); } }\n@keyframes fadeInUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }\n<\/style>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2726 Korelos AI Studio How it works Use Cases API Admin Portal Pricing About Contact Join Waitlist \u2192 Coming Soon \u2014 Join the Early Access Waitlist Korelos AI Studio Build AI Agents via API. The fastest way to create, deploy, and run autonomous AI agents. Define agents in plain English, connect your tools, and go [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":9,"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/pages\/6\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/korelos.com\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}