{"id":7,"date":"2026-05-12T16:18:48","date_gmt":"2026-05-12T16:18:48","guid":{"rendered":"https:\/\/staging.inkspyre.com\/?page_id=7"},"modified":"2026-05-12T16:39:47","modified_gmt":"2026-05-12T16:39:47","slug":"inkspyre","status":"publish","type":"page","link":"https:\/\/staging.inkspyre.com\/","title":{"rendered":"InkSpyre"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b7d81 e-con-full e-flex e-con e-parent\" data-id=\"e0b7d81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3174b4e elementor-widget elementor-widget-html\" data-id=\"3174b4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..900,30..100,0..1;1,9..144,300..900,30..100,0..1&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root{\n  --ink-black: #0b0e16;\n  --ink-navy: #131826;\n  --ink-navy-2: #1c2235;\n  --ink-cream: #f7f3ea;\n  --ink-cream-2: #efe9dc;\n  --ink-paper: #fbf8f1;\n  --ink-paper-2: #f4eee0;\n\n  --ink-orange: #f47b20;\n  --ink-orange-bright: #ff8a3d;\n  --ink-magenta: #c73175;\n  --ink-pink: #d94289;\n  --ink-blue: #1e4fb8;\n  --ink-blue-deep: #0f2d6e;\n  --ink-blue-bright: #5b9bff;\n  --ink-success: #2fa86b;\n  --ink-warn: #d97706;\n\n  --ink-text: #1a1f2e;\n  --ink-text-mute: #5b6478;\n  --ink-text-faint: #8993a8;\n  --ink-text-light: rgba(247, 243, 234, 0.72);\n  --ink-text-light-2: rgba(247, 243, 234, 0.5);\n  --ink-border: rgba(11, 14, 22, 0.08);\n  --ink-border-strong: rgba(11, 14, 22, 0.14);\n  --ink-border-dark: rgba(247, 243, 234, 0.10);\n  --ink-border-dark-strong: rgba(247, 243, 234, 0.22);\n\n  --flame: linear-gradient(135deg, #f47b20 0%, #c73175 55%, #1e4fb8 100%);\n  --flame-r: linear-gradient(45deg, #1e4fb8 0%, #c73175 50%, #f47b20 100%);\n  --flame-soft: linear-gradient(135deg, rgba(244,123,32,.18) 0%, rgba(199,49,117,.18) 55%, rgba(30,79,184,.18) 100%);\n\n  --shadow-card: 0 1px 0 rgba(11,14,22,.04), 0 20px 40px -24px rgba(11,14,22,.18);\n  --shadow-card-hover: 0 1px 0 rgba(11,14,22,.04), 0 30px 60px -24px rgba(11,14,22,.24);\n  --shadow-dark: 0 30px 80px -30px rgba(0,0,0,.6);\n\n  --r-sm: 6px;\n  --r-md: 14px;\n  --r-lg: 22px;\n  --r-xl: 32px;\n\n  --maxw: 1280px;\n  --pad: clamp(20px, 4vw, 56px);\n\n  --f-display: 'Fraunces', 'Times New Roman', serif;\n  --f-body: 'Plus Jakarta Sans', system-ui, sans-serif;\n  --f-mono: 'JetBrains Mono', ui-monospace, monospace;\n}\n\n*,*::before,*::after{box-sizing:border-box}\nhtml{scroll-behavior:smooth; -webkit-text-size-adjust:100%}\nbody{\n  margin:0;\n  font-family:var(--f-body);\n  background:var(--ink-paper);\n  color:var(--ink-text);\n  font-size:16px;\n  line-height:1.55;\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow-x:hidden;\n}\nimg,svg{max-width:100%; display:block}\na{color:inherit; text-decoration:none}\nbutton{font-family:inherit; cursor:pointer; border:0; background:none; color:inherit}\ninput,textarea,select{font-family:inherit; font-size:inherit; color:inherit}\n\n::selection{background:var(--ink-orange); color:#fff}\n\n\/* Noise overlay for premium feel *\/\n.noise{position:fixed; inset:0; pointer-events:none; opacity:.025; z-index:1000; mix-blend-mode:overlay;\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .8 0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\n}\n\n\/* ============== NAV ============== *\/\n.nav{\n  position:fixed; top:0; left:0; right:0; z-index:100;\n  padding:16px var(--pad);\n  display:flex; align-items:center; justify-content:space-between;\n  background:rgba(11,14,22,.75);\n  backdrop-filter:blur(24px) saturate(140%);\n  -webkit-backdrop-filter:blur(24px) saturate(140%);\n  border-bottom:1px solid rgba(247,243,234,.06);\n  transition:background .35s ease, border-color .35s ease;\n}\n.nav.is-light{\n  background:rgba(251,248,241,.85);\n  border-bottom-color:rgba(11,14,22,.06);\n}\n.nav-brand{display:flex; align-items:center; gap:10px}\n.nav-brand-mark{width:32px; height:32px}\n.nav-brand-name{\n  font-family:var(--f-display);\n  font-weight:500;\n  font-size:21px;\n  letter-spacing:-.01em;\n  color:var(--ink-cream);\n}\n.nav.is-light .nav-brand-name{color:var(--ink-text)}\n.nav-links{display:flex; align-items:center; gap:26px}\n.nav-links a:not(.nav-cta){\n  font-size:13.5px;\n  font-weight:500;\n  color:var(--ink-text-light);\n  letter-spacing:.005em;\n  transition:color .2s;\n  position:relative;\n}\n.nav-links a:not(.nav-cta)::after{\n  content:\"\"; position:absolute; left:0; right:0; bottom:-4px;\n  height:1px; background:var(--ink-orange-bright);\n  transform:scaleX(0); transform-origin:left;\n  transition:transform .25s ease;\n}\n.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1)}\n.nav.is-light .nav-links a:not(.nav-cta){color:var(--ink-text-mute)}\n.nav-links a:not(.nav-cta):hover{color:var(--ink-orange-bright)}\n.nav-cta{\n  display:inline-flex; align-items:center; gap:8px;\n  padding:9px 18px;\n  background:var(--ink-cream);\n  color:var(--ink-black);\n  border-radius:999px;\n  font-weight:600;\n  font-size:13.5px;\n  transition:transform .2s, box-shadow .2s;\n}\n.nav.is-light .nav-cta{ background:var(--ink-black); color:var(--ink-cream)}\n.nav-cta:hover{transform:translateY(-1px); box-shadow:0 8px 24px -8px rgba(255,138,61,.55)}\n.nav-cta svg{width:14px; height:14px}\n.nav-burger{display:none; padding:6px; color:inherit}\n@media (max-width: 980px){\n  .nav-links{\n    position:fixed; inset:60px 0 auto 0;\n    flex-direction:column; gap:0;\n    background:rgba(11,14,22,.98);\n    backdrop-filter:blur(20px);\n    padding:20px var(--pad) 28px;\n    border-bottom:1px solid rgba(247,243,234,.08);\n    transform:translateY(-110%);\n    transition:transform .35s ease;\n  }\n  .nav.is-light .nav-links{background:rgba(251,248,241,.98)}\n  .nav-links.is-open{transform:translateY(0)}\n  .nav-links a:not(.nav-cta){padding:14px 0; font-size:15px; border-bottom:1px solid rgba(247,243,234,.06); width:100%}\n  .nav.is-light .nav-links a:not(.nav-cta){border-bottom-color:rgba(11,14,22,.06)}\n  .nav-links a:not(.nav-cta)::after{display:none}\n  .nav-cta{margin-top:14px; width:max-content}\n  .nav-burger{display:flex}\n}\n\n\/* ============== UTILITY ============== *\/\n.container{max-width:var(--maxw); margin:0 auto; padding:0 var(--pad)}\n\n.eyebrow{\n  display:inline-flex; align-items:center; gap:10px;\n  font-family:var(--f-mono);\n  font-size:11.5px; letter-spacing:.18em;\n  text-transform:uppercase;\n  color:var(--ink-orange);\n  font-weight:500;\n}\n.eyebrow::before{content:\"\"; width:24px; height:1px; background:currentColor}\n.eyebrow.is-light{color:var(--ink-orange-bright)}\n\n.h-display{\n  font-family:var(--f-display);\n  font-weight:400;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 30, \"WONK\" 0;\n  letter-spacing:-.025em;\n  line-height:.98;\n  color:var(--ink-text);\n}\n.h-display.is-light{color:var(--ink-cream)}\n.h-display em{\n  font-style:italic;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1;\n  font-weight:300;\n}\n.h1{font-size:clamp(46px, 8.2vw, 112px)}\n.h2{font-size:clamp(38px, 5.6vw, 76px)}\n.h3{font-size:clamp(28px, 3.4vw, 44px)}\n.h4{font-size:clamp(22px, 2.4vw, 30px)}\n.lead{\n  font-size:clamp(16px, 1.4vw, 19px);\n  line-height:1.55;\n  color:var(--ink-text-mute);\n  max-width:64ch;\n}\n.lead.is-light{color:var(--ink-text-light)}\n\n.btn{\n  display:inline-flex; align-items:center; gap:10px;\n  padding:15px 26px;\n  border-radius:999px;\n  font-weight:600;\n  font-size:14.5px;\n  letter-spacing:.005em;\n  border:1px solid transparent;\n  transition:transform .2s, box-shadow .25s, background .2s, color .2s, border-color .2s;\n}\n.btn svg{width:16px; height:16px; transition:transform .25s}\n.btn:hover svg{transform:translateX(3px)}\n.btn-primary{\n  background:var(--flame);\n  background-size:200% 200%;\n  background-position:0% 50%;\n  color:#fff;\n  box-shadow:0 12px 30px -12px rgba(244,123,32,.55);\n}\n.btn-primary:hover{\n  background-position:100% 50%;\n  transform:translateY(-1px);\n  box-shadow:0 16px 36px -10px rgba(199,49,117,.5);\n}\n.btn-ghost-light{\n  background:transparent; color:var(--ink-cream);\n  border-color:rgba(247,243,234,.22);\n}\n.btn-ghost-light:hover{background:rgba(247,243,234,.06); border-color:rgba(247,243,234,.45)}\n.btn-ghost-dark{\n  background:transparent; color:var(--ink-text);\n  border-color:rgba(11,14,22,.18);\n}\n.btn-ghost-dark:hover{background:rgba(11,14,22,.04); border-color:rgba(11,14,22,.45)}\n.btn-sm{padding:10px 18px; font-size:13px}\n\n\/* ============== HERO ============== *\/\n.hero{\n  position:relative;\n  min-height:100vh;\n  padding:130px var(--pad) 80px;\n  background:var(--ink-black);\n  color:var(--ink-cream);\n  overflow:hidden;\n  isolation:isolate;\n}\n.hero::before{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 80% 60% at 85% 20%, rgba(244,123,32,.24), transparent 60%),\n    radial-gradient(ellipse 70% 50% at 15% 80%, rgba(30,79,184,.22), transparent 60%),\n    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(199,49,117,.12), transparent 60%);\n  z-index:-2;\n}\n.hero::after{\n  content:\"\"; position:absolute; inset:0;\n  background-image:\n    linear-gradient(rgba(247,243,234,.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(247,243,234,.025) 1px, transparent 1px);\n  background-size:64px 64px;\n  z-index:-1;\n  mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);\n  -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);\n}\n.hero-inner{\n  max-width:var(--maxw); margin:0 auto;\n  display:grid; grid-template-columns: 1.25fr .85fr; gap:60px; align-items:end;\n  min-height:calc(100vh - 210px);\n}\n@media (max-width: 980px){\n  .hero-inner{grid-template-columns:1fr; gap:48px}\n}\n.hero-tagline{\n  font-family:var(--f-mono);\n  font-size:11.5px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--ink-orange-bright);\n  margin-bottom:36px;\n  display:flex; align-items:center; gap:14px;\n}\n.hero-tagline::before{content:\"\"; width:32px; height:1px; background:currentColor}\n.hero-tagline .pill{\n  display:inline-flex; align-items:center; gap:6px;\n  padding:4px 10px;\n  background:rgba(244,123,32,.12);\n  border:1px solid rgba(244,123,32,.3);\n  border-radius:999px;\n  color:var(--ink-orange-bright);\n  font-size:10.5px; letter-spacing:.14em;\n}\n.hero-tagline .pill::before{\n  content:\"\"; width:5px; height:5px; border-radius:50%;\n  background:var(--ink-orange-bright);\n  box-shadow:0 0 8px var(--ink-orange-bright);\n  animation:pulse-dot 2s ease-in-out infinite;\n}\n@keyframes pulse-dot{\n  50%{opacity:.4}\n}\n.hero-headline{\n  margin:0 0 32px;\n  font-size:clamp(46px, 8.4vw, 118px);\n  line-height:.94;\n}\n.hero-headline .accent{\n  background:var(--flame);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n.hero-sub{\n  font-size:clamp(16px, 1.4vw, 19px);\n  line-height:1.55;\n  color:var(--ink-text-light);\n  max-width:56ch;\n  margin:0 0 40px;\n}\n.hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:48px}\n.hero-meta{\n  display:flex; gap:32px; flex-wrap:wrap;\n  font-family:var(--f-mono);\n  font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-text-light);\n  padding-top:32px;\n  border-top:1px solid rgba(247,243,234,.10);\n}\n.hero-meta strong{color:var(--ink-cream); font-weight:600}\n\n.hero-stats{display:flex; flex-direction:column; gap:14px}\n.hero-stat{\n  position:relative;\n  padding:26px 28px;\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.08);\n  border-radius:var(--r-md);\n  backdrop-filter:blur(8px);\n  overflow:hidden;\n  transition:transform .3s ease, border-color .3s ease, background .3s ease;\n}\n.hero-stat:hover{\n  transform:translateY(-2px);\n  border-color:rgba(247,243,234,.20);\n  background:rgba(247,243,234,.06);\n}\n.hero-stat::before{\n  content:\"\"; position:absolute; left:0; top:18%; bottom:18%;\n  width:3px; border-radius:0 3px 3px 0;\n}\n.hero-stat:nth-child(1)::before{background:var(--ink-orange)}\n.hero-stat:nth-child(2)::before{background:var(--ink-magenta)}\n.hero-stat:nth-child(3)::before{background:var(--ink-blue)}\n.hero-stat-num{\n  font-family:var(--f-display);\n  font-weight:400;\n  font-size:clamp(38px, 4.6vw, 56px);\n  line-height:1;\n  letter-spacing:-.03em;\n  color:var(--ink-cream);\n  font-variation-settings:\"opsz\" 144;\n}\n.hero-stat-num em{\n  font-style:italic;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1;\n  font-weight:300;\n}\n.hero-stat-label{margin-top:6px; font-size:13px; color:var(--ink-text-light); line-height:1.4}\n\n\/* ============== TICKER ============== *\/\n.ticker{\n  background:var(--ink-black);\n  color:var(--ink-cream);\n  padding:22px 0;\n  border-top:1px solid rgba(247,243,234,.08);\n  border-bottom:1px solid rgba(247,243,234,.08);\n  overflow:hidden;\n  white-space:nowrap;\n  position:relative;\n}\n.ticker::before,.ticker::after{\n  content:\"\"; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker::before{left:0; background:linear-gradient(to right, var(--ink-black), transparent)}\n.ticker::after{right:0; background:linear-gradient(to left, var(--ink-black), transparent)}\n.ticker-track{\n  display:inline-flex; gap:48px;\n  animation:tickerScroll 42s linear infinite;\n  padding-left:48px;\n}\n.ticker-item{\n  display:inline-flex; align-items:center; gap:14px;\n  font-family:var(--f-mono);\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:rgba(247,243,234,.55);\n}\n.ticker-item .dot{\n  width:6px; height:6px; border-radius:50%;\n  background:var(--ink-orange);\n}\n.ticker-item:nth-child(2n) .dot{background:var(--ink-magenta)}\n.ticker-item:nth-child(3n) .dot{background:var(--ink-blue)}\n@keyframes tickerScroll{ to{transform:translateX(-50%)} }\n\n\/* ============== SECTIONS ============== *\/\nsection{padding:clamp(80px, 10vw, 140px) 0; position:relative}\n.section-head{\n  display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:end;\n  margin-bottom:64px;\n}\n@media (max-width: 760px){\n  .section-head{grid-template-columns:1fr; gap:24px}\n}\n.section-head .num{\n  font-family:var(--f-mono);\n  font-size:13px; letter-spacing:.12em; text-transform:uppercase;\n  color:var(--ink-text-mute);\n  display:flex; flex-direction:column; gap:6px;\n}\n.section-head .num strong{color:var(--ink-orange); font-weight:600; font-size:48px; line-height:1;\n  font-family:var(--f-display); font-style:italic; letter-spacing:-.03em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1}\n.section-head.is-light .num{color:rgba(247,243,234,.5)}\n.section-head.is-light .num strong{color:var(--ink-orange-bright)}\n.section-head h2{margin:0}\n.section-head .lead{margin:18px 0 0; max-width:56ch}\n\n\/* ============== PROBLEM ============== *\/\n.problem{background:var(--ink-paper)}\n.problem-grid{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:0;\n  border-top:1px solid var(--ink-border);\n}\n@media (max-width: 900px){.problem-grid{grid-template-columns:1fr}}\n.problem-card{\n  padding:48px 36px 56px;\n  border-bottom:1px solid var(--ink-border);\n  border-right:1px solid var(--ink-border);\n  position:relative;\n  transition:background .3s ease;\n}\n.problem-grid > .problem-card:last-child{border-right:0}\n@media (max-width: 900px){.problem-card{border-right:0}}\n.problem-card:hover{background:rgba(244,123,32,.03)}\n.problem-num{\n  font-family:var(--f-display); font-style:italic; font-size:64px;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1;\n  line-height:1; letter-spacing:-.03em; margin-bottom:32px;\n  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.problem-card h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:26px; letter-spacing:-.015em;\n  margin:0 0 16px; line-height:1.15;\n}\n.problem-card p{margin:0; font-size:15.5px; line-height:1.6; color:var(--ink-text-mute)}\n.problem-cost{\n  margin-top:24px; padding-top:20px;\n  border-top:1px dashed var(--ink-border-strong);\n  font-family:var(--f-mono); font-size:11.5px;\n  letter-spacing:.06em; color:var(--ink-text);\n  display:flex; align-items:center; gap:8px;\n}\n.problem-cost strong{color:var(--ink-magenta); font-weight:600; font-size:13px}\n\n\/* ============== PILLARS ============== *\/\n.pillars{background:var(--ink-cream); position:relative}\n.pillars-grid{\n  display:grid; grid-template-columns:repeat(12, 1fr); gap:20px;\n}\n@media (max-width: 1024px){.pillars-grid{grid-template-columns:repeat(6, 1fr)}}\n@media (max-width: 640px){.pillars-grid{grid-template-columns:1fr; gap:16px}}\n.pillar{\n  position:relative; background:#fff;\n  border-radius:var(--r-md); padding:34px 28px 30px;\n  border:1px solid var(--ink-border);\n  box-shadow:var(--shadow-card);\n  transition:transform .3s ease, box-shadow .3s ease;\n  overflow:hidden;\n}\n.pillar:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}\n.pillar::before{content:\"\"; position:absolute; top:0; left:0; right:0; height:3px}\n.pillar-1::before{background:var(--ink-orange)}\n.pillar-2::before{background:var(--ink-magenta)}\n.pillar-3::before{background:var(--ink-blue)}\n.pillar-4::before{background:var(--ink-blue-deep)}\n.pillar-5::before{background:linear-gradient(90deg, var(--ink-orange), var(--ink-magenta))}\n.pillar-6::before{background:linear-gradient(90deg, var(--ink-magenta), var(--ink-blue))}\n\n.pillar.col-4{grid-column:span 4}\n.pillar.col-6{grid-column:span 6}\n.pillar.col-12{grid-column:span 12}\n@media (max-width: 1024px){\n  .pillar.col-4, .pillar.col-6{grid-column:span 6}\n  .pillar.col-12{grid-column:span 6}\n}\n@media (max-width: 640px){\n  .pillar.col-4, .pillar.col-6, .pillar.col-12{grid-column:span 1}\n}\n\n.pillar-badge{\n  display:inline-flex; align-items:center; justify-content:center;\n  width:42px; height:42px; border-radius:10px;\n  background:rgba(11,14,22,.04);\n  font-family:var(--f-display); font-weight:500;\n  font-size:18px; letter-spacing:-.01em;\n  margin-bottom:20px;\n}\n.pillar-1 .pillar-badge{background:rgba(244,123,32,.10); color:var(--ink-orange)}\n.pillar-2 .pillar-badge{background:rgba(199,49,117,.10); color:var(--ink-magenta)}\n.pillar-3 .pillar-badge{background:rgba(30,79,184,.10); color:var(--ink-blue)}\n.pillar-4 .pillar-badge{background:rgba(15,45,110,.10); color:var(--ink-blue-deep)}\n.pillar-5 .pillar-badge,.pillar-6 .pillar-badge{\n  background:linear-gradient(135deg, rgba(244,123,32,.12), rgba(199,49,117,.12)); color:var(--ink-orange);\n}\n.pillar h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:23px; letter-spacing:-.015em; line-height:1.15;\n  margin:0 0 10px;\n}\n.pillar h3 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1; font-weight:300}\n.pillar-tasks{font-size:14.5px; color:var(--ink-text-mute); margin:0 0 22px; line-height:1.5}\n.pillar-metric{\n  margin-top:20px; padding-top:18px;\n  border-top:1px solid var(--ink-border);\n  display:flex; align-items:center; gap:10px;\n  font-family:var(--f-mono); font-size:12.5px;\n  letter-spacing:.03em; color:var(--ink-text); font-weight:500;\n}\n.pillar-1 .pillar-metric{color:var(--ink-orange)}\n.pillar-2 .pillar-metric{color:var(--ink-magenta)}\n.pillar-3 .pillar-metric{color:var(--ink-blue)}\n.pillar-4 .pillar-metric{color:var(--ink-blue-deep)}\n.pillar-metric svg{width:14px; height:14px; flex-shrink:0}\n\n\/* ============== AI ============== *\/\n.ai{\n  background:var(--ink-black); color:var(--ink-cream);\n  position:relative; overflow:hidden;\n}\n.ai::before{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    radial-gradient(circle at 0% 100%, rgba(244,123,32,.14), transparent 40%),\n    radial-gradient(circle at 100% 0%, rgba(30,79,184,.20), transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(199,49,117,.08), transparent 50%);\n  pointer-events:none;\n}\n.ai .section-head h2{color:var(--ink-cream)}\n.ai .section-head .lead{color:var(--ink-text-light)}\n\n.ai-tabs{\n  display:flex; gap:8px; flex-wrap:wrap;\n  margin-bottom:32px; padding-bottom:24px;\n  border-bottom:1px solid rgba(247,243,234,.10);\n}\n.ai-tab{\n  padding:10px 18px;\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:999px;\n  color:var(--ink-text-light);\n  font-size:13px; font-weight:500;\n  transition:background .25s, color .25s, border-color .25s, transform .15s;\n  cursor:pointer;\n}\n.ai-tab:hover{background:rgba(247,243,234,.08); color:var(--ink-cream)}\n.ai-tab.is-active{\n  background:linear-gradient(135deg, rgba(244,123,32,.22), rgba(199,49,117,.22));\n  border-color:rgba(255,138,61,.4);\n  color:var(--ink-cream);\n}\n\n.ai-content{display:grid; grid-template-columns:1fr 1.15fr; gap:64px; align-items:center}\n@media (max-width: 960px){.ai-content{grid-template-columns:1fr; gap:48px}}\n\n.orchestrator{\n  position:relative; aspect-ratio:1\/1;\n  max-width:540px; width:100%; margin:0 auto;\n  display:grid; place-items:center;\n}\n.orch-core{\n  position:absolute; width:36%; aspect-ratio:1\/1;\n  border-radius:50%; background:var(--flame);\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  color:#fff; text-align:center;\n  font-family:var(--f-display); font-weight:500;\n  font-size:clamp(20px, 2.4vw, 28px);\n  letter-spacing:-.02em;\n  box-shadow:0 0 60px rgba(244,123,32,.4), 0 0 120px rgba(199,49,117,.25);\n  z-index:5;\n  animation:pulse 3.5s ease-in-out infinite;\n}\n@keyframes pulse{\n  50%{box-shadow:0 0 80px rgba(244,123,32,.55), 0 0 160px rgba(199,49,117,.4)}\n}\n.orch-core small{\n  display:block;\n  font-family:var(--f-mono); font-style:normal;\n  font-size:9.5px; letter-spacing:.18em; text-transform:uppercase;\n  opacity:.85; margin-top:4px; font-weight:400;\n}\n.orch-ring{\n  position:absolute; width:80%; aspect-ratio:1\/1;\n  border:1px dashed rgba(247,243,234,.20);\n  border-radius:50%;\n  animation:spin 60s linear infinite;\n}\n.orch-ring-outer{\n  width:100%;\n  border:1px dashed rgba(247,243,234,.10);\n  animation:spin 90s linear infinite reverse;\n}\n@keyframes spin{to{transform:rotate(360deg)}}\n.orch-node{\n  position:absolute;\n  display:flex; align-items:center; gap:8px;\n  padding:8px 14px;\n  background:rgba(11,14,22,.85);\n  border:1px solid rgba(247,243,234,.18);\n  border-radius:999px;\n  font-family:var(--f-mono); font-size:11px; letter-spacing:.03em;\n  color:var(--ink-cream);\n  backdrop-filter:blur(8px);\n  z-index:4;\n  transition:transform .3s, border-color .3s, background .3s;\n}\n.orch-node:hover{transform:scale(1.08); border-color:var(--ink-orange-bright); z-index:6}\n.orch-node .dot{\n  width:6px; height:6px; border-radius:50%;\n  background:var(--ink-orange-bright);\n  box-shadow:0 0 8px var(--ink-orange-bright);\n}\n.orch-node:nth-child(odd) .dot{background:var(--ink-pink); box-shadow:0 0 8px var(--ink-pink)}\n.orch-node:nth-child(4n) .dot{background:var(--ink-blue-bright); box-shadow:0 0 8px var(--ink-blue-bright)}\n.orch-node.n1{ top:6%; left:50%; transform:translateX(-50%) }\n.orch-node.n2{ top:22%; right:4% }\n.orch-node.n3{ top:48%; right:-2% }\n.orch-node.n4{ top:72%; right:6% }\n.orch-node.n5{ bottom:4%; left:50%; transform:translateX(-50%) }\n.orch-node.n6{ top:72%; left:6% }\n.orch-node.n7{ top:48%; left:-2% }\n.orch-node.n8{ top:22%; left:4% }\n\n.ai-panels{position:relative; min-height:430px}\n.ai-panel{\n  position:absolute; inset:0;\n  display:flex; flex-direction:column; gap:16px;\n  opacity:0; pointer-events:none;\n  transition:opacity .35s ease;\n}\n.ai-panel.is-active{opacity:1; pointer-events:auto; position:relative}\n.ai-feat{\n  display:grid; grid-template-columns:auto 1fr; gap:18px;\n  padding:22px 24px;\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:var(--r-md);\n  transition:background .3s, border-color .3s;\n}\n.ai-feat:hover{background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.22)}\n.ai-feat-num{\n  font-family:var(--f-mono); font-size:12px; letter-spacing:.12em;\n  color:var(--ink-orange-bright); font-weight:600;\n  padding-top:3px;\n}\n.ai-feat h4{\n  margin:0 0 6px;\n  font-family:var(--f-display); font-weight:500;\n  font-size:20px; letter-spacing:-.01em; color:var(--ink-cream);\n}\n.ai-feat p{margin:0; font-size:14px; color:var(--ink-text-light); line-height:1.5}\n.ai-feat .tag{\n  display:inline-block; margin-top:10px;\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.1em; padding:3px 8px;\n  background:rgba(255,138,61,.1); border:1px solid rgba(255,138,61,.25);\n  border-radius:4px; color:var(--ink-orange-bright);\n}\n\n\/* ============== WEB DEV ============== *\/\n.webdev{background:var(--ink-paper)}\n.webdev-grid{\n  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;\n}\n@media (max-width: 900px){.webdev-grid{grid-template-columns:1fr; gap:48px}}\n\n.webdev-features{display:flex; flex-direction:column; gap:18px; margin-top:36px}\n.webdev-feat{\n  display:grid; grid-template-columns:48px 1fr; gap:18px;\n  padding:24px; background:#fff;\n  border:1px solid var(--ink-border); border-radius:var(--r-md);\n  transition:transform .25s, box-shadow .25s;\n}\n.webdev-feat:hover{transform:translateX(4px); box-shadow:var(--shadow-card)}\n.webdev-feat-icon{\n  width:48px; height:48px;\n  display:flex; align-items:center; justify-content:center;\n  background:var(--flame-soft);\n  border-radius:10px; color:var(--ink-orange);\n}\n.webdev-feat-icon svg{width:22px; height:22px}\n.webdev-feat h4{margin:0 0 6px; font-family:var(--f-display); font-weight:500; font-size:20px; letter-spacing:-.01em}\n.webdev-feat p{margin:0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.5}\n\n\/* Pricing card *\/\n.price-card{\n  background:var(--ink-black); color:var(--ink-cream);\n  border-radius:var(--r-lg); padding:40px;\n  position:sticky; top:90px;\n  box-shadow:var(--shadow-dark);\n  overflow:hidden; isolation:isolate;\n}\n.price-card::before{\n  content:\"\"; position:absolute; inset:0;\n  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.20), transparent 50%);\n  z-index:-1;\n}\n.price-card h3{\n  font-family:var(--f-display); font-weight:400;\n  font-size:30px; letter-spacing:-.02em; line-height:1.1;\n  margin:0 0 28px; color:var(--ink-cream);\n}\n.price-card h3 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1}\n.price-row{\n  display:flex; justify-content:space-between; align-items:baseline;\n  padding:18px 0;\n  border-bottom:1px solid rgba(247,243,234,.10);\n}\n.price-row:last-child{border-bottom:0}\n.price-label{font-size:14px; color:var(--ink-text-light)}\n.price-label .meta{display:block; font-family:var(--f-mono); font-size:10.5px; letter-spacing:.08em; color:var(--ink-text-light-2); margin-top:2px}\n.price-amount{font-family:var(--f-display); font-weight:500; font-size:22px; letter-spacing:-.01em}\n.price-row.is-us .price-amount{color:var(--ink-orange-bright)}\n.price-row.is-best{\n  margin:18px -40px -40px;\n  padding:28px 40px;\n  background:linear-gradient(135deg, rgba(47,168,107,.15), rgba(47,168,107,.05));\n  border-top:1px solid rgba(47,168,107,.3);\n  border-bottom:0; position:relative;\n}\n.price-row.is-best::before{\n  content:\"RECOMMENDED\";\n  position:absolute; top:8px; right:40px;\n  font-family:var(--f-mono);\n  font-size:10px; letter-spacing:.2em;\n  color:var(--ink-success); font-weight:600;\n}\n.price-row.is-best .price-label{font-weight:600; color:var(--ink-cream); font-size:14.5px}\n.price-row.is-best .price-amount{color:var(--ink-success); font-size:30px}\n\n\/* ============== INKSOFT FEATURES (InkSoft Conversion Stack) ============== *\/\n.inksoft{background:var(--ink-cream-2); border-top:1px solid var(--ink-border)}\n.feat-grid{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;\n  margin-top:24px;\n}\n@media (max-width: 1024px){.feat-grid{grid-template-columns:repeat(3, 1fr)}}\n@media (max-width: 720px){.feat-grid{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 480px){.feat-grid{grid-template-columns:1fr}}\n.feat{\n  padding:22px 22px 24px; background:#fff;\n  border:1px solid var(--ink-border); border-radius:var(--r-md);\n  transition:transform .25s, border-color .25s, box-shadow .25s;\n}\n.feat:hover{transform:translateY(-3px); border-color:var(--ink-orange); box-shadow:var(--shadow-card)}\n.feat-ico{\n  display:inline-flex; align-items:center; justify-content:center;\n  width:34px; height:34px; border-radius:8px;\n  background:var(--flame-soft); color:var(--ink-orange);\n  margin-bottom:14px;\n}\n.feat-ico svg{width:18px; height:18px}\n.feat h4{\n  margin:0 0 6px; font-size:15px; font-weight:600;\n  letter-spacing:-.005em; line-height:1.2;\n}\n.feat p{margin:0; font-size:13px; line-height:1.45; color:var(--ink-text-mute)}\n\n.build-note{\n  margin-top:48px;\n  padding:32px 36px;\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  display:grid; grid-template-columns:auto 1fr auto; gap:32px; align-items:center;\n}\n@media (max-width: 800px){.build-note{grid-template-columns:1fr; gap:18px; text-align:left}}\n.build-note .label{\n  font-family:var(--f-mono); font-size:11px; letter-spacing:.18em;\n  text-transform:uppercase; color:var(--ink-magenta); font-weight:600;\n  white-space:nowrap;\n}\n.build-note p{margin:0; font-size:15px; color:var(--ink-text-mute); line-height:1.55}\n.build-note p strong{color:var(--ink-text); font-weight:600}\n\n\/* ============== ACADEMY ============== *\/\n.academy{\n  background:var(--ink-black); color:var(--ink-cream);\n  position:relative; overflow:hidden;\n}\n.academy::before{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    radial-gradient(circle at 80% 30%, rgba(244,123,32,.10), transparent 50%),\n    radial-gradient(circle at 20% 80%, rgba(30,79,184,.10), transparent 50%);\n  pointer-events:none;\n}\n.academy .section-head h2{color:var(--ink-cream)}\n.academy .section-head .lead{color:var(--ink-text-light)}\n\n.tracks{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; position:relative}\n@media (max-width: 960px){.tracks{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 540px){.tracks{grid-template-columns:1fr}}\n.track{\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:var(--r-md);\n  padding:32px 26px;\n  transition:transform .3s ease, background .3s ease, border-color .3s ease;\n  position:relative; overflow:hidden;\n}\n.track:hover{transform:translateY(-3px); background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.22)}\n.track::before{content:\"\"; position:absolute; top:0; left:0; right:0; height:2px}\n.track-1::before{background:var(--ink-orange-bright)}\n.track-2::before{background:var(--ink-pink)}\n.track-3::before{background:var(--ink-blue-bright)}\n.track-4::before{background:#7faaff}\n.track-id{\n  display:inline-block;\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:var(--ink-orange-bright); margin-bottom:14px;\n}\n.track-2 .track-id{color:var(--ink-pink)}\n.track-3 .track-id{color:var(--ink-blue-bright)}\n.track-4 .track-id{color:#7faaff}\n.track h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:23px; letter-spacing:-.015em; margin:0 0 18px;\n  color:var(--ink-cream);\n}\n.track ul{list-style:none; margin:0; padding:0}\n.track li{\n  font-size:13.5px; color:var(--ink-text-light);\n  padding:9px 0; border-bottom:1px solid rgba(247,243,234,.06);\n  line-height:1.4;\n}\n.track li:last-child{border-bottom:0}\n.academy-rule{\n  margin-top:48px;\n  display:flex; align-items:center; gap:18px;\n  padding:20px 28px;\n  background:rgba(244,123,32,.08);\n  border-left:3px solid var(--ink-orange);\n  border-radius:8px;\n}\n.academy-rule .label{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--ink-orange-bright); font-weight:600;\n}\n.academy-rule .text{font-size:14.5px; color:var(--ink-text-light); margin:0}\n@media (max-width: 640px){.academy-rule{flex-direction:column; align-items:flex-start; gap:8px}}\n\n\/* ============== POOL ============== *\/\n.pool{background:var(--ink-cream); position:relative}\n.pool-content{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:start}\n@media (max-width: 900px){.pool-content{grid-template-columns:1fr; gap:40px}}\n.pool-stats{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:0;\n  margin:36px 0 0;\n  border-top:1px solid var(--ink-border);\n  border-bottom:1px solid var(--ink-border);\n}\n.pool-stat{padding:32px 24px 32px 0; border-right:1px solid var(--ink-border)}\n.pool-stat:last-child{border-right:0; padding-right:0}\n.pool-stat-num{\n  font-family:var(--f-display); font-weight:300; font-style:italic;\n  font-size:clamp(46px, 5.4vw, 72px);\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n  line-height:1; letter-spacing:-.04em; margin-bottom:10px;\n}\n.pool-stat:nth-child(1) .pool-stat-num{color:var(--ink-orange)}\n.pool-stat:nth-child(2) .pool-stat-num{color:var(--ink-magenta)}\n.pool-stat:nth-child(3) .pool-stat-num{color:var(--ink-blue)}\n.pool-stat-label{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-text-mute);\n}\n.pool-covers{\n  display:grid; grid-template-columns:1fr 1fr; gap:0;\n  background:#fff; border:1px solid var(--ink-border);\n  border-radius:var(--r-md); overflow:hidden;\n}\n@media (max-width: 520px){.pool-covers{grid-template-columns:1fr}}\n.cover{\n  padding:22px 24px;\n  border-right:1px solid var(--ink-border);\n  border-bottom:1px solid var(--ink-border);\n  display:flex; flex-direction:column; gap:6px;\n}\n.cover:nth-child(2n){border-right:0}\n@media (max-width: 520px){.cover{border-right:0}}\n.cover-title{\n  display:flex; align-items:center; gap:10px;\n  font-weight:600; font-size:14.5px; letter-spacing:-.005em;\n}\n.cover-title::before{\n  content:\"\"; width:8px; height:8px; border-radius:50%;\n  background:var(--ink-orange); flex-shrink:0;\n}\n.cover:nth-child(2) .cover-title::before{background:var(--ink-magenta)}\n.cover:nth-child(3) .cover-title::before{background:var(--ink-blue)}\n.cover:nth-child(4) .cover-title::before{background:var(--ink-blue-deep)}\n.cover:nth-child(5) .cover-title::before{background:var(--ink-pink)}\n.cover:nth-child(6) .cover-title::before{background:var(--ink-orange-bright)}\n.cover-text{font-size:13px; color:var(--ink-text-mute); padding-left:18px; line-height:1.4; margin:0}\n\n\/* ============== ENGAGEMENT ============== *\/\n.engagement{background:var(--ink-paper)}\n.timeline{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;\n  position:relative; margin-top:24px;\n}\n@media (max-width: 900px){.timeline{grid-template-columns:1fr}}\n.phase{\n  position:relative; padding:36px 24px 36px;\n  border-right:1px solid var(--ink-border);\n}\n.timeline > .phase:last-child{border-right:0}\n@media (max-width: 900px){\n  .phase{border-right:0; border-bottom:1px solid var(--ink-border)}\n  .timeline > .phase:last-child{border-bottom:0}\n}\n.phase-marker{display:flex; align-items:center; gap:16px; margin-bottom:20px}\n.phase-circle{\n  width:44px; height:44px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--f-display); font-weight:500; font-size:18px;\n  color:#fff; flex-shrink:0;\n}\n.phase-1 .phase-circle{background:var(--ink-orange)}\n.phase-2 .phase-circle{background:var(--ink-magenta)}\n.phase-3 .phase-circle{background:var(--ink-blue)}\n.phase-4 .phase-circle{background:var(--ink-blue-deep)}\n.phase-time{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--ink-text-mute);\n}\n.phase h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:22px; letter-spacing:-.015em;\n  line-height:1.15; margin:0 0 12px;\n}\n.phase p{margin:0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.55}\n\n\/* ============== GUARANTEE ============== *\/\n.guarantee{\n  background:var(--ink-black); color:var(--ink-cream);\n  position:relative; overflow:hidden;\n}\n.guarantee::before{\n  content:\"\"; position:absolute; inset:0;\n  background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(244,123,32,.18), transparent 60%);\n  pointer-events:none;\n}\n.guarantee .section-head h2{color:var(--ink-cream)}\n.guarantee .section-head .lead{color:var(--ink-text-light)}\n\n.guarantee-big{\n  font-family:var(--f-display); font-weight:300; font-style:italic;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n  font-size:clamp(80px, 12vw, 180px);\n  line-height:.9; letter-spacing:-.05em;\n  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.tiers{display:flex; flex-direction:column; gap:14px; margin-top:48px}\n.tier{\n  display:grid; grid-template-columns:120px 220px 1fr auto; gap:32px; align-items:center;\n  padding:26px 32px;\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:var(--r-md);\n  transition:background .3s, border-color .3s, transform .3s;\n}\n.tier:hover{background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.2); transform:translateX(6px)}\n@media (max-width: 900px){.tier{grid-template-columns:1fr; gap:14px; padding:24px}}\n.tier-id{\n  font-family:var(--f-mono); font-size:12px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:rgba(247,243,234,.5); font-weight:600;\n}\n.tier-name{\n  font-family:var(--f-display); font-weight:500;\n  font-size:22px; letter-spacing:-.01em; color:var(--ink-cream);\n}\n.tier-1 .tier-name{color:var(--ink-orange-bright)}\n.tier-2 .tier-name{color:var(--ink-pink)}\n.tier-3 .tier-name{color:var(--ink-blue-bright)}\n.tier-desc{font-size:14.5px; color:var(--ink-text-light); line-height:1.5}\n.tier-when{\n  font-family:var(--f-mono); font-size:11.5px;\n  letter-spacing:.12em; text-transform:uppercase;\n  color:rgba(247,243,234,.5); white-space:nowrap;\n}\n.guarantee-fineprint{\n  margin-top:32px;\n  padding:22px 28px;\n  background:rgba(244,123,32,.06);\n  border-left:3px solid var(--ink-orange);\n  border-radius:6px;\n  display:flex; gap:16px;\n  font-size:13.5px; color:var(--ink-text-light); line-height:1.55;\n}\n.guarantee-fineprint strong{color:var(--ink-orange-bright); letter-spacing:.05em; font-weight:600}\n\n\/* ============== NUMBERS ============== *\/\n.numbers{background:var(--ink-cream)}\n.numbers-grid{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;\n  border-top:1px solid var(--ink-border);\n  border-bottom:1px solid var(--ink-border);\n  margin-top:24px;\n}\n@media (max-width: 900px){.numbers-grid{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 540px){.numbers-grid{grid-template-columns:1fr}}\n.number{\n  padding:48px 30px;\n  border-right:1px solid var(--ink-border);\n  position:relative;\n}\n.numbers-grid > .number:last-child{border-right:0}\n@media (max-width: 900px){\n  .number:nth-child(2n){border-right:0}\n  .number:nth-child(-n+2){border-bottom:1px solid var(--ink-border)}\n}\n@media (max-width: 540px){\n  .number{border-right:0; border-bottom:1px solid var(--ink-border)}\n  .numbers-grid > .number:last-child{border-bottom:0}\n}\n.number-big{\n  font-family:var(--f-display); font-weight:400;\n  font-size:clamp(50px, 6.5vw, 86px); line-height:1;\n  letter-spacing:-.04em; margin-bottom:14px;\n}\n.number-big em{font-style:italic; font-weight:300; font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1}\n.number:nth-child(1) .number-big{color:var(--ink-orange)}\n.number:nth-child(2) .number-big{color:var(--ink-magenta)}\n.number:nth-child(3) .number-big{color:var(--ink-blue)}\n.number:nth-child(4) .number-big{color:var(--ink-blue-deep)}\n.number-context{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--ink-text-mute); margin-bottom:14px;\n}\n.number-text{font-size:14.5px; color:var(--ink-text); line-height:1.5}\n.numbers-fineprint{\n  font-size:12.5px; color:var(--ink-text-mute);\n  font-style:italic; margin-top:24px;\n  max-width:80ch; line-height:1.5;\n}\n\n\/* ============== COMPARE ============== *\/\n.compare{background:var(--ink-paper-2)}\n.compare-table{\n  margin-top:24px;\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  overflow:hidden;\n}\n.compare-row{\n  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr;\n  border-bottom:1px solid var(--ink-border);\n}\n.compare-row:last-child{border-bottom:0}\n.compare-row > div{\n  padding:18px 24px;\n  border-right:1px solid var(--ink-border);\n  font-size:14px; line-height:1.4;\n}\n.compare-row > div:last-child{border-right:0}\n.compare-row.is-head > div{\n  background:var(--ink-cream-2);\n  font-family:var(--f-mono);\n  font-size:11.5px; letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--ink-text); font-weight:600;\n}\n.compare-row.is-head > div:nth-child(2){background:rgba(244,123,32,.08); color:var(--ink-orange)}\n.compare-row > div:first-child{\n  font-weight:600; color:var(--ink-text);\n}\n.compare-row > div:nth-child(2){background:rgba(244,123,32,.04)}\n.compare-row .yes{color:var(--ink-success); font-weight:600}\n.compare-row .no{color:#c54040}\n.compare-row .partial{color:var(--ink-warn)}\n@media (max-width: 800px){\n  .compare-row{grid-template-columns:1fr; }\n  .compare-row > div{border-right:0; border-bottom:1px dashed var(--ink-border); padding:12px 20px}\n  .compare-row > div:last-child{border-bottom:0}\n  .compare-row.is-head{display:none}\n  .compare-row > div::before{\n    content:attr(data-label);\n    display:block; font-family:var(--f-mono); font-size:10px;\n    letter-spacing:.12em; text-transform:uppercase;\n    color:var(--ink-text-mute); margin-bottom:4px;\n  }\n  .compare-row > div:first-child::before{display:none}\n  .compare-row > div:first-child{\n    background:var(--ink-cream-2); font-size:15px;\n    padding-top:18px;\n  }\n}\n\n\/* ============== WHO ============== *\/\n.who{background:var(--ink-cream)}\n.who-grid{\n  display:grid; grid-template-columns:1fr 1fr; gap:24px;\n  margin-top:24px;\n}\n@media (max-width: 800px){.who-grid{grid-template-columns:1fr}}\n.who-card{\n  padding:36px 36px 40px;\n  background:#fff; border-radius:var(--r-md);\n  border:1px solid var(--ink-border);\n  box-shadow:var(--shadow-card);\n}\n.who-card.is-yes{border-left:4px solid var(--ink-success)}\n.who-card.is-no{border-left:4px solid #c54040}\n.who-card h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:24px; letter-spacing:-.015em;\n  margin:0 0 22px;\n  display:flex; align-items:center; gap:12px;\n}\n.who-card.is-yes h3 .mark{color:var(--ink-success)}\n.who-card.is-no h3 .mark{color:#c54040}\n.who-card ul{list-style:none; margin:0; padding:0}\n.who-card li{\n  padding:12px 0;\n  border-bottom:1px solid var(--ink-border);\n  font-size:15px; color:var(--ink-text);\n  display:flex; gap:12px; align-items:flex-start;\n}\n.who-card li:last-child{border-bottom:0}\n.who-card li svg{width:18px; height:18px; flex-shrink:0; margin-top:2px}\n.who-card.is-yes svg{color:var(--ink-success)}\n.who-card.is-no svg{color:#c54040}\n\n\/* ============== WHY ============== *\/\n.why{background:var(--ink-paper)}\n.why-grid{\n  display:grid; grid-template-columns:repeat(2, 1fr); gap:0;\n  border-top:1px solid var(--ink-border);\n  margin-top:24px;\n}\n@media (max-width: 720px){.why-grid{grid-template-columns:1fr}}\n.why-item{\n  display:grid; grid-template-columns:80px 1fr; gap:24px;\n  padding:40px 32px;\n  border-bottom:1px solid var(--ink-border);\n  border-right:1px solid var(--ink-border);\n  transition:background .3s;\n}\n.why-grid > .why-item:nth-child(2n){border-right:0}\n@media (max-width: 720px){.why-item{border-right:0}}\n.why-item:hover{background:rgba(244,123,32,.03)}\n.why-num{\n  font-family:var(--f-display); font-style:italic; font-weight:300;\n  font-size:48px; line-height:1; letter-spacing:-.03em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.why-item h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:24px; letter-spacing:-.015em;\n  margin:0 0 10px; line-height:1.15;\n}\n.why-item p{margin:0; font-size:15px; color:var(--ink-text-mute); line-height:1.55}\n\n\/* ============== TESTIMONIALS ============== *\/\n.testimonials{background:var(--ink-cream-2)}\n.testi-grid{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;\n  margin-top:48px;\n}\n@media (max-width: 900px){.testi-grid{grid-template-columns:1fr}}\n.testi{\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  padding:32px 30px 28px;\n  display:flex; flex-direction:column;\n  box-shadow:var(--shadow-card);\n  position:relative;\n  transition:transform .3s;\n}\n.testi:hover{transform:translateY(-4px)}\n.testi-quote{\n  font-family:var(--f-display); font-weight:400;\n  font-size:19px; line-height:1.35;\n  letter-spacing:-.005em; color:var(--ink-text);\n  margin:0 0 24px; flex:1;\n}\n.testi-mark{\n  font-family:var(--f-display); font-style:italic;\n  font-size:48px; line-height:.6;\n  color:var(--ink-orange); margin-bottom:12px;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n}\n.testi-author{\n  display:flex; align-items:center; gap:12px;\n  padding-top:18px;\n  border-top:1px solid var(--ink-border);\n}\n.testi-avatar{\n  width:40px; height:40px; border-radius:50%;\n  background:var(--flame);\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--f-display); font-weight:500;\n  font-size:14px; color:#fff; letter-spacing:-.01em;\n}\n.testi-name{font-weight:600; font-size:14px; letter-spacing:-.005em}\n.testi-role{font-size:12.5px; color:var(--ink-text-mute)}\n\n\/* ============== FAQ ============== *\/\n.faq{background:var(--ink-paper)}\n.faq-list{\n  margin-top:24px;\n  border-top:1px solid var(--ink-border);\n}\n.faq-item{\n  border-bottom:1px solid var(--ink-border);\n  transition:background .3s;\n}\n.faq-item:hover{background:rgba(244,123,32,.02)}\n.faq-q{\n  width:100%; padding:24px 0;\n  display:grid; grid-template-columns:auto 1fr auto; gap:24px;\n  align-items:center;\n  font-family:var(--f-display); font-weight:500;\n  font-size:clamp(18px, 1.8vw, 22px);\n  letter-spacing:-.01em; text-align:left;\n  cursor:pointer;\n  color:var(--ink-text);\n}\n.faq-q-num{\n  font-family:var(--f-mono); font-size:11.5px;\n  letter-spacing:.14em; color:var(--ink-orange);\n  font-weight:600;\n}\n.faq-q-icon{\n  width:28px; height:28px; border-radius:50%;\n  border:1px solid var(--ink-border-strong);\n  display:flex; align-items:center; justify-content:center;\n  transition:background .25s, transform .35s, border-color .25s;\n  color:var(--ink-text);\n}\n.faq-q-icon svg{width:14px; height:14px; transition:transform .35s}\n.faq-item.is-open .faq-q-icon{\n  background:var(--ink-orange); border-color:var(--ink-orange); color:#fff;\n}\n.faq-item.is-open .faq-q-icon svg{transform:rotate(45deg)}\n.faq-a{\n  max-height:0; overflow:hidden;\n  transition:max-height .4s ease, padding .4s ease;\n  font-size:15.5px; line-height:1.6;\n  color:var(--ink-text-mute);\n  padding-left:60px;\n  padding-right:60px;\n}\n.faq-item.is-open .faq-a{\n  max-height:480px;\n  padding-bottom:24px;\n  padding-top:0;\n}\n@media (max-width: 600px){\n  .faq-q{grid-template-columns:1fr auto; gap:14px}\n  .faq-q-num{display:none}\n  .faq-a{padding-left:0; padding-right:0}\n}\n\n\/* ============== CONTACT ============== *\/\n.contact{\n  background:var(--ink-black); color:var(--ink-cream);\n  position:relative; overflow:hidden;\n  padding:clamp(80px, 12vw, 160px) 0;\n}\n.contact::before{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 50% 50% at 80% 30%, rgba(244,123,32,.22), transparent 60%),\n    radial-gradient(ellipse 40% 40% at 20% 70%, rgba(30,79,184,.20), transparent 60%);\n  pointer-events:none;\n}\n.contact-grid{\n  position:relative; z-index:1;\n  display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:start;\n}\n@media (max-width: 960px){.contact-grid{grid-template-columns:1fr; gap:48px}}\n.contact-left h2{margin:0 0 24px; color:var(--ink-cream)}\n.contact-left .lead{color:var(--ink-text-light); margin-bottom:40px}\n.contact-meta{\n  display:flex; flex-direction:column; gap:22px;\n  padding-top:32px;\n  border-top:1px solid rgba(247,243,234,.10);\n}\n.contact-meta-row{display:grid; grid-template-columns:120px 1fr; gap:20px; align-items:start}\n.contact-meta-label{\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:rgba(247,243,234,.4); font-weight:600;\n  padding-top:2px;\n}\n.contact-meta-val{font-size:15px; color:var(--ink-cream); line-height:1.55}\n.contact-meta-val a:hover{color:var(--ink-orange-bright)}\n.contact-meta-val .small{display:block; font-size:13px; color:var(--ink-text-light); margin-top:2px}\n\n.contact-form{\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:var(--r-lg);\n  padding:36px;\n  backdrop-filter:blur(10px);\n}\n.contact-form h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:24px; letter-spacing:-.01em; margin:0 0 8px;\n  color:var(--ink-cream);\n}\n.contact-form .sub{font-size:14px; color:var(--ink-text-light); margin:0 0 24px}\n.field{margin-bottom:18px}\n.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}\n@media (max-width: 560px){.field-row{grid-template-columns:1fr}}\n.field label{\n  display:block;\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:rgba(247,243,234,.55); font-weight:600;\n  margin-bottom:8px;\n}\n.field input, .field select, .field textarea{\n  width:100%; padding:12px 14px;\n  background:rgba(11,14,22,.5);\n  border:1px solid rgba(247,243,234,.12);\n  border-radius:8px;\n  color:var(--ink-cream);\n  font-size:14.5px;\n  transition:border-color .25s, background .25s;\n  outline:none;\n}\n.field input:focus, .field select:focus, .field textarea:focus{\n  border-color:var(--ink-orange-bright);\n  background:rgba(11,14,22,.7);\n}\n.field input::placeholder, .field textarea::placeholder{color:rgba(247,243,234,.3)}\n.field textarea{resize:vertical; min-height:100px}\n.field select{appearance:none; cursor:pointer;\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'\/><\/svg>\");\n  background-repeat:no-repeat;\n  background-position:right 14px center;\n  padding-right:36px;\n}\n.form-submit{\n  display:flex; align-items:center; gap:14px;\n  margin-top:8px;\n}\n.form-note{\n  font-size:12px; color:var(--ink-text-light); margin:14px 0 0;\n  display:flex; align-items:center; gap:8px;\n}\n.form-note svg{width:14px; height:14px; flex-shrink:0; color:var(--ink-orange-bright)}\n.form-success{\n  display:none;\n  padding:20px;\n  background:rgba(47,168,107,.12);\n  border:1px solid rgba(47,168,107,.35);\n  border-radius:10px;\n  color:#7ddca8;\n  font-size:14px; line-height:1.5;\n}\n.form-success.is-shown{display:block}\n\n\/* ============== FOOTER ============== *\/\n.footer{\n  background:var(--ink-black); color:var(--ink-text-light);\n  padding:60px var(--pad) 36px;\n  border-top:1px solid rgba(247,243,234,.08);\n}\n.footer-inner{\n  max-width:var(--maxw); margin:0 auto;\n  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px;\n}\n@media (max-width: 800px){.footer-inner{grid-template-columns:1fr 1fr; gap:40px}}\n@media (max-width: 480px){.footer-inner{grid-template-columns:1fr; gap:32px}}\n.footer-brand .nav-brand-name{color:var(--ink-cream)}\n.footer-tag{margin-top:14px; font-size:14px; line-height:1.55; max-width:32ch}\n.footer-social{\n  display:flex; gap:10px; margin-top:20px;\n}\n.footer-social a{\n  width:36px; height:36px; border-radius:8px;\n  display:flex; align-items:center; justify-content:center;\n  background:rgba(247,243,234,.04);\n  border:1px solid rgba(247,243,234,.10);\n  color:var(--ink-text-light);\n  transition:background .2s, color .2s, border-color .2s, transform .2s;\n}\n.footer-social a:hover{\n  background:rgba(244,123,32,.12); color:var(--ink-orange-bright);\n  border-color:rgba(244,123,32,.3); transform:translateY(-2px);\n}\n.footer-social svg{width:16px; height:16px}\n.footer-col h5{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:var(--ink-orange-bright); font-weight:600;\n  margin:0 0 18px;\n}\n.footer-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}\n.footer-col li a{font-size:13.5px; transition:color .2s}\n.footer-col li a:hover{color:var(--ink-orange-bright)}\n.footer-col .addr{font-size:13.5px; line-height:1.55; color:var(--ink-text-light)}\n.footer-col .addr strong{color:var(--ink-cream); font-weight:600; display:block; margin-bottom:4px}\n.footer-bottom{\n  max-width:var(--maxw); margin:48px auto 0;\n  padding-top:24px;\n  border-top:1px solid rgba(247,243,234,.08);\n  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;\n  font-family:var(--f-mono); font-size:11.5px;\n  letter-spacing:.06em; color:rgba(247,243,234,.4);\n}\n.footer-bottom .links{display:flex; gap:18px}\n.footer-bottom .links a:hover{color:var(--ink-orange-bright)}\n\n\/* ============== LIVE AGENT FEED ============== *\/\n.ai-feed{\n  margin-top:64px;\n  padding:32px;\n  background:rgba(11,14,22,.6);\n  border:1px solid rgba(247,243,234,.10);\n  border-radius:var(--r-md);\n  position:relative; overflow:hidden;\n}\n.ai-feed::before{\n  content:\"\"; position:absolute; top:0; left:0; right:0; height:1px;\n  background:linear-gradient(90deg, transparent, var(--ink-orange-bright), transparent);\n}\n.ai-feed-head{\n  display:flex; justify-content:space-between; align-items:center;\n  margin-bottom:20px; flex-wrap:wrap; gap:14px;\n}\n.ai-feed-title{\n  display:flex; align-items:center; gap:10px;\n  font-family:var(--f-mono); font-size:12px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-cream); font-weight:600;\n}\n.ai-feed-title .live-dot{\n  width:8px; height:8px; border-radius:50%;\n  background:#4ade80; box-shadow:0 0 10px #4ade80;\n  animation:pulse-dot 2s ease-in-out infinite;\n}\n.ai-feed-meta{\n  font-family:var(--f-mono); font-size:11px; letter-spacing:.08em;\n  color:rgba(247,243,234,.4);\n}\n.ai-feed-list{\n  display:flex; flex-direction:column; gap:4px;\n  max-height:340px; overflow:hidden;\n  position:relative;\n  mask-image:linear-gradient(to bottom, black 70%, transparent 100%);\n  -webkit-mask-image:linear-gradient(to bottom, black 70%, transparent 100%);\n}\n.ai-feed-item{\n  display:grid; grid-template-columns:78px auto 1fr auto; gap:16px;\n  padding:12px 16px;\n  background:rgba(247,243,234,.02);\n  border-left:2px solid rgba(247,243,234,.15);\n  border-radius:0 6px 6px 0;\n  font-family:var(--f-mono); font-size:12.5px; line-height:1.4;\n  color:var(--ink-text-light);\n  align-items:center;\n  opacity:0; transform:translateY(8px);\n  animation:feedItem .5s ease forwards;\n}\n.ai-feed-item.is-success{border-left-color:#4ade80}\n.ai-feed-item.is-success .badge{background:rgba(74,222,128,.12); color:#4ade80; border-color:rgba(74,222,128,.3)}\n.ai-feed-item.is-warn{border-left-color:#fbbf24}\n.ai-feed-item.is-warn .badge{background:rgba(251,191,36,.12); color:#fbbf24; border-color:rgba(251,191,36,.3)}\n.ai-feed-item.is-flag{border-left-color:var(--ink-magenta)}\n.ai-feed-item.is-flag .badge{background:rgba(199,49,117,.15); color:var(--ink-pink); border-color:rgba(199,49,117,.35)}\n.ai-feed-item.is-info{border-left-color:var(--ink-blue-bright)}\n.ai-feed-item.is-info .badge{background:rgba(91,155,255,.12); color:var(--ink-blue-bright); border-color:rgba(91,155,255,.3)}\n.ai-feed-item .time{color:rgba(247,243,234,.4)}\n.ai-feed-item .badge{\n  padding:3px 8px; border-radius:4px; font-size:9.5px;\n  letter-spacing:.12em; font-weight:600;\n  border:1px solid; text-transform:uppercase;\n  white-space:nowrap;\n}\n.ai-feed-item .agent{color:var(--ink-cream); font-weight:500}\n.ai-feed-item .value{color:#4ade80; font-weight:600}\n@keyframes feedItem{\n  to{opacity:1; transform:translateY(0)}\n}\n@media (max-width: 700px){\n  .ai-feed-item{grid-template-columns:1fr; gap:4px; padding:14px 16px}\n  .ai-feed-item .badge{justify-self:start}\n}\n\n\/* ============== ROI CALCULATOR ============== *\/\n.roi{background:var(--ink-cream-2); position:relative; overflow:hidden}\n.roi::before{\n  content:\"\"; position:absolute; top:-20%; right:-10%;\n  width:50%; aspect-ratio:1\/1;\n  background:radial-gradient(circle, rgba(244,123,32,.10), transparent 70%);\n  pointer-events:none;\n}\n.roi-grid{\n  display:grid; grid-template-columns:.85fr 1.15fr; gap:48px;\n  margin-top:24px; align-items:start;\n  position:relative; z-index:1;\n}\n@media (max-width: 900px){.roi-grid{grid-template-columns:1fr; gap:32px}}\n.roi-inputs{\n  background:#fff; border:1px solid var(--ink-border);\n  border-radius:var(--r-lg); padding:36px;\n  box-shadow:var(--shadow-card);\n}\n.roi-inputs h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:22px; letter-spacing:-.01em;\n  margin:0 0 6px;\n}\n.roi-inputs .sub{font-size:13.5px; color:var(--ink-text-mute); margin:0 0 28px}\n.roi-field{margin-bottom:24px}\n.roi-field-label{\n  display:flex; justify-content:space-between; align-items:baseline;\n  margin-bottom:12px;\n}\n.roi-field-label .name{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:var(--ink-text-mute); font-weight:600;\n}\n.roi-field-label .value{\n  font-family:var(--f-display); font-weight:500;\n  font-size:22px; letter-spacing:-.01em; color:var(--ink-orange);\n}\n.roi-range{\n  width:100%; -webkit-appearance:none; appearance:none;\n  height:6px; background:var(--ink-cream); border-radius:999px;\n  outline:none;\n}\n.roi-range::-webkit-slider-thumb{\n  -webkit-appearance:none; appearance:none;\n  width:22px; height:22px; border-radius:50%;\n  background:var(--ink-orange);\n  border:3px solid #fff;\n  box-shadow:0 4px 12px rgba(244,123,32,.5);\n  cursor:pointer; transition:transform .15s;\n}\n.roi-range::-webkit-slider-thumb:hover{transform:scale(1.1)}\n.roi-range::-moz-range-thumb{\n  width:22px; height:22px; border-radius:50%;\n  background:var(--ink-orange); border:3px solid #fff;\n  box-shadow:0 4px 12px rgba(244,123,32,.5); cursor:pointer;\n}\n.roi-range-marks{\n  display:flex; justify-content:space-between; margin-top:8px;\n  font-family:var(--f-mono); font-size:10px;\n  letter-spacing:.06em; color:var(--ink-text-faint);\n}\n.roi-segments{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;\n  background:var(--ink-cream); padding:4px;\n  border-radius:10px;\n}\n.roi-seg{\n  padding:10px 12px; border-radius:7px;\n  text-align:center; font-size:13.5px; font-weight:600;\n  cursor:pointer; transition:background .2s, color .2s;\n  color:var(--ink-text-mute);\n}\n.roi-seg.is-active{background:#fff; color:var(--ink-text); box-shadow:0 1px 4px rgba(0,0,0,.06)}\n\n.roi-output{\n  background:var(--ink-black); color:var(--ink-cream);\n  border-radius:var(--r-lg); padding:40px;\n  position:relative; overflow:hidden; isolation:isolate;\n}\n.roi-output::before{\n  content:\"\"; position:absolute; inset:0;\n  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.22), transparent 50%),\n             radial-gradient(circle at 0% 100%, rgba(30,79,184,.18), transparent 50%);\n  z-index:-1;\n}\n.roi-output-head{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:var(--ink-orange-bright); font-weight:600;\n  margin-bottom:14px;\n}\n.roi-output h3{\n  font-family:var(--f-display); font-weight:400;\n  font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-.02em;\n  line-height:1.1; margin:0 0 32px; color:var(--ink-cream);\n}\n.roi-output h3 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1; font-weight:300}\n.roi-result{\n  display:flex; flex-direction:column; gap:16px;\n}\n.roi-bar-row{\n  display:grid; grid-template-columns:170px 1fr 130px; gap:16px;\n  align-items:center;\n}\n@media (max-width: 700px){\n  .roi-bar-row{grid-template-columns:1fr; gap:6px}\n}\n.roi-bar-label{\n  font-size:13px; color:var(--ink-text-light); line-height:1.3;\n}\n.roi-bar-label .meta{display:block; font-family:var(--f-mono); font-size:10px; letter-spacing:.08em; opacity:.6; margin-top:2px}\n.roi-bar-track{\n  height:36px; background:rgba(247,243,234,.06);\n  border-radius:8px; overflow:hidden; position:relative;\n}\n.roi-bar-fill{\n  height:100%; border-radius:8px;\n  transition:width .8s cubic-bezier(.22,1,.36,1);\n  position:relative;\n}\n.roi-bar-fill.is-cost{background:linear-gradient(90deg, rgba(247,243,234,.18), rgba(247,243,234,.10))}\n.roi-bar-fill.is-value{background:var(--flame)}\n.roi-bar-value{\n  font-family:var(--f-display); font-weight:500;\n  font-size:20px; letter-spacing:-.01em;\n  text-align:right; color:var(--ink-cream);\n}\n.roi-bar-fill.is-value + .roi-bar-value{color:var(--ink-orange-bright)}\n.roi-multiple{\n  margin-top:28px; padding-top:24px;\n  border-top:1px solid rgba(247,243,234,.10);\n  display:flex; align-items:baseline; justify-content:space-between; gap:24px;\n  flex-wrap:wrap;\n}\n.roi-multiple .label{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:rgba(247,243,234,.5); font-weight:600;\n}\n.roi-multiple .multiple{\n  font-family:var(--f-display); font-weight:300; font-style:italic;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n  font-size:clamp(48px, 5vw, 72px);\n  line-height:1; letter-spacing:-.04em;\n  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.roi-disclaimer{\n  margin-top:24px; font-size:12px; color:var(--ink-text-light-2);\n  line-height:1.5;\n}\n\n\/* ============== PRICING TIERS ============== *\/\n.pricing{background:var(--ink-paper)}\n.tiers-grid{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;\n  margin-top:24px;\n}\n@media (max-width: 900px){.tiers-grid{grid-template-columns:1fr; gap:14px}}\n.tier-card{\n  position:relative;\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-lg);\n  padding:36px 32px 32px;\n  display:flex; flex-direction:column;\n  transition:transform .3s, box-shadow .3s, border-color .3s;\n  box-shadow:var(--shadow-card);\n}\n.tier-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}\n.tier-card.is-featured{\n  background:var(--ink-black); color:var(--ink-cream);\n  border-color:transparent;\n  transform:translateY(-6px);\n  box-shadow:0 30px 60px -20px rgba(11,14,22,.35);\n}\n.tier-card.is-featured:hover{transform:translateY(-10px)}\n.tier-card.is-featured::before{\n  content:\"\"; position:absolute; inset:0;\n  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.18), transparent 60%);\n  border-radius:var(--r-lg);\n  pointer-events:none;\n}\n.tier-badge{\n  position:absolute; top:-12px; left:32px;\n  display:inline-flex; align-items:center; gap:6px;\n  padding:5px 12px; border-radius:999px;\n  background:var(--flame); color:#fff;\n  font-family:var(--f-mono); font-size:10px;\n  letter-spacing:.16em; text-transform:uppercase;\n  font-weight:600;\n}\n.tier-name{\n  font-family:var(--f-display); font-weight:500;\n  font-size:24px; letter-spacing:-.015em;\n  margin:0 0 6px;\n}\n.tier-card.is-featured .tier-name{color:var(--ink-cream)}\n.tier-card:not(.is-featured) .tier-name .accent{color:var(--ink-orange)}\n.tier-card.is-featured .tier-name .accent{\n  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.tier-desc{\n  font-size:13.5px; color:var(--ink-text-mute);\n  margin:0 0 24px; line-height:1.5; min-height:42px;\n}\n.tier-card.is-featured .tier-desc{color:var(--ink-text-light)}\n.tier-price{\n  display:flex; align-items:baseline; gap:6px;\n  margin-bottom:8px;\n}\n.tier-price .currency{\n  font-family:var(--f-display); font-weight:400;\n  font-size:24px; opacity:.6;\n}\n.tier-price .amount{\n  font-family:var(--f-display); font-weight:400;\n  font-size:48px; letter-spacing:-.03em; line-height:1;\n}\n.tier-card:not(.is-featured) .tier-price .amount{color:var(--ink-text)}\n.tier-price .period{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.1em; text-transform:uppercase;\n  color:var(--ink-text-mute); margin-left:4px;\n}\n.tier-card.is-featured .tier-price .period{color:rgba(247,243,234,.5)}\n.tier-note{\n  font-size:12px; color:var(--ink-text-mute);\n  margin-bottom:24px; font-style:italic;\n}\n.tier-card.is-featured .tier-note{color:var(--ink-text-light)}\n.tier-features{\n  list-style:none; margin:0 0 28px; padding:24px 0 0;\n  border-top:1px solid var(--ink-border);\n  display:flex; flex-direction:column; gap:11px;\n  flex:1;\n}\n.tier-card.is-featured .tier-features{border-top-color:rgba(247,243,234,.10)}\n.tier-features li{\n  display:flex; gap:10px; align-items:flex-start;\n  font-size:13.5px; line-height:1.45;\n}\n.tier-features li svg{\n  width:16px; height:16px; flex-shrink:0; margin-top:2px;\n  color:var(--ink-success);\n}\n.tier-card.is-featured .tier-features li svg{color:var(--ink-orange-bright)}\n.tier-features li.is-muted{color:var(--ink-text-mute)}\n.tier-card.is-featured .tier-features li.is-muted{color:var(--ink-text-light-2)}\n.tier-features li.is-muted svg{color:var(--ink-text-mute); opacity:.5}\n.tier-cta{\n  display:flex; align-items:center; justify-content:center; gap:10px;\n  padding:14px 24px;\n  border-radius:999px;\n  font-weight:600; font-size:14px;\n  background:var(--ink-cream); color:var(--ink-black);\n  border:1px solid transparent;\n  transition:transform .2s, background .2s, color .2s, border-color .2s;\n}\n.tier-cta:hover{transform:translateY(-1px); background:var(--ink-text); color:#fff}\n.tier-card.is-featured .tier-cta{\n  background:var(--flame); color:#fff;\n  background-size:200% 200%;\n  background-position:0% 50%;\n}\n.tier-card.is-featured .tier-cta:hover{background-position:100% 50%}\n.tier-card:not(.is-featured):not(:first-child) .tier-cta{\n  background:transparent; color:var(--ink-text);\n  border-color:var(--ink-border-strong);\n}\n.tier-card:not(.is-featured):not(:first-child) .tier-cta:hover{\n  background:var(--ink-text); color:#fff; border-color:transparent;\n}\n.tier-cta svg{width:14px; height:14px}\n\n.pricing-note{\n  margin-top:32px; padding:20px 28px;\n  background:rgba(244,123,32,.04);\n  border:1px solid rgba(244,123,32,.18);\n  border-radius:10px;\n  display:flex; gap:14px; align-items:center;\n  font-size:13.5px; color:var(--ink-text-mute); line-height:1.55;\n}\n.pricing-note svg{width:18px; height:18px; flex-shrink:0; color:var(--ink-orange)}\n.pricing-note strong{color:var(--ink-text); font-weight:600}\n\n\/* ============== RESOURCES ============== *\/\n.resources{background:var(--ink-cream-2)}\n.res-grid{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;\n  margin-top:24px;\n}\n@media (max-width: 900px){.res-grid{grid-template-columns:1fr}}\n.res-card{\n  background:#fff; border:1px solid var(--ink-border);\n  border-radius:var(--r-md); overflow:hidden;\n  display:flex; flex-direction:column;\n  transition:transform .3s, box-shadow .3s, border-color .3s;\n  box-shadow:var(--shadow-card);\n}\n.res-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover); border-color:var(--ink-orange)}\n.res-img{\n  aspect-ratio:16\/10; position:relative; overflow:hidden;\n}\n.res-img-1{background:linear-gradient(135deg, #f47b20, #c73175)}\n.res-img-2{background:linear-gradient(135deg, #1e4fb8, #c73175)}\n.res-img-3{background:linear-gradient(135deg, #0f2d6e, #1e4fb8)}\n.res-img::before{\n  content:\"\"; position:absolute; inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);\n  background-size:32px 32px;\n  mask-image:radial-gradient(circle at center, black 30%, transparent 75%);\n  -webkit-mask-image:radial-gradient(circle at center, black 30%, transparent 75%);\n}\n.res-img-mark{\n  position:absolute; bottom:18px; left:22px;\n  font-family:var(--f-mono); font-size:10px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:rgba(255,255,255,.8); font-weight:600;\n}\n.res-img-num{\n  position:absolute; top:18px; right:22px;\n  font-family:var(--f-display); font-weight:300; font-style:italic;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 80, \"WONK\" 1;\n  font-size:48px; line-height:1; letter-spacing:-.03em;\n  color:rgba(255,255,255,.4);\n}\n.res-body{padding:24px 26px 26px; flex:1; display:flex; flex-direction:column}\n.res-cat{\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-orange); font-weight:600;\n  margin-bottom:10px;\n}\n.res-card h4{\n  font-family:var(--f-display); font-weight:500;\n  font-size:21px; letter-spacing:-.01em; line-height:1.2;\n  margin:0 0 10px;\n}\n.res-card p{margin:0 0 18px; font-size:14px; line-height:1.5; color:var(--ink-text-mute); flex:1}\n.res-link{\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:var(--f-mono); font-size:12px;\n  letter-spacing:.06em; text-transform:uppercase;\n  color:var(--ink-text); font-weight:600;\n}\n.res-link svg{width:14px; height:14px; transition:transform .25s}\n.res-link:hover{color:var(--ink-orange)}\n.res-link:hover svg{transform:translateX(4px)}\n\n\/* ============== STICKY BAR ============== *\/\n.sticky-bar{\n  position:fixed; left:0; right:0; bottom:-100px; z-index:90;\n  padding:14px var(--pad);\n  background:rgba(11,14,22,.96);\n  backdrop-filter:blur(20px);\n  border-top:1px solid rgba(247,243,234,.12);\n  transition:bottom .4s cubic-bezier(.22,1,.36,1);\n}\n.sticky-bar.is-shown{bottom:0}\n.sticky-bar-inner{\n  max-width:var(--maxw); margin:0 auto;\n  display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center;\n}\n.sticky-bar-mark{display:flex; align-items:center; gap:10px}\n.sticky-bar-mark svg{width:24px; height:24px}\n.sticky-bar-mark span{\n  font-family:var(--f-display); font-weight:500;\n  font-size:16px; letter-spacing:-.01em; color:var(--ink-cream);\n}\n.sticky-bar-msg{\n  font-size:13.5px; color:var(--ink-text-light); line-height:1.4;\n}\n.sticky-bar-msg strong{color:var(--ink-cream); font-weight:600}\n.sticky-bar-msg .pulse{\n  display:inline-flex; align-items:center; gap:6px;\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-orange-bright); font-weight:600;\n  margin-right:8px;\n}\n.sticky-bar-msg .pulse::before{\n  content:\"\"; width:6px; height:6px; border-radius:50%;\n  background:var(--ink-orange-bright); box-shadow:0 0 8px var(--ink-orange-bright);\n  animation:pulse-dot 2s ease-in-out infinite;\n}\n.sticky-bar-cta{\n  display:inline-flex; align-items:center; gap:8px;\n  padding:11px 20px; border-radius:999px;\n  background:var(--flame); color:#fff;\n  font-weight:600; font-size:13.5px;\n  background-size:200% 200%;\n  background-position:0% 50%;\n  transition:background-position .35s, transform .15s, box-shadow .25s;\n  white-space:nowrap;\n}\n.sticky-bar-cta:hover{\n  background-position:100% 50%;\n  transform:translateY(-1px);\n  box-shadow:0 10px 24px -8px rgba(244,123,32,.6);\n}\n.sticky-bar-cta svg{width:14px; height:14px}\n.sticky-bar-close{\n  position:absolute; top:8px; right:14px;\n  width:24px; height:24px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  background:rgba(247,243,234,.08); color:var(--ink-text-light);\n  font-size:14px;\n  transition:background .2s, color .2s;\n}\n.sticky-bar-close:hover{background:rgba(247,243,234,.15); color:var(--ink-cream)}\n@media (max-width: 760px){\n  .sticky-bar-inner{grid-template-columns:1fr; gap:10px; text-align:center}\n  .sticky-bar-mark{display:none}\n  .sticky-bar-msg .pulse{display:inline-flex; margin-bottom:4px}\n  .sticky-bar-cta{justify-self:stretch; justify-content:center}\n}\n\n\/* ============== INDUSTRIES ============== *\/\n.industries{background:var(--ink-paper-2); border-top:1px solid var(--ink-border)}\n.industries-grid{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;\n  margin-top:24px;\n}\n@media (max-width: 1024px){.industries-grid{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 540px){.industries-grid{grid-template-columns:1fr}}\n.industry-card{\n  position:relative;\n  padding:32px 28px 30px;\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  transition:transform .3s, box-shadow .3s, border-color .3s;\n  overflow:hidden;\n}\n.industry-card:hover{\n  transform:translateY(-4px);\n  box-shadow:var(--shadow-card-hover);\n  border-color:var(--ink-orange);\n}\n.industry-card::before{\n  content:\"\"; position:absolute; top:0; left:0; right:0; height:3px;\n}\n.industry-1::before{background:var(--ink-orange)}\n.industry-2::before{background:var(--ink-magenta)}\n.industry-3::before{background:var(--ink-blue)}\n.industry-4::before{background:var(--ink-blue-deep)}\n.industry-icon{\n  display:inline-flex; align-items:center; justify-content:center;\n  width:46px; height:46px; border-radius:12px;\n  margin-bottom:18px;\n}\n.industry-1 .industry-icon{background:rgba(244,123,32,.10); color:var(--ink-orange)}\n.industry-2 .industry-icon{background:rgba(199,49,117,.10); color:var(--ink-magenta)}\n.industry-3 .industry-icon{background:rgba(30,79,184,.10); color:var(--ink-blue)}\n.industry-4 .industry-icon{background:rgba(15,45,110,.10); color:var(--ink-blue-deep)}\n.industry-icon svg{width:22px; height:22px}\n.industry-card h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:21px; letter-spacing:-.015em; line-height:1.2;\n  margin:0 0 10px;\n}\n.industry-card h3 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1; font-weight:300}\n.industry-card .desc{\n  margin:0 0 18px;\n  font-size:13.5px; color:var(--ink-text-mute); line-height:1.5;\n}\n.industry-tags{\n  display:flex; flex-wrap:wrap; gap:6px;\n  padding-top:16px;\n  border-top:1px solid var(--ink-border);\n}\n.industry-tag{\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.06em;\n  padding:4px 9px; border-radius:4px;\n  background:var(--ink-cream); color:var(--ink-text);\n}\n.industry-1 .industry-tag{background:rgba(244,123,32,.08); color:var(--ink-orange)}\n.industry-2 .industry-tag{background:rgba(199,49,117,.08); color:var(--ink-magenta)}\n.industry-3 .industry-tag{background:rgba(30,79,184,.08); color:var(--ink-blue)}\n.industry-4 .industry-tag{background:rgba(15,45,110,.08); color:var(--ink-blue-deep)}\n\n\/* ============== METHODOLOGY ============== *\/\n.methodology{background:var(--ink-cream-2); position:relative; overflow:hidden}\n.methodology::before{\n  content:\"\"; position:absolute; top:0; bottom:0; left:-200px;\n  width:600px;\n  background:radial-gradient(circle, rgba(30,79,184,.06), transparent 60%);\n  pointer-events:none;\n}\n.meth-tabs{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;\n  margin:32px 0 0;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  overflow:hidden;\n  background:#fff;\n  box-shadow:var(--shadow-card);\n}\n@media (max-width: 900px){.meth-tabs{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 540px){.meth-tabs{grid-template-columns:1fr}}\n.meth-tab{\n  padding:24px 22px 26px;\n  border-right:1px solid var(--ink-border);\n  text-align:left;\n  cursor:pointer;\n  transition:background .25s;\n  position:relative;\n}\n.meth-tab:last-child{border-right:0}\n@media (max-width: 900px){\n  .meth-tab{border-right:0; border-bottom:1px solid var(--ink-border)}\n  .meth-tab:nth-child(2n){border-right:0}\n  .meth-tab:nth-child(odd){border-right:1px solid var(--ink-border)}\n}\n@media (max-width: 540px){\n  .meth-tab{border-right:0}\n}\n.meth-tab::before{\n  content:\"\"; position:absolute; top:0; left:0; right:0; height:3px;\n  background:transparent; transition:background .25s;\n}\n.meth-tab:hover{background:var(--ink-paper)}\n.meth-tab.is-active{background:var(--ink-paper)}\n.meth-tab.is-active.is-1::before{background:var(--ink-orange)}\n.meth-tab.is-active.is-2::before{background:var(--ink-magenta)}\n.meth-tab.is-active.is-3::before{background:var(--ink-blue)}\n.meth-tab.is-active.is-4::before{background:var(--ink-blue-deep)}\n.meth-tab-num{\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-text-mute); font-weight:600;\n  margin-bottom:6px;\n}\n.meth-tab.is-active.is-1 .meth-tab-num{color:var(--ink-orange)}\n.meth-tab.is-active.is-2 .meth-tab-num{color:var(--ink-magenta)}\n.meth-tab.is-active.is-3 .meth-tab-num{color:var(--ink-blue)}\n.meth-tab.is-active.is-4 .meth-tab-num{color:var(--ink-blue-deep)}\n.meth-tab h3{\n  font-family:var(--f-display); font-weight:500;\n  font-size:22px; letter-spacing:-.015em; line-height:1.1;\n  margin:0 0 6px; color:var(--ink-text);\n}\n.meth-tab h3 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1; font-weight:300}\n.meth-tab .meth-tab-sub{\n  font-size:12.5px; color:var(--ink-text-mute);\n  line-height:1.4; margin:0;\n}\n\n.meth-panels{\n  position:relative;\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-top:0;\n  border-radius:0 0 var(--r-md) var(--r-md);\n  padding:40px;\n  min-height:280px;\n  box-shadow:var(--shadow-card);\n}\n.meth-panel{\n  display:none;\n  grid-template-columns:1.1fr 1fr; gap:48px;\n}\n.meth-panel.is-active{display:grid}\n@media (max-width: 800px){.meth-panel{grid-template-columns:1fr; gap:32px}}\n.meth-panel-text h4{\n  font-family:var(--f-display); font-weight:500;\n  font-size:26px; letter-spacing:-.015em; line-height:1.15;\n  margin:0 0 16px;\n}\n.meth-panel-text h4 em{font-style:italic; font-variation-settings:\"opsz\" 144, \"SOFT\" 60, \"WONK\" 1; font-weight:300}\n.meth-panel-text p{\n  font-size:15px; line-height:1.6;\n  color:var(--ink-text-mute);\n  margin:0 0 14px;\n}\n.meth-panel-text p:last-child{margin-bottom:0}\n.meth-checks{\n  display:grid; grid-template-columns:1fr 1fr; gap:10px 18px;\n  list-style:none; margin:0; padding:0;\n}\n@media (max-width: 480px){.meth-checks{grid-template-columns:1fr}}\n.meth-checks li{\n  display:flex; gap:10px; align-items:flex-start;\n  font-size:14px; line-height:1.4; color:var(--ink-text);\n}\n.meth-checks li svg{\n  width:16px; height:16px; flex-shrink:0; margin-top:2px;\n  color:var(--ink-orange);\n}\n.meth-panel.is-2 .meth-checks li svg{color:var(--ink-magenta)}\n.meth-panel.is-3 .meth-checks li svg{color:var(--ink-blue)}\n.meth-panel.is-4 .meth-checks li svg{color:var(--ink-blue-deep)}\n\n\/* ============== PORTFOLIO ============== *\/\n.portfolio{background:var(--ink-paper)}\n.portfolio-grid{\n  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;\n  margin-top:24px;\n}\n@media (max-width: 900px){.portfolio-grid{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 600px){.portfolio-grid{grid-template-columns:1fr}}\n.portfolio-card{\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  overflow:hidden;\n  display:flex; flex-direction:column;\n  transition:transform .3s, box-shadow .3s, border-color .3s;\n  box-shadow:var(--shadow-card);\n}\n.portfolio-card:hover{\n  transform:translateY(-4px);\n  box-shadow:var(--shadow-card-hover);\n  border-color:var(--ink-orange);\n}\n.portfolio-thumb{\n  aspect-ratio:5\/3;\n  position:relative; overflow:hidden;\n}\n.portfolio-thumb-1{background:linear-gradient(135deg, #f47b20, #c73175)}\n.portfolio-thumb-2{background:linear-gradient(135deg, #c73175, #1e4fb8)}\n.portfolio-thumb-3{background:linear-gradient(135deg, #1e4fb8, #0f2d6e)}\n.portfolio-thumb-4{background:linear-gradient(135deg, #0f2d6e, #c73175)}\n.portfolio-thumb-5{background:linear-gradient(135deg, #c73175, #f47b20)}\n.portfolio-thumb-6{background:linear-gradient(135deg, #1e4fb8, #f47b20)}\n.portfolio-thumb::before{\n  content:\"\"; position:absolute; inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);\n  background-size:24px 24px;\n}\n.portfolio-thumb::after{\n  content:\"\"; position:absolute; inset:0;\n  background:radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,.20) 100%);\n}\n.portfolio-thumb-icon{\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%, -50%);\n  width:64px; height:64px;\n  display:flex; align-items:center; justify-content:center;\n  background:rgba(255,255,255,.12);\n  backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:16px;\n  color:#fff;\n  z-index:1;\n}\n.portfolio-thumb-icon svg{width:28px; height:28px}\n.portfolio-thumb-cat{\n  position:absolute; top:14px; left:14px;\n  font-family:var(--f-mono); font-size:10px;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:#fff; font-weight:600;\n  padding:5px 10px; border-radius:4px;\n  background:rgba(0,0,0,.32);\n  backdrop-filter:blur(8px);\n  z-index:2;\n}\n.portfolio-body{padding:22px 24px 24px; flex:1; display:flex; flex-direction:column}\n.portfolio-card h4{\n  font-family:var(--f-display); font-weight:500;\n  font-size:20px; letter-spacing:-.01em; line-height:1.2;\n  margin:0 0 8px;\n}\n.portfolio-card p{\n  margin:0 0 16px;\n  font-size:13.5px; color:var(--ink-text-mute); line-height:1.5;\n  flex:1;\n}\n.portfolio-meta{\n  display:flex; justify-content:space-between; align-items:center;\n  padding-top:14px;\n  border-top:1px solid var(--ink-border);\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.06em; color:var(--ink-text-mute);\n}\n.portfolio-meta strong{color:var(--ink-text); font-weight:600}\n\n.portfolio-note{\n  margin-top:32px;\n  padding:24px 28px;\n  background:#fff;\n  border:1px dashed var(--ink-border-strong);\n  border-radius:var(--r-md);\n  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;\n}\n@media (max-width: 600px){.portfolio-note{grid-template-columns:1fr}}\n.portfolio-note p{\n  margin:0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.5;\n}\n.portfolio-note strong{color:var(--ink-text); font-weight:600}\n\n\/* ============== TEAM ============== *\/\n.team{background:var(--ink-cream)}\n.team-grid{\n  display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;\n  margin-top:24px;\n}\n@media (max-width: 1024px){.team-grid{grid-template-columns:repeat(2, 1fr)}}\n@media (max-width: 540px){.team-grid{grid-template-columns:1fr}}\n.team-card{\n  background:#fff;\n  border:1px solid var(--ink-border);\n  border-radius:var(--r-md);\n  overflow:hidden;\n  transition:transform .3s, box-shadow .3s;\n  box-shadow:var(--shadow-card);\n}\n.team-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}\n.team-photo{\n  aspect-ratio:1\/1;\n  position:relative; overflow:hidden;\n  background:var(--ink-cream-2);\n}\n.team-photo-1{background:linear-gradient(135deg, #f47b20 0%, #c73175 100%)}\n.team-photo-2{background:linear-gradient(135deg, #c73175 0%, #1e4fb8 100%)}\n.team-photo-3{background:linear-gradient(135deg, #1e4fb8 0%, #0f2d6e 100%)}\n.team-photo-4{background:linear-gradient(135deg, #0f2d6e 0%, #f47b20 100%)}\n.team-photo-mono{\n  position:absolute; top:50%; left:50%;\n  transform:translate(-50%, -50%);\n  font-family:var(--f-display); font-weight:400;\n  font-size:80px; line-height:1; letter-spacing:-.03em;\n  color:rgba(255,255,255,.85);\n}\n.team-photo::before{\n  content:\"\"; position:absolute; inset:0;\n  background-image:\n    radial-gradient(circle at 30% 20%, rgba(255,255,255,.2), transparent 50%),\n    radial-gradient(circle at 70% 80%, rgba(0,0,0,.2), transparent 50%);\n}\n.team-photo .placeholder-pill{\n  position:absolute; bottom:14px; left:50%;\n  transform:translateX(-50%);\n  padding:4px 10px;\n  background:rgba(0,0,0,.36);\n  backdrop-filter:blur(6px);\n  border-radius:999px;\n  color:rgba(255,255,255,.88);\n  font-family:var(--f-mono); font-size:9.5px;\n  letter-spacing:.18em; text-transform:uppercase;\n  font-weight:600;\n}\n.team-info{padding:22px 22px 22px}\n.team-role{\n  font-family:var(--f-mono); font-size:10.5px;\n  letter-spacing:.16em; text-transform:uppercase;\n  color:var(--ink-orange); font-weight:600;\n  margin-bottom:8px;\n}\n.team-card h4{\n  font-family:var(--f-display); font-weight:500;\n  font-size:19px; letter-spacing:-.01em; line-height:1.2;\n  margin:0 0 8px;\n}\n.team-card p{\n  margin:0;\n  font-size:13px; color:var(--ink-text-mute); line-height:1.5;\n}\n.team-link{\n  display:inline-flex; align-items:center; gap:6px;\n  margin-top:12px;\n  font-family:var(--f-mono); font-size:11px;\n  letter-spacing:.08em; color:var(--ink-text);\n  font-weight:600;\n}\n.team-link:hover{color:var(--ink-orange)}\n.team-link svg{width:13px; height:13px}\n\n.team-note{\n  margin-top:36px;\n  padding:24px 28px;\n  background:rgba(244,123,32,.04);\n  border-left:3px solid var(--ink-orange);\n  border-radius:6px;\n  font-size:14px; color:var(--ink-text-mute); line-height:1.55;\n}\n.team-note strong{color:var(--ink-text); font-weight:600}\n\n\/* ============== ANIMATIONS ============== *\/\n.reveal{opacity:0; transform:translateY(20px); transition:opacity .8s ease, transform .8s ease}\n.reveal.is-visible{opacity:1; transform:translateY(0)}\n.reveal-delay-1{transition-delay:.08s}\n.reveal-delay-2{transition-delay:.16s}\n.reveal-delay-3{transition-delay:.24s}\n.reveal-delay-4{transition-delay:.32s}\n\n@media (prefers-reduced-motion: reduce){\n  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important}\n}\n<\/style>\n\n<style id=\"inkspyre-elementor-native-overrides\">\nbody{\n  overflow-x:hidden;\n}\n.elementor-widget-text-editor .elementor-widget-container,\n.elementor-widget-html .elementor-widget-container{\n  margin:0;\n  padding:0;\n}\n.elementor-widget-text-editor .elementor-widget-container > :first-child,\n.elementor-widget-html .elementor-widget-container > :first-child{\n  margin-top:0;\n}\n.elementor-widget-text-editor .elementor-widget-container > :last-child,\n.elementor-widget-html .elementor-widget-container > :last-child{\n  margin-bottom:0;\n}\n.elementor-widget-text-editor p:last-child{\n  margin-bottom:0;\n}\n.elementor-widget-text-editor .noise + svg{\n  position:absolute;\n}\n.elementor-widget-text-editor .nav,\n.elementor-widget-text-editor .sticky-bar{\n  left:0;\n  right:0;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7e46c1 elementor-widget elementor-widget-text-editor\" data-id=\"5a7e46c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"noise\" aria-hidden=\"true\">\u00a0<\/div><p><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><\/p><p><!-- ============== NAV ============== --><\/p><nav id=\"nav\" class=\"nav\"><a class=\"nav-brand\" href=\"#\"><br \/><br \/><span class=\"nav-brand-name\">InkSpyre<\/span><br \/><\/a><br \/><button id=\"navBurger\" class=\"nav-burger\" aria-label=\"Menu\" aria-expanded=\"false\"><br \/><br \/><br \/><\/button><div id=\"navLinks\" class=\"nav-links\"><a href=\"#industries\">Industries<\/a><br \/><a href=\"#services\">Services<\/a><br \/><a href=\"#ai\">AI Agents<\/a><br \/><a href=\"#methodology\">Methodology<\/a><br \/><a href=\"#faq\">FAQ<\/a><br \/><a class=\"nav-cta\" href=\"#contact\"><br \/>Book a Call<br \/><br \/><\/a><\/div><\/nav>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50080868 elementor-widget elementor-widget-text-editor\" data-id=\"50080868\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<header class=\"hero\"><div class=\"hero-inner\"><div><div class=\"hero-tagline\">For Promo &amp; Decorated Apparel Shops<\/div><h1 class=\"h-display is-light hero-headline\">Stop hiring <br \/>locally. <em class=\"accent\">Start winning<\/em><br \/>remotely.<\/h1><p class=\"hero-sub\">For US apparel decorators, promotional distributors, and ecommerce brands \u2014<br \/>we embed industry-trained sales, design, and operations teams inside your shop,<br \/>wire them into custom backend infrastructure, then layer in AI agents that<br \/>automate the work no one wants to do twice. <strong style=\"color: var(--ink-cream); font-weight: 600;\">Build your team without building overhead.<\/strong><\/p><div class=\"hero-ctas\"><p><a class=\"btn btn-primary\" href=\"#contact\"><br \/>Book a 30-min fit check<\/a><\/p><p><a class=\"btn btn-ghost-light\" href=\"#services\">See how it works<\/a><\/p><\/div><div class=\"hero-meta\"><strong>5+ years<\/strong> \u00a0avg client tenure<br \/><strong>20+ VAs<\/strong> \u00a0currently deployed<\/div><\/div><div class=\"hero-stats\"><div class=\"hero-stat\"><div class=\"hero-stat-num\">Each VA are revenue generating machine<\/div><\/div><div class=\"hero-stat\"><div class=\"hero-stat-num\" data-count=\"24\" data-suffix=\"hr\">24<em>hr<\/em><\/div><div class=\"hero-stat-label\">Art turnaround on vector + mockups, shared design pool included<\/div><\/div><div class=\"hero-stat\"><div class=\"hero-stat-num\" data-count=\"5\" data-suffix=\" days\">5 <em>days<\/em><\/div><div class=\"hero-stat-label\">From contract signed to fully-trained VA deployed<\/div><\/div><\/div><\/div><\/header>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35d80d11 elementor-widget elementor-widget-text-editor\" data-id=\"35d80d11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"ticker\" aria-hidden=\"true\">\n  <div class=\"ticker-track\">\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>InkSoft Native<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>Printavo Fluent<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>SAGE Certified<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>ASI\/ESP Integrated<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>Sanmar Connected<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>S&amp;S Activewear<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>AI Agent Layer<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>InkSoft Native<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>Printavo Fluent<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>SAGE Certified<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>ASI\/ESP Integrated<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>Sanmar Connected<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>S&amp;S Activewear<\/span>\n    <span class=\"ticker-item\"><span class=\"dot\"><\/span>AI Agent Layer<\/span>\n  <\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42ca506c elementor-widget elementor-widget-text-editor\" data-id=\"42ca506c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section id=\"problem\" class=\"problem\"><div class=\"container\"><div class=\"section-head\"><div class=\"num\">The Problem<strong>01<\/strong><\/div><div><h2 class=\"h-display h2\">You know what&#8217;s<br \/><em>killing<\/em> your shop&#8217;s growth.<\/h2><p class=\"lead\">Most $500K\u2013$5M promotional products and decorated apparel shops have the same three operational gaps. They&#8217;re predictable. They&#8217;re expensive. And they&#8217;re why your competitors are growing faster than you.<\/p><\/div><\/div><div class=\"problem-grid\"><div class=\"problem-card reveal\"><div class=\"problem-num\">01<\/div><h3>Sales falls on the owner.<\/h3><p>You&#8217;re the best closer in the shop \u2014 but you&#8217;re also doing quotes, managing production, fixing artwork, and answering customer questions. Sales becomes the thing you do when you have time. Which is never.<\/p><\/div><div class=\"problem-card reveal reveal-delay-1\"><div class=\"problem-num\">02<\/div><h3>Art bottlenecks kill orders.<\/h3><p>Every quote needs a mockup. Every order needs vectors. Every embroidery job needs digitizing. One bottlenecked artist slows down your sales rep, your production team, and your customer experience all at once.<\/p><div class=\"problem-cost\">Estimated cost \u00b7 <strong>15\u201320%<\/strong> \u00a0margin lost to reprints &amp; rush charges<\/div><\/div><div class=\"problem-card reveal reveal-delay-2\"><div class=\"problem-num\">03<\/div><h3>Reorders walk out the door.<\/h3><p>You closed 200 corporate accounts last year. How many came back? Without dedicated account management, repeat business slips through the cracks \u2014 and that&#8217;s the easiest revenue you&#8217;ll ever lose.<\/p><div class=\"problem-cost\">Estimated cost \u00b7 <strong>3 accounts\/qtr<\/strong> \u00a0churned without follow-up<\/div><\/div><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e8ae18 elementor-widget elementor-widget-text-editor\" data-id=\"23e8ae18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section id=\"industries\" class=\"industries\"><div class=\"container\"><div class=\"section-head\"><div class=\"num\">Industries<strong>02<\/strong><\/div><div><h2 class=\"h-display h2\">Built around <em>four<\/em> verticals<br \/>we actually understand.<\/h2><p class=\"lead\">We don&#8217;t take every client. The InkSpyre system is engineered around the platforms, vendors, decoration methods, and operational rhythms specific to these four industries. If you&#8217;re in one of them, our team starts day one knowing your world.<\/p><\/div><\/div><div class=\"industries-grid\"><article class=\"industry-card industry-1 reveal\"><div class=\"industry-icon\">\u00a0<\/div><h3>Apparel <em>Decorators<\/em><\/h3><p class=\"desc\">Screen-print, embroidery, DTG, sublimation, and laser shops doing $500K\u2013$15M who need to grow without adding local sales hires.<\/p><div class=\"industry-tags\"><span class=\"industry-tag\">Screen-print<\/span><br \/><span class=\"industry-tag\">Embroidery<\/span><br \/><span class=\"industry-tag\">DTG \u00b7 DTF<\/span><br \/><span class=\"industry-tag\">Sublimation<\/span><\/div><\/article><article class=\"industry-card industry-2 reveal reveal-delay-1\"><div class=\"industry-icon\">\u00a0<\/div><h3>Promo Product <em>Distributors<\/em><\/h3><p class=\"desc\">SAGE-, ASI-, and PPAI-affiliated distributors selling branded goods who need sourcing speed plus sales coverage.<\/p><div class=\"industry-tags\"><span class=\"industry-tag\">SAGE<\/span><br \/><span class=\"industry-tag\">ASI \u00b7 ESP<\/span><br \/><span class=\"industry-tag\">PPAI<\/span><br \/><span class=\"industry-tag\">B2B<\/span><\/div><\/article><article class=\"industry-card industry-3 reveal reveal-delay-2\"><div class=\"industry-icon\">\u00a0<\/div><h3>Ecommerce <em>Brands<\/em><\/h3><p class=\"desc\">Branded merch storefronts, company stores, and DTC apparel labels needing custom backends and ordering portals.<\/p><div class=\"industry-tags\"><span class=\"industry-tag\">Shopify<\/span><br \/><span class=\"industry-tag\">WooCommerce<\/span><br \/><span class=\"industry-tag\">InkSoft<\/span><br \/><span class=\"industry-tag\">Custom<\/span><\/div><\/article><article class=\"industry-card industry-4 reveal reveal-delay-3\"><div class=\"industry-icon\">\u00a0<\/div><h3>Operations-Heavy <em>Shops<\/em><\/h3><p class=\"desc\">Print-on-demand operators, awards &amp; engraving shops, signage outfits \u2014 anyone running complex day-to-day workflows.<\/p><div class=\"industry-tags\"><span class=\"industry-tag\">Print-on-Demand<\/span><br \/><span class=\"industry-tag\">Awards<\/span><br \/><span class=\"industry-tag\">Signage<\/span><br \/><span class=\"industry-tag\">Multi-method<\/span><\/div><\/article><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515d94fe elementor-widget elementor-widget-text-editor\" data-id=\"515d94fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"pillars\" id=\"services\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>The System<\/span><strong>03<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">One ecosystem.<br><em>Six<\/em> connected pillars.<\/h2>\n        <p class=\"lead\">We don&#8217;t sell isolated services. Every InkSpyre client gets access to a coordinated system where sales, design, operations, and account management work as one team \u2014 backed by custom web development and AI automation when you need them.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"pillars-grid\">\n      <article class=\"pillar pillar-1 col-4 reveal\">\n        <div class=\"pillar-badge\">S<\/div>\n        <h3>Sales <em>VAs<\/em><\/h3>\n        <p class=\"pillar-tasks\">Outbound prospecting \u00b7 quote follow-up \u00b7 pipeline management \u00b7 new account development.<\/p>\n      <\/article>\n\n      <article class=\"pillar pillar-2 col-4 reveal reveal-delay-1\">\n        <div class=\"pillar-badge\">A<\/div>\n        <h3>Account <em>Managers<\/em><\/h3>\n        <p class=\"pillar-tasks\">Reorder campaigns \u00b7 event-based outreach \u00b7 retention plays for at-risk accounts \u00b7 upsell paths.<\/p>\n      <\/article>\n\n      <article class=\"pillar pillar-3 col-4 reveal reveal-delay-2\">\n        <div class=\"pillar-badge\">D<\/div>\n        <h3>Designers &amp; <em>Digitizers<\/em><\/h3>\n        <p class=\"pillar-tasks\">Vector conversions \u00b7 mockups \u00b7 embroidery digitizing \u00b7 pre-press file prep \u2014 promo-spec ready.<\/p>\n        <div class=\"pillar-metric\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n          24-hour TAT \u00b7 shared design pool\n        <\/div>\n      <\/article>\n\n      <article class=\"pillar pillar-4 col-4 reveal\">\n        <div class=\"pillar-badge\">O<\/div>\n        <h3>Operations <em>VAs<\/em><\/h3>\n        <p class=\"pillar-tasks\">Order entry \u00b7 artwork coordination \u00b7 vendor communication \u00b7 production follow-up \u00b7 pre-press checklists.<\/p>\n        <div class=\"pillar-metric\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n          Zero-error order processing\n        <\/div>\n      <\/article>\n\n      <article class=\"pillar pillar-5 col-4 reveal reveal-delay-1\">\n        <div class=\"pillar-badge\">W<\/div>\n        <h3>Custom <em>Web Dev<\/em><\/h3>\n        <p class=\"pillar-tasks\">InkSoft-native sites with the full 18-feature conversion stack \u00b7 custom backends \u00b7 supplier integrations.<\/p>\n      <\/article>\n\n      <article class=\"pillar pillar-6 col-4 reveal reveal-delay-2\">\n        <div class=\"pillar-badge\">\u26a1<\/div>\n        <h3>AI <em>Agents<\/em><\/h3>\n        <p class=\"pillar-tasks\">Quote follow-ups \u00b7 reorder pings \u00b7 vendor chases \u00b7 daily revenue dashboards \u00b7 ad-spend attribution.<\/p>\n        <div class=\"pillar-metric\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n          Custom-built per shop\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ccc58c8 elementor-widget elementor-widget-text-editor\" data-id=\"6ccc58c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section id=\"ai\" class=\"ai\"><div class=\"container\"><div class=\"section-head is-light\"><div class=\"num\">AI Automation<strong>04<\/strong><\/div><div><p class=\"eyebrow is-light\" style=\"margin-bottom: 12px;\">Human expertise + API efficiency<\/p><h2 class=\"h-display is-light h2\">Your shop, <em>orchestrated.<\/em><\/h2><p class=\"lead is-light\">Your VA team handles work that needs judgment. Our AI agent layer handles everything that doesn&#8217;t \u2014 quote follow-ups, reorder pings, vendor confirmations, daily reporting, lead-to-revenue attribution. Built into your existing stack. Supervised by your team. Billed once.<\/p><\/div><\/div><div class=\"ai-tabs\" role=\"tablist\"><button class=\"ai-tab is-active\" role=\"tab\" data-tab=\"sales\" aria-selected=\"true\">Sales &amp; Quoting<\/button><br \/><button class=\"ai-tab\" role=\"tab\" data-tab=\"orders\">Orders &amp; Vendors<\/button><br \/><button class=\"ai-tab\" role=\"tab\" data-tab=\"reporting\">Reporting &amp; Attribution<\/button><br \/><button class=\"ai-tab\" role=\"tab\" data-tab=\"customer\">Customer Lifecycle<\/button><\/div><div class=\"ai-content\"><div class=\"orchestrator\" aria-hidden=\"true\"><div class=\"orch-ring orch-ring-outer\">\u00a0<\/div><div class=\"orch-ring\">\u00a0<\/div><div class=\"orch-core\">InkSpyre AI<br \/><small>Agent Layer<\/small><\/div><div class=\"orch-node n1\">InkSoft<\/div><div class=\"orch-node n2\">Printavo<\/div><div class=\"orch-node n3\">SAGE<\/div><div class=\"orch-node n4\">ASI\/ESP<\/div><div class=\"orch-node n5\">Gmail<\/div><div class=\"orch-node n6\">Google Ads<\/div><div class=\"orch-node n7\">QuickBooks<\/div><div class=\"orch-node n8\">Slack<\/div><\/div><div class=\"ai-panels\"><!-- TAB 1: SALES --><div class=\"ai-panel is-active\" data-panel=\"sales\"><div class=\"ai-feat\"><div class=\"ai-feat-num\">01<\/div><div><h4>Auto-Quote Generator<\/h4><p>Inbound RFQ emails get parsed, priced against your SAGE\/ASI catalog and decoration rules, and turned into draft quotes inside InkSoft or Printavo \u2014 ready for your VA to review and send.<\/p><p><span class=\"tag\">InkSoft + Printavo + Gmail<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">02<\/div><div><h4>Follow-Up Cadence Engine<\/h4><p>Every quote gets a learned cadence: 24-hour ping, 3-day check-in, 7-day &#8220;still relevant?&#8221; \u2014 until it closes, formally loses, or your VA takes over the thread.<\/p><p><span class=\"tag\">Gmail + Calendar<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">03<\/div><div><h4>Pipeline Hygiene Agent<\/h4><p>Cleans your CRM nightly: dedupes contacts, flags stalled deals, surfaces &#8220;due for outreach&#8221; lists for your Sales VA&#8217;s morning. The CRM stays clean without anyone making it their job.<\/p><p><span class=\"tag\">InkSoft CRM + Printavo<\/span><\/p><\/div><\/div><\/div><p><!-- TAB 2: ORDERS --><\/p><div class=\"ai-panel\" data-panel=\"orders\"><div class=\"ai-feat\"><div class=\"ai-feat-num\">01<\/div><div><h4>PO &amp; ETA Tracker<\/h4><p>Every open PO is monitored across Sanmar, S&amp;S, Alphabroder, and your secondary vendors. Missing ETAs get auto-pinged. At-risk orders surface to your Ops VA before your customer asks.<\/p><p><span class=\"tag\">Sanmar + S&amp;S + ASI<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">02<\/div><div><h4>Production Status Sync<\/h4><p>Pulls daily production status from Printavo, identifies orders falling behind, and triggers internal Slack pings to your production team \u2014 plus customer-facing status emails for orders within a window.<\/p><p><span class=\"tag\">Printavo + Slack + Gmail<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">03<\/div><div><h4>Vendor Statement Reconciliation<\/h4><p>Cross-references vendor invoices against your POs and Printavo cost data, flags discrepancies, and prepares a weekly reconciliation report \u2014 instead of someone doing it Friday afternoon.<\/p><p><span class=\"tag\">QuickBooks + Printavo<\/span><\/p><\/div><\/div><\/div><p><!-- TAB 3: REPORTING --><\/p><div class=\"ai-panel\" data-panel=\"reporting\"><div class=\"ai-feat\"><div class=\"ai-feat-num\">01<\/div><div><h4>Daily Revenue Digest<\/h4><p>One email every morning: yesterday&#8217;s closed revenue, open quotes value, top accounts by AOV, week-vs-week trends. Owner-grade clarity without anyone building it.<\/p><p><span class=\"tag\">InkSoft + Printavo + QuickBooks<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">02<\/div><div><h4>Lead-to-Revenue Attribution<\/h4><p>Cross-references Google Ads spend with closed orders, tying every campaign to real revenue per source. The data your shop has never had \u2014 without the data analyst.<\/p><p><span class=\"tag\">Google Ads + InkSoft<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">03<\/div><div><h4>VA Performance Dashboard<\/h4><p>Live view of every InkSpyre VA on your account: quotes sent, deals closed, files turned, response time. Same data we use to benchmark performance \u2014 transparent to you.<\/p><p><span class=\"tag\">Internal \u00b7 for clients<\/span><\/p><\/div><\/div><\/div><p><!-- TAB 4: CUSTOMER --><\/p><div class=\"ai-panel\" data-panel=\"customer\"><div class=\"ai-feat\"><div class=\"ai-feat-num\">01<\/div><div><h4>Reorder Trigger Agent<\/h4><p>Watches every closed account for buying patterns. When a customer&#8217;s &#8220;due for reorder&#8221; \u2014 based on past frequency, seasonality, and inventory cycles \u2014 your Account Manager gets a queued outreach draft.<\/p><p><span class=\"tag\">InkSoft + Calendar<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">02<\/div><div><h4>At-Risk Account Detector<\/h4><p>Flags accounts that have gone silent past their normal cycle, surfaces in your AM&#8217;s weekly priority list, and pre-drafts a &#8220;checking in&#8221; message tuned to that account&#8217;s history.<\/p><p><span class=\"tag\">InkSoft CRM<\/span><\/p><\/div><\/div><div class=\"ai-feat\"><div class=\"ai-feat-num\">03<\/div><div><h4>Event Calendar Outreach<\/h4><p>Picks up scheduled corporate events, seasonal cycles, and known reorder windows from past data \u2014 pushes a campaign draft into your AM&#8217;s queue 30 days ahead of each one.<\/p><p><span class=\"tag\">Calendar + Gmail<\/span><\/p><\/div><\/div><\/div><\/div><\/div><p><!-- LIVE AGENT FEED --><\/p><div id=\"aiFeed\" class=\"ai-feed\"><div class=\"ai-feed-head\"><div class=\"ai-feed-title\"><br \/>Live Agent Activity \u00b7 Demo Shop<\/div><div class=\"ai-feed-meta\">Updates every few seconds \u00b7 representative actions<\/div><\/div><div id=\"aiFeedList\" class=\"ai-feed-list\"><!-- Items injected via JS --><\/div><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5673a7d6 elementor-widget elementor-widget-text-editor\" data-id=\"5673a7d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"webdev\" id=\"webdev\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Web Development<\/span><strong>05<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">Your shop runs on<br>your <em>website.<\/em><\/h2>\n        <p class=\"lead\">We build conversion-optimized InkSoft sites that connect to Printavo, SAGE, ASI, Sanmar, and S&amp;S \u2014 with custom backends that aren&#8217;t constrained by what those APIs alone expose. Standalone builds, or free with your VA contract.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"webdev-grid\">\n      <div>\n        <div class=\"webdev-features\">\n          <div class=\"webdev-feat reveal\">\n            <div class=\"webdev-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h7l3-9 4 18 3-9h1\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Custom Backend Integration<\/h4>\n              <p>Direct sync with InkSoft, Printavo, SAGE, and ASI \u2014 beyond what standard API integrations allow. Live inventory, dynamic pricing, real product feeds.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"webdev-feat reveal reveal-delay-1\">\n            <div class=\"webdev-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Conversion-Optimized Front-End<\/h4>\n              <p>Instant-quote calculators, abandoned cart recovery, price-tier upsellers, refreshed online designer \u2014 built to sell, not just look pretty.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"webdev-feat reveal reveal-delay-2\">\n            <div class=\"webdev-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n            <\/div>\n            <div>\n              <h4>Living Asset, Maintained by Your VA Team<\/h4>\n              <p>When your business changes, your VA flags it and our dev team ships the update. No external developer relationship. No tickets sitting for two weeks.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1318be27 elementor-widget elementor-widget-text-editor\" data-id=\"1318be27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"inksoft\"><div class=\"container\"><div class=\"section-head\"><div class=\"num\">What&#8217;s Included<strong>06<\/strong><\/div><div><h2 class=\"h-display h2\">Eighteen conversion features.<br \/><em>Built in.<\/em><\/h2><p class=\"lead\">Every InkSpyre-quoted InkSoft build ships with the same eighteen conversion features baked in. No upsell modules, no surprise add-on invoices six months later. The full stack \u2014 front-end conversion, backend integration, supplier sync \u2014 is itemized in your statement of work on day one.<\/p><\/div><\/div><div class=\"feat-grid\"><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Mega Menu<\/h4><p>Dropdown menus revealing entire sections, items, and featured products.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Product Search<\/h4><p>Refine results with a search bar placed anywhere on the site.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Product Filters<\/h4><p>Brand, color, sub-category, size, and custom price-tier filters.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Color Swatch Filter<\/h4><p>Visual filtering by color swatch on category pages.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Live Inventory<\/h4><p>Auto-pulled inventory from Sanmar, S&amp;S, and other suppliers.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Instant Quote<\/h4><p>Customers calculate pricing without entering the designer.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Cart Totals<\/h4><p>Live cart total visible across InkSoft pages.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Price Tier Upseller<\/h4><p>Tiered pricing at checkout encourages larger order quantities.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Shop Similar Carousel<\/h4><p>Surface visually similar products while shopping.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Product Caching<\/h4><p>Aggressive page-speed optimization on product loads.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>SVG Overlay<\/h4><p>Decoration overlays so customers see their art on product previews.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Add Direct to Cart<\/h4><p>Skip the designer for blanks and pre-decorated SKUs.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Start-With-Templates<\/h4><p>Customers load pre-built templates into the InkSoft designer.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>User Dashboard<\/h4><p>Customer accounts view past orders and manage info.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Landing Page Form<\/h4><p>Forms route users to specific products by entry.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Shop by Category<\/h4><p>One-click jump from section or menu into category.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Product Extension<\/h4><p>Custom product tags, filters, and feature image overrides.<\/p><\/div><div class=\"feat reveal\"><div class=\"feat-ico\">\u00a0<\/div><h4>Designer Revamp<\/h4><p>Modernized look on InkSoft&#8217;s online designer.<\/p><\/div><\/div><div class=\"build-note\"><span class=\"label\">How we build<\/span><p><strong>Every InkSoft site we build is owned by you.<\/strong> No platform lock-in, no vendor middlemen, no per-feature royalties. Our team handles InkSoft configuration, the full conversion stack above, and the custom backend layer that connects Printavo, SAGE, and ASI for shops that need integration beyond what those APIs alone expose.<\/p><p><a class=\"btn btn-ghost-dark btn-sm\" href=\"#contact\">Discuss your build \u2192<\/a><\/p><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2900a5b2 elementor-widget elementor-widget-text-editor\" data-id=\"2900a5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"academy\" id=\"academy\">\n  <div class=\"container\">\n    <div class=\"section-head is-light\">\n      <div class=\"num\"><span>The Academy<\/span><strong>07<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display is-light h2\">Trained <em>before<\/em> deployment.<br>Not during it.<\/h2>\n        <p class=\"lead is-light\">Every InkSpyre VA passes a four-track certification before they touch a single client account. They arrive knowing your platforms, your industry, and the workflows that will define their performance.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tracks\">\n      <div class=\"track track-1 reveal\">\n        <div class=\"track-id\">T1 \u00b7 Sales<\/div>\n        <h3>Sales Track<\/h3>\n        <ul>\n          <li>Promo products &amp; decoration methods<\/li>\n          <li>Outbound prospecting &amp; objection handling<\/li>\n          <li>Quoting in InkSoft &amp; Printavo<\/li>\n          <li>Pipeline management &amp; cadence<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"track track-2 reveal reveal-delay-1\">\n        <div class=\"track-id\">T2 \u00b7 Account<\/div>\n        <h3>Account Track<\/h3>\n        <ul>\n          <li>Customer relationship management<\/li>\n          <li>Reorder campaign design<\/li>\n          <li>Event-based outreach calendars<\/li>\n          <li>Retention plays for at-risk accounts<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"track track-3 reveal reveal-delay-2\">\n        <div class=\"track-id\">T3 \u00b7 Design<\/div>\n        <h3>Design Track<\/h3>\n        <ul>\n          <li>Vector standards for print<\/li>\n          <li>Mockup composition<\/li>\n          <li>Embroidery digitizing fundamentals<\/li>\n          <li>File prep across decoration methods<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"track track-4 reveal reveal-delay-3\">\n        <div class=\"track-id\">T4 \u00b7 Operations<\/div>\n        <h3>Operations Track<\/h3>\n        <ul>\n          <li>Order entry &amp; InkSoft\/Printavo workflow<\/li>\n          <li>Artwork submission process<\/li>\n          <li>Vendor communication standards<\/li>\n          <li>Pre-press checklist execution<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"academy-rule\">\n      <span class=\"label\">The Rule<\/span>\n      <p class=\"text\">No VA is deployed to a client before passing their track certification. <strong style=\"color:#fff\">Non-negotiable.<\/strong><\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bba6e19 elementor-widget elementor-widget-text-editor\" data-id=\"2bba6e19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"pool\" id=\"pool\">\n  <div class=\"container\">\n    <div class=\"pool-content\">\n      <div>\n        <div class=\"num section-num\" style=\"font-family:var(--f-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-text-mute); display:flex; flex-direction:column; gap:6px; margin-bottom:32px\">\n          <span>Design Pool<\/span><strong style=\"color:var(--ink-orange); font-weight:600; font-size:48px; line-height:1; font-family:var(--f-display); font-style:italic; letter-spacing:-.03em; font-variation-settings:'opsz' 144, 'SOFT' 60, 'WONK' 1\">08<\/strong>\n        <\/div>\n        <h2 class=\"h-display h2\">Five designers. <em>Included<\/em><br>with your team.<\/h2>\n        <p class=\"lead\" style=\"margin-top:20px\">Every active VA contract gets shared access to our specialized design pool \u2014 three general designers handling vector and mockups, two digitizing specialists handling embroidery files. Twenty-four hour turnaround. No per-file billing on standard volume.<\/p>\n\n        <div class=\"pool-stats\">\n          <div class=\"pool-stat\">\n            <div class=\"pool-stat-num\">5<\/div>\n            <div class=\"pool-stat-label\">Designers in pool<\/div>\n          <\/div>\n          <div class=\"pool-stat\">\n            <div class=\"pool-stat-num\">24<em>hr<\/em><\/div>\n            <div class=\"pool-stat-label\">TAT vector + mockups<\/div>\n          <\/div>\n          <div class=\"pool-stat\">\n            <div class=\"pool-stat-num\">25<\/div>\n            <div class=\"pool-stat-label\">Files \/ month included<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pool-covers reveal\">\n        <div class=\"cover\"><div class=\"cover-title\">Vector logo conversions<\/div><p class=\"cover-text\">Raster-to-vector clean files, print-ready<\/p><\/div>\n        <div class=\"cover\"><div class=\"cover-title\">Product mockup composition<\/div><p class=\"cover-text\">Customer approval mockups across product types<\/p><\/div>\n        <div class=\"cover\"><div class=\"cover-title\">Embroidery digitizing<\/div><p class=\"cover-text\">Stitch files for tackle-twill, 3D puff, standard fills<\/p><\/div>\n        <div class=\"cover\"><div class=\"cover-title\">Pre-press file preparation<\/div><p class=\"cover-text\">Screen printing, DTG, sublimation, laser<\/p><\/div>\n        <div class=\"cover\"><div class=\"cover-title\">Color matching<\/div><p class=\"cover-text\">Pantone-accurate color separations<\/p><\/div>\n        <div class=\"cover\"><div class=\"cover-title\">Revision rounds<\/div><p class=\"cover-text\">2 revision rounds per file included as standard<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25921956 elementor-widget elementor-widget-text-editor\" data-id=\"25921956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"engagement\" id=\"engagement\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>How We Engage<\/span><strong>09<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">Land. Prove. <em>Expand.<\/em><\/h2>\n        <p class=\"lead\">Most clients start with one Sales VA. Once that VA proves the model \u2014 typically by month 4 \u2014 they add design, accounts, and operations. By month 24, the average client has a complete remote team running their day-to-day.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"timeline\">\n      <div class=\"phase phase-1 reveal\">\n        <div class=\"phase-marker\"><div class=\"phase-circle\">1<\/div><span class=\"phase-time\">Weeks 1\u20132<\/span><\/div>\n        <h3>Readiness Assessment<\/h3>\n        <p>Free 30-minute audit of your CRM, lead list, and platform configuration. We build the infrastructure before your VA touches a single account.<\/p>\n      <\/div>\n      <div class=\"phase phase-2 reveal reveal-delay-1\">\n        <div class=\"phase-marker\"><div class=\"phase-circle\">2<\/div><span class=\"phase-time\">Months 1\u20134<\/span><\/div>\n        <h3>Sales VA Deployment<\/h3>\n        <p>Your trained Sales VA starts prospecting, quoting, and closing. Weekly performance reviews. Monthly milestones. Full transparency.<\/p>\n      <\/div>\n      <div class=\"phase phase-3 reveal reveal-delay-2\">\n        <div class=\"phase-marker\"><div class=\"phase-circle\">3<\/div><span class=\"phase-time\">Months 4\u201312<\/span><\/div>\n        <h3>First Expansion<\/h3>\n        <p>Once your Sales VA is consistently delivering, we identify the next bottleneck \u2014 usually art, accounts, or AI automation \u2014 and add the right capability.<\/p>\n      <\/div>\n      <div class=\"phase phase-4 reveal reveal-delay-3\">\n        <div class=\"phase-marker\"><div class=\"phase-circle\">4<\/div><span class=\"phase-time\">Year 2+<\/span><\/div>\n        <h3>Embedded Team<\/h3>\n        <p>By year two, most clients have 3\u20134 VAs plus an AI agent layer working as a single coordinated team. The shop runs cleaner. Revenue keeps growing.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae57aab elementor-widget elementor-widget-text-editor\" data-id=\"1ae57aab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"methodology\" id=\"methodology\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>How We Deliver<\/span><strong>10<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">Align. Build.<br><em>Activate. Evolve.<\/em><\/h2>\n        <p class=\"lead\">The engagement schedule above tells you <em>when<\/em> things happen. The methodology below tells you <em>how.<\/em> Every InkSpyre deployment moves through these four phases \u2014 from operational diagnosis to long-term optimization \u2014 so the work compounds instead of resetting every quarter.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"meth-tabs\" role=\"tablist\">\n      <button class=\"meth-tab is-1 is-active\" data-meth=\"align\" role=\"tab\" aria-selected=\"true\">\n        <div class=\"meth-tab-num\">Phase 01<\/div>\n        <h3>Align<em>.<\/em><\/h3>\n        <p class=\"meth-tab-sub\">Understanding the core of your operations.<\/p>\n      <\/button>\n      <button class=\"meth-tab is-2\" data-meth=\"build\" role=\"tab\">\n        <div class=\"meth-tab-num\">Phase 02<\/div>\n        <h3>Build<em>.<\/em><\/h3>\n        <p class=\"meth-tab-sub\">Creating structured systems around your business.<\/p>\n      <\/button>\n      <button class=\"meth-tab is-3\" data-meth=\"activate\" role=\"tab\">\n        <div class=\"meth-tab-num\">Phase 03<\/div>\n        <h3>Activate<em>.<\/em><\/h3>\n        <p class=\"meth-tab-sub\">Launching teams, systems, and execution.<\/p>\n      <\/button>\n      <button class=\"meth-tab is-4\" data-meth=\"evolve\" role=\"tab\">\n        <div class=\"meth-tab-num\">Phase 04<\/div>\n        <h3>Evolve<em>.<\/em><\/h3>\n        <p class=\"meth-tab-sub\">Continuous optimization for sustainable growth.<\/p>\n      <\/button>\n    <\/div>\n\n    <div class=\"meth-panels\">\n      <div class=\"meth-panel is-1 is-active\" data-meth-panel=\"align\">\n        <div class=\"meth-panel-text\">\n          <h4>Every successful system <em>begins with clarity.<\/em><\/h4>\n          <p>During the Align phase, we take a deep look into how your business currently operates \u2014 from workflows and communication systems to supplier coordination, ecommerce operations, customer experience processes, and internal bottlenecks.<\/p>\n          <p>Our goal is to identify where operational friction exists, where inefficiencies are slowing progress, and where systems can be improved to support future growth. This phase aligns operational strategy with your business goals before any implementation begins.<\/p>\n        <\/div>\n        <ul class=\"meth-checks\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Workflow analysis<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Communication structures<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Operational bottlenecks<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Team coordination<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Customer experience gaps<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Ecommerce operations<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Process inefficiencies<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Scalability challenges<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"meth-panel is-2\" data-meth-panel=\"build\">\n        <div class=\"meth-panel-text\">\n          <h4>Structured systems built around <em>your workflow.<\/em><\/h4>\n          <p>Once operational insights are gathered, we begin building systems designed around your workflow requirements and growth objectives. Every solution is built around your business \u2014 not generic templates or one-size-fits-all processes.<\/p>\n          <p>The Build phase focuses on operational consistency, visibility across workflows, and reducing friction between systems and teams \u2014 creating an environment capable of supporting scalable long-term growth.<\/p>\n        <\/div>\n        <ul class=\"meth-checks\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>SOP development<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Workflow mapping<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Automation planning<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Backend operational systems<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Team process structures<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Ecommerce infrastructure<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Reporting systems<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Communication frameworks<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"meth-panel is-3\" data-meth-panel=\"activate\">\n        <div class=\"meth-panel-text\">\n          <h4>Where strategy becomes <em>operational reality.<\/em><\/h4>\n          <p>The Activate phase covers implementation, onboarding, system integration, workflow deployment, and operational activation across your business. Our focus is smooth implementation while minimizing operational disruption.<\/p>\n          <p>We don&#8217;t simply install systems \u2014 we help businesses operationalize them effectively, with hands-on transition support during the period when most engagements typically fall apart.<\/p>\n        <\/div>\n        <ul class=\"meth-checks\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Dedicated team onboarding<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Ecommerce operation deployment<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Workflow activation<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Backend integrations<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Automation implementation<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Operational support systems<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Reporting activation<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Process management support<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"meth-panel is-4\" data-meth-panel=\"evolve\">\n        <div class=\"meth-panel-text\">\n          <h4>Continuous optimization, <em>not temporary fixes.<\/em><\/h4>\n          <p>Operational success isn&#8217;t static. As businesses grow, complexity changes, customer expectations evolve, and systems require continuous refinement. The Evolve phase focuses on long-term optimization through reporting, workflow improvements, automation enhancements, strategic reviews, and performance analysis.<\/p>\n          <p>This ongoing optimization helps maintain operational consistency while adapting to growth more efficiently. The strongest businesses are built through continuous evolution.<\/p>\n        <\/div>\n        <ul class=\"meth-checks\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Workflow efficiency<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Operational visibility<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Team productivity<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Automation performance<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Communication systems<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Customer experience<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Reporting accuracy<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Scalability readiness<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1a7baa elementor-widget elementor-widget-text-editor\" data-id=\"f1a7baa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"numbers\" id=\"numbers\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Results<\/span><strong>12<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">The <em>numbers<\/em> speak.<\/h2>\n        <p class=\"lead\">Performance figures reflect actual results across our active client base. Individual VA performance varies based on client business size, lead quality, and operational readiness.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"numbers-grid\">\n      <div class=\"number reveal\">\n        <div class=\"number-big\">5+ <em>yrs<\/em><\/div>\n        <div class=\"number-context\">Industry<\/div>\n        <div class=\"number-text\">Average client tenure with InkSpyre \u2014 proven retention<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71dce6e2 elementor-widget elementor-widget-text-editor\" data-id=\"71dce6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"compare\" id=\"compare\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Compare Us<\/span><strong>14<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">How InkSpyre <em>compares.<\/em><\/h2>\n        <p class=\"lead\">Generic VA agency, a U.S. local hire, and InkSpyre \u2014 the same job, three very different cost and outcome profiles.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"compare-table\">\n      <div class=\"compare-row is-head\">\n        <div>Capability<\/div>\n        <div>InkSpyre<\/div>\n        <div>Generic VA Agency<\/div>\n        <div>U.S. Local Hire<\/div>\n      <\/div>\n      <div class=\"compare-row\">\n        <div data-label=\"Capability\">Promo industry training before deployment<\/div>\n        <div data-label=\"InkSpyre\"><span class=\"yes\">\u2713 4-track Academy<\/span><\/div>\n        <div data-label=\"Generic VA\"><span class=\"no\">\u2717 Learns on your dime<\/span><\/div>\n        <div data-label=\"Local Hire\"><span class=\"partial\">~ Maybe, if you train them<\/span><\/div>\n      <\/div>\n      <div class=\"compare-row\">\n        <div data-label=\"Capability\">InkSoft \/ Printavo \/ SAGE \/ ASI fluency<\/div>\n        <div data-label=\"InkSpyre\"><span class=\"yes\">\u2713 Day one<\/span><\/div>\n        <div data-label=\"Generic VA\"><span class=\"no\">\u2717 Generalist<\/span><\/div>\n        <div data-label=\"Local Hire\"><span class=\"partial\">~ Months to ramp<\/span><\/div>\n      <\/div>\n      <div class=\"compare-row\">\n        <div data-label=\"Capability\">Shared design pool (24-hr TAT)<\/div>\n        <div data-label=\"InkSpyre\"><span class=\"yes\">\u2713 5 designers included<\/span><\/div>\n        <div data-label=\"Generic VA\"><span class=\"no\">\u2717 Per-file billing<\/span><\/div>\n        <div data-label=\"Local Hire\"><span class=\"no\">\u2717 Separate hire<\/span><\/div>\n      <\/div>\n      <div class=\"compare-row\">\n        <div data-label=\"Capability\">Custom web dev built in<\/div>\n        <div data-label=\"InkSpyre\"><span class=\"yes\">\u2713 Free with 2-VA contract<\/span><\/div>\n        <div data-label=\"Generic VA\"><span class=\"no\">\u2717 Out of scope<\/span><\/div>\n        <div data-label=\"Local Hire\"><span class=\"no\">\u2717 Separate agency<\/span><\/div>\n      <\/div>\n      <div class=\"compare-row\">\n        <div data-label=\"Capability\">AI agent layer for repeatable work<\/div>\n        <div data-label=\"InkSpyre\"><span class=\"yes\">\u2713 Custom-built per shop<\/span><\/div>\n        <div data-label=\"Generic VA\"><span class=\"no\">\u2717 Manual only<\/span><\/div>\n        <div data-label=\"Local Hire\"><span class=\"no\">\u2717 Manual only<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d80b5b7 elementor-widget elementor-widget-text-editor\" data-id=\"5d80b5b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"who\" id=\"who\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Who This Is For<\/span><strong>15<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">We&#8217;re selective.<br>Here&#8217;s <em>the fit.<\/em><\/h2>\n        <p class=\"lead\">InkSpyre works best when both sides commit. Our model is mutual \u2014 we deliver outcomes, you provide what&#8217;s needed to hit them. If this list doesn&#8217;t describe you, we&#8217;ll tell you on the call.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"who-grid\">\n      <div class=\"who-card is-yes reveal\">\n        <h3><span class=\"mark\">\u2713<\/span> This is for you if<\/h3>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> US promo or decorated apparel shop doing $500K\u2013$15M\/year<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Ready to invest in infrastructure, not just cheap labor<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Want to grow through platforms, not just headcount<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Comfortable handing off real responsibility<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Playing a long game \u2014 12+ month horizon<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"who-card is-no reveal reveal-delay-1\">\n        <h3><span class=\"mark\">\u2717<\/span> This isn&#8217;t for you if<\/h3>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg> Hunting for the cheapest VA you can find<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg> Can&#8217;t let go of any task<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg> No documented processes \u2014 and no interest in building them<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg> Looking for a quick fix in under 90 days<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg> Won&#8217;t commit to documented response SLAs<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af1dda1 elementor-widget elementor-widget-text-editor\" data-id=\"af1dda1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"why\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Why InkSpyre<\/span><strong>16<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">Built for promo \u2014<br><em>not adapted<\/em> to it.<\/h2>\n        <p class=\"lead\">Generic VA agencies don&#8217;t know what a tackle-twill embroidery file is. Web designers don&#8217;t know how to integrate with InkSoft. AI consultants have never quoted a 144-piece tee order. We do all three \u2014 because we built this entire operation around one industry.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"why-grid\">\n      <div class=\"why-item reveal\">\n        <div class=\"why-num\">01<\/div>\n        <div>\n          <h3>Industry-Trained, Not Adjacent<\/h3>\n          <p>Every VA passes our four-track Academy before deployment. No on-the-job learning at your expense. Day one, they know your platforms and your industry vocabulary.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-item reveal reveal-delay-1\">\n        <div class=\"why-num\">02<\/div>\n        <div>\n          <h3>Custom-Built Web Integration<\/h3>\n          <p>Custom backends that talk to InkSoft, Printavo, SAGE, and ASI \u2014 beyond what API integrations alone allow. Standalone, or free with a 2-VA contract.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-item reveal reveal-delay-2\">\n        <div class=\"why-num\">03<\/div>\n        <div>\n          <h3>Performance, Not Hourly<\/h3>\n          <p>We don&#8217;t sell hours. We sell outcomes. Sales VAs are benchmarked against monthly revenue generated for your shop \u2014 performance reviewed against agreed targets.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-item reveal reveal-delay-3\">\n        <div class=\"why-num\">04<\/div>\n        <div>\n          <h3>People + Systems + AI<\/h3>\n          <p>We build automations alongside the human work \u2014 so your operation compounds, not just grows. The same team running your accounts trains the agents handling the repetitive layer.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a9f0520 elementor-widget elementor-widget-text-editor\" data-id=\"6a9f0520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"portfolio\" id=\"portfolio\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>What We Build<\/span><strong>17<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">Six categories.<br><em>One playbook<\/em> per category.<\/h2>\n        <p class=\"lead\">Every web build we deliver falls into one of six categories \u2014 each with a documented playbook, integration map, and conversion-feature checklist. Pick the one that fits your shop, or talk to us about a hybrid.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"portfolio-grid\">\n      <article class=\"portfolio-card reveal\">\n        <div class=\"portfolio-thumb portfolio-thumb-1\">\n          <span class=\"portfolio-thumb-cat\">Ecommerce<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 002 1.6h9.7a2 2 0 002-1.6L23 6H6\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>Custom Ecommerce Platforms<\/h4>\n          <p>Branded storefronts with custom backends \u2014 built around your products, customers, suppliers, and growth model, not forced into generic templates.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 6\u201310 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"portfolio-card reveal reveal-delay-1\">\n        <div class=\"portfolio-thumb portfolio-thumb-2\">\n          <span class=\"portfolio-thumb-cat\">B2B Portal<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>B2B Ordering Portals<\/h4>\n          <p>Corporate company stores with tiered pricing, approval workflows, custom catalogs per account, and ordering rules per buyer group.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 8\u201312 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"portfolio-card reveal reveal-delay-2\">\n        <div class=\"portfolio-thumb portfolio-thumb-3\">\n          <span class=\"portfolio-thumb-cat\">Backend<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 12c0 1.7 4 3 9 3s9-1.3 9-3M3 19c0 1.7 4 3 9 3s9-1.3 9-3\"\/><path d=\"M3 5v14M21 5v14\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>Backend Workflow Systems<\/h4>\n          <p>Order management, art submission flows, vendor coordination, and production tracking \u2014 built around how your shop actually operates.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 6\u201310 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"portfolio-card reveal\">\n        <div class=\"portfolio-thumb portfolio-thumb-4\">\n          <span class=\"portfolio-thumb-cat\">Integration<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 007.5.5l3-3a5 5 0 00-7-7l-1.7 1.7\"\/><path d=\"M14 11a5 5 0 00-7.5-.5l-3 3a5 5 0 007 7l1.7-1.7\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>CRM &amp; API Integrations<\/h4>\n          <p>Connecting InkSoft, Printavo, SAGE, ASI, Sanmar, S&amp;S, QuickBooks, Gmail, and Google Ads into one operational data layer.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 4\u20136 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"portfolio-card reveal reveal-delay-1\">\n        <div class=\"portfolio-thumb portfolio-thumb-5\">\n          <span class=\"portfolio-thumb-cat\">Automation<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>Automation Dashboards<\/h4>\n          <p>Custom dashboards showing your daily revenue, open quotes, at-risk accounts, art queue status, and lead-to-revenue attribution.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 4\u20138 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"portfolio-card reveal reveal-delay-2\">\n        <div class=\"portfolio-thumb portfolio-thumb-6\">\n          <span class=\"portfolio-thumb-cat\">InkSoft<\/span>\n          <div class=\"portfolio-thumb-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"portfolio-body\">\n          <h4>InkSoft-Native Sites<\/h4>\n          <p>InkSoft sites with the full 18-feature conversion stack \u2014 fully built and owned by InkSpyre, with the custom backend layer connecting Printavo, SAGE, and ASI.<\/p>\n          <div class=\"portfolio-meta\">\n            <span><strong>Timeline<\/strong> \u00b7 4\u20136 weeks<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"portfolio-note\">\n      <p><strong>Project examples are illustrative.<\/strong> Specific client deliverables, screens, and metrics are shared under NDA on the discovery call \u2014 most of our shops prefer their integration work stay private to preserve their competitive edge.<\/p>\n      <a href=\"#contact\" class=\"btn btn-ghost-dark btn-sm\">Request samples \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1db455 elementor-widget elementor-widget-text-editor\" data-id=\"d1db455\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"testimonials\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Testimonials<\/span><strong>18<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">What our <em>shops<\/em> are saying.<\/h2>\n        <p class=\"lead\">A few words from the people running the businesses we work with every day.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"testi-grid\">\n      <article class=\"testi reveal\">\n        <div class=\"testi-mark\">&#8220;<\/div>\n        <p class=\"testi-quote\">My Sales VA hit her stride by month nine. The Academy thing isn&#8217;t marketing \u2014 she knew SAGE on day one. I spent the first month giving her access; I haven&#8217;t given her instructions since.<\/p>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">MR<\/div>\n          <div>\n            <div class=\"testi-name\">Marcus Reyes<\/div>\n            <div class=\"testi-role\">Owner, Stitch &amp; Co. apparel<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"testi reveal reveal-delay-1\">\n        <div class=\"testi-mark\">&#8220;<\/div>\n        <p class=\"testi-quote\">We were a week behind on mockups, every week. The design pool cleared the backlog in 11 days and the AI quote-follow-up agent picked up reorders nobody was chasing.<\/p>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">JT<\/div>\n          <div>\n            <div class=\"testi-name\">Jenna Tan<\/div>\n            <div class=\"testi-role\">COO, Northbound Threadworks<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"testi reveal reveal-delay-2\">\n        <div class=\"testi-mark\">&#8220;<\/div>\n        <p class=\"testi-quote\">I&#8217;d had three &#8220;remote sales&#8221; disasters before this. The contract has a number in it. Their VA hit it. That&#8217;s the whole review.<\/p>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">DK<\/div>\n          <div>\n            <div class=\"testi-name\">Derek Kowalski<\/div>\n            <div class=\"testi-role\">Founder, Brandprint Promo Group<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-171b5ddb elementor-widget elementor-widget-text-editor\" data-id=\"171b5ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"faq\" id=\"faq\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"num\"><span>Questions<\/span><strong>20<\/strong><\/div>\n      <div>\n        <h2 class=\"h-display h2\">The honest <em>FAQ.<\/em><\/h2>\n        <p class=\"lead\">The questions every shop owner asks on the call. We answered them here so you don&#8217;t have to.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-list\">\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q1<\/span>\n          <span>How fast can you actually deploy a VA?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">From signed contract to a fully-trained VA inside your platforms: 5 business days for most shops. Weeks 1\u20132 cover the readiness assessment and platform setup, then your assigned VA \u2014 already Academy-certified before they&#8217;re matched to you \u2014 kicks off with a shared onboarding plan.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q2<\/span>\n          <span>What if my VA underperforms?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">If your assigned Sales VA isn&#8217;t tracking against the targets agreed during onboarding, we replace them at no cost. Our process is built around performance milestones reviewed against your side of the contract (platform access, lead lists, response SLAs, pricing). Specific remediation terms are documented in the master agreement.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q3<\/span>\n          <span>How does the AI agent layer integrate with our existing tools?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Agents read and write through the standard APIs of your stack \u2014 InkSoft, Printavo, SAGE, ASI, Gmail, Google Ads, QuickBooks, Slack \u2014 using credentials you grant and can revoke anytime. We don&#8217;t replace any tool you&#8217;re already using. We orchestrate them. Every agent action is logged and reviewable by your team.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q4<\/span>\n          <span>Where are your VAs based and what hours do they work?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Our VAs are remote and overlap your business hours by default \u2014 typical schedules cover 8am\u20135pm in your time zone. Operations leadership is US-based out of San Diego, California. Every client account gets a Customer Success Manager as their single point of contact through the engagement.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q5<\/span>\n          <span>What&#8217;s the minimum contract?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Standard contracts are 12 months \u2014 this is the term our performance model is built around. After year one, contracts continue month-to-month with a 60-day termination notice. Web development bundling requires a 2-VA, 12-month commitment.<\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-q\" aria-expanded=\"false\">\n          <span class=\"faq-q-num\">Q6<\/span>\n          <span>What if I don&#8217;t have documented processes yet?<\/span>\n          <span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n        <\/button>\n        <div class=\"faq-a\">Most shops don&#8217;t. The Readiness Assessment in weeks 1\u20132 produces a baseline SOP set for your sales motion, quoting standards, and platform configuration. We build the infrastructure before your VA touches accounts \u2014 and your VA&#8217;s first weeks include refining what we documented based on what they learn.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77320df1 elementor-widget elementor-widget-text-editor\" data-id=\"77320df1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section class=\"contact\" id=\"contact\">\n  <div class=\"container\">\n    <div class=\"contact-grid\">\n      <div class=\"contact-left\">\n        <p class=\"eyebrow is-light\" style=\"margin-bottom:20px\">Ready to talk?<\/p>\n        <h2 class=\"h-display is-light h2\">Book a 30-minute call.<br><em>No pitch. Just a fit check.<\/em><\/h2>\n        <p class=\"lead is-light\">We&#8217;ll review your current sales motion, your art workflow, your tech stack, and where AI could move the needle. If InkSpyre isn&#8217;t a fit, we&#8217;ll say so \u2014 and point you to who is.<\/p>\n\n        <div class=\"contact-meta\">\n          <div class=\"contact-meta-row\">\n            <div class=\"contact-meta-label\">Email<\/div>\n            <div class=\"contact-meta-val\"><a href=\"mailto:info@inkspyre.com\">info@inkspyre.com<\/a><span class=\"small\">Response within 1 business day<\/span><\/div>\n          <\/div>\n          <div class=\"contact-meta-row\">\n            <div class=\"contact-meta-label\">HQ<\/div>\n            <div class=\"contact-meta-val\">San Diego, California, USA<span class=\"small\">Operations leadership US-based<\/span><\/div>\n          <\/div>\n          <div class=\"contact-meta-row\">\n            <div class=\"contact-meta-label\">Hours<\/div>\n            <div class=\"contact-meta-val\">Monday\u2013Friday \u00b7 9:00 AM \u2013 6:00 PM PST<span class=\"small\">Closed Sundays<\/span><\/div>\n          <\/div>\n          <div class=\"contact-meta-row\">\n            <div class=\"contact-meta-label\">Social<\/div>\n            <div class=\"contact-meta-val\">\n              <a href=\"https:\/\/www.linkedin.com\/company\/inkspyre\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a> \u00b7 \n              <a href=\"https:\/\/www.youtube.com\/@InkSpyreteam\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <form class=\"contact-form\" id=\"contactForm\" onsubmit=\"return submitForm(event)\">\n        <h3>Tell us about your shop<\/h3>\n        <p class=\"sub\">We&#8217;ll come prepared. Fill this out and we&#8217;ll respond within one business day with a calendar link.<\/p>\n\n        <div class=\"field-row\">\n          <div class=\"field\">\n            <label for=\"firstName\">First Name<\/label>\n            <input type=\"text\" id=\"firstName\" name=\"firstName\" required placeholder=\"Jane\">\n          <\/div>\n          <div class=\"field\">\n            <label for=\"lastName\">Last Name<\/label>\n            <input type=\"text\" id=\"lastName\" name=\"lastName\" required placeholder=\"Smith\">\n          <\/div>\n        <\/div>\n        <div class=\"field-row\">\n          <div class=\"field\">\n            <label for=\"email\">Email<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"you@yourshop.com\">\n          <\/div>\n          <div class=\"field\">\n            <label for=\"phone\">Phone (optional)<\/label>\n            <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 (555) 555-0100\">\n          <\/div>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"company\">Shop \/ Company Name<\/label>\n          <input type=\"text\" id=\"company\" name=\"company\" required placeholder=\"Stitch &amp; Co.\">\n        <\/div>\n        <div class=\"field-row\">\n          <div class=\"field\">\n            <label for=\"revenue\">Annual Revenue<\/label>\n            <select id=\"revenue\" name=\"revenue\" required>\n              <option value=\"\">Choose a range<\/option>\n              <option>Under $500K<\/option>\n              <option>$500K \u2013 $1M<\/option>\n              <option>$1M \u2013 $3M<\/option>\n              <option>$3M \u2013 $5M<\/option>\n              <option>$5M \u2013 $15M<\/option>\n              <option>$15M+<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"interest\">Primary Interest<\/label>\n            <select id=\"interest\" name=\"interest\" required>\n              <option value=\"\">What brought you here?<\/option>\n              <option>Remote Sales VA<\/option>\n              <option>Design \/ Digitizing Pool<\/option>\n              <option>Operations VA<\/option>\n              <option>Custom Web Build<\/option>\n              <option>AI Automation<\/option>\n              <option>Full system \/ multiple<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"message\">What&#8217;s the biggest gap right now?<\/label>\n          <textarea id=\"message\" name=\"message\" placeholder=\"Sales falling on the owner? Art bottleneck? Reorder leakage? Tell us what's costing you the most this quarter.\"><\/textarea>\n        <\/div>\n        <div class=\"form-submit\">\n          <button type=\"submit\" class=\"btn btn-primary\">\n            Request fit check\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n        <\/div>\n        <p class=\"form-note\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          Your information is confidential. No sales spam. One reply, one calendar link.\n        <\/p>\n        <div class=\"form-success\" id=\"formSuccess\">\n          \u2713 Thanks \u2014 we&#8217;ve got your request. Look for a calendar link from us at the email you provided within one business day. (San Diego hours: Mon\u2013Fri 9\u20136 PST.)\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-143bb0f2 elementor-widget elementor-widget-text-editor\" data-id=\"143bb0f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<footer class=\"footer\">\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\">\n      <a href=\"#\" class=\"nav-brand\">\n        <svg class=\"nav-brand-mark\" aria-hidden=\"true\"><use href=\"#flameLogo\"\/><\/svg>\n        <span class=\"nav-brand-name\">InkSpyre<\/span>\n      <\/a>\n      <p class=\"footer-tag\">Remote teams, custom web infrastructure, and AI agents \u2014 built exclusively for the promotional products and decorated apparel industry.<\/p>\n      <div class=\"footer-social\">\n        <a href=\"https:\/\/www.linkedin.com\/company\/inkspyre\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.youtube.com\/@InkSpyreteam\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n        <\/a>\n        <a href=\"mailto:info@inkspyre.com\" aria-label=\"Email\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-col\">\n      <h5>Services<\/h5>\n      <ul>\n        <li><a href=\"#services\">Sales VAs<\/a><\/li>\n        <li><a href=\"#services\">Account Managers<\/a><\/li>\n        <li><a href=\"#services\">Designers &amp; Digitizers<\/a><\/li>\n        <li><a href=\"#services\">Operations VAs<\/a><\/li>\n        <li><a href=\"#webdev\">Full-Stack Development<\/a><\/li>\n        <li><a href=\"#ai\">AI Agents<\/a><\/li>\n        <li><a href=\"#services\">Remote Staffing<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-col\">\n      <h5>Company<\/h5>\n      <ul>\n        <li><a href=\"#industries\">Industries<\/a><\/li>\n        <li><a href=\"#academy\">The Academy<\/a><\/li>\n        <li><a href=\"#engagement\">How We Engage<\/a><\/li>\n        <li><a href=\"#methodology\">Methodology<\/a><\/li>\n        <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n        <li><a href=\"#compare\">Compare Us<\/a><\/li>\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-col\">\n      <h5>Contact<\/h5>\n      <div class=\"addr\">\n        <strong>InkSpyre<\/strong>\n        San Diego, California, USA<br>\n        <a href=\"mailto:info@inkspyre.com\">info@inkspyre.com<\/a><br>\n        <span style=\"opacity:.7; font-size:12.5px; margin-top:8px; display:inline-block\">Mon\u2013Fri \u00b7 9:00\u201318:00 PST<br>Closed Sundays<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>\u00a9 2026 InkSpyre. All rights reserved.<\/span>\n    <div class=\"links\">\n      <a href=\"\/terms-of-use\">Terms of Use<\/a>\n      <a href=\"\/service-agreement\">Service Agreement<\/a>\n      <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f28ff7c elementor-widget elementor-widget-text-editor\" data-id=\"5f28ff7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"sticky-bar\" id=\"stickyBar\" role=\"region\" aria-label=\"Book a call\">\n  <div class=\"sticky-bar-inner\">\n    <div class=\"sticky-bar-mark\">\n      <svg aria-hidden=\"true\"><use href=\"#flameLogo\"\/><\/svg>\n      <span>InkSpyre<\/span>\n    <\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2840e13d elementor-widget elementor-widget-html\" data-id=\"2840e13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n  const nav = document.getElementById('nav');\n  const lightSections = ['problem','industries','services','webdev','inksoft','pool','engagement','methodology','numbers','roi','compare','who','why','portfolio','testimonials','team','faq'];\n\n  function updateNav(){\n    if (!nav) return;\n    let isLight = false;\n    for (const id of lightSections){\n      const el = document.getElementById(id) || document.querySelector('.' + id);\n      if (!el) continue;\n      const r = el.getBoundingClientRect();\n      if (r.top <= 80 && r.bottom > 80){\n        isLight = true;\n        break;\n      }\n    }\n    nav.classList.toggle('is-light', isLight);\n  }\n\n  document.addEventListener('scroll', updateNav, { passive: true });\n  updateNav();\n\n  const burger = document.getElementById('navBurger');\n  const navLinks = document.getElementById('navLinks');\n  if (burger && navLinks){\n    burger.addEventListener('click', function(){\n      const open = navLinks.classList.toggle('is-open');\n      burger.setAttribute('aria-expanded', String(open));\n    });\n    navLinks.querySelectorAll('a').forEach(function(a){\n      a.addEventListener('click', function(){\n        navLinks.classList.remove('is-open');\n        burger.setAttribute('aria-expanded', 'false');\n      });\n    });\n  }\n\n  if ('IntersectionObserver' in window){\n    const io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    document.querySelectorAll('.reveal').forEach(function(el){\n      io.observe(el);\n    });\n  } else {\n    document.querySelectorAll('.reveal').forEach(function(el){\n      el.classList.add('is-visible');\n    });\n  }\n\n  const tabs = document.querySelectorAll('.ai-tab');\n  const panels = document.querySelectorAll('.ai-panel');\n  tabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      tabs.forEach(function(t){\n        t.classList.remove('is-active');\n        t.setAttribute('aria-selected','false');\n      });\n      tab.classList.add('is-active');\n      tab.setAttribute('aria-selected','true');\n      const target = tab.dataset.tab;\n      panels.forEach(function(panel){\n        panel.classList.toggle('is-active', panel.dataset.panel === target);\n      });\n    });\n  });\n\n  const methTabs = document.querySelectorAll('.meth-tab');\n  const methPanels = document.querySelectorAll('.meth-panel');\n  methTabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      methTabs.forEach(function(t){\n        t.classList.remove('is-active');\n        t.setAttribute('aria-selected','false');\n      });\n      tab.classList.add('is-active');\n      tab.setAttribute('aria-selected','true');\n      const target = tab.dataset.meth;\n      methPanels.forEach(function(panel){\n        panel.classList.toggle('is-active', panel.dataset.methPanel === target);\n      });\n    });\n  });\n\n  document.querySelectorAll('.faq-item').forEach(function(item){\n    const btn = item.querySelector('.faq-q');\n    if (!btn) return;\n    btn.addEventListener('click', function(){\n      const isOpen = item.classList.toggle('is-open');\n      btn.setAttribute('aria-expanded', String(isOpen));\n    });\n  });\n\n  (function(){\n    const feedList = document.getElementById('aiFeedList');\n    const aiFeed = document.getElementById('aiFeed');\n    if (!feedList || !aiFeed) return;\n\n    const templates = [\n      { type:'success', badge:'Quote Sent', text:function(agent){ return 'Sent quote to <span class=\"agent\">' + agent.account + '<\/span> \u00b7 <span class=\"value\">$' + agent.amount + '<\/span>'; } },\n      { type:'success', badge:'Closed', text:function(agent){ return 'Order closed \u00b7 <span class=\"agent\">' + agent.account + '<\/span> \u00b7 <span class=\"value\">$' + agent.amount + '<\/span>'; } },\n      { type:'info', badge:'Follow-up', text:function(agent){ return 'Auto-pinged <span class=\"agent\">' + agent.account + '<\/span> \u00b7 day-' + agent.day + ' cadence'; } },\n      { type:'flag', badge:'At-Risk', text:function(agent){ return 'Flagged <span class=\"agent\">' + agent.account + '<\/span> \u00b7 no orders in ' + agent.days + ' days'; } },\n      { type:'info', badge:'Vector', text:function(agent){ return 'Vector conversion delivered \u00b7 <span class=\"agent\">' + agent.account + '<\/span> \u00b7 24hr SLA met'; } },\n      { type:'warn', badge:'PO Late', text:function(agent){ return 'Sanmar PO #' + agent.po + ' \u00b7 ETA missed by ' + agent.days + 'd \u2014 pinged vendor'; } },\n      { type:'info', badge:'Reorder', text:function(agent){ return 'Reorder window opening \u00b7 <span class=\"agent\">' + agent.account + '<\/span> \u00b7 queued for AM'; } },\n      { type:'success', badge:'Attribution', text:function(agent){ return 'Google Ads \u2192 <span class=\"agent\">' + agent.account + '<\/span> close \u00b7 <span class=\"value\">$' + agent.amount + '<\/span> attributed'; } },\n      { type:'info', badge:'Mockup', text:function(agent){ return 'Mockup ready \u00b7 <span class=\"agent\">' + agent.account + '<\/span> \u00b7 awaiting customer approval'; } },\n      { type:'warn', badge:'Reconcile', text:function(agent){ return 'Vendor invoice mismatch \u00b7 <span class=\"agent\">' + agent.account + '<\/span> \u00b7 $' + agent.amount + ' flagged'; } },\n      { type:'success', badge:'Digest Sent', text:function(agent){ return 'Daily revenue digest sent \u00b7 <span class=\"value\">$' + agent.amount + '<\/span> closed yesterday'; } },\n      { type:'flag', badge:'Stalled', text:function(agent){ return 'Quote <span class=\"agent\">' + agent.account + '<\/span> idle 9d \u00b7 marked lost, archived'; } }\n    ];\n\n    const accounts = [\n      'Pinnacle Corp', 'Lone Star Promo', 'Cascade Gear', 'Northbound Threads',\n      'Riverstone Print', 'Brandprint Co', 'Granite State Apparel', 'Harborline Inc',\n      'Summit Marketing', 'Tidewater Print', 'Ironclad Apparel', 'Quartz Promo',\n      'Birchwood Co', 'Magnolia Threads', 'Foundry Promo'\n    ];\n\n    function pickAmount(){\n      return (Math.floor(Math.random() * 90) + 8) * 100 + ',' + String(Math.floor(Math.random() * 900) + 100);\n    }\n    function pickPO(){ return Math.floor(Math.random() * 90000 + 10000); }\n    function pickDays(){ return Math.floor(Math.random() * 45) + 14; }\n    function pickDay(){ return Math.floor(Math.random() * 7) + 1; }\n    function timeStr(d){\n      const h = String(d.getHours()).padStart(2, '0');\n      const m = String(d.getMinutes()).padStart(2, '0');\n      const s = String(d.getSeconds()).padStart(2, '0');\n      return h + ':' + m + ':' + s;\n    }\n    function makeItem(){\n      const t = templates[Math.floor(Math.random() * templates.length)];\n      const agent = {\n        account: accounts[Math.floor(Math.random() * accounts.length)],\n        amount: pickAmount(),\n        po: pickPO(),\n        days: pickDays(),\n        day: pickDay()\n      };\n      const d = new Date();\n      d.setSeconds(d.getSeconds() - Math.floor(Math.random() * 30));\n      const item = document.createElement('div');\n      item.className = 'ai-feed-item is-' + t.type;\n      item.innerHTML = '<span class=\"time\">' + timeStr(d) + '<\/span><span class=\"badge\">' + t.badge + '<\/span><span class=\"desc\">' + t.text(agent) + '<\/span><span><\/span>';\n      return item;\n    }\n    function seed(){\n      for (let i = 0; i < 6; i += 1){\n        const item = makeItem();\n        item.style.animationDelay = (i * 0.1) + 's';\n        feedList.appendChild(item);\n      }\n    }\n\n    let feedActive = false;\n    const feedIo = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting && !feedActive){\n          feedActive = true;\n          seed();\n          window.setInterval(function(){\n            if (document.hidden) return;\n            const item = makeItem();\n            feedList.insertBefore(item, feedList.firstChild);\n            while (feedList.children.length > 8){\n              feedList.removeChild(feedList.lastChild);\n            }\n          }, 3800);\n        }\n      });\n    }, { threshold: 0.2 });\n    feedIo.observe(aiFeed);\n  })();\n\n  (function(){\n    const bar = document.getElementById('stickyBar');\n    const close = document.getElementById('stickyClose');\n    const hero = document.querySelector('.hero');\n    const contact = document.getElementById('contact');\n    if (!bar || !close || !hero || !contact) return;\n    let dismissed = false;\n    try {\n      dismissed = sessionStorage.getItem('stickyDismissed') === '1';\n    } catch (e) {}\n\n    function tick(){\n      if (dismissed) return;\n      const heroBottom = hero.getBoundingClientRect().bottom;\n      const contactTop = contact.getBoundingClientRect().top;\n      const winH = window.innerHeight;\n      const show = heroBottom < 0 && contactTop > winH * 0.4;\n      bar.classList.toggle('is-shown', show);\n    }\n    document.addEventListener('scroll', tick, { passive: true });\n    window.addEventListener('resize', tick);\n    close.addEventListener('click', function(){\n      dismissed = true;\n      bar.classList.remove('is-shown');\n      try {\n        sessionStorage.setItem('stickyDismissed', '1');\n      } catch (e) {}\n    });\n    tick();\n  })();\n\n  window.submitForm = function(e){\n    if (e && typeof e.preventDefault === 'function') {\n      e.preventDefault();\n    }\n    const form = document.getElementById('contactForm');\n    const success = document.getElementById('formSuccess');\n    if (!form || !success) return false;\n    form.querySelectorAll('input, select, textarea, button').forEach(function(el){\n      el.disabled = true;\n    });\n    success.classList.add('is-shown');\n    success.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    return false;\n  };\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 InkSpyre IndustriesServicesAI AgentsMethodologyFAQBook a Call For Promo &amp; Decorated Apparel Shops Stop hiring locally. Start winningremotely. For US apparel decorators, promotional distributors, and ecommerce brands \u2014we embed industry-trained sales, design, and operations teams inside your shop,wire them into custom backend infrastructure, then layer in AI agents thatautomate the work no one wants to do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":12,"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/staging.inkspyre.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}