{"id":9,"date":"2026-04-30T05:30:49","date_gmt":"2026-04-30T05:30:49","guid":{"rendered":"https:\/\/staging.inltech.ai\/?page_id=9"},"modified":"2026-04-30T06:24:14","modified_gmt":"2026-04-30T06:24:14","slug":"home","status":"publish","type":"page","link":"https:\/\/inlogicai.net\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34a7bfc e-con-full e-flex e-con e-parent\" data-id=\"34a7bfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-883a35c elementor-widget elementor-widget-html\" data-id=\"883a35c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>InLogic AI \u2014 Three pillars. One operating model.<\/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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@200;300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Reset & Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n  html { scroll-behavior: smooth; }\r\n\r\n  :root {\r\n    --bg: #050B1A;\r\n    --bg-2: #08111F;\r\n    --surface: #0C1729;\r\n    --surface-2: #101F38;\r\n    --border: #1A2A45;\r\n    --border-soft: #11203A;\r\n\r\n    --text: #F0F6FF;\r\n    --text-2: #8B9DBC;\r\n    --text-3: #5A6B85;\r\n\r\n    --cyan: #4FB8FF;\r\n    --cyan-bright: #8FD4FF;\r\n    --cyan-deep: #1E6FB8;\r\n    --cyan-glow: rgba(79, 184, 255, 0.35);\r\n\r\n    --sans: 'Sora', system-ui, sans-serif;\r\n    --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;\r\n  }\r\n\r\n  body {\r\n    font-family: var(--sans);\r\n    background: var(--bg);\r\n    color: var(--text);\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n    font-weight: 300;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: relative;\r\n    overflow-x: hidden;\r\n    min-height: 100vh;\r\n  }\r\n\r\n  body::before {\r\n    content: '';\r\n    position: fixed; inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 800px 600px at 70% 25%, rgba(79, 184, 255, 0.08), transparent 60%),\r\n      radial-gradient(ellipse 600px 400px at 15% 85%, rgba(30, 111, 184, 0.06), transparent 60%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  body::after {\r\n    content: '';\r\n    position: fixed; inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.7 0 0 0 0 1 0 0 0 0.5 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    opacity: 0.04;\r\n    mix-blend-mode: screen;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  ::selection { background: var(--cyan); color: var(--bg); }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  h1, h2, h3, h4 { font-family: var(--sans); font-weight: 300; line-height: 1; }\r\n\r\n  .display {\r\n    font-size: clamp(46px, 7.6vw, 116px);\r\n    font-weight: 200;\r\n    letter-spacing: -0.04em;\r\n    line-height: 0.95;\r\n  }\r\n  .display em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 20px rgba(79, 184, 255, 0.7), 0 0 40px rgba(79, 184, 255, 0.4);\r\n  }\r\n\r\n  .h2 {\r\n    font-size: clamp(32px, 4.6vw, 60px);\r\n    font-weight: 200;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.04;\r\n  }\r\n  .h2 em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 20px rgba(79, 184, 255, 0.5);\r\n  }\r\n\r\n  .h-pillar {\r\n    font-size: clamp(36px, 4.4vw, 56px);\r\n    font-weight: 200;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.04;\r\n  }\r\n  .h-pillar em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 20px rgba(79, 184, 255, 0.5);\r\n  }\r\n\r\n  .lede {\r\n    font-size: clamp(17px, 1.4vw, 20px);\r\n    line-height: 1.5;\r\n    color: var(--text-2);\r\n    font-weight: 300;\r\n    max-width: 38ch;\r\n  }\r\n\r\n  .meta {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n  }\r\n  .meta b { color: var(--text); font-weight: 500; }\r\n  .meta .dot { color: var(--cyan); }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .container {\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Top Ticker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .ticker {\r\n    background: var(--bg-2);\r\n    border-bottom: 1px solid var(--border-soft);\r\n    overflow: hidden;\r\n    position: relative;\r\n    z-index: 11;\r\n  }\r\n  .ticker-track {\r\n    display: flex; gap: 56px;\r\n    padding: 9px 0;\r\n    white-space: nowrap;\r\n    animation: marquee 60s linear infinite;\r\n  }\r\n  .ticker-item {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    flex-shrink: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n  .ticker-item b { color: var(--cyan); font-weight: 500; }\r\n  .ticker-item::after { content: '\u25c6'; color: var(--cyan); margin-left: 42px; font-size: 8px; }\r\n  @keyframes marquee {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .site-header {\r\n    position: sticky; top: 0; z-index: 10;\r\n    background: rgba(5, 11, 26, 0.7);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border-bottom: 1px solid var(--border-soft);\r\n  }\r\n  .site-header .container {\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding-top: 18px; padding-bottom: 18px;\r\n  }\r\n\r\n  .wordmark {\r\n    display: inline-flex; align-items: center; gap: 12px;\r\n    text-decoration: none; color: var(--text);\r\n  }\r\n  .wordmark-mark { width: 22px; height: 22px; position: relative; }\r\n  .wordmark-mark svg { width: 100%; height: 100%; display: block; }\r\n  .wordmark-mark::after {\r\n    content: ''; position: absolute; inset: -4px;\r\n    background: radial-gradient(circle, rgba(79,184,255,0.25), transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n  .wordmark-text {\r\n    font-family: var(--sans);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--text);\r\n  }\r\n  .wordmark-text em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 12px rgba(79, 184, 255, 0.6);\r\n  }\r\n\r\n  nav.primary { display: flex; gap: 36px; align-items: center; }\r\n  nav.primary a {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--text-2);\r\n    text-decoration: none;\r\n    position: relative;\r\n    padding: 4px 0;\r\n    transition: color 200ms ease;\r\n  }\r\n  nav.primary a::after {\r\n    content: ''; position: absolute;\r\n    left: 0; bottom: -2px;\r\n    width: 0; height: 1px;\r\n    background: var(--cyan);\r\n    box-shadow: 0 0 8px var(--cyan);\r\n    transition: width 250ms ease;\r\n  }\r\n  nav.primary a:hover { color: var(--cyan-bright); }\r\n  nav.primary a:hover::after { width: 100%; }\r\n\r\n  .nav-cta {\r\n    padding: 9px 18px;\r\n    border: 1px solid var(--cyan-deep);\r\n    border-radius: 999px;\r\n    color: var(--cyan-bright) !important;\r\n    transition: all 220ms ease;\r\n    background: rgba(79, 184, 255, 0.04);\r\n  }\r\n  .nav-cta::after { display: none; }\r\n  .nav-cta:hover {\r\n    background: var(--cyan);\r\n    color: var(--bg) !important;\r\n    border-color: var(--cyan);\r\n    box-shadow: 0 0 24px rgba(79, 184, 255, 0.4);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .hero { position: relative; padding: 0 0 100px; overflow: hidden; }\r\n\r\n  .hero-meta-row {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    padding: 28px 0;\r\n    border-bottom: 1px solid var(--border-soft);\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .hero-canvas {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n    min-height: 540px;\r\n  }\r\n\r\n  .hero-text { position: relative; z-index: 3; }\r\n\r\n  .hero-eyebrow {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 7px 14px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 999px;\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--text-2);\r\n    margin-bottom: 32px;\r\n    background: rgba(12, 23, 41, 0.5);\r\n  }\r\n  .hero-eyebrow .dot {\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--cyan);\r\n    box-shadow: 0 0 10px var(--cyan), 0 0 20px var(--cyan-glow);\r\n    animation: blink 2.4s ease-in-out infinite;\r\n  }\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n  }\r\n\r\n  .hero-headline {\r\n    margin-bottom: 36px;\r\n    animation: rise 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\r\n  }\r\n  .hero-headline span { display: block; }\r\n  .hero-headline .l1 { animation: rise 800ms 0ms cubic-bezier(0.2, 0.8, 0.2, 1) both; }\r\n  .hero-headline .l2 { animation: rise 800ms 80ms cubic-bezier(0.2, 0.8, 0.2, 1) both; }\r\n  .hero-headline .l3 { animation: rise 800ms 160ms cubic-bezier(0.2, 0.8, 0.2, 1) both; }\r\n\r\n  @keyframes rise {\r\n    from { opacity: 0; transform: translateY(28px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .hero-text .lede {\r\n    margin-bottom: 40px;\r\n    animation: rise 800ms 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\r\n  }\r\n\r\n  .hero-actions {\r\n    display: flex; gap: 14px; flex-wrap: wrap;\r\n    animation: rise 800ms 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\r\n  }\r\n\r\n  .btn {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 14px 22px;\r\n    border-radius: 999px;\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 220ms ease;\r\n    border: 1px solid transparent;\r\n    cursor: pointer;\r\n  }\r\n  .btn-primary {\r\n    background: var(--cyan);\r\n    color: var(--bg);\r\n    box-shadow: 0 0 0 1px var(--cyan), 0 0 28px rgba(79, 184, 255, 0.4);\r\n  }\r\n  .btn-primary:hover {\r\n    background: var(--cyan-bright);\r\n    box-shadow: 0 0 0 1px var(--cyan-bright), 0 0 40px rgba(79, 184, 255, 0.6);\r\n    transform: translateY(-1px);\r\n  }\r\n  .btn-primary .arrow { transition: transform 220ms ease; }\r\n  .btn-primary:hover .arrow { transform: translateX(4px); }\r\n\r\n  .btn-ghost {\r\n    color: var(--text);\r\n    border-color: var(--border);\r\n    background: rgba(12, 23, 41, 0.5);\r\n  }\r\n  .btn-ghost:hover {\r\n    border-color: var(--cyan);\r\n    color: var(--cyan-bright);\r\n  }\r\n\r\n  \/* Hero loop visual *\/\r\n  .hero-loop {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1.3 \/ 1;\r\n  }\r\n  .hero-loop::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 10%;\r\n    background: radial-gradient(circle, rgba(79, 184, 255, 0.18), transparent 65%);\r\n    filter: blur(20px);\r\n    z-index: 0;\r\n  }\r\n  .hero-loop svg { position: relative; width: 100%; height: 100%; z-index: 1; }\r\n  .hero-loop .corner {\r\n    position: absolute;\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.16em;\r\n    color: var(--text-3);\r\n    z-index: 2;\r\n  }\r\n  .hero-loop .corner.tl { top: 0; left: 0; }\r\n  .hero-loop .corner.tr { top: 0; right: 0; text-align: right; }\r\n  .hero-loop .corner.bl { bottom: 0; left: 0; }\r\n  .hero-loop .corner.br { bottom: 0; right: 0; text-align: right; }\r\n  .hero-loop .corner b { color: var(--cyan); }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Section frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  section.s { padding: 130px 0; position: relative; }\r\n  section.s + section.s { border-top: 1px solid var(--border-soft); }\r\n\r\n  .section-label {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin-bottom: 64px;\r\n  }\r\n  .section-label .num {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    color: var(--cyan);\r\n  }\r\n  .section-label .rule {\r\n    flex: 1; height: 1px;\r\n    background: linear-gradient(to right, var(--border) 0%, var(--border-soft) 60%, transparent 100%);\r\n  }\r\n  .section-label .name {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-2);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Thesis \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .thesis {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: start;\r\n  }\r\n  .thesis .h2 { max-width: 12ch; }\r\n  .thesis p {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: var(--text-2);\r\n    margin-bottom: 22px;\r\n    max-width: 46ch;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Pillar section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .pillar {\r\n    padding: 130px 0;\r\n    position: relative;\r\n    border-top: 1px solid var(--border-soft);\r\n  }\r\n  .pillar:first-of-type { border-top: 1px solid var(--border-soft); }\r\n\r\n  .pillar-frame {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n  .pillar.reverse .pillar-frame {\r\n    direction: rtl;\r\n  }\r\n  .pillar.reverse .pillar-frame > * {\r\n    direction: ltr;\r\n  }\r\n\r\n  .pillar-meta {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin-bottom: 24px;\r\n  }\r\n  .pillar-num {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    color: var(--cyan);\r\n  }\r\n  .pillar-status {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    padding: 5px 11px;\r\n    border-radius: 4px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n  }\r\n  .pillar-status .s-dot {\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--cyan);\r\n    box-shadow: 0 0 8px var(--cyan);\r\n  }\r\n  .pillar-status.operational {\r\n    background: rgba(79, 184, 255, 0.1);\r\n    border: 1px solid rgba(79, 184, 255, 0.5);\r\n    color: var(--cyan-bright);\r\n  }\r\n  .pillar-status.active {\r\n    background: rgba(79, 184, 255, 0.06);\r\n    border: 1px solid var(--cyan-deep);\r\n    color: var(--cyan);\r\n  }\r\n  .pillar-status.active .s-dot {\r\n    animation: blink 2.4s ease-in-out infinite;\r\n  }\r\n\r\n  .pillar-text .h-pillar { margin-bottom: 22px; max-width: 14ch; }\r\n\r\n  \/* The outcome promise \u2014 sits prominent above body copy *\/\r\n  .pillar-outcome {\r\n    font-size: clamp(18px, 1.6vw, 22px);\r\n    font-weight: 300;\r\n    line-height: 1.4;\r\n    color: var(--text);\r\n    margin-bottom: 28px;\r\n    max-width: 42ch;\r\n    padding-left: 18px;\r\n    border-left: 2px solid var(--cyan);\r\n    box-shadow: -2px 0 14px -2px rgba(79, 184, 255, 0.5);\r\n  }\r\n  .pillar-outcome em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 12px rgba(79, 184, 255, 0.4);\r\n  }\r\n\r\n  .pillar-text p {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: var(--text-2);\r\n    max-width: 46ch;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .pillar-features {\r\n    margin-top: 28px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n  .pillar-feature {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    padding: 6px 12px;\r\n    border: 1px solid var(--border);\r\n    background: rgba(12, 23, 41, 0.5);\r\n    color: var(--text-2);\r\n    border-radius: 3px;\r\n  }\r\n  .pillar-feature b { color: var(--cyan-bright); font-weight: 500; }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Pillar visuals \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/* Pillar I \u2014 sprint catalogue card *\/\r\n  .sprint-card {\r\n    background: linear-gradient(135deg, var(--surface) 0%, var(--bg-2) 100%);\r\n    border: 1px solid var(--border);\r\n    border-radius: 4px;\r\n    padding: 32px 30px 28px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.6), 0 0 60px -20px rgba(79, 184, 255, 0.12);\r\n  }\r\n  .sprint-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%; right: -20%;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(79,184,255,0.1), transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n  .sprint-card-head {\r\n    display: flex; justify-content: space-between; align-items: baseline;\r\n    padding-bottom: 18px; margin-bottom: 20px;\r\n    border-bottom: 1px solid var(--border-soft);\r\n    position: relative;\r\n  }\r\n  .sprint-card-head .label {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n  }\r\n  .sprint-card-head .label b { color: var(--cyan); }\r\n  .sprint-card-head .live {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.14em;\r\n    color: var(--cyan-bright);\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n  }\r\n  .sprint-card-head .live::before {\r\n    content: ''; width: 6px; height: 6px; border-radius: 50%;\r\n    background: var(--cyan);\r\n    box-shadow: 0 0 8px var(--cyan);\r\n    animation: blink 2.4s ease-in-out infinite;\r\n  }\r\n\r\n  .sprint-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 16px;\r\n    padding: 14px 0;\r\n    border-bottom: 1px dashed var(--border-soft);\r\n    position: relative;\r\n  }\r\n  .sprint-row:last-child { border-bottom: none; }\r\n  .sprint-row .name {\r\n    font-size: 15px;\r\n    color: var(--text);\r\n    font-weight: 400;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .sprint-row .name .scope {\r\n    display: block;\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.12em;\r\n    color: var(--text-3);\r\n    margin-top: 4px;\r\n    text-transform: uppercase;\r\n  }\r\n  .sprint-row .price {\r\n    font-family: var(--mono);\r\n    font-size: 13px;\r\n    color: var(--cyan-bright);\r\n    font-weight: 500;\r\n    text-align: right;\r\n    align-self: center;\r\n  }\r\n  .sprint-row .price small {\r\n    display: block;\r\n    font-size: 9px;\r\n    color: var(--text-3);\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .sprint-card-foot {\r\n    margin-top: 20px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid var(--border-soft);\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n  .sprint-card-foot b { color: var(--cyan); }\r\n\r\n  \/* Pillar II \u2014 gap stat *\/\r\n  .gap-stat {\r\n    background: var(--surface);\r\n    border: 1px solid var(--border);\r\n    border-radius: 4px;\r\n    padding: 50px 44px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: center;\r\n  }\r\n  .gap-stat::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse 500px 250px at 50% 50%, rgba(79,184,255,0.12), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .gap-stat .label {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    margin-bottom: 28px;\r\n    display: block;\r\n    position: relative;\r\n  }\r\n  .gap-numbers {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n    gap: 32px;\r\n    margin-bottom: 28px;\r\n    position: relative;\r\n  }\r\n  .gap-num {\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .gap-num .v {\r\n    display: block;\r\n    font-size: clamp(56px, 7vw, 96px);\r\n    font-weight: 200;\r\n    line-height: 1;\r\n    letter-spacing: -0.04em;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 20px rgba(79, 184, 255, 0.5), 0 0 40px rgba(79, 184, 255, 0.3);\r\n    margin-bottom: 18px;\r\n  }\r\n  .gap-num .l {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--text-2);\r\n    max-width: 16ch;\r\n    margin: 0 auto;\r\n    line-height: 1.4;\r\n    min-height: 2.8em;\r\n  }\r\n  .gap-num.dim .v {\r\n    color: var(--text-2);\r\n    text-shadow: none;\r\n  }\r\n  .gap-divider {\r\n    font-family: var(--mono);\r\n    font-size: 14px;\r\n    color: var(--cyan);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    padding-top: clamp(28px, 3.5vw, 48px);\r\n  }\r\n  .gap-stat .source {\r\n    font-family: var(--mono);\r\n    font-size: 9px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    padding-top: 16px;\r\n    border-top: 1px solid var(--border-soft);\r\n    position: relative;\r\n  }\r\n\r\n  \/* Pillar III \u2014 sectors card *\/\r\n  .sectors {\r\n    background: var(--surface);\r\n    border: 1px solid var(--border);\r\n    border-radius: 4px;\r\n    padding: 36px 32px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .sectors::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse 400px 300px at 50% 100%, rgba(79,184,255,0.1), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .sectors-head {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    padding-bottom: 14px;\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid var(--border-soft);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    position: relative;\r\n  }\r\n  .sectors-head b { color: var(--cyan); }\r\n  .sectors-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n    position: relative;\r\n  }\r\n  .sector-row {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    gap: 18px;\r\n    align-items: center;\r\n    padding: 18px 0;\r\n    border-bottom: 1px dashed var(--border-soft);\r\n  }\r\n  .sector-row:last-child { border-bottom: none; }\r\n  .sector-row .num {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.14em;\r\n    color: var(--cyan);\r\n  }\r\n  .sector-row .name {\r\n    font-size: 17px;\r\n    font-weight: 300;\r\n    letter-spacing: -0.01em;\r\n    color: var(--text);\r\n  }\r\n  .sector-row .name em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n  }\r\n  .sector-row .desc {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: var(--text-3);\r\n    margin-top: 3px;\r\n    font-family: var(--mono);\r\n    letter-spacing: 0.08em;\r\n  }\r\n  .sector-row .status {\r\n    font-family: var(--mono);\r\n    font-size: 9px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--cyan-bright);\r\n    padding: 4px 10px;\r\n    border: 1px solid rgba(79, 184, 255, 0.3);\r\n    border-radius: 3px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Pull quote \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .pullquote {\r\n    padding: 130px 0;\r\n    border-top: 1px solid var(--border-soft);\r\n    border-bottom: 1px solid var(--border-soft);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .pullquote::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse 700px 240px at 50% 50%, rgba(79,184,255,0.09), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .pullquote .quote {\r\n    position: relative;\r\n    text-align: center;\r\n    font-size: clamp(28px, 3.8vw, 50px);\r\n    font-weight: 200;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.025em;\r\n    max-width: 24ch;\r\n    margin: 0 auto 32px;\r\n  }\r\n  .pullquote .quote em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 18px rgba(79, 184, 255, 0.45);\r\n  }\r\n  .pullquote .attr {\r\n    text-align: center;\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    position: relative;\r\n  }\r\n  .pullquote .attr::before, .pullquote .attr::after {\r\n    content: ''; display: inline-block;\r\n    width: 24px; height: 1px;\r\n    background: var(--cyan);\r\n    vertical-align: middle;\r\n    margin: 0 14px;\r\n    box-shadow: 0 0 6px var(--cyan);\r\n  }\r\n\r\n  \/* Markets row *\/\r\n  .markets {\r\n    margin-top: 28px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid var(--border-soft);\r\n  }\r\n  .markets-label {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    margin-bottom: 14px;\r\n    display: block;\r\n  }\r\n  .markets-list {\r\n    display: flex; flex-wrap: wrap; gap: 8px;\r\n  }\r\n  .market-pill {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n    padding: 6px 12px;\r\n    border: 1px solid rgba(79, 184, 255, 0.25);\r\n    background: rgba(79, 184, 255, 0.04);\r\n    color: var(--cyan-bright);\r\n    border-radius: 999px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 The Lab \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .lab-head {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    margin-bottom: 56px;\r\n    align-items: end;\r\n  }\r\n  .lab-head .h2 { max-width: 14ch; }\r\n  .lab-head p {\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n    color: var(--text-2);\r\n    max-width: 44ch;\r\n  }\r\n  .stages {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    border-top: 1px solid var(--border);\r\n    border-bottom: 1px solid var(--border);\r\n  }\r\n  .stage {\r\n    padding: 30px 22px 36px;\r\n    border-right: 1px solid var(--border-soft);\r\n    position: relative;\r\n    transition: background 280ms ease;\r\n  }\r\n  .stage:last-child { border-right: none; }\r\n  .stage:hover { background: var(--surface); }\r\n  .stage::before {\r\n    content: ''; position: absolute;\r\n    top: -1px; left: 0;\r\n    width: 0; height: 1px;\r\n    background: var(--cyan);\r\n    box-shadow: 0 0 8px var(--cyan);\r\n    transition: width 320ms ease;\r\n  }\r\n  .stage:hover::before { width: 100%; }\r\n\r\n  .stage .num {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.14em;\r\n    color: var(--cyan);\r\n    margin-bottom: 24px;\r\n    display: block;\r\n  }\r\n  .stage h4 {\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 12px;\r\n    color: var(--text);\r\n  }\r\n  .stage p {\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n    color: var(--text-2);\r\n  }\r\n\r\n  .lab-tag {\r\n    margin-top: 36px;\r\n    text-align: center;\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n  }\r\n  .lab-tag b { color: var(--cyan-bright); font-weight: 500; }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Field\/Proof \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .proof-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 1px;\r\n    background: var(--border-soft);\r\n    border: 1px solid var(--border-soft);\r\n  }\r\n  .proof-cell {\r\n    background: var(--bg);\r\n    padding: 36px 26px;\r\n    text-align: left;\r\n  }\r\n  .proof-cell .v {\r\n    font-size: clamp(36px, 4vw, 56px);\r\n    font-weight: 200;\r\n    line-height: 1;\r\n    letter-spacing: -0.03em;\r\n    color: var(--text);\r\n    margin-bottom: 14px;\r\n    display: block;\r\n  }\r\n  .proof-cell .v em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 14px rgba(79, 184, 255, 0.4);\r\n  }\r\n  .proof-cell .l {\r\n    font-family: var(--mono);\r\n    font-size: 10px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .cta {\r\n    padding: 160px 0;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse 800px 400px at 50% 50%, rgba(79,184,255,0.1), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .cta .container { position: relative; z-index: 2; }\r\n  .cta .display { margin: 0 auto 40px; max-width: 14ch; }\r\n  .cta .sub {\r\n    font-size: clamp(17px, 1.4vw, 20px);\r\n    color: var(--text-2);\r\n    margin: 0 auto 50px;\r\n    max-width: 44ch;\r\n    line-height: 1.5;\r\n  }\r\n  .cta .actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n  .cta .meta { margin-top: 60px; }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  footer.site-foot {\r\n    background: var(--bg-2);\r\n    color: var(--text);\r\n    padding: 90px 0 40px;\r\n    position: relative;\r\n    z-index: 2;\r\n    border-top: 1px solid var(--border-soft);\r\n  }\r\n  .foot-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n    gap: 48px;\r\n    padding-bottom: 60px;\r\n    border-bottom: 1px solid var(--border-soft);\r\n  }\r\n  .foot-grid h4 {\r\n    font-family: var(--mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--text-3);\r\n    margin-bottom: 22px;\r\n    font-weight: 400;\r\n  }\r\n  .foot-mark {\r\n    font-size: 24px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    line-height: 1;\r\n    margin-bottom: 18px;\r\n    color: var(--text);\r\n  }\r\n  .foot-mark em {\r\n    font-style: normal;\r\n    color: var(--cyan-bright);\r\n    text-shadow: 0 0 14px rgba(79, 184, 255, 0.5);\r\n  }\r\n  .foot-tagline {\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n    color: var(--text-2);\r\n    max-width: 32ch;\r\n    margin-bottom: 24px;\r\n  }\r\n  .foot-grid ul { list-style: none; }\r\n  .foot-grid li { margin-bottom: 11px; }\r\n  .foot-grid a {\r\n    color: var(--text-2);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    transition: color 200ms ease;\r\n  }\r\n  .foot-grid a:hover { color: var(--cyan-bright); }\r\n\r\n  .foot-bot {\r\n    padding-top: 28px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n  .foot-watermark {\r\n    margin-top: 60px;\r\n    font-size: clamp(70px, 17vw, 280px);\r\n    font-weight: 100;\r\n    letter-spacing: -0.05em;\r\n    line-height: 0.85;\r\n    color: rgba(79, 184, 255, 0.04);\r\n    text-align: center;\r\n    user-select: none;\r\n    overflow: hidden;\r\n    text-shadow: 0 0 80px rgba(79, 184, 255, 0.1);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @media (max-width: 980px) {\r\n    .hero-canvas { grid-template-columns: 1fr; gap: 50px; }\r\n    .thesis, .lab-head { grid-template-columns: 1fr; gap: 40px; }\r\n    .pillar-frame { grid-template-columns: 1fr; gap: 50px; }\r\n    .pillar.reverse .pillar-frame { direction: ltr; }\r\n    .stages { grid-template-columns: 1fr 1fr; }\r\n    .stage { border-bottom: 1px solid var(--border-soft); }\r\n    .proof-grid { grid-template-columns: 1fr 1fr; }\r\n    .foot-grid { grid-template-columns: 1fr 1fr; }\r\n    nav.primary { display: none; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .container { padding: 0 22px; }\r\n    .stages { grid-template-columns: 1fr; }\r\n    .proof-grid { grid-template-columns: 1fr; }\r\n    .foot-grid { grid-template-columns: 1fr; }\r\n    section.s, .pillar { padding: 80px 0; }\r\n    .hero-meta-row { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .gap-numbers { gap: 16px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500\u2500 Top ticker \u2500\u2500\u2500 -->\r\n<div class=\"ticker\">\r\n  <div class=\"ticker-track\">\r\n    <span class=\"ticker-item\"><b>DEPLOYMENT LAB<\/b> Operational<\/span>\r\n    <span class=\"ticker-item\"><b>GOVERNANCE & AGENT OPS<\/b> Active<\/span>\r\n    <span class=\"ticker-item\"><b>VERTICAL AI<\/b> Active<\/span>\r\n    <span class=\"ticker-item\"><b>FIELD OFFICES<\/b> Chennai \u00b7 Hyderabad \u00b7 Singapore \u00b7 Dubai \u00b7 Melbourne \u00b7 Auckland<\/span>\r\n    <span class=\"ticker-item\"><b>DEPLOYMENT LAB<\/b> Operational<\/span>\r\n    <span class=\"ticker-item\"><b>GOVERNANCE & AGENT OPS<\/b> Active<\/span>\r\n    <span class=\"ticker-item\"><b>VERTICAL AI<\/b> Active<\/span>\r\n    <span class=\"ticker-item\"><b>FIELD OFFICES<\/b> Chennai \u00b7 Hyderabad \u00b7 Singapore \u00b7 Dubai \u00b7 Melbourne \u00b7 Auckland<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500 Header \u2500\u2500\u2500 -->\r\n<header class=\"site-header\">\r\n  <div class=\"container\">\r\n    <a href=\"#\" class=\"wordmark\">\r\n      <span class=\"wordmark-mark\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <defs>\r\n            <radialGradient id=\"brandGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n              <stop offset=\"0%\" stop-color=\"#8FD4FF\" stop-opacity=\"1\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#4FB8FF\" stop-opacity=\"0\"\/>\r\n            <\/radialGradient>\r\n          <\/defs>\r\n          <circle cx=\"12\" cy=\"12\" r=\"6\" fill=\"url(#brandGlow)\"\/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#8FD4FF\"\/>\r\n          <path d=\"M 4 6 Q 12 12 4 18\" fill=\"none\" stroke=\"#4FB8FF\" stroke-width=\"1\" opacity=\"0.7\"\/>\r\n          <path d=\"M 20 6 Q 12 12 20 18\" fill=\"none\" stroke=\"#4FB8FF\" stroke-width=\"1\" opacity=\"0.7\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"wordmark-text\">InLogic <em>AI<\/em><\/span>\r\n    <\/a>\r\n    <nav class=\"primary\">\r\n      <a href=\"#deployment\">Deployment Lab<\/a>\r\n      <a href=\"#governance\">Governance<\/a>\r\n      <a href=\"#vertical\">Vertical AI<\/a>\r\n      <a href=\"#lab\">The Lab<\/a>\r\n      <a href=\"#contact\" class=\"nav-cta\">Start a Project \u2192<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section class=\"hero\">\r\n  <div class=\"container\">\r\n    <div class=\"hero-meta-row\">\r\n      <span class=\"meta\"><b>InLogic AI<\/b> &nbsp;\u00b7&nbsp; Three Pillars &nbsp;<span class=\"dot\">\u25c6<\/span>&nbsp; One Operating Model<\/span>\r\n      <span class=\"meta\">Est. <b>2025<\/b> &nbsp;\u00b7&nbsp; A practice of InLogic Technologies<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hero-canvas\">\r\n      <div class=\"hero-text\">\r\n        <span class=\"hero-eyebrow\">\r\n          <span class=\"dot\"><\/span>\r\n          DEPLOY \u00b7 GOVERN \u00b7 OWN THE VERTICAL\r\n        <\/span>\r\n\r\n        <h1 class=\"display hero-headline\">\r\n          <span class=\"l1\">Three pillars.<\/span>\r\n          <span class=\"l2\">One <em>operating<\/em><\/span>\r\n          <span class=\"l3\"><em>model.<\/em><\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"lede\">\r\n          We deploy AI inside your business, govern it once it's live,\r\n          and own the vertical platform underneath \u2014 with measurable\r\n          outcomes you can take to your board.\r\n        <\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"#deployment\" class=\"btn btn-primary\">\r\n            See What We Deliver <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n          <a href=\"#contact\" class=\"btn btn-ghost\">Start a Project<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-loop\">\r\n        <span class=\"corner tl\"><b>FIG. 01<\/b> \u00b7 LAB TOPOLOGY<\/span>\r\n        <span class=\"corner tr\">v2026.04<\/span>\r\n        <span class=\"corner bl\">\u221e ITERATIONS<\/span>\r\n        <span class=\"corner br\"><b>OPERATIONAL<\/b><\/span>\r\n        <svg id=\"hero-loop-svg\" viewBox=\"0 0 800 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <defs>\r\n            <filter id=\"streakGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n              <feGaussianBlur stdDeviation=\"3\" result=\"blur\"\/>\r\n              <feMerge>\r\n                <feMergeNode in=\"blur\"\/>\r\n                <feMergeNode in=\"SourceGraphic\"\/>\r\n              <\/feMerge>\r\n            <\/filter>\r\n          <\/defs>\r\n          <g id=\"loop-dots\"><\/g>\r\n          <line x1=\"400\" y1=\"300\" x2=\"400\" y2=\"300\" stroke=\"#FFFFFF\" stroke-width=\"2\" filter=\"url(#streakGlow)\" id=\"streak-line\"\/>\r\n          <circle cx=\"400\" cy=\"300\" r=\"4\" fill=\"#FFFFFF\" filter=\"url(#streakGlow)\"\/>\r\n          <circle cx=\"400\" cy=\"300\" r=\"2\" fill=\"#FFFFFF\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 01 THESIS \u2500\u2500\u2500 -->\r\n<section class=\"s\" id=\"thesis\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 01<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">The Thesis<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"thesis\">\r\n      <h2 class=\"h2\">One company. Three pillars. <em>All running today.<\/em><\/h2>\r\n      <div>\r\n        <p>\r\n          AI without governance is risk. Governance without deployment is theory.\r\n          And neither matters without sector depth where it counts. We run all three \u2014\r\n          in parallel, through one operating model \u2014 so every engagement compounds across them.\r\n        <\/p>\r\n        <p>\r\n          The work we deliver in deployment teaches us where governance has to harden.\r\n          The governance we build informs which verticals we own end-to-end.\r\n          One Lab. Three pillars. Pulling in the same direction.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 02 PILLAR I \u2014 DEPLOYMENT LAB \u2500\u2500\u2500 -->\r\n<section class=\"pillar\" id=\"deployment\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 02 \u00b7 PILLAR I<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">AI Deployment Lab<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-frame\">\r\n      <div class=\"pillar-text\">\r\n        <div class=\"pillar-meta\">\r\n          <span class=\"pillar-num\">PILLAR I<\/span>\r\n          <span class=\"pillar-status operational\"><span class=\"s-dot\"><\/span>OPERATIONAL<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"h-pillar\">AI Deployment <em>Lab.<\/em><\/h2>\r\n\r\n        <p class=\"pillar-outcome\">\r\n          AI deployed inside your business in <em>weeks, not quarters<\/em> \u2014\r\n          with outcomes you can show your board.\r\n        <\/p>\r\n\r\n        <p>\r\n          Productised sprint packages with fixed timelines and defined scope. Built\r\n          to win mid-market enterprise work \u2014 fast, transparent, no discovery wrapped\r\n          in a discovery wrapped in a contract.\r\n        <\/p>\r\n        <p>\r\n          You see the package, you see the timeline, you see what gets shipped.\r\n        <\/p>\r\n\r\n        <div class=\"markets\">\r\n          <span class=\"markets-label\">Active Markets<\/span>\r\n          <div class=\"markets-list\">\r\n            <span class=\"market-pill\">India<\/span>\r\n            <span class=\"market-pill\">UAE<\/span>\r\n            <span class=\"market-pill\">Singapore<\/span>\r\n            <span class=\"market-pill\">Australia<\/span>\r\n            <span class=\"market-pill\">New Zealand<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <article class=\"sprint-card\">\r\n        <header class=\"sprint-card-head\">\r\n          <span class=\"label\"><b>SPRINT CATALOGUE<\/b> \u00b7 v2026.04<\/span>\r\n          <span class=\"live\">SHIPPING<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"sprint-row\">\r\n          <span class=\"name\">\r\n            AI Discovery Sprint\r\n            <span class=\"scope\">Roadmap + feasibility<\/span>\r\n          <\/span>\r\n          <span class=\"price\">2 weeks<small>fixed scope<\/small><\/span>\r\n        <\/div>\r\n        <div class=\"sprint-row\">\r\n          <span class=\"name\">\r\n            AI Prototype Sprint\r\n            <span class=\"scope\">Working proof-of-concept<\/span>\r\n          <\/span>\r\n          <span class=\"price\">4 weeks<small>fixed scope<\/small><\/span>\r\n        <\/div>\r\n        <div class=\"sprint-row\">\r\n          <span class=\"name\">\r\n            Copilot Build\r\n            <span class=\"scope\">Production-ready AI assistant<\/span>\r\n          <\/span>\r\n          <span class=\"price\">8 weeks<small>fixed scope<\/small><\/span>\r\n        <\/div>\r\n        <div class=\"sprint-row\">\r\n          <span class=\"name\">\r\n            RAG Knowledge Platform\r\n            <span class=\"scope\">Secure retrieval deployment<\/span>\r\n          <\/span>\r\n          <span class=\"price\">10 weeks<small>fixed scope<\/small><\/span>\r\n        <\/div>\r\n        <div class=\"sprint-row\">\r\n          <span class=\"name\">\r\n            SDLC Transformation\r\n            <span class=\"scope\">Team-wide AI delivery rollout<\/span>\r\n          <\/span>\r\n          <span class=\"price\">12 weeks<small>scoped<\/small><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sprint-card-foot\">\r\n          <b>Fixed timelines.<\/b> Defined scope. Outcome metrics built in.\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 03 PILLAR II \u2014 GOVERNANCE \u2500\u2500\u2500 -->\r\n<section class=\"pillar reverse\" id=\"governance\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 03 \u00b7 PILLAR II<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">Governance & Agent Ops<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-frame\">\r\n      <div class=\"pillar-text\">\r\n        <div class=\"pillar-meta\">\r\n          <span class=\"pillar-num\">PILLAR II<\/span>\r\n          <span class=\"pillar-status active\"><span class=\"s-dot\"><\/span>ACTIVE<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"h-pillar\">AI Governance & <em>Agent Ops.<\/em><\/h2>\r\n\r\n        <p class=\"pillar-outcome\">\r\n          Run AI agents in production with <em>deployment-grade governance<\/em> \u2014\r\n          the audit, oversight and control your enterprise actually needs.\r\n        <\/p>\r\n\r\n        <p>\r\n          Most enterprises are deploying agents at speed and discovering they have\r\n          no way to govern, audit or operate them once they're live. We deliver\r\n          the layer that closes that gap \u2014 from agent registry to policy enforcement\r\n          to full observability.\r\n        <\/p>\r\n        <p>\r\n          Compliance-ready by design. Built for the regulators of 2026, not the\r\n          dashboards of 2022.\r\n        <\/p>\r\n\r\n        <div class=\"pillar-features\">\r\n          <span class=\"pillar-feature\"><b>01<\/b> Agent Registry<\/span>\r\n          <span class=\"pillar-feature\"><b>02<\/b> Audit Trails<\/span>\r\n          <span class=\"pillar-feature\"><b>03<\/b> Policy Enforcement<\/span>\r\n          <span class=\"pillar-feature\"><b>04<\/b> Observability<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gap-stat\">\r\n        <span class=\"label\">The Enterprise Gap \u00b7 2026<\/span>\r\n        <div class=\"gap-numbers\">\r\n          <div class=\"gap-num\">\r\n            <span class=\"v\">79%<\/span>\r\n            <span class=\"l\">deploy AI agents<\/span>\r\n          <\/div>\r\n          <span class=\"gap-divider\">\u2192<\/span>\r\n          <div class=\"gap-num dim\">\r\n            <span class=\"v\">11%<\/span>\r\n            <span class=\"l\">run them in production<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"source\">The opening \u00b7 Source: industry surveys, 2026<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 PULL QUOTE \u2500\u2500\u2500 -->\r\n<section class=\"pullquote\">\r\n  <div class=\"container\">\r\n    <p class=\"quote\">\r\n      Governance is not a feature. <em>It is the next platform.<\/em>\r\n    <\/p>\r\n    <p class=\"attr\">House Position \u00b7 InLogic AI<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 04 PILLAR III \u2014 VERTICAL AI \u2500\u2500\u2500 -->\r\n<section class=\"pillar\" id=\"vertical\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 04 \u00b7 PILLAR III<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">Vertical AI-as-a-Service<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-frame\">\r\n      <div class=\"pillar-text\">\r\n        <div class=\"pillar-meta\">\r\n          <span class=\"pillar-num\">PILLAR III<\/span>\r\n          <span class=\"pillar-status active\"><span class=\"s-dot\"><\/span>ACTIVE<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"h-pillar\">Vertical <em>AI-as-a-Service.<\/em><\/h2>\r\n\r\n        <p class=\"pillar-outcome\">\r\n          <em>Sector-specific AI platforms<\/em> with compliance built in \u2014\r\n          so you don't build from scratch and you don't go to production alone.\r\n        <\/p>\r\n\r\n        <p>\r\n          Pre-built AI stacks for the sectors where domain depth is the moat.\r\n          Healthcare, financial services and government \u2014 each with the integrations,\r\n          compliance posture and workflow understanding the sector demands.\r\n        <\/p>\r\n        <p>\r\n          Subscription model. Sector-shaped. Faster time to value than building\r\n          generic AI inside a regulated environment ever could be.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sectors\">\r\n        <header class=\"sectors-head\">\r\n          <span><b>SECTOR PLATFORMS<\/b><\/span>\r\n          <span>ENGAGED<\/span>\r\n        <\/header>\r\n\r\n        <div class=\"sectors-list\">\r\n          <div class=\"sector-row\">\r\n            <span class=\"num\">V-01<\/span>\r\n            <span class=\"name\">\r\n              <em>Healthcare<\/em>\r\n              <span class=\"desc\">Digital health \u00b7 clinical workflow \u00b7 patient platforms<\/span>\r\n            <\/span>\r\n            <span class=\"status\">Active<\/span>\r\n          <\/div>\r\n          <div class=\"sector-row\">\r\n            <span class=\"num\">V-02<\/span>\r\n            <span class=\"name\">\r\n              <em>Financial Services<\/em>\r\n              <span class=\"desc\">Regulated workflows \u00b7 compliance \u00b7 regional rails<\/span>\r\n            <\/span>\r\n            <span class=\"status\">Active<\/span>\r\n          <\/div>\r\n          <div class=\"sector-row\">\r\n            <span class=\"num\">V-03<\/span>\r\n            <span class=\"name\">\r\n              <em>Government<\/em>\r\n              <span class=\"desc\">Citizen services \u00b7 case management \u00b7 public data<\/span>\r\n            <\/span>\r\n            <span class=\"status\">Active<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 05 THE LAB \u2500\u2500\u2500 -->\r\n<section class=\"s\" id=\"lab\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 05<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">The Lab<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lab-head\">\r\n      <h2 class=\"h2\">All three pillars run through <em>one Lab.<\/em><\/h2>\r\n      <p>\r\n        Five disciplined stages. The same operating model that ships AI deployments\r\n        also builds the governance layer and shapes the vertical platforms \u2014\r\n        combining the speed of experimentation with the rigour of enterprise\r\n        software engineering.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stages\">\r\n      <div class=\"stage\">\r\n        <span class=\"num\">STAGE 01<\/span>\r\n        <h4>Discover<\/h4>\r\n        <p>Identify the business problem, users, workflows and value drivers.<\/p>\r\n      <\/div>\r\n      <div class=\"stage\">\r\n        <span class=\"num\">STAGE 02<\/span>\r\n        <h4>Prototype<\/h4>\r\n        <p>Rapid POCs and AI workflows to test the idea in days.<\/p>\r\n      <\/div>\r\n      <div class=\"stage\">\r\n        <span class=\"num\">STAGE 03<\/span>\r\n        <h4>Validate<\/h4>\r\n        <p>Feasibility, value, security, compliance and operational impact.<\/p>\r\n      <\/div>\r\n      <div class=\"stage\">\r\n        <span class=\"num\">STAGE 04<\/span>\r\n        <h4>Build<\/h4>\r\n        <p>Enterprise software engineering, cloud architecture and DevSecOps.<\/p>\r\n      <\/div>\r\n      <div class=\"stage\">\r\n        <span class=\"num\">STAGE 05<\/span>\r\n        <h4>Deploy<\/h4>\r\n        <p>Production deployment, monitoring, governance and continuous improvement.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"lab-tag\"><b>The same model<\/b> ships AI today &nbsp;\u00b7&nbsp; runs governance in production &nbsp;\u00b7&nbsp; builds the vertical<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 \u00a7 06 PROOF \/ FIELD \u2500\u2500\u2500 -->\r\n<section class=\"s\" id=\"field\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">\r\n      <span class=\"num\">\u00a7 06<\/span>\r\n      <span class=\"rule\"><\/span>\r\n      <span class=\"name\">Field<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"proof-grid\">\r\n      <div class=\"proof-cell\">\r\n        <span class=\"v\"><em>06<\/em><\/span>\r\n        <span class=\"l\">Field offices \u00b7 India, Singapore, UAE, AU, NZ<\/span>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <span class=\"v\">2025<\/span>\r\n        <span class=\"l\">Founded \u00b7 A practice of InLogic Technologies<\/span>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <span class=\"v\"><em>03<\/em><\/span>\r\n        <span class=\"l\">Pillars running in parallel \u00b7 One operating model<\/span>\r\n      <\/div>\r\n      <div class=\"proof-cell\">\r\n        <span class=\"v\">\u221e<\/span>\r\n        <span class=\"l\">Iterations \u00b7 The Lab never stops compounding<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CTA \u2500\u2500\u2500 -->\r\n<section class=\"cta\" id=\"contact\">\r\n  <div class=\"container\">\r\n    <h2 class=\"display\">Bring us the <em>problem.<\/em><\/h2>\r\n    <p class=\"sub\">\r\n      Whether you need AI deployed inside your business this quarter,\r\n      governance for the agents you've already shipped, or a vertical platform\r\n      to build on \u2014 we'd like to talk.\r\n    <\/p>\r\n    <div class=\"actions\">\r\n      <a href=\"mailto:lab@inlogicai.net\" class=\"btn btn-primary\">\r\n        Start a Conversation <span class=\"arrow\">\u2192<\/span>\r\n      <\/a>\r\n      <a href=\"#deployment\" class=\"btn btn-ghost\">Browse the Sprint Catalogue<\/a>\r\n    <\/div>\r\n    <p class=\"meta\">Available across \u00b7 Chennai \u00b7 Hyderabad \u00b7 Singapore \u00b7 Dubai \u00b7 Melbourne \u00b7 Auckland<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\r\n<footer class=\"site-foot\">\r\n  <div class=\"container\">\r\n    <div class=\"foot-grid\">\r\n      <div>\r\n        <h3 class=\"foot-mark\">InLogic <em>AI<\/em><\/h3>\r\n        <p class=\"foot-tagline\">\r\n          Three pillars. One operating model.\r\n          A practice of InLogic Technologies.\r\n        <\/p>\r\n        <p class=\"meta\"><b>Established 2025<\/b><br>India \u00b7 Singapore \u00b7 UAE \u00b7 Australia \u00b7 New Zealand<\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4>Pillars<\/h4>\r\n        <ul>\r\n          <li><a href=\"#deployment\">AI Deployment Lab<\/a><\/li>\r\n          <li><a href=\"#governance\">Governance & Agent Ops<\/a><\/li>\r\n          <li><a href=\"#vertical\">Vertical AI-as-a-Service<\/a><\/li>\r\n          <li><a href=\"#lab\">The Lab Model<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4>Lineage<\/h4>\r\n        <ul>\r\n          <li><a href=\"#\">InLogic Technologies<\/a><\/li>\r\n          <li><a href=\"#\">Engineering Charter<\/a><\/li>\r\n          <li><a href=\"#\">Open Roles<\/a><\/li>\r\n          <li><a href=\"#\">Contact<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h4>Field Offices<\/h4>\r\n        <ul>\r\n          <li><a href=\"#\">Chennai \u00b7 IN<\/a><\/li>\r\n          <li><a href=\"#\">Hyderabad \u00b7 IN<\/a><\/li>\r\n          <li><a href=\"#\">Singapore \u00b7 SG<\/a><\/li>\r\n          <li><a href=\"#\">Dubai \u00b7 AE<\/a><\/li>\r\n          <li><a href=\"#\">Melbourne \u00b7 AU<\/a><\/li>\r\n          <li><a href=\"#\">Auckland \u00b7 NZ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"foot-bot\">\r\n      <span class=\"meta\"><b>\u00a9 2026 InLogic AI<\/b> &nbsp;\u00b7&nbsp; A practice of InLogic Technologies<\/span>\r\n      <span class=\"meta\">v2026.04 &nbsp;\u00b7&nbsp; Last filed 30 April<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"foot-watermark\" aria-hidden=\"true\">deploy \u00b7 govern \u00b7 own<\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/* Hero particle infinity loop *\/\r\n(function () {\r\n  const svgNS = 'http:\/\/www.w3.org\/2000\/svg';\r\n  const group = document.getElementById('loop-dots');\r\n  if (!group) return;\r\n\r\n  const cx = 400, cy = 300;\r\n  const length = 240;\r\n  const maxR   = 175;\r\n  const rings  = 22;\r\n  const minDots = 6;\r\n  const maxDots = 70;\r\n\r\n  const alpha = 0.18;\r\n  const cosA = Math.cos(alpha), sinA = Math.sin(alpha);\r\n\r\n  const dots = [];\r\n\r\n  for (let side = -1; side <= 1; side += 2) {\r\n    for (let i = 0; i <= rings; i++) {\r\n      const t = i \/ rings;\r\n      const radius = maxR * t;\r\n      const xAxis = side * t * length;\r\n\r\n      const ringDots = Math.max(minDots, Math.floor(minDots + (maxDots - minDots) * t));\r\n      for (let j = 0; j < ringDots; j++) {\r\n        const theta = (j \/ ringDots) * Math.PI * 2 + (side < 0 ? Math.PI \/ ringDots : 0);\r\n        const yc = radius * Math.cos(theta);\r\n        const zc = radius * Math.sin(theta);\r\n\r\n        const xRot = xAxis * cosA - zc * sinA;\r\n        const zRot = xAxis * sinA + zc * cosA;\r\n\r\n        const sx = cx + xRot;\r\n        const sy = cy + yc;\r\n\r\n        const depth = (zRot + maxR) \/ (2 * maxR);\r\n        const opacity = 0.18 + depth * 0.7;\r\n        const size = 0.7 + t * 1.3 + depth * 0.5;\r\n\r\n        dots.push({ x: sx, y: sy, z: zRot, opacity, size, t });\r\n      }\r\n    }\r\n  }\r\n\r\n  dots.sort((a, b) => a.z - b.z);\r\n\r\n  dots.forEach((d, i) => {\r\n    const c = document.createElementNS(svgNS, 'circle');\r\n    c.setAttribute('cx', d.x.toFixed(2));\r\n    c.setAttribute('cy', d.y.toFixed(2));\r\n    c.setAttribute('r', d.size.toFixed(2));\r\n    c.setAttribute('fill', '#4FB8FF');\r\n    c.setAttribute('opacity', d.opacity.toFixed(3));\r\n    c.style.animation = 'dotPulse 4s ease-in-out infinite';\r\n    c.style.animationDelay = ((i % 50) * 0.04) + 's';\r\n    group.appendChild(c);\r\n  });\r\n\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    @keyframes dotPulse {\r\n      0%, 100% { transform: scale(1); }\r\n      50%      { transform: scale(0.85); }\r\n    }\r\n    #loop-dots circle { transform-box: fill-box; transform-origin: center; }\r\n  `;\r\n  document.head.appendChild(style);\r\n\r\n  const streak = document.getElementById('streak-line');\r\n  if (streak) {\r\n    let phase = 0;\r\n    function tick() {\r\n      phase += 0.012;\r\n      const ext = Math.abs(Math.sin(phase)) * length;\r\n      streak.setAttribute('x1', (cx - ext).toFixed(1));\r\n      streak.setAttribute('x2', (cx + ext).toFixed(1));\r\n      const opacity = 0.4 + Math.abs(Math.sin(phase * 1.3)) * 0.5;\r\n      streak.setAttribute('opacity', opacity.toFixed(2));\r\n      requestAnimationFrame(tick);\r\n    }\r\n    tick();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>InLogic AI \u2014 Three pillars. One operating model. DEPLOYMENT LAB Operational GOVERNANCE &#038; AGENT OPS Active VERTICAL AI Active FIELD OFFICES Chennai \u00b7 Hyderabad \u00b7 Singapore \u00b7 Dubai \u00b7 Melbourne \u00b7 Auckland DEPLOYMENT LAB Operational GOVERNANCE &#038; AGENT OPS Active VERTICAL AI Active FIELD OFFICES Chennai \u00b7 Hyderabad \u00b7 Singapore \u00b7 Dubai \u00b7 Melbourne \u00b7 &hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/inlogicai.net\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inlogicai.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inlogicai.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inlogicai.net\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/inlogicai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":0,"href":"https:\/\/inlogicai.net\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/inlogicai.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}