PageSourceSearch

https://insyn.ai/

html insyn.ai collected 2026-10-05 15:16:31 UTC 53,979 bytes, 938 lines download raw bytes

1<!DOCTYPE html>
2<html class="h-full">
3  <head>
4    <title>Insyn.ai — Vi visar exakt var AI kan skapa värde i ert företag</title>
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <meta name="description" content="Vi går igenom ert företag och hittar exakt var AI är värt att använda — och var det inte är det. På 14 dagar får ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI.">
7    <meta name="apple-mobile-web-app-capable" content="yes">
8    <meta name="application-name" content="Insyn.ai">
9    <meta name="mobile-web-app-capable" content="yes">
10
11    <meta property="og:type" content="website">
12    <meta property="og:site_name" content="Insyn.ai">
13    <meta property="og:locale" content="sv_SE">
14    <meta property="og:url" content="https://insyn.ai/">
15    <meta property="og:title" content="Insyn.ai — Vi visar exakt var AI kan skapa värde i ert företag">
16    <meta property="og:description" content="Vi går igenom ert företag och hittar exakt var AI är värt att använda — och var det inte är det. På 14 dagar får ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI.">
17    <meta property="og:image" content="https://insyn.ai/og-image.png">
18    <meta property="og:image:width" content="1200">
19    <meta property="og:image:height" content="630">
20    <meta property="og:image:alt" content="Insyn.ai — Vi visar exakt var AI kan skapa värde i ert företag">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="Insyn.ai — Vi visar exakt var AI kan skapa värde i ert företag">
23    <meta name="twitter:description" content="Vi går igenom ert företag och hittar exakt var AI är värt att använda — och var det inte är det. På 14 dagar får ni en prioriterad handlingsplan med konkreta initiativ och uppskattad ROI.">
24    <meta name="twitter:image" content="https://insyn.ai/og-image.png">
25    <meta name="csrf-param" content="authenticity_token" />
26<meta name="csrf-token" content="S0vlpbBEw6uO2gK4omNbmwvwsd6uy-jHVxclrE3XXB7qxcljSEvJiSxd_ygxOstmJnlizu609K5RosnQuAEHDw" />
27    
28
29    
30
31    <link rel="icon" href="/assets/ico-aee10850.png" type="image/png">
32    <link rel="apple-touch-icon" href="/assets/ico-aee10850.png">
33
34    <link rel="preconnect" href="https://fonts.googleapis.com">
35    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
36    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
37
38    <link rel="stylesheet" href="/assets/application-8b441ae0.css" data-turbo-track="reload" />
39<link rel="stylesheet" href="/assets/tailwind-882c8ae5.css" data-turbo-track="reload" />
40    
40<script src="https://unpkg.com/lucide@latest"></script>
40
41    
41<script type="importmap" data-turbo-track="reload">{
42  "imports": {
43    "application": "/assets/application-bfcdf840.js",
44    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
45    "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js",
46    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
47    "controllers/application": "/assets/controllers/application-3affb389.js",
48    "controllers/assistant_chat_controller": "/assets/controllers/assistant_chat_controller-6df19e25.js",
49    "controllers/auto_refresh_controller": "/assets/controllers/auto_refresh_controller-a38996ec.js",
50    "controllers/chat_controller": "/assets/controllers/chat_controller-11b49414.js",
51    "controllers/collapsible_controller": "/assets/controllers/collapsible_controller-d53c6080.js",
52    "controllers/copy_controller": "/assets/controllers/copy_controller-645397ec.js",
53    "controllers/dashboard_panel_controller": "/assets/controllers/dashboard_panel_controller-1ae57039.js",
54    "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-b77ab5b7.js",
55    "controllers/file_drop_controller": "/assets/controllers/file_drop_controller-5aa95c96.js",
56    "controllers/hello_controller": "/assets/controllers/hello_controller-708796bd.js",
57    "controllers": "/assets/controllers/index-ee64e1f1.js",
58    "controllers/modal_controller": "/assets/controllers/modal_controller-39f99bf2.js",
59    "controllers/onboarding_hub_controller": "/assets/controllers/onboarding_hub_controller-a43d28f3.js",
60    "controllers/report_rows_controller": "/assets/controllers/report_rows_controller-b196d1a3.js",
61    "controllers/todo_kanban_controller": "/assets/controllers/todo_kanban_controller-61ae514c.js",
62    "controllers/todo_load_more_controller": "/assets/controllers/todo_load_more_controller-2cfeb184.js",
63    "controllers/todo_search_controller": "/assets/controllers/todo_search_controller-7ea9250c.js",
64    "controllers/todo_sortable_controller": "/assets/controllers/todo_sortable_controller-2d09c4e2.js"
65  }
66}</script>
66
67<link rel="modulepreload" href="/assets/application-bfcdf840.js">
68<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
69<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js">
70<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
71<link rel="modulepreload" href="/assets/controllers/application-3affb389.js">
72<link rel="modulepreload" href="/assets/controllers/assistant_chat_controller-6df19e25.js">
73<link rel="modulepreload" href="/assets/controllers/auto_refresh_controller-a38996ec.js">
74<link rel="modulepreload" href="/assets/controllers/chat_controller-11b49414.js">
75<link rel="modulepreload" href="/assets/controllers/collapsible_controller-d53c6080.js">
76<link rel="modulepreload" href="/assets/controllers/copy_controller-645397ec.js">
77<link rel="modulepreload" href="/assets/controllers/dashboard_panel_controller-1ae57039.js">
78<link rel="modulepreload" href="/assets/controllers/dropdown_controller-b77ab5b7.js">
79<link rel="modulepreload" href="/assets/controllers/file_drop_controller-5aa95c96.js">
80<link rel="modulepreload" href="/assets/controllers/hello_controller-708796bd.js">
81<link rel="modulepreload" href="/assets/controllers/index-ee64e1f1.js">
82<link rel="modulepreload" href="/assets/controllers/modal_controller-39f99bf2.js">
83<link rel="modulepreload" href="/assets/controllers/onboarding_hub_controller-a43d28f3.js">
84<link rel="modulepreload" href="/assets/controllers/report_rows_controller-b196d1a3.js">
85<link rel="modulepreload" href="/assets/controllers/todo_kanban_controller-61ae514c.js">
86<link rel="modulepreload" href="/assets/controllers/todo_load_more_controller-2cfeb184.js">
87<link rel="modulepreload" href="/assets/controllers/todo_search_controller-7ea9250c.js">
88<link rel="modulepreload" href="/assets/controllers/todo_sortable_controller-2d09c4e2.js">
89<script type="module">import "application"</script>
89
90    
90<script defer data-domain="insyn.ai" src="https://stats.reemove.ai/js/script.js"></script>
90
91
92  </head>
93
94  <style>
95    :root { --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
96  </style>
97  <body class="h-full">
98    
99    
100
101    
102<canvas id="particles-canvas" style="position:fixed;inset:0;z-index:0;pointer-events:none;"></canvas>
103
104<div class="relative min-h-screen font-sans selection:bg-blue-500/20">
105
106  <nav class="fixed top-0 w-full z-50 bg-white/80 backdrop-blur-xl border-b border-gray-100">
107    <div class="w-full px-8 md:px-16 h-16 flex items-center justify-between">
108      <a href="/">
109        <img alt="insyn.ai" class="h-7" src="/assets/logotype-d5464511.png" />
110      </a>
111      <div class="hidden md:flex items-center gap-10">
112        <a href="#exempel" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Exempel</a>
113        <a href="#metoden" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Så gör vi</a>
114        <a href="#rapporten" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Handlingsplanen</a>
115        <a class="text-sm text-gray-500 hover:text-gray-900 transition-colors" href="/om-oss">Om oss</a>
116        <a href="#kontakt" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Kontakt</a>
117      </div>
118      <div class="hidden md:flex items-center gap-4">
119        <a class="text-sm text-gray-500 hover:text-gray-900 transition-colors" href="/session/new">Logga in</a>
120        <a href="#kontakt" class="px-5 py-2.5 text-sm bg-gray-900 text-white hover:bg-gray-800 rounded-full font-medium transition-all">
121          Börja med Insyn
122        </a>
123      </div>
124      <div class="md:hidden flex items-center gap-3">
125        <a class="text-sm text-gray-500" href="/session/new">Logga in</a>
126        <a href="#kontakt" class="px-4 py-2 text-sm bg-gray-900 text-white rounded-full font-medium">Börja</a>
127      </div>
128    </div>
129  </nav>
130
131  <section class="relative z-10 pt-36 md:pt-48 pb-10 md:pb-16 px-8 md:px-16">
132    <div class="max-w-6xl mx-auto">
133      <div class="max-w-4xl mx-auto text-center">
134        <h1 class="text-4xl md:text-5xl lg:text-[4.25rem] font-medium tracking-tight text-gray-900 mb-7 leading-[1.08] landing-fade-in" style="animation-delay: 0.1s;">
135          Vi visar exakt var AI kan<br class="hidden md:block">
136          skapa värde i ert företag
137        </h1>
138        <p class="text-lg md:text-2xl text-gray-500 leading-relaxed max-w-3xl mx-auto mb-10 landing-fade-in" style="animation-delay: 0.2s;">
139          På 14 dagar kartlägger vi era processer, intervjuar ledning och medarbetare,
140          analyserar dokument och jämför er med konkurrenterna.
141        </p>
142        <div class="flex flex-col sm:flex-row items-center gap-4 justify-center landing-fade-in" style="animation-delay: 0.3s;">
143          <a href="#kontakt" class="px-8 py-3.5 bg-gray-900 text-white rounded-full font-medium hover:bg-gray-800 transition-all text-base">
144            Börja med Insyn
145          </a>
146          <a href="#exempel" class="px-8 py-3.5 bg-white text-gray-700 rounded-full font-medium border border-gray-200 hover:border-gray-300 hover:bg-gray-50 transition-all text-base">
147            Se ett exempel
148          </a>
149        </div>
150      </div>
151
152      <div class="grid lg:grid-cols-2 gap-6 lg:gap-8 mt-16 md:mt-24 items-stretch landing-fade-in" style="animation-delay: 0.45s;">
153        <div class="neon-card p-8 md:p-10 rounded-3xl bg-white border border-gray-100 flex flex-col">
154          <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-6">Ni får en prioriterad lista över</p>
155          <ul class="space-y-4 text-gray-700 text-base md:text-lg flex-1">
156              <li class="flex items-start gap-3">
157                <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center">
158                  <i data-lucide="check" class="w-3 h-3"></i>
159                </span>
160                <span>vilka processer som bör automatiseras</span>
161              </li>
162              <li class="flex items-start gap-3">
163                <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center">
164                  <i data-lucide="check" class="w-3 h-3"></i>
165                </span>
166                <span>var AI kan spara tid och pengar</span>
167              </li>
168              <li class="flex items-start gap-3">
169                <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center">
170                  <i data-lucide="check" class="w-3 h-3"></i>
171                </span>
172                <span>vilka satsningar som inte är värda att göra</span>
173              </li>
174              <li class="flex items-start gap-3">
175                <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center">
176                  <i data-lucide="check" class="w-3 h-3"></i>
177                </span>
178                <span>vad ni bör göra först</span>
179              </li>
180              <li class="flex items-start gap-3">
181                <span class="mt-1.5 shrink-0 w-5 h-5 rounded-full bg-gray-900 text-white flex items-center justify-center">
182                  <i data-lucide="check" class="w-3 h-3"></i>
183                </span>
184                <span>uppskattad effekt och ROI</span>
185              </li>
186          </ul>
187          <p class="mt-8 pt-6 border-t border-gray-100 text-gray-900 font-semibold text-base md:text-lg leading-snug">
188            Resultatet: ett konkret beslutsunderlag för er AI-satsning — inte ännu en AI-rapport.
189          </p>
190        </div>
191
192        <div id="exempel" class="scroll-mt-24 neon-card relative rounded-3xl bg-gray-900 text-white p-8 md:p-10 overflow-hidden">
193          <div class="absolute -top-24 -right-24 w-72 h-72 rounded-full bg-blue-500/20 blur-3xl pointer-events-none"></div>
194          <div class="relative">
195            <div class="flex items-center justify-between gap-4 mb-6">
196              <p class="text-sm font-semibold uppercase tracking-widest text-gray-400">Exempel</p>
197              <span class="text-[11px] font-medium uppercase tracking-wider text-gray-300 bg-white/10 border border-white/10 rounded-full px-2.5 py-1">Illustrativt</span>
198            </div>
199            <h3 class="text-2xl md:text-3xl font-medium tracking-tight mb-1">Tillverkningsbolag, 80 anställda</h3>
200            <p class="text-gray-400 mb-8">SÃ¥ kan resultatet se ut efter 14 dagar.</p>
201
202            <div class="grid grid-cols-4 gap-2 md:gap-3 mb-8">
203                <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4">
204                  <div class="text-2xl md:text-4xl font-semibold tracking-tight text-white">17</div>
205                  <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">möjliga initiativ</div>
206                </div>
207                <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4">
208                  <div class="text-2xl md:text-4xl font-semibold tracking-tight text-emerald-300">4</div>
209                  <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">prioriteras</div>
210                </div>
211                <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4">
212                  <div class="text-2xl md:text-4xl font-semibold tracking-tight text-amber-300">3</div>
213                  <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">bör vänta</div>
214                </div>
215                <div class="rounded-2xl bg-white/5 border border-white/10 p-3 md:p-4">
216                  <div class="text-2xl md:text-4xl font-semibold tracking-tight text-gray-400">10</div>
217                  <div class="text-[11px] md:text-xs text-gray-400 mt-1 leading-tight">för låg ROI</div>
218                </div>
219            </div>
220
221            <p class="text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3">Högst potential</p>
222            <div class="flex flex-wrap gap-2 mb-8">
223                <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Offertarbete</span>
224                <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Kundservice</span>
225                <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Intern dokumentation</span>
226                <span class="text-sm text-gray-200 bg-white/10 border border-white/10 rounded-full px-3 py-1">Inköp</span>
227            </div>
228
229            <div class="flex items-end justify-between gap-4 pt-6 border-t border-white/10">
230              <div>
231                <p class="text-xs font-semibold uppercase tracking-widest text-gray-500 mb-1">Potentiell tidsbesparing</p>
232                <p class="text-3xl md:text-4xl font-semibold tracking-tight">430 <span class="text-base font-medium text-gray-400">timmar/månad</span></p>
233              </div>
234              <a href="#rapporten" class="text-sm text-gray-300 hover:text-white transition-colors whitespace-nowrap">Vad som ingår →</a>
235            </div>
236            <p class="mt-5 text-[11px] text-gray-500">Typexempel som visar formatet på resultatet, inte en enskild kundleverans.</p>
237          </div>
238        </div>
239      </div>
240    </div>
241  </section>
242
243  <section class="py-12 md:py-24 px-8 md:px-16 relative z-10">
244    <div class="max-w-6xl mx-auto">
245      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
246          <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100">
247            <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">01</p>
248            <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad får jag?</h3>
249            <p class="text-gray-500 leading-relaxed">Vi hittar var AI kan spara pengar, tid eller förbättra kvalitet — och var den inte gör det.</p>
250          </div>
251          <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100">
252            <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">02</p>
253            <h3 class="text-lg font-semibold text-gray-900 mb-3">Hur gör ni det?</h3>
254            <p class="text-gray-500 leading-relaxed">Vi pratar med människorna, analyserar processerna, dokumenten och datan och tittar på konkurrenterna.</p>
255          </div>
256          <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100">
257            <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">03</p>
258            <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad får jag i handen?</h3>
259            <p class="text-gray-500 leading-relaxed">En prioriterad lista på konkreta AI-initiativ med nytta, svårighetsgrad, kostnad och ROI.</p>
260          </div>
261          <div class="neon-card p-8 rounded-3xl bg-gray-50 border border-gray-100">
262            <p class="text-xs font-semibold tracking-widest text-gray-400 mb-4">04</p>
263            <h3 class="text-lg font-semibold text-gray-900 mb-3">Vad händer sedan?</h3>
264            <p class="text-gray-500 leading-relaxed">Ni kan genomföra själva eller ta hjälp vidare. Planen är skriven för att agera på direkt.</p>
265          </div>
266      </div>
267    </div>
268  </section>
269
270  <section class="py-12 md:py-24 px-8 md:px-16 relative z-10">
271    <div class="max-w-4xl mx-auto text-center">
272      <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Vår utgångspunkt</p>
273      <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-6 tracking-tight leading-[1.1]">
274        Vi säljer inte AI.<br>
275        <span class="text-gray-500">Vi tar reda på var AI faktiskt är lönsamt.</span>
276      </h2>
277      <p class="text-xl text-gray-500 max-w-3xl mx-auto mb-12 leading-relaxed">
278        Alla processer blir inte bättre med AI. En stor del av analysen handlar om att skilja
279        det som skapar verkligt värde från det som bara skapar komplexitet.
280        Därför berättar vi också <strong class="text-gray-700">var ni inte ska använda AI</strong> —
281        rätt beslut kan vara att inte investera.
282      </p>
283      <div class="grid md:grid-cols-3 gap-6 text-left">
284        <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100">
285          <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4">
286            <i data-lucide="check-circle" class="w-5 h-5 text-gray-500"></i>
287          </div>
288          <h4 class="font-semibold text-gray-900 mb-2">Var AI tillför värde</h4>
289          <p class="text-sm text-gray-500">Konkreta processer där AI sparar tid, pengar eller höjer kvaliteten mätbart.</p>
290        </div>
291        <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100">
292          <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4">
293            <i data-lucide="x-circle" class="w-5 h-5 text-gray-500"></i>
294          </div>
295          <h4 class="font-semibold text-gray-900 mb-2">Var AI inte lönar sig</h4>
296          <p class="text-sm text-gray-500">Ibland är det manuella snabbare, billigare och säkrare. Vi säger det, även om det säljer sämre.</p>
297        </div>
298        <div class="neon-card p-6 rounded-2xl bg-white border border-gray-100">
299          <div class="w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center mb-4">
300            <i data-lucide="scale" class="w-5 h-5 text-gray-500"></i>
301          </div>
302          <h4 class="font-semibold text-gray-900 mb-2">I vilken ordning</h4>
303          <p class="text-sm text-gray-500">Initiativen rankas efter nytta mot insats — så ni börjar där det faktiskt räknas.</p>
304        </div>
305      </div>
306    </div>
307  </section>
308
309  <section id="metoden" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10">
310    <div class="max-w-6xl mx-auto">
311      <div class="text-center mb-16">
312        <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Så gör vi</p>
313        <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-5 tracking-tight">Vi pratar med människorna och läser materialet</h2>
314        <p class="text-xl text-gray-500 max-w-3xl mx-auto">
315          Sex oberoende källor korsrefereras: ledning, medarbetare, dokument, data, era system
316          och konkurrenterna. En dedikerad AI-assistent driver insamlingen så att ni kan fokusera på verksamheten.
317        </p>
318      </div>
319
320      <div class="grid md:grid-cols-2 gap-6 mb-12">
321          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
322            <div class="flex items-start gap-5">
323              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
324                <i data-lucide="users" class="w-6 h-6 text-gray-500"></i>
325              </div>
326              <div>
327                <h3 class="text-lg font-semibold text-gray-900 mb-2">Intervjuar ledning och medarbetare</h3>
328                <p class="text-gray-500 leading-relaxed">Djupintervju med VD och ledningsgrupp. Medarbetare intervjuas av assistenten, anpassat efter roll och tillgänglighet — det är där de verkliga processerna syns.</p>
329              </div>
330            </div>
331          </div>
332          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
333            <div class="flex items-start gap-5">
334              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
335                <i data-lucide="file-scan" class="w-6 h-6 text-gray-500"></i>
336              </div>
337              <div>
338                <h3 class="text-lg font-semibold text-gray-900 mb-2">Analyserar dokument och processer</h3>
339                <p class="text-gray-500 leading-relaxed">Strategidokument, processbeskrivningar, systemförteckningar och rutiner läses och korsrefereras mot vad intervjuerna säger.</p>
340              </div>
341            </div>
342          </div>
343          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
344            <div class="flex items-start gap-5">
345              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
346                <i data-lucide="bar-chart-3" class="w-6 h-6 text-gray-500"></i>
347              </div>
348              <div>
349                <h3 class="text-lg font-semibold text-gray-900 mb-2">Analyserar er data</h3>
350                <p class="text-gray-500 leading-relaxed">CSV, Excel, PDF eller JSON. AI:n hittar mönster, avvikelser och volymer — underlaget för att sätta siffror på tid och pengar.</p>
351              </div>
352            </div>
353          </div>
354          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
355            <div class="flex items-start gap-5">
356              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
357                <i data-lucide="plug" class="w-6 h-6 text-gray-500"></i>
358              </div>
359              <div>
360                <h3 class="text-lg font-semibold text-gray-900 mb-2">Läser era system</h3>
361                <p class="text-gray-500 leading-relaxed">Koppla Google Drive, Microsoft OneDrive och Teams. Befintliga dokument och konversationer läses direkt, utan manuella uppladdningar.</p>
362              </div>
363            </div>
364          </div>
365          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
366            <div class="flex items-start gap-5">
367              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
368                <i data-lucide="git-compare-arrows" class="w-6 h-6 text-gray-500"></i>
369              </div>
370              <div>
371                <h3 class="text-lg font-semibold text-gray-900 mb-2">Jämför med konkurrenterna</h3>
372                <p class="text-gray-500 leading-relaxed">Hur långt har namngivna konkurrenter och branschen kommit? Det avgör vad som är hygienfaktor och vad som är försprång.</p>
373              </div>
374            </div>
375          </div>
376          <div class="neon-card group p-8 rounded-3xl bg-white border border-gray-100 hover:border-gray-200 hover:shadow-lg transition-all duration-300">
377            <div class="flex items-start gap-5">
378              <div class="shrink-0 w-12 h-12 rounded-2xl bg-gray-100 flex items-center justify-center">
379                <i data-lucide="headphones" class="w-6 h-6 text-gray-500"></i>
380              </div>
381              <div>
382                <h3 class="text-lg font-semibold text-gray-900 mb-2">Deltar i möten</h3>
383                <p class="text-gray-500 leading-relaxed">Assistenten kan delta i interna möten, transkribera och fånga AI-relevanta möjligheter där de dyker upp.</p>
384              </div>
385            </div>
386          </div>
387      </div>
388
389      <div class="neon-card p-8 md:p-10 rounded-3xl bg-gray-50 border border-gray-100">
390        <div class="flex flex-col md:flex-row items-start gap-6">
391          <div class="shrink-0 w-14 h-14 rounded-2xl bg-white border border-gray-200 flex items-center justify-center">
392            <i data-lucide="handshake" class="w-7 h-7 text-gray-500"></i>
393          </div>
394          <div>
395            <h3 class="text-xl font-semibold text-gray-900 mb-2">Fysiska möten — den mänskliga faktorn</h3>
396            <p class="text-gray-500 leading-relaxed">
397              Utöver assistenten genomför vi ett antal möten som inte är AI-ledda.
398              Nyanser, kultur och signaler fångas bäst ansikte mot ansikte — och det är ofta där
399              det avgörs vilka initiativ som faktiskt går att genomföra.
400            </p>
401          </div>
402        </div>
403      </div>
404    </div>
405  </section>
406
407  <section id="rapporten" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10">
408    <div class="max-w-6xl mx-auto">
409      <div class="grid lg:grid-cols-2 gap-20 items-center">
410        <div>
411          <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Det ni får i handen</p>
412          <h2 class="text-3xl md:text-5xl font-medium tracking-tight text-gray-900 mb-6">
413            En AI-handlingsplan.<br>
414            <span class="text-gray-500">Inte ännu en AI-rapport.</span>
415          </h2>
416          <p class="text-lg text-gray-500 leading-relaxed mb-10">
417            Ett beslutsunderlag som styrelsen, ledningen och de som ska göra jobbet
418            kan agera på samma dag — med siffror man kan ifrågasätta, inte adjektiv.
419          </p>
420
421          <ul class="space-y-6">
422            <li class="flex items-start gap-4">
423              <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center">
424                <i data-lucide="list-ordered" class="w-5 h-5 text-gray-500"></i>
425              </div>
426              <div>
427                <h4 class="font-semibold text-gray-900 mb-1">Prioriterade initiativ</h4>
428                <p class="text-sm text-gray-500">Varje initiativ med nytta, svårighetsgrad, kostnad, uppskattad effekt och ROI — och vad ni bör göra först.</p>
429              </div>
430            </li>
431            <li class="flex items-start gap-4">
432              <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center">
433                <i data-lucide="ban" class="w-5 h-5 text-gray-500"></i>
434              </div>
435              <div>
436                <h4 class="font-semibold text-gray-900 mb-1">Det ni bör låta bli</h4>
437                <p class="text-sm text-gray-500">Satsningar som inte är värda att göra, med motiveringen — så att ingen behöver argumentera om dem igen.</p>
438              </div>
439            </li>
440            <li class="flex items-start gap-4">
441              <div class="shrink-0 w-10 h-10 rounded-xl bg-gray-100 flex items-center justify-center">
442                <i data-lucide="gauge" class="w-5 h-5 text-gray-500"></i>
443              </div>
444              <div>
445                <h4 class="font-semibold text-gray-900 mb-1">Underlaget bakom</h4>
446                <p class="text-sm text-gray-500">Ert AI-index i sex dimensioner, benchmark mot namngivna konkurrenter och vad varje slutsats bygger på. Beviset — inte huvudbudskapet.</p>
447              </div>
448            </li>
449          </ul>
450        </div>
451
452        <div class="relative">
453          <div class="absolute -inset-6 bg-gradient-to-br from-gray-100/50 to-gray-200/30 rounded-[2rem] blur-3xl pointer-events-none"></div>
454          <div class="neon-card relative bg-white border border-gray-200 rounded-3xl overflow-hidden shadow-2xl p-8">
455            <div class="flex items-center justify-between mb-6">
456              <div class="flex items-center gap-3">
457                <div class="w-9 h-9 rounded-xl bg-gray-100 flex items-center justify-center">
458                  <i data-lucide="list-ordered" class="w-4 h-4 text-gray-500"></i>
459                </div>
460                <div>
461                  <p class="font-semibold text-sm text-gray-900">AI-handlingsplan</p>
462                  <p class="text-xs text-gray-400">Exempel AB — 2026</p>
463                </div>
464              </div>
465              <span class="text-xs font-medium text-gray-500 bg-gray-100 rounded-full px-2.5 py-1">17 initiativ bedömda</span>
466            </div>
467
468            <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 text-[11px] font-semibold uppercase tracking-wider text-gray-400 px-3 mb-2">
469              <span>Initiativ</span><span class="w-14 text-center">Nytta</span><span class="w-14 text-center">Insats</span><span class="w-16 text-right">ROI/Ã¥r</span>
470            </div>
471            <div class="space-y-1.5 mb-5">
472                <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100">
473                  <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">1</span>Offertarbete</span>
474                  <span class="w-14 text-center text-xs font-medium text-gray-600">Hög</span>
475                  <span class="w-14 text-center text-xs font-medium text-gray-600">LÃ¥g</span>
476                  <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">6,1×</span>
477                </div>
478                <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100">
479                  <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">2</span>Kundservice — första svar</span>
480                  <span class="w-14 text-center text-xs font-medium text-gray-600">Hög</span>
481                  <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span>
482                  <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">3,8×</span>
483                </div>
484                <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100">
485                  <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">3</span>Intern dokumentation</span>
486                  <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span>
487                  <span class="w-14 text-center text-xs font-medium text-gray-600">LÃ¥g</span>
488                  <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">3,2×</span>
489                </div>
490                <div class="grid grid-cols-[1fr_auto_auto_auto] gap-x-4 items-center rounded-xl border px-3 py-2.5 bg-emerald-50 border-emerald-100">
491                  <span class="text-sm text-gray-800 truncate"><span class="text-gray-400 font-medium mr-2">4</span>Inköp — prisjämförelse</span>
492                  <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span>
493                  <span class="w-14 text-center text-xs font-medium text-gray-600">Medel</span>
494                  <span class="w-16 text-right text-sm font-semibold text-gray-900 tabular-nums">2,4×</span>
495                </div>
496            </div>
497
498            <div class="grid grid-cols-2 gap-2 mb-6">
499              <div class="rounded-xl border border-amber-100 bg-amber-50 px-3 py-2.5">
500                <p class="text-[11px] font-semibold uppercase tracking-wider text-amber-700">Vänta</p>
501                <p class="text-sm text-gray-700">3 initiativ · beror på datakvalitet</p>
502              </div>
503              <div class="rounded-xl border border-gray-200 bg-gray-50 px-3 py-2.5">
504                <p class="text-[11px] font-semibold uppercase tracking-wider text-gray-500">Avstå</p>
505                <p class="text-sm text-gray-700">10 initiativ · för låg ROI</p>
506              </div>
507            </div>
508
509            <div class="flex items-center justify-between text-xs text-gray-400 pt-4 border-t border-gray-100">
510              <span>AI-index <strong class="text-gray-700">72</strong>/100 · 6 dimensioner</span>
511              <span>Benchmark: 3 konkurrenter</span>
512            </div>
513          </div>
514        </div>
515      </div>
516    </div>
517  </section>
518
519  <section class="py-12 md:py-24 px-8 md:px-16 relative z-10">
520    <div class="max-w-5xl mx-auto">
521      <div class="grid md:grid-cols-3 gap-8 text-center">
522        <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100">
523          <div class="text-5xl font-bold text-gray-900 mb-3">14</div>
524          <p class="text-gray-500">Dagar från start till färdig handlingsplan</p>
525        </div>
526        <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100">
527          <div class="text-5xl font-bold text-gray-900 mb-3">6</div>
528          <p class="text-gray-500">Oberoende datakällor korsrefereras</p>
529        </div>
530        <div class="neon-card p-10 rounded-3xl bg-gray-50 border border-gray-100">
531          <div class="text-5xl font-bold text-gray-900 mb-3">1</div>
532          <p class="text-gray-500">Prioriterad lista — inte tjugo rekommendationer</p>
533        </div>
534      </div>
535    </div>
536  </section>
537
538  <section class="py-12 md:py-24 px-8 md:px-16 relative z-10">
539    <div class="max-w-4xl mx-auto">
540      <div class="neon-card p-10 md:p-14 rounded-3xl bg-gray-50 border border-gray-100">
541        <div class="text-center mb-10">
542          <div class="w-14 h-14 rounded-2xl bg-gray-100 flex items-center justify-center mx-auto mb-5">
543            <i data-lucide="shield-check" class="w-7 h-7 text-gray-500"></i>
544          </div>
545          <h2 class="text-3xl md:text-4xl font-medium text-gray-900 mb-4 tracking-tight">
546            Er data är skyddad
547          </h2>
548          <p class="text-lg text-gray-500 max-w-2xl mx-auto">
549            Datasäkerhet är vår högsta prioritet. Vi använder kryptering i bankklass,
550            genomför regelbundna säkerhetsgranskningar och följer alla relevanta
551            dataskyddsregelverk för att hålla er information trygg.
552          </p>
553        </div>
554
555        <div class="grid md:grid-cols-2 gap-6">
556          <div class="flex items-start gap-4">
557            <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center">
558              <i data-lucide="lock" class="w-5 h-5 text-gray-500"></i>
559            </div>
560            <div>
561              <h4 class="font-semibold text-gray-900 mb-1">Er data, era regler</h4>
562              <p class="text-sm text-gray-500">All data tillhör er — alltid. Vi lagrar inget längre än vad som krävs för analysen.</p>
563            </div>
564          </div>
565          <div class="flex items-start gap-4">
566            <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center">
567              <i data-lucide="eye-off" class="w-5 h-5 text-gray-500"></i>
568            </div>
569            <div>
570              <h4 class="font-semibold text-gray-900 mb-1">Säljs aldrig vidare</h4>
571              <p class="text-sm text-gray-500">Vi säljer aldrig, delar eller tränar modeller på er data. Punkt.</p>
572            </div>
573          </div>
574          <div class="flex items-start gap-4">
575            <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center">
576              <i data-lucide="server" class="w-5 h-5 text-gray-500"></i>
577            </div>
578            <div>
579              <h4 class="font-semibold text-gray-900 mb-1">GDPR-kompatibelt</h4>
580              <p class="text-sm text-gray-500">Fullständig efterlevnad av GDPR och svenska dataskyddsregler. Data lagras inom EU.</p>
581            </div>
582          </div>
583          <div class="flex items-start gap-4">
584            <div class="shrink-0 w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center">
585              <i data-lucide="file-lock" class="w-5 h-5 text-gray-500"></i>
586            </div>
587            <div>
588              <h4 class="font-semibold text-gray-900 mb-1">Krypterad överföring & lagring</h4>
589              <p class="text-sm text-gray-500">TLS-kryptering i transit och AES-256 i vila. Samma standarder som banker och myndigheter.</p>
590            </div>
591          </div>
592        </div>
593      </div>
594    </div>
595  </section>
596
597  <section id="processen" class="scroll-mt-24 py-12 md:py-24 px-8 md:px-16 relative z-10">
598    <div class="max-w-6xl mx-auto">
599      <div class="grid lg:grid-cols-2 gap-20 items-center">
600        <div class="neon-card bg-white border border-gray-200 shadow-xl rounded-3xl p-10 order-2 lg:order-1">
601          <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-8">Processen</p>
602
603          <div class="space-y-0">
604            <div class="relative flex gap-5 pb-8">
605              <div class="flex flex-col items-center">
606                <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">1</div>
607                <div class="w-px h-full bg-gray-200 mt-2"></div>
608              </div>
609              <div>
610                <h3 class="font-semibold text-gray-900 mb-1">Kickoff & onboarding</h3>
611                <p class="text-sm text-gray-500">Vi definierar scope och startar djupintervjun med er ledning för att förstå hur AI används idag.</p>
612                <span class="text-xs text-gray-400 mt-1 inline-block">Dag 1–2</span>
613              </div>
614            </div>
615
616            <div class="relative flex gap-5 pb-8">
617              <div class="flex flex-col items-center">
618                <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">2</div>
619                <div class="w-px h-full bg-gray-200 mt-2"></div>
620              </div>
621              <div>
622                <h3 class="font-semibold text-gray-900 mb-1">Frågeformulär & intervjuer</h3>
623                <p class="text-sm text-gray-500">Medarbetare svarar anonymt. Vi intervjuar CEO och ledningsgrupp på djupet.</p>
624                <span class="text-xs text-gray-400 mt-1 inline-block">Dag 3–8</span>
625              </div>
626            </div>
627
628            <div class="relative flex gap-5 pb-8">
629              <div class="flex flex-col items-center">
630                <div class="w-10 h-10 rounded-full bg-gray-900 text-white text-sm font-bold flex items-center justify-center shrink-0">3</div>
631                <div class="w-px h-full bg-gray-200 mt-2"></div>
632              </div>
633              <div>
634                <h3 class="font-semibold text-gray-900 mb-1">Dokumentanalys, dataanalys & syntes</h3>
635                <p class="text-sm text-gray-500">Dokument, kopplade system, data och konkurrenter analyseras — och alla sex källor korsrefereras.</p>
636                <span class="text-xs text-gray-400 mt-1 inline-block">Dag 5–11</span>
637              </div>
638            </div>
639
640            <div class="relative flex gap-5">
641              <div class="flex flex-col items-center">
642                <div class="w-10 h-10 rounded-full bg-gray-900 text-white flex items-center justify-center shrink-0">
643                  <i data-lucide="check" class="w-5 h-5"></i>
644                </div>
645              </div>
646              <div>
647                <h3 class="font-semibold text-gray-900 mb-1">Handlingsplan & genomgång</h3>
648                <p class="text-sm text-gray-500">Ni får handlingsplanen och vi går igenom den tillsammans — redo att agera.</p>
649                <span class="text-xs text-gray-400 mt-1 inline-block">Dag 12–14</span>
650              </div>
651            </div>
652          </div>
653        </div>
654
655        <div class="order-1 lg:order-2">
656          <h2 class="text-3xl md:text-5xl font-medium tracking-tight text-gray-900 mb-6">
657            Från start till svar<br>på 14 dagar
658          </h2>
659          <p class="text-lg text-gray-500 leading-relaxed mb-6">
660            Ingen utdragen konsultprocess. Vi jobbar intensivt i två veckor —
661            med minimal störning av er vardag. Ni svarar på frågor, vi gör resten.
662          </p>
663          <div class="p-6 rounded-2xl bg-gray-50 border border-gray-200 mb-4">
664            <div class="flex items-start gap-3">
665              <i data-lucide="arrow-right-circle" class="w-5 h-5 text-gray-500 mt-0.5 shrink-0"></i>
666              <div>
667                <h4 class="font-semibold text-gray-900 mb-1">Vad händer sedan?</h4>
668                <p class="text-sm text-gray-600">
669                  Ni kan genomföra själva eller ta hjälp vidare. Planen är skriven så att
670                  den går att lämna över till den som ska göra jobbet.
671                </p>
672              </div>
673            </div>
674          </div>
675          <div class="p-6 rounded-2xl bg-amber-50 border border-amber-200/60">
676            <div class="flex items-start gap-3">
677              <i data-lucide="repeat" class="w-5 h-5 text-amber-500 mt-0.5 shrink-0"></i>
678              <div>
679                <h4 class="font-semibold text-gray-900 mb-1">Återkommande kartläggning?</h4>
680                <p class="text-sm text-gray-600">
681                  Kör analysen kvartalsvis eller årligen för att mäta er progression.
682                  Se om satsningarna ger resultat — med samma mätmetod varje gång.
683                </p>
684              </div>
685            </div>
686          </div>
687        </div>
688      </div>
689    </div>
690  </section>
691
692  <section id="kontakt" class="py-12 md:py-28 px-8 md:px-16 relative z-10">
693    <div class="max-w-3xl mx-auto">
694      <div class="text-center mb-12">
695        <p class="text-sm font-semibold uppercase tracking-widest text-gray-400 mb-4">Kontakt</p>
696        <h2 class="text-3xl md:text-5xl font-medium text-gray-900 mb-6 tracking-tight">
697          Börja med Insyn
698        </h2>
699        <p class="text-xl text-gray-500 max-w-2xl mx-auto">
700          Lämna era uppgifter så kontaktar vi er inom 24 timmar. Vi går igenom ert
701          bolag och återkommer med hur en kartläggning skulle läggas upp för er.
702        </p>
703      </div>
704
705
706      <div class="neon-card bg-white border border-gray-200 rounded-3xl shadow-xl p-8 md:p-12">
707        <form class="space-y-6" action="/contact_messages" accept-charset="UTF-8" method="post">
707<input type="hidden" name="authenticity_token" value="0Q8CHZB5KJg6WWRI83W9sUBuTX6lU5HYJbxqa2_PWrC_2dEhzeGM3ibAXzr9Kp-Ttjy0owcbBoaxGCzeljYnQA" />
708          <div class="grid md:grid-cols-2 gap-5">
709            <div>
710              <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_name">Namn *</label>
711              <input required="required" placeholder="Ditt namn" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="text" name="contact_message[name]" id="contact_message_name" />
712            </div>
713            <div>
714              <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_email">E-post *</label>
715              <input required="required" placeholder="[email protected]" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="email" name="contact_message[email]" id="contact_message_email" />
716            </div>
717          </div>
718
719          <div class="grid md:grid-cols-2 gap-5">
720            <div>
721              <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_company">Företag</label>
722              <input placeholder="Företagsnamn" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="text" name="contact_message[company]" id="contact_message_company" />
723            </div>
724            <div>
725              <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_phone">Telefon</label>
726              <input placeholder="070-123 45 67" class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all" type="tel" name="contact_message[phone]" id="contact_message_phone" />
727            </div>
728          </div>
729
730          <div>
731            <label class="block text-sm font-medium text-gray-700 mb-1.5" for="contact_message_message">Meddelande *</label>
732            <textarea required="required" rows="4" placeholder="Berätta kort om ert bolag och vad ni är intresserade av..." class="w-full px-4 py-3 rounded-xl bg-gray-50 border border-gray-200 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 focus:bg-white transition-all resize-none" name="contact_message[message]" id="contact_message_message">
733</textarea>
734          </div>
735
736          <div class="text-center pt-2">
737            <button type="submit" class="w-full sm:w-auto px-10 py-4 rounded-full bg-gray-900 hover:bg-gray-800 text-white font-semibold text-base transition-all cursor-pointer whitespace-nowrap group">
738              Skicka meddelande
739              <i data-lucide="send" class="w-4 h-4 inline ml-1 transition-transform group-hover:translate-x-0.5"></i>
740            </button>
741            <p class="text-sm text-gray-400 mt-4">Vi svarar inom 24 timmar. Ingen spam.</p>
742          </div>
743</form>      </div>
744    </div>
745  </section>
746
747  <footer class="border-t border-gray-100 bg-gray-50/50 relative z-10">
748    <div class="w-full px-8 md:px-16 py-16">
749      <div class="grid md:grid-cols-4 gap-10">
750        <div>
751          <div class="mb-4">
752            <img alt="insyn.ai" class="h-6" src="/assets/logotype-d5464511.png" />
753          </div>
754          <p class="text-sm text-gray-500">
755            Vi tar reda på var AI faktiskt är lönsamt i ert företag — och var det inte är det.
756          </p>
757        </div>
758        <div>
759          <h4 class="font-semibold text-gray-900 mb-4 text-sm">Produkt</h4>
760          <ul class="space-y-2 text-sm text-gray-500">
761            <li>
761<a href="#exempel" class="hover:text-gray-900 transition-colors">Exempel</a></li>
762            <li><a href="#metoden" class="hover:text-gray-900 transition-colors">Så gör vi</a></li>
763            <li><a href="#rapporten" class="hover:text-gray-900 transition-colors">Handlingsplanen</a></li>
764            <li><a href="#processen" class="hover:text-gray-900 transition-colors">14 dagar</a></li>
765          </ul>
766        </div>
767        <div>
768          <h4 class="font-semibold text-gray-900 mb-4 text-sm">Företag</h4>
769          <ul class="space-y-2 text-sm text-gray-500">
770            <li><a class="hover:text-gray-900 transition-colors" href="/om-oss">Om oss</a></li>
771            <li><a href="#kontakt" class="hover:text-gray-900 transition-colors">Kontakt</a></li>
772            <li><a href="#" class="hover:text-gray-900 transition-colors">Integritetspolicy</a></li>
773          </ul>
774        </div>
775        <div>
776          <h4 class="font-semibold text-gray-900 mb-4 text-sm">Kontakt</h4>
777          <ul class="space-y-2 text-sm text-gray-500">
778            <li class="flex items-center gap-2">
779              <i data-lucide="mail" class="w-4 h-4"></i>
780              <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="553c3b333a153c3b262c3b7b343c">[email&#160;protected]</a>
781            </li>
782            <li class="flex items-center gap-2">
783              <i data-lucide="map-pin" class="w-4 h-4"></i>
784              Arvika, Sverige
785            </li>
786          </ul>
787        </div>
788      </div>
789      <div class="border-t border-gray-200 mt-12 pt-8 text-center text-sm text-gray-400">
790        <p>&copy; 2026 insyn.ai. Alla rättigheter förbehållna.</p>
791      </div>
792    </div>
793  </footer>
794
795</div>
796
797<style>
798  @property --neon-angle {
799    syntax: "<angle>";
800    initial-value: 0deg;
801    inherits: false;
802  }
803
804  .neon-card {
805    position: relative;
806  }
807
808  .neon-card::before {
809    content: '';
810    position: absolute;
811    inset: 0;
812    border-radius: inherit;
813    padding: 1px;
814    background: conic-gradient(
815      from var(--neon-angle),
816      transparent 0%,
817      transparent 70%,
818      rgba(45, 212, 191, 0.3) 75%,
819      rgba(168, 85, 247, 0.2) 80%,
820      rgba(59, 130, 246, 0.3) 85%,
821      transparent 90%,
822      transparent 100%
823    );
824    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
825    -webkit-mask-composite: xor;
826    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
827    mask-composite: exclude;
828    animation: neon-spin 25s linear infinite;
829    pointer-events: none;
830  }
831
832  @keyframes neon-spin {
833    to { --neon-angle: 360deg; }
834  }
835
836  .landing-fade-in {
837    animation: landing-fade 0.6s ease-out forwards;
838    opacity: 0;
839  }
840
841  @keyframes landing-fade {
842    from { opacity: 0; transform: translateY(15px); }
843    to   { opacity: 1; transform: translateY(0); }
844  }
845</style>
vendor: 110 bytes, lines 845-847
845
846
847<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
847<script>
848(function() {
849  var canvas = document.getElementById("particles-canvas");
850  if (!canvas) return;
851  var ctx = canvas.getContext("2d");
852  var mouse = { x: -9999, y: -9999 };
853  var particles = [];
854  var COUNT = 180;
855  var colors = [
856    "rgba(20,184,166,0.4)",    // teal-500
857    "rgba(45,212,191,0.35)",   // teal-400
858    "rgba(13,148,136,0.4)",    // teal-600
859    "rgba(94,234,212,0.3)",    // teal-300
860    "rgba(148,163,184,0.3)",   // slate-400
861    "rgba(203,213,225,0.35)",  // slate-300
862    "rgba(100,116,139,0.25)",  // slate-500
863  ];
864  var raf;
865
866  function resize() {
867    canvas.width = window.innerWidth;
868    canvas.height = window.innerHeight;
869  }
870
871  function create() {
872    particles = [];
873    for (var i = 0; i < COUNT; i++) {
874      var speed = 0.15 + Math.random() * 0.35;
875      var angle = Math.random() * Math.PI * 2;
876      particles.push({
877        x: Math.random() * canvas.width,
878        y: Math.random() * canvas.height,
879        vx: Math.cos(angle) * speed,
880        vy: Math.sin(angle) * speed,
881        radius: 1 + Math.random() * 2.5,
882        color: colors[Math.floor(Math.random() * colors.length)]
883      });
884    }
885  }
886
887  function draw() {
888    ctx.clearRect(0, 0, canvas.width, canvas.height);
889    for (var i = 0; i < particles.length; i++) {
890      var p = particles[i];
891      // Random wobble
892      p.vx += (Math.random() - 0.5) * 0.04;
893      p.vy += (Math.random() - 0.5) * 0.04;
894
895      p.x += p.vx;
896      p.y += p.vy;
897
898      // Mouse repulse
899      var dx = p.x - mouse.x, dy = p.y - mouse.y;
900      var dist = Math.sqrt(dx * dx + dy * dy);
901      if (dist < 130 && dist > 0) {
902        var force = (1 - dist / 130) * 0.5;
903        p.vx += (dx / dist) * force;
904        p.vy += (dy / dist) * force;
905      }
906
907      // Damping back to drift speed
908      p.vx *= 0.995;
909      p.vy *= 0.995;
910
911      // Wrap edges
912      if (p.x < -10) p.x = canvas.width + 10;
913      if (p.x > canvas.width + 10) p.x = -10;
914      if (p.y < -10) p.y = canvas.height + 10;
915      if (p.y > canvas.height + 10) p.y = -10;
916
917      // Draw circle
918      ctx.beginPath();
919      ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
920      ctx.fillStyle = p.color;
921      ctx.fill();
922    }
923    raf = requestAnimationFrame(draw);
924  }
925
926  resize();
927  create();
928  draw();
929
930  window.addEventListener("resize", function() { resize(); create(); });
931  window.addEventListener("mousemove", function(e) { mouse.x = e.clientX; mouse.y = e.clientY; });
932  document.addEventListener("turbo:before-visit", function() { cancelAnimationFrame(raf); });
933})();
934</script>
934
935
936    
936<script>lucide.createIcons();</script>
936
937  </body>
938</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.