<!-- wp:html -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
<style>
.itx {
  --bg: #020617;
  --bg2: #05193c;
  --blue: #2563eb;
  --sky: #38bdf8;
  --ice: #bae6fd;
  --mint: #6ee7b7;
  --ink: #e8f3ff;
  --muted: #9db3d1;
  --line: rgba(186, 230, 253, .14);
  --card: rgba(15, 35, 72, .45);
  --radius: 16px;
  --head: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --body: "Inter", "Segoe UI", system-ui, sans-serif;
}
.itx * { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
.itx {
  margin: 0;
  font-family: var(--body);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.itx img, .itx svg { max-width: 100%; display: block; }
.itx a { color: inherit; }
.itx h1, .itx h2, .itx h3 { font-family: var(--head); line-height: 1.12; margin: 0; letter-spacing: -.01em; }
.itx .wrap { width: min(1160px, 100% - 32px); margin-inline: auto; }
.itx .skip { position: absolute; left: -999px; top: 8px; background: var(--mint); color: #022; padding: 8px 14px; border-radius: 8px; z-index: 100; }
.itx .skip:focus { left: 8px; }
.itx :focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; border-radius: 6px; }
.itx .site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.itx .bar { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.itx .brand img { height: 34px; width: auto; }
.itx .nav { display: flex; align-items: center; gap: 28px; }
.itx .nav a:not(.btn) { text-decoration: none; color: var(--muted); font-size: .95rem; font-weight: 500; transition: color .2s; }
.itx .nav a:not(.btn):hover { color: var(--ink); }
.itx .nav-toggle { display: none; background: none; border: 0; width: 44px; height: 44px; cursor: pointer; position: relative; }
.itx .nav-toggle span { position: absolute; left: 10px; right: 10px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .25s, top .25s; }
.itx .nav-toggle span:first-child { top: 17px; }
.itx .nav-toggle span:last-child { top: 25px; }
.itx .nav-toggle[aria-expanded="true"] span:first-child { top: 21px; transform: rotate(45deg); }
.itx .nav-toggle[aria-expanded="true"] span:last-child { top: 21px; transform: rotate(-45deg); }
.itx .btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 26px; border-radius: 999px; border: 1px solid transparent;
  font: 600 .98rem var(--body); text-decoration: none; cursor: pointer;
  color: #031230;
  background: linear-gradient(135deg, var(--sky), var(--ice));
  box-shadow: 0 0 0 0 rgba(56, 189, 248, .5), 0 8px 24px -8px rgba(56, 189, 248, .55);
  transition: transform .2s, box-shadow .2s;
}
.itx .btn:hover { transform: translateY(-2px); box-shadow: 0 0 0 4px rgba(56, 189, 248, .18), 0 12px 28px -8px rgba(56, 189, 248, .7); }
.itx .btn-sm { padding: 9px 18px; font-size: .9rem; }
.itx .btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); box-shadow: none; }
.itx .btn-ghost:hover { border-color: var(--sky); box-shadow: none; background: rgba(56, 189, 248, .08); }
.itx .hero {
  position: relative; overflow: hidden;
  padding: 56px 0 56px;
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(37, 99, 235, .35), transparent 60%),
    radial-gradient(700px 420px at 0% 100%, rgba(110, 231, 183, .10), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
}
.itx .hero-grid { display: grid; grid-template-columns: 1.02fr 1fr; gap: 40px; align-items: center; }
.itx .eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sky); }
.itx .eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); animation: pulse 2.4s ease-in-out infinite; }
.itx h1 { font-size: clamp(2.6rem, 5.4vw, 4.4rem); font-weight: 700; }
.itx .grad { background: linear-gradient(90deg, var(--sky), var(--ice) 60%, var(--mint)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.itx .lead { font-size: clamp(1.05rem, 1.6vw, 1.22rem); color: var(--muted); max-width: 34em; margin: 22px 0 32px; }
.itx .cta-row { display: flex; flex-wrap: wrap; gap: 14px; }
.itx .hero-points { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; padding: 0; margin: 34px 0 0; color: var(--muted); font-size: .9rem; }
.itx .hero-points li::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 9px; border-radius: 50%; background: var(--sky); vertical-align: middle; }
.itx .hero-visual { position: relative; }
.itx .wave { width: 100%; height: auto; overflow: visible; }
.itx .wave .node { transform-box: fill-box; transform-origin: center; animation: breathe 4s ease-in-out infinite; }
.itx .wave .n2 { animation-delay: -1.2s; }
.itx .wave .n3 { animation-delay: -2s; }
.itx .wave .n4 { animation-delay: -.6s; }
.itx .wave .n5 { animation-delay: -3s; }
.itx .wave .sat circle { animation: twinkle 3.6s ease-in-out infinite; }
.itx .wave .sat circle:nth-child(2n) { animation-delay: -1.4s; }
.itx .wave .sat circle:nth-child(3n) { animation-delay: -2.4s; }
.itx .strip { border-block: 1px solid var(--line); background: rgba(5, 25, 60, .5); }
.itx .strip-row { display: flex; align-items: center; gap: 20px 36px; flex-wrap: wrap; padding: 22px 0; }
.itx .strip-label { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.itx .strip ul { display: flex; flex-wrap: wrap; gap: 10px 30px; list-style: none; margin: 0; padding: 0; font-family: var(--head); font-weight: 500; color: var(--ice); }
.itx .section { padding: 68px 0; position: relative; }
.itx .section.alt { background: linear-gradient(180deg, var(--bg2), var(--bg)); border-block: 1px solid var(--line); }
.itx .section-head { max-width: 680px; margin-bottom: 34px; }
.itx h2 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); font-weight: 700; }
.itx .sub { color: var(--muted); font-size: 1.05rem; margin: 14px 0 0; max-width: 36em; }
.itx .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.itx .card {
  padding: 24px; border-radius: var(--radius); background: var(--card);
  border: 1px solid var(--line);
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.itx .card:hover { transform: translateY(-4px); border-color: rgba(56, 189, 248, .55); box-shadow: 0 18px 40px -20px rgba(56, 189, 248, .45); }
.itx .card h3 { font-size: 1.25rem; margin: 14px 0 6px; }
.itx .card p { margin: 0; color: var(--muted); }
.itx .ico { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(37, 99, 235, .45), rgba(56, 189, 248, .15)); border: 1px solid var(--line); }
.itx .ico svg { width: 24px; height: 24px; fill: none; stroke: var(--ice); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.itx .ico svg circle { fill: var(--ice); stroke: none; }
.itx .steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; }
.itx .steps::before, .itx .steps::after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; height: 3px; border-radius: 3px; }
.itx .steps::before { background: var(--line); }
.itx .steps::after { background: linear-gradient(90deg, var(--blue), var(--sky), var(--mint)); transform: scaleX(0); transform-origin: left; transition: transform 1.6s cubic-bezier(.4, 0, .2, 1); box-shadow: 0 0 12px rgba(56, 189, 248, .6); }
.itx .steps.in-view::after { transform: scaleX(1); }
.itx .step { position: relative; padding-top: 48px; }
.itx .step-node {
  position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 50%; z-index: 1;
  background: radial-gradient(circle, #fff 0 18%, var(--sky) 19% 40%, #031230 41%); border: 2px solid var(--ice);
  box-shadow: 0 0 18px rgba(56, 189, 248, .7);
}
.itx .step-node.mint { background: radial-gradient(circle, #fff 0 18%, var(--mint) 19% 40%, #031230 41%); border-color: var(--mint); box-shadow: 0 0 18px rgba(110, 231, 183, .7); }
.itx .step-no { font: 600 .85rem var(--head); color: var(--sky); letter-spacing: .1em; }
.itx .step h3 { font-size: 1.25rem; margin: 6px 0 8px; }
.itx .step p { margin: 0; color: var(--muted); }
.itx .why-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; }
.itx .principles { display: grid; gap: 12px; }
.itx .principle { padding: 16px 22px; border-left: 3px solid var(--sky); background: var(--card); border-radius: 0 var(--radius) var(--radius) 0; }
.itx .principle:nth-child(3n) { border-left-color: var(--mint); }
.itx .principle h3 { font-size: 1.2rem; margin-bottom: 6px; }
.itx .principle p { margin: 0; color: var(--muted); }
.itx .cta { background: radial-gradient(800px 420px at 20% 0%, rgba(37, 99, 235, .3), transparent 60%), linear-gradient(180deg, var(--bg), var(--bg2)); border-top: 1px solid var(--line); }
.itx .cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.itx .form { display: grid; gap: 12px; padding: 24px; border-radius: 20px; background: rgba(5, 25, 60, .65); border: 1px solid var(--line); }
.itx .form label { display: grid; gap: 6px; font-size: .85rem; font-weight: 500; color: var(--ice); }
.itx .form input, .itx .form textarea {
  font: 400 1rem var(--body); color: var(--ink);
  background: rgba(2, 6, 23, .7); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px;
  transition: border-color .2s, box-shadow .2s;
}
.itx .form input:focus, .itx .form textarea:focus { outline: 0; border-color: var(--sky); box-shadow: 0 0 0 3px rgba(56, 189, 248, .22); }
.itx .form input.invalid { border-color: #f87171; }
.itx .form .btn { justify-self: start; }
.itx .form-note { margin: 0; font-size: .9rem; color: var(--mint); min-height: 1.4em; }
.itx .form-note.err { color: #fca5a5; }
.itx .site-footer { border-top: 1px solid var(--line); background: var(--bg); padding: 28px 0; }
.itx .foot { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; }
.itx .foot .brand img { height: 28px; }
.itx .foot nav { display: flex; gap: 24px; flex-wrap: wrap; }
.itx .foot nav a { color: var(--muted); text-decoration: none; font-size: .92rem; }
.itx .foot nav a:hover { color: var(--ink); }
.itx .copy { width: 100%; margin: 0; color: var(--muted); font-size: .85rem; opacity: .8; }
.itx .cards.three { grid-template-columns: repeat(3, 1fr); }
.itx .svc-card { display: flex; flex-direction: column; text-decoration: none; }
.itx .svc-card p { flex: 1; }
.itx .svc-card .more { margin-top: 12px; color: var(--sky); font-weight: 600; font-size: .95rem; }
.itx .svc-card .more i { display: inline-block; font-style: normal; transition: transform .2s; }
.itx .svc-card:hover .more i { transform: translateX(5px); }
.itx .svc-card .ico svg rect { fill: none; stroke: var(--ice); }
.itx .service-section { padding: 56px 0; }
.itx .service { display: grid; grid-template-columns: 1.55fr 1fr; gap: 44px; align-items: center; }
.itx .service.flip { grid-template-columns: 1fr 1.55fr; }
.itx .service.flip .service-copy { order: 2; }
.itx .service.flip .viz, .itx .service.flip .viz-stack { order: 1; }
.itx .viz-stack { display: grid; gap: 24px; }
.itx .service-copy .sub { max-width: 44em; }
.itx .ticks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.itx .ticks li { position: relative; padding-left: 30px; color: var(--muted); }
.itx .ticks li strong { color: var(--ink); font-weight: 600; }
.itx .ticks li::before {
  content: ""; position: absolute; left: 0; top: .32em; width: 16px; height: 16px; border-radius: 50%;
  background: radial-gradient(circle, #fff 0 20%, var(--sky) 21% 45%, transparent 46%); border: 1.5px solid var(--ice);
}
.itx .deliv { margin-top: 22px; padding: 14px 20px; border-radius: 12px; border: 1px solid var(--line); border-left: 3px solid var(--mint); background: rgba(110, 231, 183, .06); }
.itx .deliv h4 { margin: 0 0 6px; font: 600 .78rem var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--mint); }
.itx .deliv p { margin: 0; color: var(--ink); font-size: .95rem; }
.itx .viz { margin: 0; padding: 20px 18px 14px; border-radius: 20px; border: 1px solid var(--line); background: linear-gradient(160deg, rgba(37, 99, 235, .16), rgba(5, 25, 60, .6)); box-shadow: 0 30px 60px -30px rgba(37, 99, 235, .5); }
.itx .viz svg { width: 100%; height: auto; }
.itx .viz figcaption { margin-top: 12px; text-align: center; font-size: .82rem; color: var(--muted); }
.itx .viz .layer rect { fill: rgba(2, 6, 23, .55); stroke: rgba(186, 230, 253, .25); stroke-width: 1; transition: stroke .3s; }
.itx .viz .layer:hover rect { stroke: var(--sky); }
.itx .viz .t1 { font-size: 13px; font-weight: 600; fill: var(--ink); }
.itx .viz .t1.mint { fill: var(--mint); }
.itx .viz .t2 { font-size: 11.5px; fill: var(--muted); }
.itx .viz .track { fill: rgba(186, 230, 253, .12); }
.itx .viz .fill { transform: scaleX(0); transform-box: fill-box; transform-origin: left; transition: transform 1.2s cubic-bezier(.4, 0, .2, 1) .3s; }
.itx .viz.in .fill { transform: scaleX(1); }
.itx .viz .ring { fill: none; stroke: rgba(186, 230, 253, .18); }
.itx .viz .spoke { stroke: rgba(186, 230, 253, .14); }
.itx .viz .area { fill: rgba(56, 189, 248, .2); stroke: var(--sky); stroke-width: 2; stroke-linejoin: round; transform-box: view-box; transform-origin: 180px 150px; transform: scale(.15); opacity: 0; transition: transform 1.1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .6s ease .2s; }
.itx .viz.in .area { transform: none; opacity: 1; }
.itx .viz .radar circle { opacity: 0; transition: opacity .5s ease 1.1s; }
.itx .viz.in .radar circle { opacity: 1; }
.itx .viz .bars circle { opacity: 0; transition: opacity .5s ease 1.3s; }
.itx .viz.in .bars circle { opacity: 1; }
.itx .viz .zone { fill: rgba(2, 6, 23, .55); stroke: rgba(186, 230, 253, .28); }
.itx .viz .zone.dmz { fill: rgba(110, 231, 183, .07); stroke: var(--mint); stroke-dasharray: 6 5; }
.itx .std-label { margin: 24px 0 10px; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.itx .chips { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.itx .chips li { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(56, 189, 248, .08); color: var(--ice); font-size: .85rem; font-weight: 500; }
.itx .form select {
  font: 400 1rem var(--body); color: var(--ink);
  background: rgba(2, 6, 23, .7); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px;
}
.itx .form select:focus { outline: 0; border-color: var(--sky); box-shadow: 0 0 0 3px rgba(56, 189, 248, .22); }
.itx .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.itx .reveal.in { opacity: 1; transform: none; }
.itx .cards .reveal:nth-child(3n+2), .itx .steps .reveal:nth-child(2) { transition-delay: .1s; }
.itx .cards .reveal:nth-child(3n), .itx .steps .reveal:nth-child(3) { transition-delay: .2s; }
.itx .steps .reveal:nth-child(4) { transition-delay: .3s; }
@keyframes pulse { 50% { opacity: .35; } }
@keyframes breathe { 50% { transform: scale(1.12); } }
@keyframes twinkle { 50% { opacity: .15; } }
@media (max-width: 960px) {
.itx .hero-grid, .itx .why-grid, .itx .cta-grid { grid-template-columns: 1fr; gap: 40px; }
.itx .cards { grid-template-columns: repeat(2, 1fr); }
.itx .steps { grid-template-columns: 1fr; gap: 34px; }
.itx .steps::before, .itx .steps::after { top: 15px; bottom: 15px; left: 15px; right: auto; width: 3px; height: auto; }
.itx .steps::after { transform: scaleY(0); transform-origin: top; }
.itx .steps.in-view::after { transform: scaleY(1); }
.itx .step { padding: 0 0 0 56px; }
.itx .section { padding: 48px 0; }
}
@media (max-width: 760px) {
.itx .nav-toggle { display: block; }
.itx .nav {
    position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px 16px 20px; background: rgba(2, 6, 23, .97); border-bottom: 1px solid var(--line);
    display: none;
  }
.itx .nav.open { display: flex; }
.itx .nav a:not(.btn) { padding: 14px 4px; border-bottom: 1px solid var(--line); font-size: 1.05rem; }
.itx .nav .btn { margin-top: 16px; padding: 14px; }
.itx .hero { padding: 32px 0 40px; }
}
@media (max-width: 560px) {
.itx .cards { grid-template-columns: 1fr; }
.itx .form { padding: 22px; }
.itx .btn { width: 100%; }
.itx .cta-row .btn { flex: 1 1 100%; }
.itx .form .btn { justify-self: stretch; }
}
@media (max-width: 960px) {
.itx .cards.three { grid-template-columns: 1fr; }
.itx .service, .itx .service.flip { grid-template-columns: 1fr; gap: 36px; }
.itx .service.flip .service-copy, .itx .service.flip .viz, .itx .service.flip .viz-stack { order: 0; }
.itx .service-section { padding: 40px 0; }
.itx .viz { max-width: 440px; }
.itx .viz-stack { max-width: none; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.itx .steps { gap: 24px; }
.itx .svc-card { flex-direction: row; align-items: center; gap: 16px; padding: 16px 20px; }
.itx .svc-card p, .itx .svc-card .more { display: none; }
.itx .svc-card h3 { margin: 0; font-size: 1.1rem; }
.itx .svc-card::after { content: "92"; margin-left: auto; color: var(--sky); font-size: 1.2rem; }
.itx .cards.three { gap: 12px; }
.itx .section-head { margin-bottom: 26px; }
}
@media (max-width: 640px) {
.itx .viz-stack { grid-template-columns: 1fr; }
}
@media (min-width: 961px) {
html { scroll-padding-top: 64px; }
.itx { font-size: 15.5px; line-height: 1.5; }
.itx .wrap { width: min(1240px, 100% - 64px); }
.itx .bar { height: 58px; }
.itx .brand img { height: 30px; }
.itx .btn { padding: 11px 22px; font-size: .94rem; }
.itx .btn-sm { padding: 8px 16px; font-size: .88rem; }
.itx .hero { padding: 34px 0 38px; }
.itx .hero-grid { gap: 28px; }
.itx .eyebrow { margin-bottom: 12px; font-size: .75rem; }
.itx h1 { font-size: clamp(2.4rem, 4.2vw, 3.4rem); }
.itx .lead { font-size: 1.08rem; margin: 14px 0 22px; }
.itx .hero-points { margin-top: 20px; font-size: .85rem; }
.itx .strip-row { padding: 12px 0; gap: 10px 28px; }
.itx .section { padding: 44px 0; }
.itx .service-section { padding: 36px 0; }
.itx .section-head { max-width: none; margin-bottom: 22px; }
.itx .section-head .sub { max-width: 48em; }
.itx h2 { font-size: clamp(1.7rem, 2.5vw, 2.15rem); }
.itx .sub { font-size: 1rem; margin-top: 10px; }
.itx .head-row { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: end; }
.itx .head-row .eyebrow, .itx .head-row h2 { grid-column: 1; }
.itx .head-row .sub { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.itx .cards { gap: 16px; }
.itx .card { padding: 16px 20px; }
.itx .ico { width: 40px; height: 40px; }
.itx .card h3 { font-size: 1.1rem; margin: 10px 0 4px; }
.itx .svc-card .more { margin-top: 8px; font-size: .9rem; }
.itx .service { gap: 36px; }
.itx .ticks { margin-top: 14px; gap: 7px; }
.itx .ticks li { font-size: .94rem; padding-left: 28px; }
.itx .deliv { margin-top: 16px; padding: 10px 16px; }
.itx .deliv p { font-size: .9rem; }
.itx .std-label { margin: 14px 0 8px; font-size: .74rem; }
.itx .chips { gap: 6px; }
.itx .chips li { padding: 3px 10px; font-size: .8rem; }
.itx .viz { padding: 14px 14px 10px; border-radius: 16px; }
.itx .viz svg { max-height: 250px; }
.itx .viz figcaption { margin-top: 6px; font-size: .78rem; }
.itx .viz-stack { gap: 14px; }
.itx .steps { gap: 22px; }
.itx .step { padding-top: 42px; }
.itx .step h3 { font-size: 1.1rem; margin: 4px 0 4px; }
.itx .why-grid { grid-template-columns: 1fr 1.3fr; gap: 36px; }
.itx .principles { grid-template-columns: 1fr 1fr; gap: 10px; }
.itx .principle { padding: 12px 16px; }
.itx .principle h3 { font-size: 1.05rem; margin-bottom: 4px; }
.itx .cta-grid { gap: 36px; }
.itx .form { grid-template-columns: 1fr 1fr; gap: 10px 14px; padding: 18px; }
.itx .form label:last-of-type, .itx .form .btn, .itx .form-note { grid-column: 1 / -1; }
.itx .form input, .itx .form textarea, .itx .form select { padding: 9px 12px; }
.itx .form textarea { height: 72px; }
.itx .form-note { min-height: 0; }
.itx .site-footer { padding: 18px 0; }
}
@media (prefers-reduced-motion: reduce) {
.itx .viz .fill { transform: none; }
.itx .viz .bars circle, .itx .viz .radar circle { opacity: 1; }
.itx .viz .area { transform: none; opacity: 1; }
html { scroll-behavior: auto; }
.itx *, .itx *::before, .itx *::after { animation: none !important; transition: none !important; }
.itx .reveal { opacity: 1; transform: none; }
.itx .steps::after { transform: none; }
}
html, body { overflow-x: clip; }
.itx { position: relative; left: 50%; width: 100vw; max-width: 100vw; transform: translateX(-50%); margin-left: 0; margin-right: 0; }
.itx .site-header { top: 0; }
.itx h1, .itx h2, .itx h3, .itx h4, .itx p, .itx li { color: inherit; text-transform: none; }
.itx h1, .itx h2, .itx h3, .itx h4 { font-family: var(--head); }
</style>
<noscript><style>
.itx .reveal { opacity: 1 !important; transform: none !important; }
.itx .viz .fill, .itx .viz .area { transform: none !important; opacity: 1 !important; }
.itx .viz circle { opacity: 1 !important; }
.itx .steps::after { transform: none !important; }
</style></noscript>
<div class="itx" id="innothreads-site">
<a class="skip" href="#it-main">Skip to content</a>
<div class="site-header" id="it-top">
  <div class="wrap bar">
    <a class="brand" href="#it-top" aria-label="Innothreads home"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDggMTIwIiB3aWR0aD0iMTAxNiIgaGVpZ2h0PSIyNDAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iSW5ub3RocmVhZHMiPjx0aXRsZT5Jbm5vdGhyZWFkczwvdGl0bGU+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhYmciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMjA2MTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNTE5M0MiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYXRoIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIxMjAiIHgyPSIxMjAiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyNTYzRUIiLz48c3RvcCBvZmZzZXQ9Ii42IiBzdG9wLWNvbG9yPSIjMzhCREY4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkFFNkZEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImF0eCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzAuNiIgeTE9IjAiIHgyPSIyNTAuNzExMzI4MTI1IiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjdFOEY5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0I4MkY2Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImFoYyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIuMzUiIHN0b3AtY29sb3I9IiMzOEJERjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzOEJERjgiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJhaGgiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iLjM1IiBzdG9wLWNvbG9yPSIjNkVFN0I3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNkVFN0I3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxmaWx0ZXIgaWQ9ImFmIiB4PSItMzAlIiB5PSItMzAlIiB3aWR0aD0iMTYwJSIgaGVpZ2h0PSIxNjAlIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjYiIHJlc3VsdD0iYiIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iYiIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48L2RlZnM+PGcgZmlsdGVyPSJ1cmwoI2FmKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMzAgOS4wMCkgc2NhbGUoMC44NSkiPjxjaXJjbGUgY3g9IjE0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSIzNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjU2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIzNCIgY3k9IjE2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjM0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMzQiIGN5PSI1NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIzNCIgY3k9Ijc2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjM0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNTQiIGN5PSIxNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI1NCIgY3k9IjM2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjU0IiBjeT0iNTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNTQiIGN5PSI3NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI1NCIgY3k9Ijk2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijc0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNzQiIGN5PSIzNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI3NCIgY3k9IjU2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijc0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNzQiIGN5PSI5NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI5NCIgY3k9IjE2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijk0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iOTQiIGN5PSI1NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI5NCIgY3k9Ijc2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijk0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iNTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PHBhdGggZD0iTTQgNjIgQzIwIDYyIDI2IDI2IDQ4IDI2IEM3MCAyNiA3MCA5NCA5MiA5NCBDMTA0IDk0IDExMCA4MCAxMTYgNjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhdGgpIiBzdHJva2Utd2lkdGg9IjMuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGNpcmNsZSBjeD0iNDgiIGN5PSIyNiIgcj0iMjAuMiIgZmlsbD0idXJsKCNhaGgpIiBvcGFjaXR5PSIuNTUiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjI2IiByPSIxMC4xIiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjNkVFN0I3IiBzdHJva2Utd2lkdGg9IjEuODIiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjI2IiByPSI2LjUiIGZpbGw9InVybCgjYWhoKSIvPjxjaXJjbGUgY3g9IjQ4IiBjeT0iMjYiIHI9IjIuNyIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjkyIiBjeT0iOTQiIHI9IjE4LjYiIGZpbGw9InVybCgjYWhjKSIgb3BhY2l0eT0iLjU1Ii8+PGNpcmNsZSBjeD0iOTIiIGN5PSI5NCIgcj0iOS4zIiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjQkFFNkZEIiBzdHJva2Utd2lkdGg9IjEuNjgiLz48Y2lyY2xlIGN4PSI5MiIgY3k9Ijk0IiByPSI2LjAiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjkyIiBjeT0iOTQiIHI9IjIuNSIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNjIiIHI9IjEwLjgiIGZpbGw9InVybCgjYWhjKSIgb3BhY2l0eT0iLjU1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI2MiIgcj0iNS40IiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjQkFFNkZEIiBzdHJva2Utd2lkdGg9IjEuMDAiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjYyIiByPSIzLjUiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNjIiIHI9IjEuNSIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIxMC44IiBmaWxsPSJ1cmwoI2FoYykiIG9wYWNpdHk9Ii41NSIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSI1LjQiIGZpbGw9IiMwMzEyMzAiIGZpbGwtb3BhY2l0eT0iLjg1IiBzdHJva2U9IiNCQUU2RkQiIHN0cm9rZS13aWR0aD0iMS4wMCIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIzLjUiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIxLjUiIGZpbGw9IiNGRkZGRkYiLz48L2c+PHBhdGggZD0iTTEzNC4zOCA0MS4wMlYzMi43MkgxNDIuNjhWNDEuMDJaTTEzNC4zOCA3Ni43NFY0NS4zMkgxNDIuNjhWNzYuNzRaIE0xNTAuOTAgNzYuNzRWNDUuMzJIMTU5LjE5Vjc2Ljc0Wk0xNjkuMDYgNzYuNzRWNTcuNzBRMTY5LjA2IDU1LjM3IDE2Ny43NSA1NC4xMVExNjYuNDMgNTIuODUgMTY0LjAxIDUyLjg1UTE2MS43MCA1Mi44NSAxNjAuNDUgNTQuMTRRMTU5LjE5IDU1LjQzIDE1OS4xOSA1Ny43NkwxNTguNTYgNTAuODBRMTU5LjkyIDQ3Ljk1IDE2MS44NyA0Ni40MVExNjMuODMgNDQuODYgMTY2Ljk0IDQ0Ljg2UTE3MS45MiA0NC44NiAxNzQuNjQgNDguMjFRMTc3LjM2IDUxLjU1IDE3Ny4zNiA1Ny42N1Y3Ni43NFogTTE4Ni4wMyA3Ni43NFY0NS4zMkgxOTQuMzNWNzYuNzRaTTIwNC4yMCA3Ni43NFY1Ny43MFEyMDQuMjAgNTUuMzcgMjAyLjg4IDU0LjExUTIwMS41NiA1Mi44NSAxOTkuMTQgNTIuODVRMTk2Ljg0IDUyLjg1IDE5NS41OCA1NC4xNFExOTQuMzMgNTUuNDMgMTk0LjMzIDU3Ljc2TDE5My42OSA1MC44MFExOTUuMDUgNDcuOTUgMTk3LjAxIDQ2LjQxUTE5OC45NiA0NC44NiAyMDIuMDggNDQuODZRMjA3LjA1IDQ0Ljg2IDIwOS43NyA0OC4yMVEyMTIuNDkgNTEuNTUgMjEyLjQ5IDU3LjY3Vjc2Ljc0WiBNMjMzLjgyIDc3LjE5UTIyNy4zNSA3Ny4xOSAyMjMuODEgNzMuNjFRMjIwLjI2IDcwLjAyIDIyMC4yNiA2My41MVY1OC4zOVEyMjAuMjYgNTEuOTUgMjIzLjgxIDQ4LjQwUTIyNy4zNSA0NC44NiAyMzMuODIgNDQuODZRMjQwLjI4IDQ0Ljg2IDI0My44MyA0OC40MFEyNDcuMzggNTEuOTUgMjQ3LjM4IDU4LjM5VjYzLjYwUTI0Ny4zOCA3MC4wOCAyNDMuODMgNzMuNjRRMjQwLjI4IDc3LjE5IDIzMy44MiA3Ny4xOVpNMjMzLjgwIDY5LjIwUTIzNi4zMCA2OS4yMCAyMzcuNjkgNjcuNzNRMjM5LjA5IDY2LjI2IDIzOS4wOSA2My42MFY1OC4zOVEyMzkuMDkgNTUuNzYgMjM3LjY5IDU0LjMxUTIzNi4zMCA1Mi44NSAyMzMuODAgNTIuODVRMjMxLjMxIDUyLjg1IDIyOS45MyA1NC4zMVEyMjguNTUgNTUuNzYgMjI4LjU1IDU4LjM5VjYzLjYwUTIyOC41NSA2Ni4yNiAyMjkuOTMgNjcuNzNRMjMxLjMxIDY5LjIwIDIzMy44MCA2OS4yMFoiIGZpbGw9InVybCgjYXR4KSIvPjxwYXRoIGQ9Ik0yNTIuNTEgNDMuNzRIMjYwLjY0TDI2My4yOSAzNi40NEgyNjcuNDFMMjY0Ljc2IDQzLjc0SDI3My4xMlY0NC44NUgyNjQuMzVMMjU3LjY2IDYzLjIzUTI1Ny4yNyA2NC4zMiAyNTYuOTAgNjUuNDZRMjU2LjUyIDY2LjYwIDI1Ni4yMyA2Ny43MFEyNTUuOTQgNjguODAgMjU1Ljc2IDY5LjgyUTI1NS41NyA3MC44NCAyNTUuNTcgNzEuNjdRMjU1LjU3IDczLjU5IDI1Ni42MiA3NC43M1EyNTcuNjYgNzUuODggMjU5Ljc4IDc1Ljg4UTI2MS44NCA3NS44OCAyNjMuNzkgNzUuMTBRMjY1Ljc0IDc0LjMyIDI2Ny42MyA3Mi43MFEyNjkuNTMgNzEuMDkgMjcxLjM5IDY4LjYyUTI3My4yNiA2Ni4xNiAyNzUuMTUgNjIuNzlMMjc2LjYwIDYwLjIzTDI3Ny4zNSA2MC43NkwyNzUuOTAgNjMuMzJRMjczLjcwIDY3LjIyIDI3MS42NCA2OS44OFEyNjkuNTggNzIuNTMgMjY3LjU2IDc0LjE4UTI2NS41NCA3NS44MiAyNjMuNDcgNzYuNTVRMjYxLjM5IDc3LjI3IDI1OS4xNyA3Ny4yN1EyNTcuNDcgNzcuMjcgMjU2LjE2IDc2Ljc1UTI1NC44NSA3Ni4yNCAyNTMuOTcgNzUuMjlRMjUzLjEwIDc0LjM1IDI1Mi42NCA3My4wMVEyNTIuMTggNzEuNjcgMjUyLjE4IDcwLjAzUTI1Mi4xOCA2OC41OCAyNTIuNTEgNjYuODVRMjUyLjg1IDY1LjEzIDI1My41NCA2My4yM0wyNjAuMjMgNDQuODVIMjUyLjUxWiBNMjg3LjkxIDI5LjA2SDI5Mi4wNkwyODIuMzQgNTUuNzFRMjg0LjIzIDUyLjU0IDI4NS45NCA1MC4xOVEyODcuNjYgNDcuODMgMjg5LjM1IDQ2LjI5UTI5MS4wNSA0NC43NCAyOTIuODQgNDMuOThRMjk0LjYyIDQzLjIxIDI5Ni42NSA0My4yMVEyOTguMzUgNDMuMjEgMjk5LjY0IDQzLjc3UTMwMC45NCA0NC4zMiAzMDEuODIgNDUuMzRRMzAyLjY5IDQ2LjM2IDMwMy4xNCA0Ny43OFEzMDMuNTggNDkuMjAgMzAzLjU4IDUwLjk1UTMwMy41OCA1Mi4yMSAzMDMuMTMgNTMuOTBRMzAyLjY3IDU1LjYwIDMwMS45NyA1Ny41MlEzMDEuMjcgNTkuNDUgMzAwLjQ3IDYxLjQ3UTI5OS42NiA2My40OCAyOTguOTYgNjUuMzhRMjk4LjI3IDY3LjI3IDI5Ny44MSA2OC45MFEyOTcuMzUgNzAuNTMgMjk3LjM1IDcxLjY3UTI5Ny4zNSA3My41OSAyOTguMzYgNzQuNzNRMjk5LjM4IDc1Ljg4IDMwMS41MiA3NS44OFEzMDMuMzkgNzUuODggMzA1LjEzIDc1LjA3UTMwNi44NyA3NC4yNiAzMDguNTggNzIuNjNRMzEwLjMwIDcxLjAwIDMxMi4wMiA2OC41NFEzMTMuNzUgNjYuMDcgMzE1LjYyIDYyLjc5TDMxNy4wNiA2MC4yM0wzMTcuODIgNjAuNzZMMzE2LjM3IDYzLjMyUTMxNC4zMyA2Ni45MSAzMTIuNDggNjkuNTRRMzEwLjYzIDcyLjE3IDMwOC43OCA3My44OVEzMDYuOTMgNzUuNjAgMzA1LjAwIDc2LjQzUTMwMy4wOCA3Ny4yNyAzMDAuOTEgNzcuMjdRMjk5LjIxIDc3LjI3IDI5Ny45MiA3Ni43NVEyOTYuNjIgNzYuMjQgMjk1Ljc1IDc1LjI5UTI5NC44NyA3NC4zNSAyOTQuNDIgNzMuMDFRMjkzLjk4IDcxLjY3IDI5My45OCA3MC4wM1EyOTMuOTggNjguODMgMjk0LjQ0IDY3LjE1UTI5NC45MCA2NS40NiAyOTUuNTkgNjMuNTFRMjk2LjI5IDYxLjU2IDI5Ny4xMCA1OS41MlEyOTcuOTAgNTcuNDcgMjk4LjYwIDU1LjU4UTI5OS4zMCA1My42OCAyOTkuNzYgNTIuMDVRMzAwLjIyIDUwLjQyIDMwMC4yMiA0OS4zNFEzMDAuMjIgNDcuMTcgMjk5LjIwIDQ1Ljg4UTI5OC4xOCA0NC42MCAyOTYuMDQgNDQuNjBRMjk0LjE0IDQ0LjYwIDI5Mi4zOSA0NS40OVEyOTAuNjQgNDYuMzkgMjg4Ljc4IDQ4LjMyUTI4Ni45MyA1MC4yNiAyODQuOTEgNTMuMzJRMjgyLjg5IDU2LjM4IDI4MC41MyA2MC43NkwyNzQuNjggNzYuNzRIMjcwLjU2WiBNMzM3Ljg3IDQ1LjcyUTMzNy44NyA0NS4yNyAzMzcuMjkgNDQuODFRMzM2LjcyIDQ0LjM1IDMzNS42NCA0NC4zNVEzMzQuNTIgNDQuMzUgMzMzLjIyIDQ1LjAzUTMzMS45MSA0NS43MiAzMzAuMjQgNDcuNDRRMzI4LjU2IDQ5LjE3IDMyNi40OSA1Mi4xNVEzMjQuNDIgNTUuMTMgMzIxLjgwIDU5Ljc1TDMyMC40MCA2Mi4yMEwzMTUuMTQgNzYuNzRIMzEwLjk5TDMyMy4wMiA0My43NEgzMjcuMTRMMzIyLjI3IDU3LjExUTMyNC41NSA1My4xOCAzMjYuNDUgNTAuNTJRMzI4LjM0IDQ3Ljg2IDMyOS45NiA0Ni4yM1EzMzEuNTcgNDQuNjAgMzMyLjk5IDQzLjkxUTMzNC40MSA0My4yMSAzMzUuNzggNDMuMjFRMzM3LjYyIDQzLjIxIDMzOC42NiA0NC4zMFEzMzkuNzAgNDUuMzggMzM5LjcwIDQ3LjE0UTMzOS43MCA0Ny44NiAzMzkuNTIgNDguNTJRMzM5LjM0IDQ5LjE3IDMzOC45OSA0OS42NFEzMzguNjUgNTAuMTIgMzM4LjE0IDUwLjQwUTMzNy42NCA1MC42NyAzMzcuMDMgNTAuNjdRMzM2LjU4IDUwLjY3IDMzNi4xNSA1MC41M1EzMzUuNzIgNTAuNDAgMzM1LjM5IDUwLjEwUTMzNS4wNSA0OS44MSAzMzQuODQgNDkuMzlRMzM0LjY0IDQ4Ljk4IDMzNC42NCA0OC40MlEzMzQuNjQgNDcuOTcgMzM0Ljc5IDQ3LjUxUTMzNC45NCA0Ny4wNSAzMzUuMjIgNDYuNzFRMzM1LjUwIDQ2LjM2IDMzNS44OSA0Ni4xM1EzMzYuMjggNDUuOTEgMzM2Ljc1IDQ1LjkxUTMzNy4wNiA0NS45MSAzMzcuMzQgNDUuOTdRMzM3LjM5IDQ2LjAyIDMzNy40OSA0Ni4wN1EzMzcuNTkgNDYuMTEgMzM3LjY0IDQ2LjExUTMzNy44NyA0Ni4xMSAzMzcuODcgNDUuNzJaIE0zNTIuNTEgNzcuMjdRMzQ3LjQ3IDc3LjI3IDM0NC43NCA3NC42NFEzNDIuMDIgNzIuMDEgMzQyLjAyIDY2LjgwUTM0Mi4wMiA2NS4zOCAzNDIuMjIgNjMuNzlRMzQyLjQzIDYyLjIwIDM0Mi44OCA2MC41M1EzNDMuODggNTYuODAgMzQ1LjcwIDUzLjYzUTM0Ny41MyA1MC40NSAzNDkuOTAgNDguMTRRMzUyLjI2IDQ1LjgzIDM1NC45OSA0NC41MlEzNTcuNzIgNDMuMjEgMzYwLjQ4IDQzLjIxUTM2My4yNiA0My4yMSAzNjQuODYgNDQuNTJRMzY2LjQ3IDQ1LjgzIDM2Ni40NyA0OC4yMFEzNjYuNDcgNDkuNTMgMzY1Ljk0IDUwLjgxUTM2NS40MSA1Mi4wOSAzNjQuNDAgNTMuMjRRMzYzLjQwIDU0LjM4IDM2Mi4wMCA1NS4zN1EzNjAuNTkgNTYuMzYgMzU4Ljg0IDU3LjA4UTM1Ni42NiA1OC4wMCAzNTQuMDUgNTguNDZRMzUxLjQzIDU4LjkyIDM0OC4wOSA1OC45MlEzNDcuMjggNjEuMTcgMzQ2LjgyIDYzLjYxUTM0Ni4zNiA2Ni4wNSAzNDYuMzYgNjguNThRMzQ2LjM2IDcyLjQ1IDM0Ny45OSA3NC4xNlEzNDkuNjIgNzUuODggMzUzLjEzIDc1Ljg4UTM1Ni4wNSA3NS44OCAzNTguNzAgNzQuNzVRMzYxLjM0IDczLjYyIDM2My42MCA3MS43OFEzNjUuODUgNjkuOTUgMzY3LjcyIDY3LjU5UTM2OS41OCA2NS4yNCAzNzAuOTggNjIuNzlMMzcyLjQzIDYwLjIzTDM3My4xOCA2MC43NkwzNzEuNzMgNjMuMzJRMzcwLjAwIDY2LjM1IDM2Ny45NiA2OC45MVEzNjUuOTEgNzEuNDggMzYzLjUwIDczLjMzUTM2MS4wOSA3NS4xOCAzNTguMzUgNzYuMjJRMzU1LjYwIDc3LjI3IDM1Mi41MSA3Ny4yN1pNMzYxLjI2IDQ0LjMyUTM1OS41MCA0NC4zMiAzNTcuNjggNDUuMzZRMzU1Ljg2IDQ2LjM5IDM1NC4xNiA0OC4yMVEzNTIuNDYgNTAuMDMgMzUwLjk4IDUyLjUxUTM0OS41MSA1NC45OSAzNDguNDIgNTcuOTFRMzUxLjQ4IDU3Ljg2IDM1My42NiA1Ny4zN1EzNTUuODMgNTYuODggMzU3LjQ0IDU2LjEzUTM1OC43MiA1NS41NSAzNTkuOTQgNTQuNjFRMzYxLjE1IDUzLjY4IDM2Mi4wOCA1Mi40OFEzNjMuMDEgNTEuMjkgMzYzLjU4IDQ5Ljg5UTM2NC4xNSA0OC41MCAzNjQuMTUgNDcuMDBRMzY0LjE1IDQ2LjI1IDM2My45MyA0NS43NVEzNjMuNzEgNDUuMjQgMzYzLjMyIDQ0LjkyUTM2Mi45MyA0NC42MCAzNjIuNDAgNDQuNDZRMzYxLjg3IDQ0LjMyIDM2MS4yNiA0NC4zMlogTTM3Mi4zMSA2MC40OFEzNzMuMzIgNTcuNDcgMzc0LjcxIDU1LjAwUTM3Ni4xMCA1Mi41NCAzNzcuNzMgNTAuNjJRMzc5LjM2IDQ4LjcwIDM4MS4xNiA0Ny4zMFEzODIuOTUgNDUuOTEgMzg0Ljc1IDQ1LjAxUTM4Ni41NCA0NC4xMCAzODguMjggNDMuNjZRMzkwLjAzIDQzLjIxIDM5MS41NiA0My4yMVEzOTMuMTQgNDMuMjEgMzk0LjIwIDQzLjcwUTM5NS4yNiA0NC4xOSAzOTUuOTIgNDUuMDZRMzk2LjU3IDQ1Ljk0IDM5Ni44NSA0Ny4xOFEzOTcuMTMgNDguNDIgMzk3LjEzIDQ5LjkyTDM5OS4zOCA0My43NEg0MDMuNTBMMzk2LjQwIDYzLjIzUTM5Ni4wMSA2NC4zMiAzOTUuNjIgNjUuNDVRMzk1LjIzIDY2LjU4IDM5NC45NCA2Ny42OFEzOTQuNjUgNjguNzggMzk0LjQ3IDY5Ljc5UTM5NC4yOSA3MC44MSAzOTQuMjkgNzEuNjdRMzk0LjI5IDczLjU5IDM5NS4zMCA3NC43M1EzOTYuMzIgNzUuODggMzk4LjQ2IDc1Ljg4UTQwMC4zMyA3NS44OCA0MDIuMDggNzUuMDhRNDAzLjg0IDc0LjI5IDQwNS41NSA3Mi42NlE0MDcuMjYgNzEuMDMgNDA4Ljk5IDY4LjU3UTQxMC43MiA2Ni4xMCA0MTIuNTUgNjIuNzlMNDEzLjk3IDYwLjIzTDQxNC43MyA2MC43Nkw0MTMuMjggNjMuMzJRNDExLjI1IDY2Ljk0IDQwOS4zOSA2OS41N1E0MDcuNTQgNzIuMjAgNDA1LjcwIDczLjkxUTQwMy44NyA3NS42MyA0MDEuOTQgNzYuNDVRNDAwLjAyIDc3LjI3IDM5Ny44NSA3Ny4yN1EzOTYuMTUgNzcuMjcgMzk0Ljg2IDc2Ljc1UTM5My41NiA3Ni4yNCAzOTIuNjggNzUuMjlRMzkxLjgxIDc0LjM1IDM5MS4zNiA3My4wMVEzOTAuOTIgNzEuNjcgMzkwLjkyIDcwLjAzUTM5MC45MiA2OC45NCAzOTEuMTEgNjcuNjhRMzkxLjMxIDY2LjQxIDM5MS43MCA2NS4wNFEzODguMDUgNzEuMTcgMzg0LjQ4IDc0LjIyUTM4MC45MiA3Ny4yNyAzNzcuMjQgNzcuMjdRMzc1LjUyIDc3LjI3IDM3NC4zMCA3Ni42NFEzNzMuMDkgNzYuMDIgMzcyLjMxIDc0Ljg5UTM3MS41MyA3My43NiAzNzEuMTcgNzIuMjRRMzcwLjgxIDcwLjcyIDM3MC44MSA2OC45MVEzNzAuODEgNjYuOTcgMzcxLjIwIDY0LjgxUTM3MS41OSA2Mi42NSAzNzIuMzEgNjAuNDhaTTM3OC4yNSA3NS44OFEzNzkuNzUgNzUuODggMzgxLjMxIDc1LjA4UTM4Mi44NyA3NC4yOSAzODQuNDEgNzIuOTFRMzg1Ljk2IDcxLjUzIDM4Ny40MSA2OS42OFEzODguODYgNjcuODMgMzkwLjE1IDY1LjczUTM5MS40NSA2My42MiAzOTIuNTMgNjEuNDBRMzkzLjYyIDU5LjE3IDM5NC40MSA1Ny4wMVEzOTUuMjAgNTQuODUgMzk1LjY0IDUyLjg5UTM5Ni4wNyA1MC45MiAzOTYuMDcgNDkuMzdRMzk2LjA3IDQ3Ljk1IDM5NS43MiA0Ni45OFEzOTUuMzcgNDYuMDIgMzk0LjgwIDQ1LjQyUTM5NC4yMyA0NC44MyAzOTMuNDkgNDQuNThRMzkyLjc1IDQ0LjMyIDM5MS45NyA0NC4zMlEzOTAuNDIgNDQuMzIgMzg4LjUxIDQ1LjI5UTM4Ni42MCA0Ni4yNSAzODQuNjIgNDguMjFRMzgyLjY1IDUwLjE3IDM4MC43NCA1My4xN1EzNzguODMgNTYuMTYgMzc3LjI0IDYwLjIwUTM3NS45MyA2My41NyAzNzUuMjggNjYuNDRRMzc0LjYzIDY5LjMwIDM3NC42MyA3MS4yM1EzNzQuNjMgNzMuNDAgMzc1LjUwIDc0LjY0UTM3Ni4zOCA3NS44OCAzNzguMjUgNzUuODhaIE00MTMuODYgNjAuNDhRNDE0Ljg3IDU3LjQ3IDQxNi4yNiA1NS4wMFE0MTcuNjUgNTIuNTQgNDE5LjI4IDUwLjYyUTQyMC45MSA0OC43MCA0MjIuNzAgNDcuMzBRNDI0LjUwIDQ1LjkxIDQyNi4zMCA0NS4wMVE0MjguMDkgNDQuMTAgNDI5LjgzIDQzLjY2UTQzMS41NyA0My4yMSA0MzMuMTEgNDMuMjFRNDM0LjY5IDQzLjIxIDQzNS43NSA0My43MFE0MzYuODEgNDQuMTkgNDM3LjQ2IDQ1LjA2UTQzOC4xMiA0NS45NCA0MzguNDAgNDcuMThRNDM4LjY4IDQ4LjQyIDQzOC42OCA0OS45Mkw0NDYuMjUgMjkuMDZINDUwLjM3TDQzNy45NSA2My4yM1E0MzcuNTYgNjQuMzIgNDM3LjE3IDY1LjQ2UTQzNi43OCA2Ni42MCA0MzYuNDkgNjcuNjlRNDM2LjIwIDY4Ljc4IDQzNi4wMiA2OS43OVE0MzUuODQgNzAuODEgNDM1Ljg0IDcxLjY3UTQzNS44NCA3My41OSA0MzYuODUgNzQuNzNRNDM3Ljg3IDc1Ljg4IDQ0MC4wMSA3NS44OFE0NDEuODggNzUuODggNDQzLjYzIDc1LjA4UTQ0NS4zOSA3NC4yOSA0NDcuMTAgNzIuNjZRNDQ4LjgxIDcxLjAzIDQ1MC41NCA2OC41N1E0NTIuMjcgNjYuMTAgNDU0LjEwIDYyLjc5TDQ1NS41MiA2MC4yM0w0NTYuMjggNjAuNzZMNDU0LjgzIDYzLjMyUTQ1Mi43OSA2Ni45MSA0NTAuOTQgNjkuNTRRNDQ5LjA5IDcyLjE3IDQ0Ny4yNSA3My44OVE0NDUuNDIgNzUuNjAgNDQzLjQ5IDc2LjQzUTQ0MS41NyA3Ny4yNyA0MzkuNDAgNzcuMjdRNDM3LjcwIDc3LjI3IDQzNi40MSA3Ni43NVE0MzUuMTEgNzYuMjQgNDM0LjIzIDc1LjI5UTQzMy4zNiA3NC4zNSA0MzIuOTEgNzMuMDFRNDMyLjQ3IDcxLjY3IDQzMi40NyA3MC4wM1E0MzIuNDcgNjguOTQgNDMyLjY2IDY3LjY4UTQzMi44NiA2Ni40MSA0MzMuMjUgNjUuMDRRNDI5LjYwIDcxLjE3IDQyNi4wMyA3NC4yMlE0MjIuNDcgNzcuMjcgNDE4Ljc5IDc3LjI3UTQxNy4wNyA3Ny4yNyA0MTUuODUgNzYuNjRRNDE0LjY0IDc2LjAyIDQxMy44NiA3NC44OVE0MTMuMDggNzMuNzYgNDEyLjcyIDcyLjI0UTQxMi4zNiA3MC43MiA0MTIuMzYgNjguOTFRNDEyLjM2IDY2Ljk3IDQxMi43NSA2NC44MVE0MTMuMTQgNjIuNjUgNDEzLjg2IDYwLjQ4Wk00MTkuNzkgNzUuODhRNDIxLjMwIDc1Ljg4IDQyMi44NiA3NS4wOFE0MjQuNDIgNzQuMjkgNDI1Ljk2IDcyLjkxUTQyNy41MSA3MS41MyA0MjguOTYgNjkuNjhRNDMwLjQwIDY3LjgzIDQzMS43MCA2NS43M1E0MzIuOTkgNjMuNjIgNDM0LjA4IDYxLjQwUTQzNS4xNyA1OS4xNyA0MzUuOTYgNTcuMDFRNDM2Ljc1IDU0Ljg1IDQzNy4xOSA1Mi44OVE0MzcuNjIgNTAuOTIgNDM3LjYyIDQ5LjM3UTQzNy42MiA0Ny45NSA0MzcuMjcgNDYuOThRNDM2LjkyIDQ2LjAyIDQzNi4zNSA0NS40MlE0MzUuNzggNDQuODMgNDM1LjA0IDQ0LjU4UTQzNC4zMCA0NC4zMiA0MzMuNTIgNDQuMzJRNDMxLjk2IDQ0LjMyIDQzMC4wNiA0NS4yOVE0MjguMTUgNDYuMjUgNDI2LjE3IDQ4LjIxUTQyNC4xOSA1MC4xNyA0MjIuMjkgNTMuMTdRNDIwLjM4IDU2LjE2IDQxOC43OSA2MC4yMFE0MTcuNDggNjMuNTcgNDE2LjgzIDY2LjQ0UTQxNi4xNyA2OS4zMCA0MTYuMTcgNzEuMjNRNDE2LjE3IDczLjQwIDQxNy4wNSA3NC42NFE0MTcuOTMgNzUuODggNDE5Ljc5IDc1Ljg4WiBNNDUxLjgyIDY5LjE5UTQ1MS44MiA2Ny43NyA0NTIuMTMgNjYuMzdRNDUyLjQzIDY0Ljk2IDQ1Mi45NiA2My43M1E0NTMuNDkgNjIuNTEgNDU0LjE5IDYxLjU1UTQ1NC44OCA2MC41OSA0NTUuNjYgNjAuMDNMNDY3LjQyIDQyLjkzUTQ2Ny43MiA0MC42OCA0NjguNDcgMzkuMzFRNDY5LjIzIDM3Ljk1IDQ3MC4yOCAzNy45NVE0NzEuMTIgMzcuOTUgNDcxLjY4IDM4LjM5UTQ3Mi4yMyAzOC44NCA0NzIuMjMgMzkuNDhRNDcyLjIzIDM5Ljk1IDQ3Mi4wMSA0MC4zMVE0NzEuNzkgNDAuNjggNDcxLjIzIDQxLjE1UTQ3MC41OSA0MS42OCA0NzAuMTYgNDIuMTVRNDY5LjczIDQyLjYzIDQ2OS40NSA0My4xMFE0NjkuMTcgNDMuNTcgNDY5LjA2IDQ0LjEwUTQ2OC45NSA0NC42MyA0NjguOTUgNDUuMjRRNDY4Ljk1IDQ1Ljg2IDQ2OS4wNCA0Ni41MlE0NjkuMTQgNDcuMTkgNDY5LjM5IDQ4LjIyUTQ2OS42NCA0OS4yNSA0NzAuMTAgNTAuNzlRNDcwLjU2IDUyLjMyIDQ3MS4yOSA1NC42NlE0NzIuMDEgNTcuMDAgNDcyLjM2IDU5LjExUTQ3Mi43MSA2MS4yMyA0NzIuNzEgNjMuMjNRNDcyLjcxIDcwLjg5IDQ2Ny4xNiA3NC44NVE0NjUuNTIgNzYuMDIgNDYzLjYxIDc2LjY0UTQ2MS43MSA3Ny4yNyA0NTkuNzYgNzcuMjdRNDU3LjkyIDc3LjI3IDQ1Ni40NCA3Ni43MFE0NTQuOTcgNzYuMTMgNDUzLjk1IDc1LjA4UTQ1Mi45MyA3NC4wNCA0NTIuMzggNzIuNTVRNDUxLjgyIDcxLjA2IDQ1MS44MiA2OS4xOVpNNDY3LjI1IDQ0Ljk0IDQ1Ny4zMSA1OS40NVE0NTguMjAgNTkuNDUgNDU4LjczIDYwLjAzUTQ1OS4yNiA2MC42MiA0NTkuMjYgNjEuNTlRNDU5LjI2IDYyLjA5IDQ1OS4xMiA2Mi41NVE0NTguOTggNjMuMDEgNDU4LjczIDYzLjM1UTQ1OC40OCA2My42OCA0NTguMTQgNjMuODlRNDU3LjgxIDY0LjEwIDQ1Ny40NSA2NC4xMFE0NTYuOTcgNjQuMTAgNDU2LjY0IDYzLjkwUTQ1Ni4zMCA2My43MSA0NTUuODAgNjMuNzFRNDU1LjIyIDYzLjcxIDQ1NC43MCA2NC4xMVE0NTQuMTkgNjQuNTEgNDUzLjgxIDY1LjI0UTQ1My40NCA2NS45NiA0NTMuMjMgNjYuOTVRNDUzLjAyIDY3Ljk0IDQ1My4wMiA2OS4xMVE0NTMuMDIgNzAuNjcgNDUzLjQ1IDcxLjkyUTQ1My44OCA3My4xOCA0NTQuNzAgNzQuMDVRNDU1LjUyIDc0LjkzIDQ1Ni42OCA3NS40MFE0NTcuODQgNzUuODggNDU5LjMxIDc1Ljg4UTQ2MS4yNiA3NS44OCA0NjIuOTMgNzUuMDRRNDY0LjYwIDc0LjIxIDQ2NS44NiA3Mi42MlE0NjguODYgNjguNzggNDY4Ljg2IDYxLjAzUTQ2OC44NiA2MC4wOSA0NjguODIgNTkuMTVRNDY4Ljc4IDU4LjIyIDQ2OC42OCA1Ny4yMFE0NjguNTggNTYuMTkgNDY4LjQyIDU1LjAyUTQ2OC4yNSA1My44NSA0NjguMDMgNTIuMzdRNDY3LjY0IDQ5Ljg5IDQ2Ny40NCA0OC4yMlE0NjcuMjUgNDYuNTUgNDY3LjI1IDQ1LjUyWiIgZmlsbD0iI0U4RjNGRiIvPjwvc3ZnPg==" alt="Innothreads" width="190" height="36"></a>
    <button class="nav-toggle" aria-label="Menu" aria-expanded="false" aria-controls="it-nav"><span></span><span></span></button>
    <nav id="it-nav" class="nav" aria-label="Main">
      <a href="#it-services">Services</a>
      <a href="#it-how">Our approach</a>
      <a href="#it-why">Why Innothreads</a>
      <a class="btn btn-sm" href="#it-contact">Book a consultation</a>
    </nav>
  </div>
</div>
<div id="it-main">
  <!-- HERO -->
  <section class="hero">
    <div class="wrap hero-grid">
      <div class="hero-copy">
        <p class="eyebrow"><span class="dot"></span> Industrial advisory &amp; assessments</p>
        <h1>Every decision,<br><span class="grad">connected.</span></h1>
        <p class="lead">Innothreads helps industrial organisations modernise operations, get ready for AI and secure the systems that keep production running &mdash; all tied together by one digital thread.</p>
        <div class="cta-row">
          <a class="btn" href="#it-contact">Book a consultation</a>
          <a class="btn btn-ghost" href="#it-services">Explore our services</a>
        </div>
        <ul class="hero-points">
          <li>Industry 4.0</li>
          <li>OT cyber security</li>
          <li>AI readiness</li>
        </ul>
      </div>
      <div class="hero-visual" aria-hidden="true">
        <svg viewBox="0 0 640 440" class="wave" preserveAspectRatio="xMidYMid meet">
          <defs>
            <linearGradient id="th" gradientUnits="userSpaceOnUse" x1="0" y1="400" x2="640" y2="40">
              <stop offset="0" stop-color="#2563EB"/><stop offset=".6" stop-color="#38BDF8"/><stop offset="1" stop-color="#BAE6FD"/>
            </linearGradient>
            <radialGradient id="gc"><stop offset="0" stop-color="#fff"/><stop offset=".35" stop-color="#38BDF8"/><stop offset="1" stop-color="#38BDF8" stop-opacity="0"/></radialGradient>
            <radialGradient id="gm"><stop offset="0" stop-color="#fff"/><stop offset=".35" stop-color="#6EE7B7"/><stop offset="1" stop-color="#6EE7B7" stop-opacity="0"/></radialGradient>
            <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="4" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
            <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1.4" fill="#38BDF8" opacity=".28"/></pattern>
          </defs>
          <rect width="640" height="440" fill="url(#grid)"/>
          <g stroke="#38BDF8" stroke-opacity=".28" stroke-width="1" fill="none" class="links">
            <path d="M200 120 L120 60 M200 120 L300 50 M200 120 L150 190"/>
            <path d="M440 340 L520 400 M440 340 L360 405 M440 340 L520 280"/>
            <path d="M320 230 L400 160 M320 230 L250 300"/>
          </g>
          <g fill="#38BDF8" class="sat">
            <circle cx="120" cy="60" r="4" opacity=".7"/><circle cx="300" cy="50" r="3" opacity=".6"/><circle cx="150" cy="190" r="3.5" opacity=".6"/>
            <circle cx="520" cy="400" r="4" opacity=".7"/><circle cx="360" cy="405" r="3" opacity=".6"/><circle cx="520" cy="280" r="3.5" opacity=".6"/>
            <circle cx="400" cy="160" r="3.5" opacity=".6"/><circle cx="250" cy="300" r="3" opacity=".6"/>
          </g>
          <path id="thread" d="M10 230 C90 230 110 120 200 120 C300 120 280 340 440 340 C520 340 560 280 630 220" fill="none" stroke="url(#th)" stroke-width="5" stroke-linecap="round" filter="url(#glow)"/>
          <circle r="7" fill="#fff" filter="url(#glow)"><animateMotion dur="7s" repeatCount="indefinite" calcMode="linear"><mpath href="#thread"/></animateMotion></circle>
          <circle r="14" fill="url(#gc)" opacity=".7"><animateMotion dur="7s" repeatCount="indefinite" calcMode="linear"><mpath href="#thread"/></animateMotion></circle>
          <g class="node n1"><circle cx="200" cy="120" r="34" fill="url(#gm)" opacity=".5"/><circle cx="200" cy="120" r="18" fill="#031230" fill-opacity=".9" stroke="#6EE7B7" stroke-width="3"/><circle cx="200" cy="120" r="11" fill="url(#gm)"/><circle cx="200" cy="120" r="4.5" fill="#fff"/></g>
          <g class="node n2"><circle cx="440" cy="340" r="32" fill="url(#gc)" opacity=".5"/><circle cx="440" cy="340" r="16" fill="#031230" fill-opacity=".9" stroke="#BAE6FD" stroke-width="3"/><circle cx="440" cy="340" r="10" fill="url(#gc)"/><circle cx="440" cy="340" r="4" fill="#fff"/></g>
          <g class="node n3"><circle cx="10" cy="230" r="18" fill="url(#gc)" opacity=".5"/><circle cx="10" cy="230" r="9" fill="#031230" fill-opacity=".9" stroke="#BAE6FD" stroke-width="2"/><circle cx="10" cy="230" r="3" fill="#fff"/></g>
          <g class="node n4"><circle cx="630" cy="220" r="18" fill="url(#gc)" opacity=".5"/><circle cx="630" cy="220" r="9" fill="#031230" fill-opacity=".9" stroke="#BAE6FD" stroke-width="2"/><circle cx="630" cy="220" r="3" fill="#fff"/></g>
          <g class="node n5"><circle cx="320" cy="230" r="14" fill="url(#gc)" opacity=".45"/><circle cx="320" cy="230" r="7" fill="#031230" fill-opacity=".9" stroke="#38BDF8" stroke-width="2"/><circle cx="320" cy="230" r="2.6" fill="#fff"/></g>
          <g font-family="Inter, sans-serif" font-size="12" fill="#BAE6FD" letter-spacing=".08em">
            <text x="232" y="92">INDUSTRY 4.0</text>
            <text x="464" y="316">OT SECURE</text>
            <text x="12" y="268">BASELINE</text>
            <text x="548" y="192">AI READY</text>
          </g>
        </svg>
      </div>
    </div>
  </section>
  <!-- INDUSTRIES STRIP -->
  <section class="strip" aria-label="Industries">
    <div class="wrap strip-row">
      <span class="strip-label">Trusted approach for</span>
      <ul>
        <li>Manufacturing</li><li>Energy &amp; Utilities</li><li>Oil &amp; Gas</li><li>Water</li><li>Pharma &amp; MedTech</li><li>Food &amp; Beverage</li>
      </ul>
    </div>
  </section>
  <!-- SERVICES OVERVIEW -->
  <section class="section" id="it-services">
    <div class="wrap">
      <div class="section-head head-row reveal">
        <p class="eyebrow">Services</p>
        <h2>Three services. One connected strategy.</h2>
        <p class="sub">Transformation without security is a risk, and AI without ready data is a gamble. We assess each in the context of the others, so your investments reinforce one another instead of competing.</p>
      </div>
      <div class="cards three">
        <a class="card svc-card reveal" href="#it-industry-40">
          <div class="ico"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="5" rx="1.2"/><rect x="3" y="10" width="18" height="5" rx="1.2"/><rect x="3" y="17" width="18" height="4" rx="1.2"/></svg></div>
          <h3>Industry 4.0 Digital Transformation</h3>
          <p>Benchmark digital maturity across seven dimensions, then turn the findings into a funded, phased roadmap.</p>
          <span class="more">Learn more <i>&rarr;</i></span>
        </a>
        <a class="card svc-card reveal" href="#it-ot-security">
          <div class="ico"><svg viewBox="0 0 24 24"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
          <h3>OT Cyber Security Assessment</h3>
          <p>Understand and reduce cyber risk across control systems, without disrupting production or safety.</p>
          <span class="more">Learn more <i>&rarr;</i></span>
        </a>
        <a class="card svc-card reveal" href="#it-ai-readiness">
          <div class="ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1"/></svg></div>
          <h3>AI Readiness Assessment</h3>
          <p>Find out whether your data, infrastructure, people and governance can support AI &mdash; and where to start for impact.</p>
          <span class="more">Learn more <i>&rarr;</i></span>
        </a>
      </div>
    </div>
  </section>
  <!-- SERVICE 1: INDUSTRY 4.0 -->
  <section class="section service-section alt" id="it-industry-40">
    <div class="wrap service">
      <div class="service-copy reveal">
        <p class="eyebrow">Service 01</p>
        <h2>Industry 4.0 Digital Transformation</h2>
        <p class="sub">A structured, evidence-based path from where you are today to a funded, sequenced roadmap &mdash; so transformation is driven by facts, not by whoever argues loudest.</p>
        <ul class="ticks">
          <li><strong>Digital maturity assessment</strong> &mdash; an enterprise questionnaire scores seven dimensions on a five-level scale, from Nascent to Leading, across leaders and frontline teams.</li>
          <li><strong>Stakeholder discovery</strong> &mdash; confidential interviews and workshops uncover the &ldquo;why&rdquo; behind the scores and where perception diverges.</li>
          <li><strong>AS-IS findings</strong> &mdash; strengths, gaps and evidence triangulated from surveys, interviews and document review.</li>
          <li><strong>Vision &amp; strategy</strong> &mdash; target maturity, guiding principles and strategic pillars your board can get behind.</li>
          <li><strong>Roadmap &amp; business case</strong> &mdash; phased horizons, rollout waves and milestones, backed by an investment case released in gated tranches.</li>
        </ul>
        <p class="std-label">The seven dimensions we assess</p>
        <ul class="chips">
          <li>Strategy &amp; Leadership</li><li>Customer Experience</li><li>Technology &amp; Infrastructure</li><li>Data &amp; Analytics</li><li>Process &amp; Operations</li><li>Culture &amp; Talent</li><li>Innovation &amp; Ecosystem</li>
        </ul>
        <div class="deliv"><h4>You receive</h4><p>Maturity scorecard &amp; AS-IS findings report &middot; vision &amp; strategy report &middot; phased roadmap &middot; business case</p></div>
      </div>
      <figure class="viz reveal" aria-label="Illustrative digital maturity radar chart across seven dimensions">
        <svg viewBox="0 0 380 290" role="img">
          <defs>
            <radialGradient id="v1n"><stop offset="0" stop-color="#fff"/><stop offset=".4" stop-color="#38BDF8"/><stop offset="1" stop-color="#38BDF8" stop-opacity="0"/></radialGradient>
          </defs>
          <g font-family="Inter, sans-serif" class="radar">
          <polygon points="180.0,129.0 196.4,136.9 200.5,154.7 189.1,168.9 170.9,168.9 159.5,154.7 163.6,136.9" class="ring"/>
          <polygon points="180.0,108.0 212.8,123.8 220.9,159.3 198.2,187.8 161.8,187.8 139.1,159.3 147.2,123.8" class="ring"/>
          <polygon points="180.0,87.0 229.3,110.7 241.4,164.0 207.3,206.8 152.7,206.8 118.6,164.0 130.7,110.7" class="ring"/>
          <polygon points="180.0,66.0 245.7,97.6 261.9,168.7 216.4,225.7 143.6,225.7 98.1,168.7 114.3,97.6" class="ring"/>
          <polygon points="180.0,45.0 262.1,84.5 282.4,173.4 225.6,244.6 134.4,244.6 77.6,173.4 97.9,84.5" class="ring"/>
          <line x1="180" y1="150" x2="180.0" y2="45.0" class="spoke"/>
          <line x1="180" y1="150" x2="262.1" y2="84.5" class="spoke"/>
          <line x1="180" y1="150" x2="282.4" y2="173.4" class="spoke"/>
          <line x1="180" y1="150" x2="225.6" y2="244.6" class="spoke"/>
          <line x1="180" y1="150" x2="134.4" y2="244.6" class="spoke"/>
          <line x1="180" y1="150" x2="77.6" y2="173.4" class="spoke"/>
          <line x1="180" y1="150" x2="97.9" y2="84.5" class="spoke"/>
          <polygon points="180.0,78.6 226.0,113.3 241.4,164.0 200.0,191.6 147.2,218.1 128.8,161.7 147.2,123.8" class="area"/>
          <circle cx="180.0" cy="78.6" r="9" fill="url(#v1n)"/><circle cx="180.0" cy="78.6" r="3.5" fill="#fff"/>
          <circle cx="226.0" cy="113.3" r="9" fill="url(#v1n)"/><circle cx="226.0" cy="113.3" r="3.5" fill="#fff"/>
          <circle cx="241.4" cy="164.0" r="9" fill="url(#v1n)"/><circle cx="241.4" cy="164.0" r="3.5" fill="#fff"/>
          <circle cx="200.0" cy="191.6" r="9" fill="url(#v1n)"/><circle cx="200.0" cy="191.6" r="3.5" fill="#fff"/>
          <circle cx="147.2" cy="218.1" r="9" fill="url(#v1n)"/><circle cx="147.2" cy="218.1" r="3.5" fill="#fff"/>
          <circle cx="128.8" cy="161.7" r="9" fill="url(#v1n)"/><circle cx="128.8" cy="161.7" r="3.5" fill="#fff"/>
          <circle cx="147.2" cy="123.8" r="9" fill="url(#v1n)"/><circle cx="147.2" cy="123.8" r="3.5" fill="#fff"/>
          <text x="180.0" y="29.0" text-anchor="middle" class="t1">Strategy</text>
          <text x="277.7" y="76.1" text-anchor="start" class="t1">Customer</text>
          <text x="301.9" y="181.8" text-anchor="start" class="t1">Technology</text>
          <text x="234.2" y="266.6" text-anchor="start" class="t1">Data</text>
          <text x="125.8" y="266.6" text-anchor="end" class="t1">Process</text>
          <text x="58.1" y="181.8" text-anchor="end" class="t1">Culture</text>
          <text x="82.3" y="76.1" text-anchor="end" class="t1">Innovation</text>
          </g>
        </svg>
        <figcaption>Illustrative maturity profile &mdash; seven dimensions scored from Nascent to Leading.</figcaption>
      </figure>
    </div>
  </section>
  <!-- SERVICE 2: OT SECURITY -->
  <section class="section service-section" id="it-ot-security">
    <div class="wrap service flip">
      <div class="service-copy reveal">
        <p class="eyebrow">Service 02</p>
        <h2>OT Cyber Security Assessment</h2>
        <p class="sub">Connecting plants creates value &mdash; and exposure. We assess your control-system environment with safety and uptime as the first rule, never the last.</p>
        <ul class="ticks">
          <li><strong>Asset discovery &amp; inventory</strong> &mdash; passive, non-intrusive visibility of DCS, SCADA, PLCs, HMIs, historians and network devices.</li>
          <li><strong>Architecture &amp; segmentation review</strong> &mdash; Purdue-model zones and conduits, IT/OT boundaries and firewall posture.</li>
          <li><strong>Risk &amp; vulnerability assessment</strong> &mdash; threat-informed, prioritised by operational consequence, not just CVSS score.</li>
          <li><strong>Access &amp; third-party review</strong> &mdash; remote access, vendor connections and privileged accounts.</li>
          <li><strong>Resilience &amp; response readiness</strong> &mdash; backup, recovery and incident-response capability for OT environments.</li>
        </ul>
        <div class="deliv"><h4>You receive</h4><p>Asset inventory &middot; zone &amp; conduit map &middot; risk register &middot; gap analysis against IEC 62443 and NIST &middot; prioritised remediation roadmap &middot; executive summary</p></div>
      </div>
      <div class="viz-stack">
      <figure class="viz reveal" aria-label="Diagram: four layers of an industrial environment connected by one thread">
        <svg viewBox="0 0 360 300" role="img">
          <defs>
            <linearGradient id="v4t" gradientUnits="userSpaceOnUse" x1="0" y1="40" x2="0" y2="250"><stop offset="0" stop-color="#6EE7B7"/><stop offset=".5" stop-color="#38BDF8"/><stop offset="1" stop-color="#2563EB"/></linearGradient>
            <radialGradient id="v4n"><stop offset="0" stop-color="#fff"/><stop offset=".4" stop-color="#38BDF8"/><stop offset="1" stop-color="#38BDF8" stop-opacity="0"/></radialGradient>
          </defs>
          <g font-family="Inter, sans-serif">
            <g class="layer"><rect x="16" y="14" width="270" height="52" rx="12"/><text x="32" y="38" class="t1">Enterprise</text><text x="32" y="55" class="t2">ERP &middot; PLM &middot; Supply chain</text><text x="272" y="38" text-anchor="end" class="t2">L4&ndash;5</text></g>
            <g class="layer"><rect x="16" y="84" width="270" height="52" rx="12"/><text x="32" y="108" class="t1">Operations</text><text x="32" y="125" class="t2">MES &middot; QMS &middot; Planning</text><text x="272" y="108" text-anchor="end" class="t2">L3</text></g>
            <g class="layer"><rect x="16" y="154" width="270" height="52" rx="12"/><text x="32" y="178" class="t1">Control</text><text x="32" y="195" class="t2">DCS &middot; SCADA &middot; PLC &middot; Historian</text><text x="272" y="178" text-anchor="end" class="t2">L1&ndash;2</text></g>
            <g class="layer"><rect x="16" y="224" width="270" height="52" rx="12"/><text x="32" y="248" class="t1">Field</text><text x="32" y="265" class="t2">Machines &middot; Sensors &middot; IIoT</text><text x="272" y="248" text-anchor="end" class="t2">L0</text></g>
          </g>
          <path d="M322 40 L322 250" stroke="url(#v4t)" stroke-width="4" stroke-linecap="round"/>
          <g stroke="#38BDF8" stroke-opacity=".5" stroke-width="1.5"><path d="M286 40H322M286 110H322M286 180H322M286 250H322"/></g>
          <g>
            <circle cx="322" cy="40" r="9" fill="#031230" stroke="#6EE7B7" stroke-width="2.4"/><circle cx="322" cy="40" r="3" fill="#fff"/>
            <circle cx="322" cy="110" r="9" fill="#031230" stroke="#BAE6FD" stroke-width="2.4"/><circle cx="322" cy="110" r="3" fill="#fff"/>
            <circle cx="322" cy="180" r="9" fill="#031230" stroke="#BAE6FD" stroke-width="2.4"/><circle cx="322" cy="180" r="3" fill="#fff"/>
            <circle cx="322" cy="250" r="9" fill="#031230" stroke="#BAE6FD" stroke-width="2.4"/><circle cx="322" cy="250" r="3" fill="#fff"/>
          </g>
          <circle r="11" fill="url(#v4n)"><animateMotion dur="4s" repeatCount="indefinite" path="M322 250 L322 40"/></circle>
        </svg>
        <figcaption>Every layer is in scope &mdash; from enterprise systems down to field devices.</figcaption>
      </figure>
      <figure class="viz reveal" aria-label="Diagram: IT, DMZ and OT zones separated by controlled conduits">
        <svg viewBox="0 0 360 300" role="img">
          <defs>
            <radialGradient id="v3n"><stop offset="0" stop-color="#fff"/><stop offset=".4" stop-color="#6EE7B7"/><stop offset="1" stop-color="#6EE7B7" stop-opacity="0"/></radialGradient>
          </defs>
          <g font-family="Inter, sans-serif">
            <rect x="12" y="10" width="336" height="74" rx="14" class="zone"/><text x="28" y="32" class="t1">Enterprise network (IT)</text>
            <rect x="12" y="112" width="336" height="64" rx="14" class="zone dmz"/><text x="28" y="134" class="t1 mint">Industrial DMZ</text>
            <rect x="12" y="204" width="336" height="86" rx="14" class="zone"/><text x="28" y="226" class="t1">Control &amp; field network (OT)</text>
          </g>
          <g stroke="#38BDF8" stroke-opacity=".55" stroke-width="2" stroke-dasharray="3 5"><path d="M110 70V232M250 70V232"/></g>
          <g fill="#BAE6FD"><circle cx="110" cy="58" r="5"/><circle cx="170" cy="58" r="5"/><circle cx="250" cy="58" r="5"/><circle cx="310" cy="58" r="5"/>
            <circle cx="70" cy="258" r="5"/><circle cx="110" cy="262" r="5"/><circle cx="170" cy="258" r="5"/><circle cx="250" cy="262" r="5"/><circle cx="310" cy="258" r="5"/></g>
          <g>
            <circle cx="110" cy="154" r="15" fill="url(#v3n)" opacity=".6"/><circle cx="110" cy="154" r="9" fill="#031230" stroke="#6EE7B7" stroke-width="2.4"/><path d="M106 154l3 3 5-6" stroke="#6EE7B7" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
            <circle cx="250" cy="154" r="15" fill="url(#v3n)" opacity=".6"/><circle cx="250" cy="154" r="9" fill="#031230" stroke="#6EE7B7" stroke-width="2.4"/><path d="M246 154l3 3 5-6" stroke="#6EE7B7" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
          </g>
        </svg>
        <figcaption>Controlled conduits between zones keep IT threats away from the plant floor.</figcaption>
      </figure>
      </div>
    </div>
  </section>
  <!-- SERVICE 3: AI READINESS -->
  <section class="section service-section alt" id="it-ai-readiness">
    <div class="wrap service">
      <div class="service-copy reveal">
        <p class="eyebrow">Service 03</p>
        <h2>AI Readiness Assessment</h2>
        <p class="sub">AI projects stall on data, skills and governance long before the algorithm matters. We give you an honest, evidence-based picture before you invest.</p>
        <ul class="ticks">
          <li><strong>Data readiness</strong> &mdash; availability, quality, context and lineage of your OT and IT data.</li>
          <li><strong>Infrastructure &amp; integration</strong> &mdash; connectivity, edge and cloud capability, and MLOps foundations.</li>
          <li><strong>Skills &amp; operating model</strong> &mdash; roles, ownership and change readiness across engineering, operations and IT.</li>
          <li><strong>Governance &amp; risk</strong> &mdash; responsible-AI practice, model oversight and regulatory awareness, with safety in the loop.</li>
          <li><strong>Use-case feasibility</strong> &mdash; a shortlist scored for value, data fit and risk, with quick wins identified.</li>
        </ul>
        <div class="deliv"><h4>You receive</h4><p>Readiness scorecard &middot; data &amp; platform gap analysis &middot; scored use-case shortlist &middot; governance recommendations &middot; 90-day action plan</p></div>
      </div>
      <figure class="viz reveal" aria-label="Illustrative AI readiness profile across five dimensions">
        <svg viewBox="0 0 360 300" role="img">
          <defs>
            <linearGradient id="v2b" x1="0" x2="1"><stop offset="0" stop-color="#2563EB"/><stop offset="1" stop-color="#38BDF8"/></linearGradient>
            <radialGradient id="v2n"><stop offset="0" stop-color="#fff"/><stop offset=".4" stop-color="#6EE7B7"/><stop offset="1" stop-color="#6EE7B7" stop-opacity="0"/></radialGradient>
          </defs>
          <g font-family="Inter, sans-serif" class="bars">
            <text x="20" y="34" class="t1">Data</text><rect x="20" y="42" width="320" height="10" rx="5" class="track"/><rect x="20" y="42" width="230" height="10" rx="5" fill="url(#v2b)" class="fill" style="--w:230"/><circle cx="250" cy="47" r="9" fill="url(#v2n)"/>
            <text x="20" y="90" class="t1">Infrastructure</text><rect x="20" y="98" width="320" height="10" rx="5" class="track"/><rect x="20" y="98" width="154" height="10" rx="5" fill="url(#v2b)" class="fill" style="--w:154"/><circle cx="174" cy="103" r="9" fill="url(#v2n)"/>
            <text x="20" y="146" class="t1">Skills &amp; operating model</text><rect x="20" y="154" width="320" height="10" rx="5" class="track"/><rect x="20" y="154" width="192" height="10" rx="5" fill="url(#v2b)" class="fill" style="--w:192"/><circle cx="212" cy="159" r="9" fill="url(#v2n)"/>
            <text x="20" y="202" class="t1">Governance &amp; risk</text><rect x="20" y="210" width="320" height="10" rx="5" class="track"/><rect x="20" y="210" width="112" height="10" rx="5" fill="url(#v2b)" class="fill" style="--w:112"/><circle cx="132" cy="215" r="9" fill="url(#v2n)"/>
            <text x="20" y="258" class="t1">Use-case value</text><rect x="20" y="266" width="320" height="10" rx="5" class="track"/><rect x="20" y="266" width="262" height="10" rx="5" fill="url(#v2b)" class="fill" style="--w:262"/><circle cx="282" cy="271" r="9" fill="url(#v2n)"/>
          </g>
        </svg>
        <figcaption>Illustrative readiness profile &mdash; every assessment is scored on your own evidence.</figcaption>
      </figure>
    </div>
  </section>
  <!-- APPROACH -->
  <section class="section" id="it-how">
    <div class="wrap">
      <div class="section-head reveal">
        <p class="eyebrow">Our approach</p>
        <h2>From unknowns to an actionable roadmap</h2>
        <p class="sub">Every engagement follows the same thread: understand where you are, decide where to go, and make it stick.</p>
      </div>
      <ol class="steps" id="it-steps">
        <li class="step reveal">
          <span class="step-node"></span>
          <span class="step-no">01</span>
          <h3>Discover</h3>
          <p>Workshops, site walk-downs and data review to baseline your current state with minimal disruption.</p>
        </li>
        <li class="step reveal">
          <span class="step-node"></span>
          <span class="step-no">02</span>
          <h3>Assess</h3>
          <p>Score maturity, readiness or risk against recognised frameworks, backed by evidence from your own environment.</p>
        </li>
        <li class="step reveal">
          <span class="step-node"></span>
          <span class="step-no">03</span>
          <h3>Prioritise</h3>
          <p>Translate findings into a ranked, costed roadmap that balances value, risk and effort.</p>
        </li>
        <li class="step reveal">
          <span class="step-node mint"></span>
          <span class="step-no">04</span>
          <h3>Enable</h3>
          <p>Hand over clear actions, support delivery and track progress so improvements stick.</p>
        </li>
      </ol>
    </div>
  </section>
  <!-- WHY -->
  <section class="section alt" id="it-why">
    <div class="wrap why-grid">
      <div class="reveal">
        <p class="eyebrow">Why Innothreads</p>
        <h2>Innovation that holds together</h2>
        <p class="sub">The name says it: innovative threads. The best ideas fail when information, technology and security are treated separately &mdash; so we assess them together.</p>
        <p class="std-label">Aligned with recognised standards and frameworks</p>
        <ul class="chips">
          <li>IEC 62443</li><li>NIST CSF 2.0</li><li>NIST SP 800-82</li><li>ISA-95</li><li>NIST AI RMF</li><li>ISO/IEC 42001</li><li>NIS2</li>
        </ul>
      </div>
      <div class="principles">
        <div class="principle reveal">
          <h3>OT-aware, safety first</h3>
          <p>We understand that uptime and safety come before everything. Our methods are passive and coordinated with your operations team.</p>
        </div>
        <div class="principle reveal">
          <h3>Vendor-neutral advice</h3>
          <p>We have nothing to sell but clarity. Recommendations are driven by your goals, not a product catalogue.</p>
        </div>
        <div class="principle reveal">
          <h3>Evidence over opinion</h3>
          <p>Every score and finding is traceable to data we collected with you &mdash; the thread runs all the way through.</p>
        </div>
        <div class="principle reveal">
          <h3>Practical, not theoretical</h3>
          <p>You leave with a prioritised plan your teams can act on next week, not a shelf-ware report.</p>
        </div>
      </div>
    </div>
  </section>
  <!-- CTA / CONTACT -->
  <section class="section cta" id="it-contact">
    <div class="wrap cta-grid">
      <div class="reveal">
        <p class="eyebrow">Get in touch</p>
        <h2>Start with a conversation</h2>
        <p class="sub">Tell us about your site and where you want to get to. We will suggest the right assessment and how to run it with minimal disruption.</p>
      </div>
      <form class="form reveal" id="it-contact-form" novalidate>
        <label>Name<input name="name" type="text" autocomplete="name" required></label>
        <label>Work email<input name="email" type="email" autocomplete="email" required></label>
        <label>Company<input name="company" type="text" autocomplete="organization"></label>
        <label>I am interested in
          <select name="interest">
            <option>Industry 4.0 Digital Transformation</option>
            <option>OT Cyber Security Assessment</option>
            <option>AI Readiness Assessment</option>
            <option>More than one / not sure yet</option>
          </select>
        </label>
        <label>Tell us more<textarea name="message" rows="4"></textarea></label>
        <button class="btn" type="submit">Send request</button>
        <p class="form-note" id="it-form-note" role="status"></p>
      </form>
    </div>
  </section>
</div>
<div class="site-footer">
  <div class="wrap foot">
    <a class="brand" href="#it-top" aria-label="Innothreads home"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDggMTIwIiB3aWR0aD0iMTAxNiIgaGVpZ2h0PSIyNDAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iSW5ub3RocmVhZHMiPjx0aXRsZT5Jbm5vdGhyZWFkczwvdGl0bGU+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhYmciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMjA2MTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNTE5M0MiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYXRoIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIxMjAiIHgyPSIxMjAiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyNTYzRUIiLz48c3RvcCBvZmZzZXQ9Ii42IiBzdG9wLWNvbG9yPSIjMzhCREY4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkFFNkZEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImF0eCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzAuNiIgeTE9IjAiIHgyPSIyNTAuNzExMzI4MTI1IiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjdFOEY5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0I4MkY2Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImFoYyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIuMzUiIHN0b3AtY29sb3I9IiMzOEJERjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzOEJERjgiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJhaGgiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPjxzdG9wIG9mZnNldD0iLjM1IiBzdG9wLWNvbG9yPSIjNkVFN0I3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNkVFN0I3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxmaWx0ZXIgaWQ9ImFmIiB4PSItMzAlIiB5PSItMzAlIiB3aWR0aD0iMTYwJSIgaGVpZ2h0PSIxNjAlIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjYiIHJlc3VsdD0iYiIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iYiIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48L2RlZnM+PGcgZmlsdGVyPSJ1cmwoI2FmKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMzAgOS4wMCkgc2NhbGUoMC44NSkiPjxjaXJjbGUgY3g9IjE0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSIzNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjU2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIzNCIgY3k9IjE2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjM0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMzQiIGN5PSI1NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIzNCIgY3k9Ijc2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjM0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNTQiIGN5PSIxNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI1NCIgY3k9IjM2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9IjU0IiBjeT0iNTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNTQiIGN5PSI3NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI1NCIgY3k9Ijk2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijc0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNzQiIGN5PSIzNiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI3NCIgY3k9IjU2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijc0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iNzQiIGN5PSI5NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI5NCIgY3k9IjE2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijk0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iOTQiIGN5PSI1NiIgcj0iMS42IiBmaWxsPSIjMzhCREY4IiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSI5NCIgY3k9Ijc2IiByPSIxLjYiIGZpbGw9IiMzOEJERjgiIG9wYWNpdHk9IjAuMyIvPjxjaXJjbGUgY3g9Ijk0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iMTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iMzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iNTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iNzYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTE0IiBjeT0iOTYiIHI9IjEuNiIgZmlsbD0iIzM4QkRGOCIgb3BhY2l0eT0iMC4zIi8+PHBhdGggZD0iTTQgNjIgQzIwIDYyIDI2IDI2IDQ4IDI2IEM3MCAyNiA3MCA5NCA5MiA5NCBDMTA0IDk0IDExMCA4MCAxMTYgNjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhdGgpIiBzdHJva2Utd2lkdGg9IjMuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGNpcmNsZSBjeD0iNDgiIGN5PSIyNiIgcj0iMjAuMiIgZmlsbD0idXJsKCNhaGgpIiBvcGFjaXR5PSIuNTUiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjI2IiByPSIxMC4xIiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjNkVFN0I3IiBzdHJva2Utd2lkdGg9IjEuODIiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjI2IiByPSI2LjUiIGZpbGw9InVybCgjYWhoKSIvPjxjaXJjbGUgY3g9IjQ4IiBjeT0iMjYiIHI9IjIuNyIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjkyIiBjeT0iOTQiIHI9IjE4LjYiIGZpbGw9InVybCgjYWhjKSIgb3BhY2l0eT0iLjU1Ii8+PGNpcmNsZSBjeD0iOTIiIGN5PSI5NCIgcj0iOS4zIiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjQkFFNkZEIiBzdHJva2Utd2lkdGg9IjEuNjgiLz48Y2lyY2xlIGN4PSI5MiIgY3k9Ijk0IiByPSI2LjAiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjkyIiBjeT0iOTQiIHI9IjIuNSIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNjIiIHI9IjEwLjgiIGZpbGw9InVybCgjYWhjKSIgb3BhY2l0eT0iLjU1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI2MiIgcj0iNS40IiBmaWxsPSIjMDMxMjMwIiBmaWxsLW9wYWNpdHk9Ii44NSIgc3Ryb2tlPSIjQkFFNkZEIiBzdHJva2Utd2lkdGg9IjEuMDAiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjYyIiByPSIzLjUiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iNjIiIHI9IjEuNSIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIxMC44IiBmaWxsPSJ1cmwoI2FoYykiIG9wYWNpdHk9Ii41NSIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSI1LjQiIGZpbGw9IiMwMzEyMzAiIGZpbGwtb3BhY2l0eT0iLjg1IiBzdHJva2U9IiNCQUU2RkQiIHN0cm9rZS13aWR0aD0iMS4wMCIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIzLjUiIGZpbGw9InVybCgjYWhjKSIvPjxjaXJjbGUgY3g9IjExNCIgY3k9IjY0IiByPSIxLjUiIGZpbGw9IiNGRkZGRkYiLz48L2c+PHBhdGggZD0iTTEzNC4zOCA0MS4wMlYzMi43MkgxNDIuNjhWNDEuMDJaTTEzNC4zOCA3Ni43NFY0NS4zMkgxNDIuNjhWNzYuNzRaIE0xNTAuOTAgNzYuNzRWNDUuMzJIMTU5LjE5Vjc2Ljc0Wk0xNjkuMDYgNzYuNzRWNTcuNzBRMTY5LjA2IDU1LjM3IDE2Ny43NSA1NC4xMVExNjYuNDMgNTIuODUgMTY0LjAxIDUyLjg1UTE2MS43MCA1Mi44NSAxNjAuNDUgNTQuMTRRMTU5LjE5IDU1LjQzIDE1OS4xOSA1Ny43NkwxNTguNTYgNTAuODBRMTU5LjkyIDQ3Ljk1IDE2MS44NyA0Ni40MVExNjMuODMgNDQuODYgMTY2Ljk0IDQ0Ljg2UTE3MS45MiA0NC44NiAxNzQuNjQgNDguMjFRMTc3LjM2IDUxLjU1IDE3Ny4zNiA1Ny42N1Y3Ni43NFogTTE4Ni4wMyA3Ni43NFY0NS4zMkgxOTQuMzNWNzYuNzRaTTIwNC4yMCA3Ni43NFY1Ny43MFEyMDQuMjAgNTUuMzcgMjAyLjg4IDU0LjExUTIwMS41NiA1Mi44NSAxOTkuMTQgNTIuODVRMTk2Ljg0IDUyLjg1IDE5NS41OCA1NC4xNFExOTQuMzMgNTUuNDMgMTk0LjMzIDU3Ljc2TDE5My42OSA1MC44MFExOTUuMDUgNDcuOTUgMTk3LjAxIDQ2LjQxUTE5OC45NiA0NC44NiAyMDIuMDggNDQuODZRMjA3LjA1IDQ0Ljg2IDIwOS43NyA0OC4yMVEyMTIuNDkgNTEuNTUgMjEyLjQ5IDU3LjY3Vjc2Ljc0WiBNMjMzLjgyIDc3LjE5UTIyNy4zNSA3Ny4xOSAyMjMuODEgNzMuNjFRMjIwLjI2IDcwLjAyIDIyMC4yNiA2My41MVY1OC4zOVEyMjAuMjYgNTEuOTUgMjIzLjgxIDQ4LjQwUTIyNy4zNSA0NC44NiAyMzMuODIgNDQuODZRMjQwLjI4IDQ0Ljg2IDI0My44MyA0OC40MFEyNDcuMzggNTEuOTUgMjQ3LjM4IDU4LjM5VjYzLjYwUTI0Ny4zOCA3MC4wOCAyNDMuODMgNzMuNjRRMjQwLjI4IDc3LjE5IDIzMy44MiA3Ny4xOVpNMjMzLjgwIDY5LjIwUTIzNi4zMCA2OS4yMCAyMzcuNjkgNjcuNzNRMjM5LjA5IDY2LjI2IDIzOS4wOSA2My42MFY1OC4zOVEyMzkuMDkgNTUuNzYgMjM3LjY5IDU0LjMxUTIzNi4zMCA1Mi44NSAyMzMuODAgNTIuODVRMjMxLjMxIDUyLjg1IDIyOS45MyA1NC4zMVEyMjguNTUgNTUuNzYgMjI4LjU1IDU4LjM5VjYzLjYwUTIyOC41NSA2Ni4yNiAyMjkuOTMgNjcuNzNRMjMxLjMxIDY5LjIwIDIzMy44MCA2OS4yMFoiIGZpbGw9InVybCgjYXR4KSIvPjxwYXRoIGQ9Ik0yNTIuNTEgNDMuNzRIMjYwLjY0TDI2My4yOSAzNi40NEgyNjcuNDFMMjY0Ljc2IDQzLjc0SDI3My4xMlY0NC44NUgyNjQuMzVMMjU3LjY2IDYzLjIzUTI1Ny4yNyA2NC4zMiAyNTYuOTAgNjUuNDZRMjU2LjUyIDY2LjYwIDI1Ni4yMyA2Ny43MFEyNTUuOTQgNjguODAgMjU1Ljc2IDY5LjgyUTI1NS41NyA3MC44NCAyNTUuNTcgNzEuNjdRMjU1LjU3IDczLjU5IDI1Ni42MiA3NC43M1EyNTcuNjYgNzUuODggMjU5Ljc4IDc1Ljg4UTI2MS44NCA3NS44OCAyNjMuNzkgNzUuMTBRMjY1Ljc0IDc0LjMyIDI2Ny42MyA3Mi43MFEyNjkuNTMgNzEuMDkgMjcxLjM5IDY4LjYyUTI3My4yNiA2Ni4xNiAyNzUuMTUgNjIuNzlMMjc2LjYwIDYwLjIzTDI3Ny4zNSA2MC43NkwyNzUuOTAgNjMuMzJRMjczLjcwIDY3LjIyIDI3MS42NCA2OS44OFEyNjkuNTggNzIuNTMgMjY3LjU2IDc0LjE4UTI2NS41NCA3NS44MiAyNjMuNDcgNzYuNTVRMjYxLjM5IDc3LjI3IDI1OS4xNyA3Ny4yN1EyNTcuNDcgNzcuMjcgMjU2LjE2IDc2Ljc1UTI1NC44NSA3Ni4yNCAyNTMuOTcgNzUuMjlRMjUzLjEwIDc0LjM1IDI1Mi42NCA3My4wMVEyNTIuMTggNzEuNjcgMjUyLjE4IDcwLjAzUTI1Mi4xOCA2OC41OCAyNTIuNTEgNjYuODVRMjUyLjg1IDY1LjEzIDI1My41NCA2My4yM0wyNjAuMjMgNDQuODVIMjUyLjUxWiBNMjg3LjkxIDI5LjA2SDI5Mi4wNkwyODIuMzQgNTUuNzFRMjg0LjIzIDUyLjU0IDI4NS45NCA1MC4xOVEyODcuNjYgNDcuODMgMjg5LjM1IDQ2LjI5UTI5MS4wNSA0NC43NCAyOTIuODQgNDMuOThRMjk0LjYyIDQzLjIxIDI5Ni42NSA0My4yMVEyOTguMzUgNDMuMjEgMjk5LjY0IDQzLjc3UTMwMC45NCA0NC4zMiAzMDEuODIgNDUuMzRRMzAyLjY5IDQ2LjM2IDMwMy4xNCA0Ny43OFEzMDMuNTggNDkuMjAgMzAzLjU4IDUwLjk1UTMwMy41OCA1Mi4yMSAzMDMuMTMgNTMuOTBRMzAyLjY3IDU1LjYwIDMwMS45NyA1Ny41MlEzMDEuMjcgNTkuNDUgMzAwLjQ3IDYxLjQ3UTI5OS42NiA2My40OCAyOTguOTYgNjUuMzhRMjk4LjI3IDY3LjI3IDI5Ny44MSA2OC45MFEyOTcuMzUgNzAuNTMgMjk3LjM1IDcxLjY3UTI5Ny4zNSA3My41OSAyOTguMzYgNzQuNzNRMjk5LjM4IDc1Ljg4IDMwMS41MiA3NS44OFEzMDMuMzkgNzUuODggMzA1LjEzIDc1LjA3UTMwNi44NyA3NC4yNiAzMDguNTggNzIuNjNRMzEwLjMwIDcxLjAwIDMxMi4wMiA2OC41NFEzMTMuNzUgNjYuMDcgMzE1LjYyIDYyLjc5TDMxNy4wNiA2MC4yM0wzMTcuODIgNjAuNzZMMzE2LjM3IDYzLjMyUTMxNC4zMyA2Ni45MSAzMTIuNDggNjkuNTRRMzEwLjYzIDcyLjE3IDMwOC43OCA3My44OVEzMDYuOTMgNzUuNjAgMzA1LjAwIDc2LjQzUTMwMy4wOCA3Ny4yNyAzMDAuOTEgNzcuMjdRMjk5LjIxIDc3LjI3IDI5Ny45MiA3Ni43NVEyOTYuNjIgNzYuMjQgMjk1Ljc1IDc1LjI5UTI5NC44NyA3NC4zNSAyOTQuNDIgNzMuMDFRMjkzLjk4IDcxLjY3IDI5My45OCA3MC4wM1EyOTMuOTggNjguODMgMjk0LjQ0IDY3LjE1UTI5NC45MCA2NS40NiAyOTUuNTkgNjMuNTFRMjk2LjI5IDYxLjU2IDI5Ny4xMCA1OS41MlEyOTcuOTAgNTcuNDcgMjk4LjYwIDU1LjU4UTI5OS4zMCA1My42OCAyOTkuNzYgNTIuMDVRMzAwLjIyIDUwLjQyIDMwMC4yMiA0OS4zNFEzMDAuMjIgNDcuMTcgMjk5LjIwIDQ1Ljg4UTI5OC4xOCA0NC42MCAyOTYuMDQgNDQuNjBRMjk0LjE0IDQ0LjYwIDI5Mi4zOSA0NS40OVEyOTAuNjQgNDYuMzkgMjg4Ljc4IDQ4LjMyUTI4Ni45MyA1MC4yNiAyODQuOTEgNTMuMzJRMjgyLjg5IDU2LjM4IDI4MC41MyA2MC43NkwyNzQuNjggNzYuNzRIMjcwLjU2WiBNMzM3Ljg3IDQ1LjcyUTMzNy44NyA0NS4yNyAzMzcuMjkgNDQuODFRMzM2LjcyIDQ0LjM1IDMzNS42NCA0NC4zNVEzMzQuNTIgNDQuMzUgMzMzLjIyIDQ1LjAzUTMzMS45MSA0NS43MiAzMzAuMjQgNDcuNDRRMzI4LjU2IDQ5LjE3IDMyNi40OSA1Mi4xNVEzMjQuNDIgNTUuMTMgMzIxLjgwIDU5Ljc1TDMyMC40MCA2Mi4yMEwzMTUuMTQgNzYuNzRIMzEwLjk5TDMyMy4wMiA0My43NEgzMjcuMTRMMzIyLjI3IDU3LjExUTMyNC41NSA1My4xOCAzMjYuNDUgNTAuNTJRMzI4LjM0IDQ3Ljg2IDMyOS45NiA0Ni4yM1EzMzEuNTcgNDQuNjAgMzMyLjk5IDQzLjkxUTMzNC40MSA0My4yMSAzMzUuNzggNDMuMjFRMzM3LjYyIDQzLjIxIDMzOC42NiA0NC4zMFEzMzkuNzAgNDUuMzggMzM5LjcwIDQ3LjE0UTMzOS43MCA0Ny44NiAzMzkuNTIgNDguNTJRMzM5LjM0IDQ5LjE3IDMzOC45OSA0OS42NFEzMzguNjUgNTAuMTIgMzM4LjE0IDUwLjQwUTMzNy42NCA1MC42NyAzMzcuMDMgNTAuNjdRMzM2LjU4IDUwLjY3IDMzNi4xNSA1MC41M1EzMzUuNzIgNTAuNDAgMzM1LjM5IDUwLjEwUTMzNS4wNSA0OS44MSAzMzQuODQgNDkuMzlRMzM0LjY0IDQ4Ljk4IDMzNC42NCA0OC40MlEzMzQuNjQgNDcuOTcgMzM0Ljc5IDQ3LjUxUTMzNC45NCA0Ny4wNSAzMzUuMjIgNDYuNzFRMzM1LjUwIDQ2LjM2IDMzNS44OSA0Ni4xM1EzMzYuMjggNDUuOTEgMzM2Ljc1IDQ1LjkxUTMzNy4wNiA0NS45MSAzMzcuMzQgNDUuOTdRMzM3LjM5IDQ2LjAyIDMzNy40OSA0Ni4wN1EzMzcuNTkgNDYuMTEgMzM3LjY0IDQ2LjExUTMzNy44NyA0Ni4xMSAzMzcuODcgNDUuNzJaIE0zNTIuNTEgNzcuMjdRMzQ3LjQ3IDc3LjI3IDM0NC43NCA3NC42NFEzNDIuMDIgNzIuMDEgMzQyLjAyIDY2LjgwUTM0Mi4wMiA2NS4zOCAzNDIuMjIgNjMuNzlRMzQyLjQzIDYyLjIwIDM0Mi44OCA2MC41M1EzNDMuODggNTYuODAgMzQ1LjcwIDUzLjYzUTM0Ny41MyA1MC40NSAzNDkuOTAgNDguMTRRMzUyLjI2IDQ1LjgzIDM1NC45OSA0NC41MlEzNTcuNzIgNDMuMjEgMzYwLjQ4IDQzLjIxUTM2My4yNiA0My4yMSAzNjQuODYgNDQuNTJRMzY2LjQ3IDQ1LjgzIDM2Ni40NyA0OC4yMFEzNjYuNDcgNDkuNTMgMzY1Ljk0IDUwLjgxUTM2NS40MSA1Mi4wOSAzNjQuNDAgNTMuMjRRMzYzLjQwIDU0LjM4IDM2Mi4wMCA1NS4zN1EzNjAuNTkgNTYuMzYgMzU4Ljg0IDU3LjA4UTM1Ni42NiA1OC4wMCAzNTQuMDUgNTguNDZRMzUxLjQzIDU4LjkyIDM0OC4wOSA1OC45MlEzNDcuMjggNjEuMTcgMzQ2LjgyIDYzLjYxUTM0Ni4zNiA2Ni4wNSAzNDYuMzYgNjguNThRMzQ2LjM2IDcyLjQ1IDM0Ny45OSA3NC4xNlEzNDkuNjIgNzUuODggMzUzLjEzIDc1Ljg4UTM1Ni4wNSA3NS44OCAzNTguNzAgNzQuNzVRMzYxLjM0IDczLjYyIDM2My42MCA3MS43OFEzNjUuODUgNjkuOTUgMzY3LjcyIDY3LjU5UTM2OS41OCA2NS4yNCAzNzAuOTggNjIuNzlMMzcyLjQzIDYwLjIzTDM3My4xOCA2MC43NkwzNzEuNzMgNjMuMzJRMzcwLjAwIDY2LjM1IDM2Ny45NiA2OC45MVEzNjUuOTEgNzEuNDggMzYzLjUwIDczLjMzUTM2MS4wOSA3NS4xOCAzNTguMzUgNzYuMjJRMzU1LjYwIDc3LjI3IDM1Mi41MSA3Ny4yN1pNMzYxLjI2IDQ0LjMyUTM1OS41MCA0NC4zMiAzNTcuNjggNDUuMzZRMzU1Ljg2IDQ2LjM5IDM1NC4xNiA0OC4yMVEzNTIuNDYgNTAuMDMgMzUwLjk4IDUyLjUxUTM0OS41MSA1NC45OSAzNDguNDIgNTcuOTFRMzUxLjQ4IDU3Ljg2IDM1My42NiA1Ny4zN1EzNTUuODMgNTYuODggMzU3LjQ0IDU2LjEzUTM1OC43MiA1NS41NSAzNTkuOTQgNTQuNjFRMzYxLjE1IDUzLjY4IDM2Mi4wOCA1Mi40OFEzNjMuMDEgNTEuMjkgMzYzLjU4IDQ5Ljg5UTM2NC4xNSA0OC41MCAzNjQuMTUgNDcuMDBRMzY0LjE1IDQ2LjI1IDM2My45MyA0NS43NVEzNjMuNzEgNDUuMjQgMzYzLjMyIDQ0LjkyUTM2Mi45MyA0NC42MCAzNjIuNDAgNDQuNDZRMzYxLjg3IDQ0LjMyIDM2MS4yNiA0NC4zMlogTTM3Mi4zMSA2MC40OFEzNzMuMzIgNTcuNDcgMzc0LjcxIDU1LjAwUTM3Ni4xMCA1Mi41NCAzNzcuNzMgNTAuNjJRMzc5LjM2IDQ4LjcwIDM4MS4xNiA0Ny4zMFEzODIuOTUgNDUuOTEgMzg0Ljc1IDQ1LjAxUTM4Ni41NCA0NC4xMCAzODguMjggNDMuNjZRMzkwLjAzIDQzLjIxIDM5MS41NiA0My4yMVEzOTMuMTQgNDMuMjEgMzk0LjIwIDQzLjcwUTM5NS4yNiA0NC4xOSAzOTUuOTIgNDUuMDZRMzk2LjU3IDQ1Ljk0IDM5Ni44NSA0Ny4xOFEzOTcuMTMgNDguNDIgMzk3LjEzIDQ5LjkyTDM5OS4zOCA0My43NEg0MDMuNTBMMzk2LjQwIDYzLjIzUTM5Ni4wMSA2NC4zMiAzOTUuNjIgNjUuNDVRMzk1LjIzIDY2LjU4IDM5NC45NCA2Ny42OFEzOTQuNjUgNjguNzggMzk0LjQ3IDY5Ljc5UTM5NC4yOSA3MC44MSAzOTQuMjkgNzEuNjdRMzk0LjI5IDczLjU5IDM5NS4zMCA3NC43M1EzOTYuMzIgNzUuODggMzk4LjQ2IDc1Ljg4UTQwMC4zMyA3NS44OCA0MDIuMDggNzUuMDhRNDAzLjg0IDc0LjI5IDQwNS41NSA3Mi42NlE0MDcuMjYgNzEuMDMgNDA4Ljk5IDY4LjU3UTQxMC43MiA2Ni4xMCA0MTIuNTUgNjIuNzlMNDEzLjk3IDYwLjIzTDQxNC43MyA2MC43Nkw0MTMuMjggNjMuMzJRNDExLjI1IDY2Ljk0IDQwOS4zOSA2OS41N1E0MDcuNTQgNzIuMjAgNDA1LjcwIDczLjkxUTQwMy44NyA3NS42MyA0MDEuOTQgNzYuNDVRNDAwLjAyIDc3LjI3IDM5Ny44NSA3Ny4yN1EzOTYuMTUgNzcuMjcgMzk0Ljg2IDc2Ljc1UTM5My41NiA3Ni4yNCAzOTIuNjggNzUuMjlRMzkxLjgxIDc0LjM1IDM5MS4zNiA3My4wMVEzOTAuOTIgNzEuNjcgMzkwLjkyIDcwLjAzUTM5MC45MiA2OC45NCAzOTEuMTEgNjcuNjhRMzkxLjMxIDY2LjQxIDM5MS43MCA2NS4wNFEzODguMDUgNzEuMTcgMzg0LjQ4IDc0LjIyUTM4MC45MiA3Ny4yNyAzNzcuMjQgNzcuMjdRMzc1LjUyIDc3LjI3IDM3NC4zMCA3Ni42NFEzNzMuMDkgNzYuMDIgMzcyLjMxIDc0Ljg5UTM3MS41MyA3My43NiAzNzEuMTcgNzIuMjRRMzcwLjgxIDcwLjcyIDM3MC44MSA2OC45MVEzNzAuODEgNjYuOTcgMzcxLjIwIDY0LjgxUTM3MS41OSA2Mi42NSAzNzIuMzEgNjAuNDhaTTM3OC4yNSA3NS44OFEzNzkuNzUgNzUuODggMzgxLjMxIDc1LjA4UTM4Mi44NyA3NC4yOSAzODQuNDEgNzIuOTFRMzg1Ljk2IDcxLjUzIDM4Ny40MSA2OS42OFEzODguODYgNjcuODMgMzkwLjE1IDY1LjczUTM5MS40NSA2My42MiAzOTIuNTMgNjEuNDBRMzkzLjYyIDU5LjE3IDM5NC40MSA1Ny4wMVEzOTUuMjAgNTQuODUgMzk1LjY0IDUyLjg5UTM5Ni4wNyA1MC45MiAzOTYuMDcgNDkuMzdRMzk2LjA3IDQ3Ljk1IDM5NS43MiA0Ni45OFEzOTUuMzcgNDYuMDIgMzk0LjgwIDQ1LjQyUTM5NC4yMyA0NC44MyAzOTMuNDkgNDQuNThRMzkyLjc1IDQ0LjMyIDM5MS45NyA0NC4zMlEzOTAuNDIgNDQuMzIgMzg4LjUxIDQ1LjI5UTM4Ni42MCA0Ni4yNSAzODQuNjIgNDguMjFRMzgyLjY1IDUwLjE3IDM4MC43NCA1My4xN1EzNzguODMgNTYuMTYgMzc3LjI0IDYwLjIwUTM3NS45MyA2My41NyAzNzUuMjggNjYuNDRRMzc0LjYzIDY5LjMwIDM3NC42MyA3MS4yM1EzNzQuNjMgNzMuNDAgMzc1LjUwIDc0LjY0UTM3Ni4zOCA3NS44OCAzNzguMjUgNzUuODhaIE00MTMuODYgNjAuNDhRNDE0Ljg3IDU3LjQ3IDQxNi4yNiA1NS4wMFE0MTcuNjUgNTIuNTQgNDE5LjI4IDUwLjYyUTQyMC45MSA0OC43MCA0MjIuNzAgNDcuMzBRNDI0LjUwIDQ1LjkxIDQyNi4zMCA0NS4wMVE0MjguMDkgNDQuMTAgNDI5LjgzIDQzLjY2UTQzMS41NyA0My4yMSA0MzMuMTEgNDMuMjFRNDM0LjY5IDQzLjIxIDQzNS43NSA0My43MFE0MzYuODEgNDQuMTkgNDM3LjQ2IDQ1LjA2UTQzOC4xMiA0NS45NCA0MzguNDAgNDcuMThRNDM4LjY4IDQ4LjQyIDQzOC42OCA0OS45Mkw0NDYuMjUgMjkuMDZINDUwLjM3TDQzNy45NSA2My4yM1E0MzcuNTYgNjQuMzIgNDM3LjE3IDY1LjQ2UTQzNi43OCA2Ni42MCA0MzYuNDkgNjcuNjlRNDM2LjIwIDY4Ljc4IDQzNi4wMiA2OS43OVE0MzUuODQgNzAuODEgNDM1Ljg0IDcxLjY3UTQzNS44NCA3My41OSA0MzYuODUgNzQuNzNRNDM3Ljg3IDc1Ljg4IDQ0MC4wMSA3NS44OFE0NDEuODggNzUuODggNDQzLjYzIDc1LjA4UTQ0NS4zOSA3NC4yOSA0NDcuMTAgNzIuNjZRNDQ4LjgxIDcxLjAzIDQ1MC41NCA2OC41N1E0NTIuMjcgNjYuMTAgNDU0LjEwIDYyLjc5TDQ1NS41MiA2MC4yM0w0NTYuMjggNjAuNzZMNDU0LjgzIDYzLjMyUTQ1Mi43OSA2Ni45MSA0NTAuOTQgNjkuNTRRNDQ5LjA5IDcyLjE3IDQ0Ny4yNSA3My44OVE0NDUuNDIgNzUuNjAgNDQzLjQ5IDc2LjQzUTQ0MS41NyA3Ny4yNyA0MzkuNDAgNzcuMjdRNDM3LjcwIDc3LjI3IDQzNi40MSA3Ni43NVE0MzUuMTEgNzYuMjQgNDM0LjIzIDc1LjI5UTQzMy4zNiA3NC4zNSA0MzIuOTEgNzMuMDFRNDMyLjQ3IDcxLjY3IDQzMi40NyA3MC4wM1E0MzIuNDcgNjguOTQgNDMyLjY2IDY3LjY4UTQzMi44NiA2Ni40MSA0MzMuMjUgNjUuMDRRNDI5LjYwIDcxLjE3IDQyNi4wMyA3NC4yMlE0MjIuNDcgNzcuMjcgNDE4Ljc5IDc3LjI3UTQxNy4wNyA3Ny4yNyA0MTUuODUgNzYuNjRRNDE0LjY0IDc2LjAyIDQxMy44NiA3NC44OVE0MTMuMDggNzMuNzYgNDEyLjcyIDcyLjI0UTQxMi4zNiA3MC43MiA0MTIuMzYgNjguOTFRNDEyLjM2IDY2Ljk3IDQxMi43NSA2NC44MVE0MTMuMTQgNjIuNjUgNDEzLjg2IDYwLjQ4Wk00MTkuNzkgNzUuODhRNDIxLjMwIDc1Ljg4IDQyMi44NiA3NS4wOFE0MjQuNDIgNzQuMjkgNDI1Ljk2IDcyLjkxUTQyNy41MSA3MS41MyA0MjguOTYgNjkuNjhRNDMwLjQwIDY3LjgzIDQzMS43MCA2NS43M1E0MzIuOTkgNjMuNjIgNDM0LjA4IDYxLjQwUTQzNS4xNyA1OS4xNyA0MzUuOTYgNTcuMDFRNDM2Ljc1IDU0Ljg1IDQzNy4xOSA1Mi44OVE0MzcuNjIgNTAuOTIgNDM3LjYyIDQ5LjM3UTQzNy42MiA0Ny45NSA0MzcuMjcgNDYuOThRNDM2LjkyIDQ2LjAyIDQzNi4zNSA0NS40MlE0MzUuNzggNDQuODMgNDM1LjA0IDQ0LjU4UTQzNC4zMCA0NC4zMiA0MzMuNTIgNDQuMzJRNDMxLjk2IDQ0LjMyIDQzMC4wNiA0NS4yOVE0MjguMTUgNDYuMjUgNDI2LjE3IDQ4LjIxUTQyNC4xOSA1MC4xNyA0MjIuMjkgNTMuMTdRNDIwLjM4IDU2LjE2IDQxOC43OSA2MC4yMFE0MTcuNDggNjMuNTcgNDE2LjgzIDY2LjQ0UTQxNi4xNyA2OS4zMCA0MTYuMTcgNzEuMjNRNDE2LjE3IDczLjQwIDQxNy4wNSA3NC42NFE0MTcuOTMgNzUuODggNDE5Ljc5IDc1Ljg4WiBNNDUxLjgyIDY5LjE5UTQ1MS44MiA2Ny43NyA0NTIuMTMgNjYuMzdRNDUyLjQzIDY0Ljk2IDQ1Mi45NiA2My43M1E0NTMuNDkgNjIuNTEgNDU0LjE5IDYxLjU1UTQ1NC44OCA2MC41OSA0NTUuNjYgNjAuMDNMNDY3LjQyIDQyLjkzUTQ2Ny43MiA0MC42OCA0NjguNDcgMzkuMzFRNDY5LjIzIDM3Ljk1IDQ3MC4yOCAzNy45NVE0NzEuMTIgMzcuOTUgNDcxLjY4IDM4LjM5UTQ3Mi4yMyAzOC44NCA0NzIuMjMgMzkuNDhRNDcyLjIzIDM5Ljk1IDQ3Mi4wMSA0MC4zMVE0NzEuNzkgNDAuNjggNDcxLjIzIDQxLjE1UTQ3MC41OSA0MS42OCA0NzAuMTYgNDIuMTVRNDY5LjczIDQyLjYzIDQ2OS40NSA0My4xMFE0NjkuMTcgNDMuNTcgNDY5LjA2IDQ0LjEwUTQ2OC45NSA0NC42MyA0NjguOTUgNDUuMjRRNDY4Ljk1IDQ1Ljg2IDQ2OS4wNCA0Ni41MlE0NjkuMTQgNDcuMTkgNDY5LjM5IDQ4LjIyUTQ2OS42NCA0OS4yNSA0NzAuMTAgNTAuNzlRNDcwLjU2IDUyLjMyIDQ3MS4yOSA1NC42NlE0NzIuMDEgNTcuMDAgNDcyLjM2IDU5LjExUTQ3Mi43MSA2MS4yMyA0NzIuNzEgNjMuMjNRNDcyLjcxIDcwLjg5IDQ2Ny4xNiA3NC44NVE0NjUuNTIgNzYuMDIgNDYzLjYxIDc2LjY0UTQ2MS43MSA3Ny4yNyA0NTkuNzYgNzcuMjdRNDU3LjkyIDc3LjI3IDQ1Ni40NCA3Ni43MFE0NTQuOTcgNzYuMTMgNDUzLjk1IDc1LjA4UTQ1Mi45MyA3NC4wNCA0NTIuMzggNzIuNTVRNDUxLjgyIDcxLjA2IDQ1MS44MiA2OS4xOVpNNDY3LjI1IDQ0Ljk0IDQ1Ny4zMSA1OS40NVE0NTguMjAgNTkuNDUgNDU4LjczIDYwLjAzUTQ1OS4yNiA2MC42MiA0NTkuMjYgNjEuNTlRNDU5LjI2IDYyLjA5IDQ1OS4xMiA2Mi41NVE0NTguOTggNjMuMDEgNDU4LjczIDYzLjM1UTQ1OC40OCA2My42OCA0NTguMTQgNjMuODlRNDU3LjgxIDY0LjEwIDQ1Ny40NSA2NC4xMFE0NTYuOTcgNjQuMTAgNDU2LjY0IDYzLjkwUTQ1Ni4zMCA2My43MSA0NTUuODAgNjMuNzFRNDU1LjIyIDYzLjcxIDQ1NC43MCA2NC4xMVE0NTQuMTkgNjQuNTEgNDUzLjgxIDY1LjI0UTQ1My40NCA2NS45NiA0NTMuMjMgNjYuOTVRNDUzLjAyIDY3Ljk0IDQ1My4wMiA2OS4xMVE0NTMuMDIgNzAuNjcgNDUzLjQ1IDcxLjkyUTQ1My44OCA3My4xOCA0NTQuNzAgNzQuMDVRNDU1LjUyIDc0LjkzIDQ1Ni42OCA3NS40MFE0NTcuODQgNzUuODggNDU5LjMxIDc1Ljg4UTQ2MS4yNiA3NS44OCA0NjIuOTMgNzUuMDRRNDY0LjYwIDc0LjIxIDQ2NS44NiA3Mi42MlE0NjguODYgNjguNzggNDY4Ljg2IDYxLjAzUTQ2OC44NiA2MC4wOSA0NjguODIgNTkuMTVRNDY4Ljc4IDU4LjIyIDQ2OC42OCA1Ny4yMFE0NjguNTggNTYuMTkgNDY4LjQyIDU1LjAyUTQ2OC4yNSA1My44NSA0NjguMDMgNTIuMzdRNDY3LjY0IDQ5Ljg5IDQ2Ny40NCA0OC4yMlE0NjcuMjUgNDYuNTUgNDY3LjI1IDQ1LjUyWiIgZmlsbD0iI0U4RjNGRiIvPjwvc3ZnPg==" alt="Innothreads" width="150" height="28"></a>
    <nav aria-label="Footer">
      <a href="#it-industry-40">Industry 4.0</a>
      <a href="#it-ot-security">OT Security</a>
      <a href="#it-ai-readiness">AI Readiness</a>
      <a href="#it-contact">Contact</a>
    </nav>
    <p class="copy">&copy; <span id="it-year">2026</span> Innothreads. All rights reserved.</p>
  </div>
</div>
</div>
<script>
(function () {
// Where contact-form requests are sent. Replace with your real address (or wire the
// form to a service such as Formspree / Netlify Forms and remove the mailto fallback).
const CONTACT_EMAIL = "hello@innothreads.com";
const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
// Mobile nav
const toggle = document.querySelector(".nav-toggle");
const nav = document.getElementById("it-nav");
toggle.addEventListener("click", () => {
  const open = nav.classList.toggle("open");
  toggle.setAttribute("aria-expanded", String(open));
});
nav.addEventListener("click", (e) => {
  if (e.target.closest("a")) {
    nav.classList.remove("open");
    toggle.setAttribute("aria-expanded", "false");
  }
});
// Scroll reveal + thread draw-in
const targets = document.querySelectorAll(".reveal, #it-steps");
if (reduceMotion || !("IntersectionObserver" in window)) {
  targets.forEach((el) => el.classList.add("in", "in-view"));
  document.querySelectorAll(".wave").forEach((svg) => svg.pauseAnimations && svg.pauseAnimations());
} else {
  const io = new IntersectionObserver((entries) => {
    entries.forEach((entry) => {
      if (!entry.isIntersecting) return;
      entry.target.classList.add(entry.target.id === "it-steps" ? "in-view" : "in");
      io.unobserve(entry.target);
    });
  }, { threshold: 0.18 });
  targets.forEach((el) => io.observe(el));
}
// Footer year
document.getElementById("it-year").textContent = new Date().getFullYear();
// Contact form (static site: opens the visitor's mail app with the details filled in)
const form = document.getElementById("it-contact-form");
const note = document.getElementById("it-form-note");
form.addEventListener("submit", (e) => {
  e.preventDefault();
  const data = new FormData(form);
  const name = data.get("name").trim();
  const email = data.get("email").trim();
  const company = data.get("company").trim();
  const interest = data.get("interest");
  const message = data.get("message").trim();
  const emailOk = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
  form.elements.name.classList.toggle("invalid", !name);
  form.elements.email.classList.toggle("invalid", !emailOk);
  if (!name || !emailOk) {
    note.className = "form-note err";
    note.textContent = "Please add your name and a valid work email.";
    return;
  }
  const body = [`Name: ${name}`, `Email: ${email}`, company && `Company: ${company}`, `Interested in: ${interest}`, "", message]
    .filter((line) => line !== false)
    .join("\n");
  const subject = `Enquiry from ${name}${company ? ` (${company})` : ""}`;
  window.location.href = `mailto:${CONTACT_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
  note.className = "form-note";
  note.textContent = "Thanks! Your email app should open with the request ready to send.";
});
})();
</script>
<!-- /wp:html -->