{"id":7000,"date":"2025-08-10T17:21:52","date_gmt":"2025-08-10T17:21:52","guid":{"rendered":"https:\/\/infinitetactics.com\/www\/?page_id=7000"},"modified":"2025-10-08T11:07:13","modified_gmt":"2025-10-08T11:07:13","slug":"landing","status":"publish","type":"page","link":"https:\/\/infinitetactics.com\/www\/","title":{"rendered":"Infinite Tactics"},"content":{"rendered":"\n\n\n<style>\n  \/* reset + base *\/\n  *,*::before,*::after{ box-sizing:border-box }\n  *{ margin:0 }\n  img,svg{ display:block; max-width:100% }\n  html:focus-within{ scroll-behavior:smooth }\n  :root{ --container:1200px; --gutter:clamp(16px,3vw,28px) }\n  body{ font-family:\"Manrope\",system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif; color:#0f172a; background:#fff; line-height:1.6; font-weight:400 }\n  h1,h2,h3{ font-family:\"Orbitron\",ui-sans-serif,system-ui,sans-serif; font-weight:400 } \/* keep headings regular for now per request *\/\n  .container{ width:min(100% - 2*var(--gutter), var(--container)); margin-inline:auto }\n  a{ text-decoration:none }\n\n  \/* header (sticky + frosted on scroll) *\/\n  header{\n    position:sticky; top:0; z-index:100;\n    background:color-mix(in lab, white 70%, transparent);\n    backdrop-filter:blur(6px);\n    border-bottom:1px solid rgba(15,23,42,.08);\n    transition:background .25s ease, box-shadow .25s ease, border-color .25s ease\n  }\n  header.is-scrolled{ background:color-mix(in lab, white 82%, transparent); backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(2,6,23,.06); border-color:rgba(15,23,42,.12) }\n\n  \/* grid layout: [logo] [menu centered] [ctas\/hamburger] *\/\n  .nav{\n    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; padding-block:12px\n  }\n  .brand img{ height:28px; width:auto } \/* REPLACE_ME *\/\n\n  \/* desktop menu centered *\/\n  .menu{ display:none; justify-self:center }\n  .menu ul{ list-style:none; display:flex; gap:24px; align-items:center }\n  .menu a{ color:#334155; font-size:16px; font-weight:400 } \/* 16px Manrope regular *\/\n  .menu a:hover,.menu a:focus{ color:#0f172a }\n\n  \/* dropdown *\/\n  .dropdown{ position:relative }\n  .dropdown > a{ display:inline-flex; align-items:center; gap:6px }\n  .chev{ width:14px; height:14px; opacity:.75 }\n  \/* hover bridge to prevent gap flicker between toggle and menu *\/\n  .dropdown::after{\n    content:\"\"; position:absolute; left:0; right:0; top:100%; height:12px;\n  }\n  .dropdown-menu{\n    position:absolute; top:calc(100% + 10px); left:0; min-width:280px; background:#fff;\n    border:1px solid rgba(15,23,42,.12); border-radius:14px; box-shadow:0 20px 50px rgba(2,6,23,.12);\n    padding:10px; display:none\n  }\n  .dropdown-menu a{ display:block; padding:10px 12px; border-radius:10px; font-weight:400; color:#0f172a; font-size:16px }\n  .dropdown-menu a:hover{ background:#f3f5f9 }\n  .dropdown:is(:hover,:focus-within) .dropdown-menu{ display:block }\n\n  \/* CTAs (desktop) *\/\n  .btn{\n    display:inline-flex; align-items:center; justify-content:center; gap:8px;\n    padding:10px 16px; border-radius:999px; border:1px solid transparent;\n    white-space:nowrap; transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;\n    font-size:16px; font-weight:400; \/* 16px regular *\/\n  }\n  .btn-ghost{ background:#e7efff; color:#0b3b8a }\n  .btn-ghost:hover{ transform:translateY(-1px) }\n  .btn-primary{ background:#2d6cdf; color:#fff }\n  .btn-primary:hover{ transform:translateY(-1px) }\n  .cta-desktop{ display:none }\n\n  \/* hamburger (right aligned) *\/\n .hamburger {\n    margin-left: 12px;\n    display: block;\n    padding: 8px;\n    border-radius: 10px;\n    border: 1px solid rgba(15, 23, 42, .08);\n    background: #fff;\n    right: 11px;\n    position: absolute;\n    border: none;\n}\n  .hamburger svg{ width:26px; height:26px }\n\n  \/* full-screen mobile overlay *\/\n  .overlay{\n    position:fixed; inset:0; background:#ffffff; opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:90\n  }\n  .overlay.open{ opacity:1; pointer-events:auto }\n\n  .drawer{ \n  position: fixed; inset: 0; display:flex; flex-direction:column; background:#fff;\n  opacity:0; transform:scale(.98); transition:opacity .25s ease, transform .25s ease;\n  z-index:91; pointer-events: none; \/* <\u2014 added *\/\n}\n.drawer.open{ opacity:1; transform:scale(1); pointer-events: auto; }\n\n  .drawer-header{ display:flex; align-items:center; justify-content:space-between; padding:16px; border-bottom:1px solid rgba(15,23,42,.08) }\n  .drawer-title{ font-family:Orbitron; font-weight:400 } \/* regular *\/\n  .drawer-nav{ padding:12px 16px }\n  .drawer-nav a{ display:block; padding:14px 10px; border-radius:10px; font-weight:400; color:#0f172a; font-size:16px }\n  .drawer-nav a:hover{ background:#f3f5f9 }\n  .drawer-cta{ margin-top:auto; padding:16px; display:grid; gap:10px; border-top:1px solid rgba(15,23,42,.08) }\n\n  \/* responsive switches *\/\n  @media (min-width:1024px){\n    .menu{ display:block }\n    .hamburger{ display:none }\n    .cta-desktop{ display:flex; gap:10px }\n  }\n\n  @media (min-width:1024px){\n  .drawer{ display:none; }          \/* closed &#038; non-interactive *\/\n  .drawer.open{ display:none; }     \/* even if a class gets toggled accidentally *\/\n  .overlay{ display:none; }\n}\n\n  \/* temp content to test scroll *\/\n  main{ height:150vh; background:linear-gradient(#fff,#eef3ff) }\n\n\n\/* ===== HERO ===== *\/\n\/* ===== HERO background (matches reference) ===== *\/\n.hero-wrap{\n  position: relative;\n  \/* soft, centered blue glow fading to white corners *\/\n  background:\n    radial-gradient(60% 55% at 50% 45%, rgba(154, 195, 215, 0.55) 0%, rgba(154, 195, 215, 0.28) 35%, rgba(154, 195, 215, 0.12) 60%, rgba(154,195,215,0.04) 75%, transparent 85%),\n    linear-gradient(180deg, #f3f8fc 0%, #ffffff 60%);\n}\n\n\/* keep the hero block you already added; only showing svg layer updates below *\/\n\n\/* ===== Decorative SVG layer ===== *\/\n.hero-svg{\n  position: absolute; inset: 0; pointer-events: none;\n  display: grid; place-items: center;\n}\n.hero-svg svg{\n  width: min(1080px, 92vw);\n  height: auto;\n  opacity: .55;            \/* base visibility; the SVG already has internal opacity *\/\n  transform-origin: 50% 50%;\n  animation: svgSlowSpin 120s linear infinite;\n  filter: drop-shadow(0 30px 80px rgba(3, 12, 32, .06));\n}\n\n\/* ultra-subtle motion *\/\n@keyframes svgSlowSpin{\n  0%   { transform: rotate(0deg) scale(1); }\n  50%  { transform: rotate(180deg) scale(1.01); }\n  100% { transform: rotate(360deg) scale(1); }\n}\n\n\n.hero{\n  padding-block: clamp(48px, 8vw, 96px);\n  text-align: center;\n}\n.hero-content{\n  max-width: 900px;\n  margin-inline: auto;\n}\n\n\/* type *\/\n.hero-eyebrow{\n  font-family: \"Manrope\", system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 14px;              \n  font-weight: 800;             \n  letter-spacing: .04em;        \n  color: #3b82f6;               \n  margin-bottom: 10px;\n}\n.hero-title-new{\n  font-family: \"Orbitron\", ui-sans-serif, system-ui, sans-serif;\n  font-size: clamp(36px, 4vw, 64px); \n  line-height: 1.05;\n  font-weight:700px;\n}\n.hero-lead{\n  font-size: clamp(18px, 2.2vw, 24px); \n  color:#475569;\n  margin-top: 14px;\n  margin-bottom: 50px;\n}\n\n\/* video *\/\n.hero-media{\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 24px 60px rgba(2,6,23,.10);\n  border: 1px solid #e5e9f2;\n  aspect-ratio: 16 \/ 9;\n  background:#dfe7f3;\n  margin-top: clamp(24px, 5vw, 48px);\n}\n.hero-media iframe{\n  position:absolute; inset:0; width:100%; height:100%; border:0;\n}\n.hero-attrib{\n  position:absolute; right:10px; bottom:10px;\n  background: rgba(255,255,255,.9);\n  color:#0f172a;\n  font-size: 12px;\n  padding: 6px 8px;\n  border-radius: 999px;\n  border: 1px solid rgba(15,23,42,.12);\n  text-decoration: none;\n}\n\n\/* placeholder for animated SVG layer *\/\n.hero-svg{\n  position:absolute; inset:0; pointer-events:none;\n}\n\n.hero-media {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n#hero-video {\n  aspect-ratio: 16 \/ 9;\n  width: 100%;\n}\n\n.hero-attrib {\n  position: absolute;\n  bottom: 8px;\n  right: 12px;\n  background: rgba(0,0,0,0.5);\n  color: white;\n  font-size: 12px;\n  padding: 4px 8px;\n  border-radius: 4px;\n}\n\n\n\/* Keep your .hero-wrap\/.hero-eyebrow\/.hero-title-new\/.hero-lead rules. Add these: *\/\n\n\/* 16:9 helper *\/\n.media-16x9 { aspect-ratio: 16 \/ 9; width: 100%; }\n\n\/* refine the card look to match the comp *\/\n.hero-media{\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 24px 60px rgba(2,6,23,.10);\n  border: 1px solid #e5e9f2;\n  background: #dfe7f3;\n  margin-top: clamp(24px, 5vw, 48px);\n  opacity: 0;                 \/* fade-in start *\/\n  transform: translateY(8px); \/* subtle lift *\/\n  transition: opacity .6s ease, transform .6s ease;\n}\n.hero-media.revealed{ opacity: 1; transform: none; }\n\n.hero-media iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }\n\n\/* soft inner vignette to mimic the screenshot edges *\/\n.hero-media::after{\n  content:\"\";\n  position:absolute; inset:0;\n  pointer-events:none;\n  background: radial-gradient(120% 120% at 50% 50%, transparent 60%, rgba(0,10,30,.08) 100%);\n}\n\n\/* attribution badge (light pill, like your theme) *\/\n.hero-attrib{\n  position:absolute; right:10px; bottom:10px;\n  background: rgba(255,255,255,.92);\n  color:#0f172a;\n  font-size:12px; line-height:1;\n  padding:6px 8px;\n  border-radius:999px;\n  border:1px solid rgba(15,23,42,.12);\n}\n\n\/* reveal for text too (optional) *\/\n.hero .hero-eyebrow,\n.hero .hero-title-new,\n.hero .hero-lead{ opacity:0; transform: translateY(6px); transition: opacity 1.5s ease, transform 1.5s ease; }\n.hero.revealed .hero-eyebrow,\n.hero.revealed .hero-title-new,\n.hero.revealed .hero-lead{ opacity:1; transform:none; }\n.hero.revealed .hero-title-new{ transition-delay:.05s; }\n.hero.revealed .hero-lead{ transition-delay:.1s; }\n\n\/* motion safety *\/\n@media (prefers-reduced-motion: reduce){\n  .hero-media,\n  .hero .hero-eyebrow,\n  .hero .hero-title-new,\n  .hero .hero-lead{ transition:none !important; opacity:1 !important; transform:none !important; }\n}\n\n\n\/* ---- Global reveal defaults ---- *\/\n[data-reveal],\n[data-reveal-child]{\n  opacity: 0;\n  transform: translateY(8px);\n  transition:\n    opacity var(--reveal-duration, .6s) var(--reveal-ease, ease),\n    transform var(--reveal-duration, .6s) var(--reveal-ease, ease);\n  will-change: opacity, transform;\n}\n\n.is-revealed[data-reveal],\n.is-revealed [data-reveal-child]{\n  opacity: 1;\n  transform: none;\n}\n\n\/* Motion safety *\/\n@media (prefers-reduced-motion: reduce){\n  [data-reveal],\n  [data-reveal-child]{ transition: none !important; opacity: 1 !important; transform: none !important; }\n}\n\n\n\n\/* logo slider *\/\n\n\/* use your site container but bump this section to 1280px *\/\n.logo-slider-container { --container: 1280px; }\n\n\/* section spacing *\/\n.logo-slider-section { padding-block: clamp(36px, 6vw, 64px); }\n\n\/* title: Manrope 14px in your blue *\/\n:root { --brand-blue: #007FBE; } \/* adjust if you have a different token *\/\n.logo-slider-title{\n  font-family: \"Manrope\", system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;          \/* can bump to 600\/800 if you want more punch *\/\n  letter-spacing: 0.04em;\n  color: var(--brand-blue);\n  text-align: center;\n  margin-bottom: clamp(20px, 4vw, 36px);\n      font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.3em;\n}\n\n\/* mask + track *\/\n.logo-slider-wrap{\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Seamless loop:\n   - Two identical sequences in .logo-slider-track\n   - Animate from 0 to -50% so sequence B takes over without a jump *\/\n.logo-slider-track{\n  display: inline-flex;\n  align-items: center;\n  gap: clamp(28px, 6vw, 60px);\n  will-change: transform;\n  animation: logos-marquee var(--logos-duration, 28s) linear infinite;\n  padding-inline: 4px; \/* tiny padding to ensure no subpixel clip on edges *\/\n}\n\n\/* logos *\/\n.logo-slider-track img{\n  max-width: 175px;\n  height: auto;\n  filter: grayscale(100%);\n  opacity: 0.85;\n  transition: opacity .25s ease, filter .25s ease, transform .25s ease;\n  flex: 0 0 auto; \/* prevent shrinking\u2014keeps consistent spacing for the loop *\/\n}\n.logo-slider-track img:hover{\n  filter: grayscale(0%);\n  opacity: 1;\n  transform: translateY(-1px);\n}\n\n\/* marquee motion *\/\n@keyframes logos-marquee{\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n\/* gradient fades (light theme) *\/\n.slider-fade{\n  position: absolute; inset: 0 auto 0 0; width: min(12vw, 100px); pointer-events:none; z-index: 2;\n  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\n}\n.fade-right{ left: auto; right: 0; background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%); }\n\n\/* if your section sits on a tinted bg, swap #fff for that color or use: *\/\n.logo-slider-section .slider-fade{ background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }\n.logo-slider-section .fade-right{ background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }\n\n\/* dark mode variant (optional) *\/\n@media (prefers-color-scheme: dark){\n  .slider-fade{ background: linear-gradient(to right, #0f172a 0%, rgba(15,23,42,0) 100%); }\n  .fade-right{ background: linear-gradient(to left,  #0f172a 0%, rgba(15,23,42,0) 100%); }\n}\n\n\/* motion safety *\/\n@media (prefers-reduced-motion: reduce){\n  .logo-slider-track{ animation: none; }\n}\n\n\n\n\n\/* =======================\n   SECTION: High-Stakes Innovation\n======================= *\/\n\n.innovation-section {\n  padding-block: clamp(60px, 8vw, 100px);\n}\n\n.innovation-container {\n  max-width: 1280px;\n  margin-inline: auto;\n  padding-inline: 20px;\n}\n\n\/* Header Layout *\/\n.innovation-header {\n  display: flex;\n  gap: clamp(20px, 5vw, 60px);\n  align-items: flex-start;\n  margin-bottom: clamp(40px, 6vw, 64px);\n}\n\n.innovation-title {\n  font-family: \"Orbitron\", sans-serif;\n  font-size: 42px;\n  line-height: 1.4;\n  font-weight: 700;\n  flex: 1;\n}\n\n.innovation-copy {\n  font-family: \"Manrope\", sans-serif;\n  font-size: 18px;\n  line-height: 1.8;\n  flex: 1;\n}\n\n\/* Cards Grid *\/\n.innovation-cards {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: clamp(20px, 4vw, 40px);\n}\n\n.innovation-card {\n  background-color: #f8f8f8;\n  border-radius: 12px;\n  padding: clamp(20px, 4vw, 32px);\n}\n\n.icon-wrap {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 16px;\n}\n\n.innovation-card h3 {\n  font-family: \"Manrope\", sans-serif;\n  font-size: 20px;\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n\n.innovation-card p {\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n\/* Mobile Layout *\/\n@media (max-width: 768px) {\n  .innovation-header {\n    flex-direction: column;\n  }\n  .innovation-cards {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* =======================\n   END SECTION: High-Stakes Innovation\n======================= *\/\n\n\n\/* =========================================\n   SECTION: Stats (count-up with staggered reveal)\n========================================= *\/\n\n:root{\n  --stats-blue: #0a78b7;        \/* tweak to your brand blue if needed *\/\n  --stats-ink:  #ffffff;\n  --stats-sep:  rgba(255,255,255,.35);\n}\n\n.stats-section{\n  background: var(--stats-blue);\n  color: var(--stats-ink);\n  position: relative;\n  overflow: hidden;\n  padding-block: clamp(36px, 6vw, 68px);\n}\n\n\/* optional faint arcs\/background accent *\/\n.stats-section::before{\n  content:\"\";\n  position:absolute; inset: -10% -20% auto -20%;\n  height: 220%;\n  background:\n    radial-gradient(80% 60% at 20% 100%, rgba(255,255,255,.06) 0%, transparent 60%),\n    radial-gradient(60% 40% at 60% 110%, rgba(255,255,255,.05) 0%, transparent 70%);\n  pointer-events:none;\n}\n\n.stats-container{ --container: 1280px; }\n\n.stats-grid{\n  display:grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: clamp(18px, 3vw, 28px);\n  align-items: center;\n}\n\n\/* stat item look + built-in fade\/slide like other sections *\/\n.stat-item{\n  padding-inline: clamp(8px, 2vw, 24px);\n  opacity: 0;\n  transform: translateY(8px);\n  transition: opacity .6s ease, transform .6s ease;\n}\n.stat-item.show{\n  opacity: 1;\n  transform: none;\n}\n\n.stat-item + .stat-item{\n  position: relative;\n}\n.stat-item + .stat-item::before{\n  content:\"\";\n  position:absolute; left: -1px; top: 10%;\n  width: 1px; height: 80%;\n  background: var(--stats-sep);\n}\n\n\/* numbers + labels *\/\n.stat-number{\n  font-family: \"Orbitron\", ui-sans-serif, system-ui, sans-serif;\n  font-size: clamp(34px, 3.5vw, 48px);\n  line-height: 1.1;\n  font-weight: 700;\n  display:flex; align-items: baseline; gap: 6px;\n}\n.stat-number .suffix{ font-family: \"Manrope\", system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif; font-weight: 600; }\n\n.stat-label{\n  font-family: \"Manrope\", system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: clamp(14px, 1.3vw, 18px);\n  line-height: 1.6;\n  margin-top: 10px;\n  color: rgba(255,255,255,.92);\n}\n\n\/* responsive stack: 2x2 then 1x4 *\/\n@media (max-width: 900px){\n  .stats-grid{ grid-template-columns: repeat(2, 1fr); }\n  .stat-item + .stat-item::before{ display:none; }\n}\n@media (max-width: 520px){\n  .stats-grid{ grid-template-columns: 1fr;   justify-items: center; text-align: center;}\n  .stat-label {text-align: center;}\n  .stat-number {justify-content: center}\n}\n\n\/* prefers-reduced-motion *\/\n@media (prefers-reduced-motion: reduce){\n  .stat-item{ opacity:1 !important; transform:none !important; transition:none !important; }\n}\n\/* =========================================\n   END SECTION: Stats\n========================================= *\/\n\n\n\n\/* =========================================\n   SECTION: Gateway Overview\n========================================= *\/\n\n.gateway-overview {\n  position: relative;\n  background: #fff;\n  padding-block: clamp(40px, 6vw, 80px);\n}\n\n.gateway-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 50%;\n  height: 100%;\n  background: url('fpo-bg-lines.png') no-repeat center left \/ cover;\n  opacity: 0.1;\n  pointer-events: none;\n}\n\n.gateway-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: clamp(24px, 4vw, 48px);\n  position: relative;\n  z-index: 1;\n}\n\n.gateway-image img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.gateway-subtitle {\n  font-family: \"Manrope\", sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--blue);\n  letter-spacing: 1px;\n  margin-bottom: 8px;\n}\n\n.gateway-logo {\n  max-width: 220px;\n  height: auto;\n  display: block;\n  margin-bottom: 16px;\n}\n\n.gateway-text {\n  font-family: \"Manrope\", sans-serif;\n  font-size: 18px;\n  line-height: 1.8;\n  margin-bottom: 24px;\n}\n\n.gateway-cta {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.btn {\n  display: inline-block;\n  padding: 10px 20px;\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  border-radius: 999px;\n  text-decoration: none;\n  transition: background 0.3s ease, color 0.3s ease;\n}\n\n.btn-light {\n  background: #f0f0f0;\n  color: #000;\n}\n\n.btn-light:hover {\n  background: #e0e0e0;\n}\n\n.btn-blue {\n  background: var(--blue);\n  color: #fff;\n}\n\n.btn-blue:hover {\n  background: #055c90;\n}\n\n\/* Features *\/\n.gateway-features {\n  margin-top: clamp(40px, 5vw, 60px);\n}\n\n.feature-list {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px 40px;\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.feature-list li {\n  display: flex;\n  align-items: flex-start;\n  font-family: 'Manrope', sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.feature-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: #d9d9d9; \/* Light grey like in your screenshot *\/\n  margin-right: 12px;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.feature-icon::after {\n  content: \"\";\n  width: 8px;\n  height: 14px;\n  border-right: 2px solid #000;\n  border-bottom: 2px solid #000;\n  transform: rotate(45deg);\n  position: absolute;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .gateway-container {\n    grid-template-columns: 1fr;\n  }\n  .gateway-bg {\n    width: 100%;\n    height: 40%;\n    top: auto;\n    bottom: 0;\n  }\n  .features-list {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 600px) {\n  .features-list {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* =========================================\n   END SECTION: Gateway Overview\n========================================= *\/\n\n\/* =========================================\n   CTA Buttons Styling\n========================================= *\/\n.btn {\n  display: inline-block;\n  padding: 12px 24px;\n  font-family: 'Manrope', sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  border-radius: 6px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.btn-light {\n  background: #f1f1f1;\n  color: #000;\n}\n\n.btn-light:hover {\n  background: #e0e0e0;\n}\n\n.btn-blue {\n  background: #007FBE; \/* Design-specific blue *\/\n  color: #fff;\n}\n\n.btn-blue:hover {\n  background: #006ca4;\n}\n\n\n\n\/* =========================================\n   SECTION: Contact (WPForms-ready)\n========================================= *\/\n\n:root{\n  --contact-bg: #4a4a4a;          \/* dark panel *\/\n  --contact-card: #ffffff;        \/* form card *\/\n  --contact-ink: #f1f5f9;         \/* light text on dark *\/\n  --contact-muted: #c9d2e2;       \/* muted text *\/\n  --contact-line: rgba(255,255,255,.12);\n  --contact-blue: #007FBE;        \/* CTA blue from earlier *\/\n}\n\n.contact-section{\n  background: var(--contact-bg);\n  color: var(--contact-ink);\n  padding-block: clamp(56px, 8vw, 96px);\n  border-top: 1px solid var(--contact-line);\n}\n\n.contact-grid{\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: clamp(24px, 5vw, 48px);\n  align-items: start;\n}\n\n\/* Left column *\/\n.contact-eyebrow{\n  font-family: \"Manrope\", sans-serif;\n  font-size: 12px;\n  letter-spacing: .14em;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: var(--contact-muted);\n  margin-bottom: 10px;\n}\n\n.contact-title{\n  font-family: \"Manrope\", sans-serif;\n  font-size: clamp(24px, 3.2vw, 40px);\n  line-height: 1.3;\n  font-weight: 400;\n  color: var(--contact-ink);\n  max-width: 20ch;\n  margin-bottom: clamp(22px, 3vw, 34px);\n}\n\n.contact-address{\n  color: var(--contact-muted);\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  line-height: 1.7;\n}\n.contact-address strong{ display:block; color:#fff; margin-bottom:8px; }\n.contact-address address{ font-style: normal; }\n\n\/* Form card *\/\n.contact-card{\n  background: var(--contact-card);\n  color: #0f172a;\n  border: 1px solid #e5e7eb;\n  border-radius: 22px;\n  box-shadow: 0 24px 60px rgba(2,6,23,.12);\n  padding: clamp(18px, 3vw, 28px);\n}\n\n\/* ---- WPForms hook styles ----\n   Add these classes inside WPForms so the live form matches the FPO:\n   - Form CSS Class: it-form\n   - Field CSS Classes: it-input \/ it-textarea\n   - Submit Button CSS Class: it-submit\n*\/\n.it-form{\n  display: grid;\n  gap: 12px;\n}\n.it-input,\n.it-textarea,\n.wpforms-container .it-input input,\n.wpforms-container .it-textarea textarea{\n  width: 100%;\n  border: 1px solid #e5e7eb;\n  background: #fff;\n  color: #0f172a;\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  line-height: 1.4;\n  padding: 14px 16px;\n  border-radius: 16px;\n  outline: none;\n  transition: border-color .2s ease, box-shadow .2s ease;\n}\n.it-textarea,\n.wpforms-container .it-textarea textarea{\n  resize: vertical;\n  min-height: 120px;\n  border-radius: 16px;\n}\n\n.it-input:focus,\n.it-textarea:focus,\n.wpforms-container .it-input input:focus,\n.wpforms-container .it-textarea textarea:focus{\n  border-color: #c7d2fe;\n  box-shadow: 0 0 0 4px rgba(199,210,254,.35);\n}\n\n.it-submit,\n.wpforms-submit.it-submit{\n  display: inline-block;\n  width: fit-content;\n  padding: 10px 20px;\n  font-family: \"Manrope\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  color: #fff;\n  background: var(--contact-blue);\n  border-radius: 999px;\n  border: 0;\n  cursor: pointer;\n  transition: transform .15s ease, background .2s ease;\n  margin-top: 6px;\n}\n.it-submit:hover{ transform: translateY(-1px); }\n.it-submit:active{ transform: translateY(0); }\n\n\/* Make WPForms default markup adopt these styles *\/\n.wpforms-container .wpforms-field{ margin-bottom: 12px; }\n.wpforms-container input[type=\"text\"].it-input,\n.wpforms-container input[type=\"email\"].it-input,\n.wpforms-container input[type=\"tel\"].it-input,\n.wpforms-container input[type=\"url\"].it-input,\n.wpforms-container textarea.it-textarea{ \/* already styled above via selectors *\/ }\n\n\/* Responsive *\/\n@media (max-width: 980px){\n  .contact-grid{ grid-template-columns: 1fr; }\n  .contact-title{ max-width: none; }\n}\n\n\/* =========================================\n   END SECTION: Contact (WPForms-ready)\n========================================= *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n\/* =========================================\n   FOOTER STRIP\n========================================= *\/\n.footer-strip{\n  background: #3f3f3f; \/* matches your dark contact background *\/\n  padding-block: 14px;\n}\n\n.footer-container{\n  max-width: 1280px;\n  margin-inline: auto;\n  padding-inline: 20px;\n  font-family: \"Manrope\", sans-serif;\n  font-size: 14px;\n  color: #f1f5f9;\n  text-align: center;\n  line-height: 1.5;\n}\n\n\/* =========================================\n   END FOOTER STRIP\n========================================= *\/\n\n\/* =========================================\n   HERO VIDEO STYLES\n========================================= *\/\n.hero-video-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 1280px; \/* match your content width *\/\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.hero-video {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.hero-attribution {\n  position: absolute;\n  bottom: 8px;\n  right: 12px;\n  font-family: 'Manrope', sans-serif;\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.85);\n  background: rgba(0, 0, 0, 0.4);\n  padding: 4px 8px;\n  border-radius: 4px;\n}\n\n\n\/* WP helpers *\/\n\n.header-wrapper {\n  display: none;\n}\n\ndiv#page-top {\n    display: none;\n}\n\n.footer.footer-7 {\n    display: none;\n}\n\n#offcanvas-wrapper {\n    background-color: #222B34 !important;\n    display: none;\n}\n\n\n\n\n.page-content.no-padding {\n    padding: 0 !important;\n}\n  .largeIMG {\n      width: 70%;\n      position: absolute;\n      top: -70%;\n      left: -50px;\n  }\n\n  @media (max-width: 1070px){\n\n  .largeIMG{\nwidth: 70%;\n        position: absolute;\n        top: -30%;\n        left: -4%;\n  }\n\n}\n\n\n\n@media (max-width: 900px){\n  .largeIMG{\n        width: 100%;\n        position: relative;\n        top: 0%;\n        left: 20%; \n  }\n\n    .gateway-image {\n        position: relative;\n        height: 100%;\n        margin-bottom: -160px;\n        top: -40%;\n    }\n\n}\n\n@media (max-width: 767px){\n  .largeIMG{\n        width: 100%;\n        position: relative;\n        top: -30%;\n        left: 20%; \n        display: none;\n  }\n\n    .gateway-image {\n        position: relative;\n        height: 100%;\n        margin-bottom: -160px;\n        top: -40%;\n    }\n\n}\n\n@media (max-width: 650px){\n  ul.feature-list{\n      grid-template-columns: 1fr;\n      margin: 0;\n      padding: 0;\n  }\n}\n\n\n\n\n\n\n\n\n<\/style>\n\n\n\n<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" \/>\n<title>Infinite Tactics<\/title>\n\n<!--\u00a0Google Tag\u00a0Manager -->\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-NG5HMQHS');<\/script>\n<!-- End\u00a0Google Tag\u00a0Manager -->\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300..800&#038;family=Orbitron:wght@400..900&#038;display=swap\" rel=\"stylesheet\">\n\n<\/head>\n<body>\n\n  <!--\u00a0Google Tag\u00a0Manager (noscript) -->\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-NG5HMQHS\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\n<!-- End\u00a0Google Tag\u00a0Manager (noscript) -->\n\n<!-- =======================\n     HEADER \/ NAV\n======================= -->\n<header id=\"siteHeader\">\n  <div class=\"container nav\">\n    <!-- logo -->\n    <a class=\"brand\" href=\"\/\">\n      <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/it-logo-scaled.png\" alt=\"Company logo\" \/>\n    <\/a>\n\n    <!-- centered desktop menu -->\n    <nav class=\"menu\" aria-label=\"Primary\">\n      <ul>\n        <li><a href=\"https:\/\/infinitetactics.com\/www\/index.php\/analytics-gateway\/\">Gateway<\/a><\/li>\n        <li class=\"dropdown\" id=\"servicesDropdown\">\n          <a href=\"#services\" aria-expanded=\"false\">Services\n            <svg class=\"chev\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M8 10l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <div class=\"dropdown-menu\" role=\"menu\">\n            <a role=\"menuitem\" href=\"https:\/\/infinitetactics.com\/www\/index.php\/modeling-simulation-analytics\/\">Modeling, Simulation &amp; Analysis<\/a>\n            <a role=\"menuitem\" href=\"https:\/\/infinitetactics.com\/www\/index.php\/applied-solutions\/\">Applied Solutions<\/a>\n          <\/div>\n        <\/li>\n        <li><a href=\"https:\/\/infinitetactics.com\/www\/index.php\/careers\/\">Careers<\/a><\/li>\n        <li><a href=\"https:\/\/infinitetactics.com\/www\/index.php\/about-us-new\/\">About Us<\/a><\/li>\n      <\/ul>\n    <\/nav>\n\n    <!-- right side: desktop CTAs -->\n    <div class=\"cta-desktop\" aria-hidden=\"true\">\n      <a class=\"btn btn-ghost\" href=\"#contact\">Request Access<\/a>\n      <a class=\"btn btn-primary\" href=\"#contact\">Contact Us<\/a>\n    <\/div>\n\n    <!-- mobile toggle (far right) -->\n    <button class=\"hamburger\" id=\"toggleNav\" aria-expanded=\"false\" aria-controls=\"mobileNav\" aria-label=\"Open menu\">\n      <!-- burger icon -->\n      <svg id=\"icon-burger\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M4 7h16M4 12h16M4 17h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/svg>\n      <!-- close icon (hidden until open) -->\n      <svg id=\"icon-close\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" style=\"display:none\">\n        <path d=\"M6 6l12 12M18 6l-12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/header>\n<!-- =======================\n     END HEADER \/ NAV\n======================= -->\n\n<!-- ========== HERO ========== -->\n<div class=\"hero-wrap\">\n  <section class=\"container hero\" aria-labelledby=\"hero-heading\">\n    <div class=\"hero-grid\">\n      <div>\n        <div class=\"hero-eyebrow\">Mission-Ready Tech. Secure. Scalable. Proven.<\/div>\n        <h1 id=\"hero-heading\" class=\"hero-title-new\">\n          Build, Launch, and Scale Secure HPC and Analytics Platforms\n        <\/h1>\n        <p class=\"hero-lead\">\n          InfiniteTactics delivers secure, browser-based platforms for high-performance computing, modeling, and AI workflows.\n          Trusted by defense and enterprise teams, our tools simplify complex infrastructure so you can move faster and smarter.\n        <\/p>\n      <\/div>\n\n<div class=\"hero-video-wrapper\">\n  <video class=\"hero-video\" autoplay muted loop playsinline>\n    <source src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/10\/InfiniteTactics-Banner-subtitled-revised.mp4\" type=\"video\/mp4\">\n    Your browser does not support the video tag.\n  <\/video>\n\n<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- animated SVG layer -->\n  <svg class=\"hero-svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><\/svg>\n<\/div>\n<!-- ========== END HERO ========== -->\n\n<!-- =======================\n     LOGO ROW\n======================= -->\n<section class=\"logo-slider-section\" data-reveal data-stagger=\"120\" data-reveal-once aria-label=\"Trusted by\">\n  <div class=\"container logo-slider-container\">\n    <h2 class=\"logo-slider-title\" data-reveal-child>trusted by leading organizations<\/h2>\n\n    <div class=\"logo-slider-wrap\" data-reveal-child>\n      <div class=\"logo-slider-track\">\n        <!-- Sequence A -->\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/darpa-logo.png\" alt=\"Darpa\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/git-logo.png\" alt=\"Gitlab\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/afrl-logo.png\" alt=\"AFRL\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/armycorps-logo.png\" alt=\"Army armycorps-logo\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/l3harris-logo.png\" alt=\"L3 Harris\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/aws-logo.png\" alt=\"AWS\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/mongo-logo.png\" alt=\"MongoDB\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/hammerspace-logo.png\" alt=\"Hammerspace\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/spaceforce-logo.png\" alt=\"Space Force\">\n\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/afsus-logo.png\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/maui-logo.png\" alt=\"Maui high performance computing center\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/hpc-logo.png\" alt=\"HPC\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/secstate-logo.png\" alt=\"Air Force Office of the Secretary\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/anautics.png\" alt=\"Anautics\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/sealing-logo.png\" alt=\"Sealing Tech\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/xr-logo.png\" alt=\"XR Defence\">\n \n\n\n\n\n\n\n\n\n        <!-- Sequence A (duplicate) -->\n    <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/darpa-logo.png\" alt=\"Darpa\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/git-logo.png\" alt=\"Gitlab\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/afrl-logo.png\" alt=\"AFRL\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/armycorps-logo.png\" alt=\"Army armycorps-logo\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/l3harris-logo.png\" alt=\"L3 Harris\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/aws-logo.png\" alt=\"AWS\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/mongo-logo.png\" alt=\"MongoDB\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/hammerspace-logo.png\" alt=\"Hammerspace\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/spaceforce-logo.png\" alt=\"Space Force\">\n\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/afsus-logo.png\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/maui-logo.png\" alt=\"Maui high performance computing center\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/hpc-logo.png\" alt=\"HPC\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/secstate-logo.png\" alt=\"Air Force Office of the Secretary\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/anautics.png\" alt=\"Anautics\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/sealing-logo.png\" alt=\"Sealing Tech\">\n        <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/xr-logo.png\" alt=\"XR Defence\">\n      <\/div>\n\n      <!-- gradient masks to hide the loop seam -->\n      <div class=\"slider-fade fade-left\" aria-hidden=\"true\"><\/div>\n      <div class=\"slider-fade fade-right\" aria-hidden=\"true\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- =======================\n     END LOGO ROW\n======================= -->\n\n<!-- =======================\n     SECTION: High-Stakes Innovation\n======================= -->\n<section class=\"innovation-section\" data-reveal data-stagger=\"120\" data-reveal-once>\n  <div class=\"container innovation-container\">\n    <!-- Header -->\n    <div class=\"innovation-header\">\n      <h2 class=\"innovation-title\" data-reveal-child>\n        Building Secure Tools<br>for High-Stakes Innovation\n      <\/h2>\n      <p class=\"innovation-copy\" data-reveal-child>\n        InfiniteTactics is a veteran-owned technology company delivering secure, scalable platforms for modeling, simulation, analytics, and AI. Our solutions power mission-critical workflows across government, research, and enterprise teams.\n      <\/p>\n    <\/div>\n\n    <!-- Cards -->\n    <div class=\"innovation-cards\">\n      <!-- Card 1 -->\n      <div class=\"innovation-card\" data-reveal-child>\n        <div class=\"icon-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/lock-icon.png\" alt=\"Modern Secure Architecture Icon\">\n        <\/div>\n        <h3>Modern Secure Architecture<\/h3>\n        <p>\n          A composable foundation for analytics, DevSecOps, and secure data workflows. MSA+ supports browser-based access, hybrid deployments, and identity-aware controls built for classified and unclassified use.\n        <\/p>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"innovation-card\" data-reveal-child>\n        <div class=\"icon-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/gear-icon.png\" alt=\"Applied Solutions Icon\">\n        <\/div>\n        <h3>Applied Solutions<\/h3>\n        <p>\n          Custom software, automation, and AI tools designed to solve real operational challenges. From embedded systems to mission logistics, we build field-ready systems that work where you do.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- =======================\n     END SECTION: High-Stakes Innovation\n======================= -->\n\n<!-- =========================================\n     SECTION: Stats (count-up with staggered reveal)\n========================================= -->\n<section class=\"stats-section\" data-reveal-once aria-label=\"Key statistics\">\n  <div class=\"container stats-container\">\n    <div class=\"stats-grid\" id=\"statsGrid\">\n      <!-- Stat 1 -->\n      <div class=\"stat-item\" data-target=\"100\" data-decimals=\"0\" data-suffix=\"%\" data-duration=\"500\">\n        <div class=\"stat-number\"><span class=\"num\">0<\/span><span class=\"suffix\"><\/span><\/div>\n        <p class=\"stat-label\">Compliance-ready for IL4,<br>IL5, NIST 800-171, and more<\/p>\n      <\/div>\n      <!-- Stat 2 -->\n      <div class=\"stat-item\" data-target=\"10000\" data-decimals=\"0\" data-suffix=\"+\" data-format=\"comma\" data-duration=\"500\">\n        <div class=\"stat-number\"><span class=\"num\">0<\/span><span class=\"suffix\"><\/span><\/div>\n        <p class=\"stat-label\">Secure sessions launched<br>every month<\/p>\n      <\/div>\n      <!-- Stat 3 -->\n      <div class=\"stat-item\" data-target=\"99.9\" data-decimals=\"1\" data-suffix=\"%\" data-duration=\"500\">\n        <div class=\"stat-number\"><span class=\"num\">0<\/span><span class=\"suffix\"><\/span><\/div>\n        <p class=\"stat-label\">Uptime across all cloud and<br>hybrid deployments<\/p>\n      <\/div>\n      <!-- Stat 4 -->\n      <div class=\"stat-item\" data-target=\"15\" data-decimals=\"0\" data-suffix=\"+ Years\" data-duration=\"500\">\n        <div class=\"stat-number\"><span class=\"num\">0<\/span><span class=\"suffix\"><\/span><\/div>\n        <p class=\"stat-label\">Powering defense and<br>government operations<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- =========================================\n     END SECTION: Stats\n========================================= -->\n\n<!-- =========================================\n     SECTION: Gateway Overview\n========================================= -->\n<section class=\"gateway-overview\" data-reveal data-reveal-once aria-label=\"Gateway platform overview\">\n  <div class=\"gateway-bg\"><\/div>\n  <div class=\"container gateway-container\">\n    <!-- Left: Laptop Image -->\n    <div class=\"gateway-image\">\n      <div class=\"largeIMG\"><img decoding=\"async\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/gateway_ui.png\" alt=\"Gateway platform on laptop\" loading=\"lazy\"><\/div>\n    <\/div>\n\n    <!-- Right: Logo, Heading, Text, Buttons -->\n    <div class=\"gateway-content\">\n      <p class=\"gateway-subtitle\">HPC WITHOUT THE HEADACHES<\/p>\n      <img decoding=\"async\" class=\"gateway-logo\" src=\"https:\/\/infinitetactics.com\/www\/wp-content\/uploads\/2025\/08\/gateway-logo.png\" alt=\"Gateway Logo\" loading=\"lazy\">\n      <p class=\"gateway-text\">\n        Gateway is a secure, browser-based platform for modeling, simulation, AI, and data workflows. \n        Built for IL4, IL5, and hybrid environments, it gives users fast access to high-performance \n        computing without managing infrastructure.\n      <\/p>\n\n      <!-- CTAs that scroll to Contact -->\n      <div class=\"gateway-cta\" data-reveal-child>\n        <a href=\"https:\/\/public.analyticsgateway.com\/login\" class=\"btn btn-light js-scroll-contact\">Create Account<\/a>\n        <a href=\"#contact\" class=\"btn btn-blue js-scroll-contact\">Schedule a Demo<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Features List -->\n  <div class=\"gateway-features container\">\n    <ul class=\"feature-list\">\n      <li><span class=\"feature-icon\"><\/span>Browser-based access to tools like Jupyter, RStudio, and TensorFlow<\/li>\n      <li><span class=\"feature-icon\"><\/span>Identity-aware plugin access with built-in permissions<\/li>\n      <li><span class=\"feature-icon\"><\/span>Scriptable control API for automation and extensibility<\/li>\n      <li><span class=\"feature-icon\"><\/span>FedRAMP, NIST 800-171, and Zero Trust aligned<\/li>\n      <li><span class=\"feature-icon\"><\/span>User-extensible environments with plugin support<\/li>\n      <li><span class=\"feature-icon\"><\/span>Role-based access control and shared project spaces<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n<!-- =========================================\n     END SECTION: Gateway Overview\n========================================= -->\n\n<!-- =========================================\n     SECTION: Contact (WPForms-ready)\n========================================= -->\n<section id=\"contact\" class=\"contact-section\" data-reveal data-stagger=\"140\" data-reveal-once aria-labelledby=\"contactTitle\">\n  <div class=\"container contact-grid\">\n    <!-- Left: Heading + Address -->\n    <div class=\"contact-left\">\n      <p class=\"contact-eyebrow\" data-reveal-child>Contact Us<\/p>\n      <h2 id=\"contactTitle\" class=\"contact-title\" data-reveal-child>\n        Whether you\u2019re ready to deploy, need a demo, or want to explore custom\n        solutions, our team is here to help.\n      <\/h2>\n      <div class=\"contact-address\" data-reveal-child>\n        <strong>Address<\/strong>\n        <address>\n          1430 Oak Ct Ste 203<br \/>\n          Beavercreek, OH 45430\n        <\/address>\n        <br>\n        <strong>Phone<\/strong>\n\n        <p><a style=\"color:white;\"href=\"tel:+8333613388\">833.361.3388<\/a><\/p>\n\n      <\/div>\n    <\/div>\n\n    <!-- Right: Form card (WPForms will render here) -->\n    <div class=\"contact-card\" data-reveal-child>\n      <!-- WPForms embed -->\n      <div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-68\"><form id=\"wpforms-form-68\" class=\"wpforms-validate wpforms-form\" data-formid=\"68\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/www\/index.php\/wp-json\/wp\/v2\/pages\/7000\" data-token=\"8c162ba6bc9a80b8ca7a0f29fd9148c6\" data-token-time=\"1776941274\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-68-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\">*<\/span><\/label><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-68-field_0\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][0][first]\" required><label for=\"wpforms-68-field_0\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-68-field_0-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][0][last]\" required><label for=\"wpforms-68-field_0-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/div><div id=\"wpforms-68-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-68-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-68-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" spellcheck=\"false\" required><\/div><div id=\"wpforms-68-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-68-field_2\">Comment or Message <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-68-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-68-field-hp\" class=\"wpforms-field-label\">Website<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-68-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v2\" ><div class=\"g-recaptcha\" data-sitekey=\"6Le9zbcZAAAAAAjUk7CYEbPWScGp5Enn_vnkA0Dv\"><\/div><input type=\"text\" name=\"g-recaptcha-hidden\" class=\"wpforms-recaptcha-hidden\" style=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\" data-rule-recaptcha=\"1\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"68\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/pages\/7000\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-68\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\n    <\/div>\n  <\/div>\n<\/section>\n<!-- =========================================\n     END SECTION: Contact\n========================================= -->\n\n<!-- =========================================\n     FOOTER STRIP\n========================================= -->\n<footer class=\"footer-strip\">\n  <div class=\"footer-container\">\n    Serving the IT community since 2004 with Integrity and a Team Focus | \u00a9 2025 InfiniteTactics, LLC\n  <\/div>\n<\/footer>\n<!-- =========================================\n     END FOOTER STRIP\n========================================= -->\n\n<!-- full-screen mobile nav -->\n<div class=\"overlay\" id=\"overlay\" aria-hidden=\"true\"><\/div>\n<aside class=\"drawer\" id=\"mobileNav\" aria-label=\"Mobile navigation\" aria-hidden=\"true\">\n  <div class=\"drawer-header\">\n    <span class=\"drawer-title\">Menu<\/span>\n    <button id=\"closeDrawer\" aria-label=\"Close menu\">\n      <svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M6 6l12 12M18 6l-12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n  <nav class=\"drawer-nav\">\n    <a href=\"https:\/\/infinitetactics.com\/www\/index.php\/analytics-gateway\/\">Gateway<\/a>\n    <details>\n      <summary style=\"list-style:none; cursor:pointer; font-weight:400; padding:14px 10px; border-radius:10px;\">Services<\/summary>\n      <div style=\"padding-left:10px;\">\n        <a href=\"https:\/\/infinitetactics.com\/www\/index.php\/modeling-simulation-analytics\/\">Modeling, Simulation &amp; Analysis<\/a>\n        <a href=\"https:\/\/infinitetactics.com\/www\/index.php\/applied-solutions\/\">Applied Solutions<\/a>\n      <\/div>\n    <\/details>\n    <a href=\"https:\/\/infinitetactics.com\/www\/index.php\/careers\/\">Careers<\/a>\n    <a href=\"https:\/\/infinitetactics.com\/www\/index.php\/about-us-new\/\">About Us<\/a>\n  <\/nav>\n  <div class=\"drawer-cta\">\n    <a class=\"btn btn-ghost\" href=\"#contact\">Request Access<\/a>\n    <a class=\"btn btn-primary\" href=\"#contact\">Contact Us<\/a>\n  <\/div>\n<\/aside>\n\n<!-- =======================\n     SCRIPTS\n======================= -->\n\n<script>\n  \/\/ frosted on scroll\n  const headerEl = document.getElementById('siteHeader');\n  const setScrolled = () => {\n    if (window.scrollY > 2) headerEl.classList.add('is-scrolled');\n    else headerEl.classList.remove('is-scrolled');\n  };\n  setScrolled();\n  window.addEventListener('scroll', setScrolled, { passive:true });\n\n  \/\/ mobile full-screen nav + fade\n  const toggleBtn = document.getElementById('toggleNav');\n  const mobileNav = document.getElementById('mobileNav');\n  const overlay = document.getElementById('overlay');\n  const closeDrawer = document.getElementById('closeDrawer');\n  const iconBurger = document.getElementById('icon-burger');\n  const iconClose = document.getElementById('icon-close');\n\n  function openNav(){\n    overlay.classList.add('open');\n    mobileNav.classList.add('open');\n    overlay.setAttribute('aria-hidden','false');\n    mobileNav.setAttribute('aria-hidden','false');\n    toggleBtn.setAttribute('aria-expanded','true');\n    iconBurger.style.display = 'none';\n    iconClose.style.display = 'block';\n  }\n  function closeNav(){\n    overlay.classList.remove('open');\n    mobileNav.classList.remove('open');\n    toggleBtn.setAttribute('aria-expanded','false');\n    iconClose.style.display = 'none';\n    iconBurger.style.display = 'block';\n    \/\/ wait for fade\n    setTimeout(()=>{\n      overlay.setAttribute('aria-hidden','true');\n      mobileNav.setAttribute('aria-hidden','true');\n    }, 250);\n  }\n\n  toggleBtn.addEventListener('click', ()=>{\n    const open = toggleBtn.getAttribute('aria-expanded') === 'true';\n    open ? closeNav() : openNav();\n  });\n  closeDrawer.addEventListener('click', closeNav);\n  overlay.addEventListener('click', closeNav);\n  window.addEventListener('keydown', (e)=>{ if(e.key==='Escape') closeNav(); });\n<\/script>\n\n<!-- YouTube API for hero -->\n<script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n<script>\n  \/\/ ---- HERO: segment loop (37s to 87s) ----\n  let heroPlayer;\n  const HERO_LOOP_START = 37; \/\/ seconds\n  const HERO_LOOP_END   = 87; \/\/ seconds\n\n  function onYouTubeIframeAPIReady() {\n    heroPlayer = new YT.Player('hero-video', {\n      videoId: 'CDewcmvmwI8',\n      playerVars: {\n        autoplay: 1,\n        mute: 1,\n        controls: 0,\n        playsinline: 1,\n        modestbranding: 1,\n        rel: 0,\n        start: HERO_LOOP_START\n      },\n      events: {\n        onReady: (e) => {\n          e.target.playVideo();\n          document.querySelector('.hero-media')?.classList.add('revealed');\n        },\n        onStateChange: (e) => {\n          if (e.data === YT.PlayerState.PLAYING) {\n            if (!window.__heroLoopTimer) {\n              window.__heroLoopTimer = setInterval(() => {\n                try {\n                  const t = heroPlayer.getCurrentTime();\n                  if (t >= HERO_LOOP_END) heroPlayer.seekTo(HERO_LOOP_START, true);\n                } catch {}\n              }, 250);\n            }\n          }\n        }\n      }\n    });\n  }\n\n  \/\/ ---- Reveal-on-load\/scroll for hero text ----\n  const heroSection = document.querySelector('.hero');\n  const heroMedia = document.querySelector('.hero-media');\n  const onReveal = (entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        heroSection?.classList.add('revealed');\n        if (!heroMedia) heroSection?.classList.add('revealed');\n        obs.disconnect();\n      }\n    });\n  };\n  const io = new IntersectionObserver(onReveal, { rootMargin: '0px 0px -20% 0px', threshold: 0.2 });\n  if (heroSection) io.observe(heroSection);\n<\/script>\n\n<!-- Scroll reveal with stagger (site-wide) -->\n<script>\n(function(){\n  const defaultStagger = 120; \/\/ ms\n  const sections = [...document.querySelectorAll('[data-reveal]')];\n  if (!sections.length) return;\n\n  const io = new IntersectionObserver((entries) => {\n    for (const entry of entries) {\n      const el = entry.target;\n      const once = el.hasAttribute('data-reveal-once');\n      if (entry.isIntersecting) {\n        el.classList.add('is-revealed');\n        const items = [...el.querySelectorAll('[data-reveal-child]')];\n        const stagger = parseInt(el.getAttribute('data-stagger') || defaultStagger, 10);\n        items.forEach((item, i) => {\n          const manual = getComputedStyle(item).getPropertyValue('--reveal-delay').trim();\n          const delay = manual ? manual : (i * stagger) + 'ms';\n          item.style.transitionDelay = delay;\n          requestAnimationFrame(() => item.classList.add('is-revealed'));\n        });\n        if (once) io.unobserve(el);\n      } else if (!el.hasAttribute('data-reveal-once')) {\n        el.classList.remove('is-revealed');\n        el.querySelectorAll('[data-reveal-child]').forEach(n => {\n          n.classList.remove('is-revealed');\n          n.style.transitionDelay = '';\n        });\n      }\n    }\n  }, { threshold: 0.2, rootMargin: '0px 0px -20% 0px' });\n\n  sections.forEach(s => io.observe(s));\n})();\n<\/script>\n\n<!-- Stats: count-up with half-overlap stagger -->\n<script>\n(function(){\n  const section = document.querySelector('.stats-section');\n  if(!section) return;\n\n  const items = Array.from(section.querySelectorAll('.stat-item'));\n  if(!items.length) return;\n\n  const io = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if(!entry.isIntersecting) return;\n\n      const baseDelay = 0;\n      const halfOverlap = 0.5;\n\n      items.forEach((item, i) => {\n        const duration = parseInt(item.dataset.duration || 2000, 10);\n        const startAt = baseDelay + i * duration * halfOverlap;\n\n        setTimeout(() => {\n          item.classList.add('show');\n\n          const target = parseFloat(item.dataset.target || '0');\n          const decimals = parseInt(item.dataset.decimals || '0', 10);\n          const suffixAttr = item.dataset.suffix || '';\n          const format = item.dataset.format || '';\n          const numEl = item.querySelector('.num');\n          const suffixEl = item.querySelector('.suffix');\n          if (suffixEl) suffixEl.textContent = suffixAttr ? ' ' + suffixAttr : '';\n\n          countTo(numEl, target, { duration, decimals, format });\n        }, startAt);\n      });\n\n      obs.unobserve(entry.target);\n    });\n  }, { threshold: 0.25, rootMargin: '0px 0px -15% 0px' });\n\n  io.observe(section);\n\n  function countTo(el, endValue, opts){\n    const duration = opts.duration || 2000;\n    const decimals = opts.decimals || 0;\n    const format = opts.format || '';\n    const startValue = 0;\n    const start = performance.now();\n\n    function fmt(n){\n      let s = n.toFixed(decimals);\n      if (format === 'comma'){\n        const parts = s.split('.');\n        parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n        s = parts.join('.');\n      }\n      return s;\n    }\n\n    function tick(now){\n      const t = Math.min(1, (now - start) \/ duration);\n      const eased = t < 1 ? (1 - Math.pow(1 - t, 3)) : 1; \/\/ easeOutCubic\n      const val = startValue + (endValue - startValue) * eased;\n      el.textContent = fmt(val);\n      if (t < 1) requestAnimationFrame(tick);\n      else el.textContent = fmt(endValue);\n    }\n    requestAnimationFrame(tick);\n  }\n})();\n<\/script>\n\n<!-- =========================================\n     Unified: close drawer on CTA + smooth-scroll to #contact\/#request\n========================================= -->\n<script>\n(function () {\n  const overlay   = document.getElementById('overlay');\n  const mobileNav = document.getElementById('mobileNav');\n  const headerEl  = document.getElementById('siteHeader');\n\n  function getHeaderOffset(){\n    return headerEl ? headerEl.getBoundingClientRect().height : 0;\n  }\n\n  function safelyCloseDrawer(){\n    if (typeof closeNav === 'function') { closeNav(); return; }\n    if (overlay)   overlay.classList.remove('open');\n    if (mobileNav) mobileNav.classList.remove('open');\n  }\n\n  function smoothScrollTo(id){\n    const target = document.getElementById(id);\n    if (!target) return false;\n    const rect = target.getBoundingClientRect();\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const top = rect.top + scrollTop - (getHeaderOffset() + 12);\n    window.scrollTo({ top, behavior: 'smooth' });\n    history.replaceState(null, '', '#' + id);\n    return true;\n  }\n\n  document.addEventListener('click', function(e){\n    const a = e.target.closest('a[href^=\"#\"]');\n    if (!a) return;\n\n    const hash = a.getAttribute('href');\n    if (hash !== '#contact' && hash !== '#request') return;\n\n    if (mobileNav && mobileNav.classList.contains('open')) {\n      safelyCloseDrawer();\n    }\n\n    const id = hash.slice(1);\n    const didScroll = smoothScrollTo(id);\n    if (didScroll) e.preventDefault();\n  }, { passive: false });\n})();\n<\/script>\n<!-- =========================================\n     END Unified scroll\/close\n========================================= -->\n\n\n<!-- Google tag (gtag.js) -->\n<!-- <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-1SW403QGJ6\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n  gtag('config', 'G-1SW403QGJ6');\n<\/script> -->\n\n\n<\/body>\n<\/html>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  \/\/ Find all link tags\n  document.querySelectorAll('link[rel=\"stylesheet\"]').forEach(function(link) {\n    \/\/ Match the filename\n    if (link.href.includes(\"style.min.css?ver=1.6.178\")) {\n      link.parentNode.removeChild(link);\n      console.log(\"Removed:\", link.href);\n    }\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Infinite Tactics Gateway Services Modeling, Simulation &amp; Analysis Applied Solutions Careers About Us Request Access Contact Us Mission-Ready Tech. Secure. Scalable. Proven. Build, Launch, and Scale Secure HPC and Analytics Platforms InfiniteTactics delivers secure, browser-based platforms for high-performance computing, modeling, and AI workflows. Trusted by defense and enterprise teams, our tools simplify complex infrastructure so&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/infinitetactics.com\/www\/\">Read more<\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pro\/page-templates\/full-width-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7000","page","type-page","status-publish","hentry"],"featured_image_src":null,"acf":[],"_links":{"self":[{"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/pages\/7000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/comments?post=7000"}],"version-history":[{"count":58,"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions"}],"predecessor-version":[{"id":7123,"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/pages\/7000\/revisions\/7123"}],"wp:attachment":[{"href":"https:\/\/infinitetactics.com\/www\/index.php\/wp-json\/wp\/v2\/media?parent=7000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}