Repository navigation
Expand file tree
/
Copy pathmobile.html
More file actions
602 lines (565 loc) · 34 KB
/
Copy pathmobile.html
File metadata and controls
602 lines (565 loc) · 34 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OHIP Billing on the Go | IntelAGENT Mobile App</title>
<meta name="description" content="Bill OHIP from the hospital in about ten seconds a patient. Your rounding list is already loaded, your codes are one tap, and claims go straight to the Ministry. iOS and Android.">
<link rel="canonical" href="https://www.intelagent.ca/mobile.html" />
<link href="fonts/plus-jakarta-sans.css" rel="stylesheet">
<link href="fonts/fraunces.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/kit.css?v=22" rel="stylesheet"><!-- design-kit proposal, overrides base -->
<style>
/* This hero's headline is longer than the shared one, so give the text
column more room and let it wrap on its own terms. */
.hero .hero-grid { grid-template-columns: 1.04fr 0.96fr; }
.hero .hero-media { transform: none; }
.hero .h1 { font-size: clamp(38px, 4.6vw, 58px); text-wrap: balance; }
/* --- hero: numbers instead of unfalsifiable checkmarks --- */
.hero-figures {
display: flex;
flex-wrap: wrap;
gap: 8px 28px;
list-style: none;
margin: 26px 0 0;
padding: 20px 0 0;
border-top: 1px solid var(--line);
font-size: 14.5px;
color: var(--muted);
}
.hero-figures .mono { color: var(--ink); font-weight: 600; }
/* --- a real screenshot, framed --- */
.shot { display: flex; justify-content: center; }
.shot img {
width: 100%;
max-width: 320px;
height: auto;
display: block;
background: #fff;
border: 1px solid var(--line);
border-radius: 20px;
}
.shot--on-ink img {
border-color: rgba(255, 255, 255, 0.14);
box-shadow: 0 26px 64px rgba(0, 0, 0, 0.34);
}
/* illustration that fills its card edge to edge */
.shot-flush { padding: 0; overflow: hidden; display: flex; }
.shot-flush img { width: 100%; height: auto; display: block; }
/* --- the ten seconds, played back --- */
.demo { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.demo-steps { display: grid; gap: 10px; align-content: start; }
.demo-step {
display: flex;
gap: 18px;
align-items: flex-start;
text-align: left;
width: 100%;
padding: 20px 22px;
background: var(--bg);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
opacity: 0.62;
}
.demo-step:hover { opacity: 1; border-color: var(--line-strong); }
.demo-step.is-active {
opacity: 1;
background: var(--brand-soft);
border-color: rgba(31, 122, 96, 0.28);
}
.demo-step .how-num {
margin-bottom: 0;
flex: none;
width: 36px;
height: 36px;
font-size: 14px;
background: var(--bg);
transition: background-color 0.2s ease, color 0.2s ease;
}
.demo-step.is-active .how-num { background: var(--brand); color: #fff; border-color: var(--brand); }
.demo-step-body { display: block; }
.demo-step-title {
display: flex;
align-items: baseline;
gap: 10px;
font-size: 17px;
font-weight: 600;
letter-spacing: -0.015em;
color: var(--ink);
margin-bottom: 4px;
}
/* stage */
.demo-stage { display: flex; flex-direction: column; align-items: center; gap: 18px; }
/* Must out-specify `.phone > img` in kit.css (0,1,1), which lays the
single-screenshot phones out statically. These three stack. */
.phone > img.demo-frame {
position: absolute;
/* Not `inset` + `width:auto`: for an absolutely positioned replaced
element, auto width resolves to the image's intrinsic width, so
`right` is dropped as over-constrained and the screen overhangs
the bezel on the right. Size it explicitly instead. */
top: var(--bezel);
left: var(--bezel);
width: calc(100% - var(--bezel) * 2);
height: calc(100% - var(--bezel) * 2);
border-radius: var(--screen-radius);
object-fit: cover;
object-position: top;
opacity: 0;
transition: opacity 0.22s ease;
}
.phone > img.demo-frame.is-on { opacity: 1; }
.demo-tap {
position: absolute;
z-index: 4;
width: 46px;
height: 46px;
margin: -23px 0 0 -23px;
border-radius: 999px;
background: rgba(82, 191, 159, 0.32);
border: 2px solid #52bf9f;
opacity: 0;
pointer-events: none;
}
.demo-tap.is-firing { animation: demo-tap 0.62s ease-out; }
@keyframes demo-tap {
0% { opacity: 0; transform: scale(0.35); }
22% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(1.75); }
}
.demo-done {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
color: var(--brand-ink);
background: var(--brand-soft);
border: 1px solid rgba(31, 122, 96, 0.22);
opacity: 0;
transform: translateY(6px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.demo-done.is-on { opacity: 1; transform: none; }
@media (max-width: 900px) {
.demo { grid-template-columns: 1fr; gap: 36px; }
.demo-stage { order: -1; }
}
@media (prefers-reduced-motion: reduce) {
.demo-frame { transition: none; }
.demo-tap.is-firing { animation: none; }
}
</style>
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "y9xfe4yo1l");
</script>
</head>
<body>
<!-- Navigation -->
<nav id="main-nav" class="nav">
<div class="container">
<div class="nav-inner">
<a href="index.html" aria-label="IntelAGENT home">
<img src="img/intelagent_logo_written.svg" alt="IntelAGENT" style="height:34px">
</a>
<div class="nav-links">
<div class="dropdown">
<button class="nav-link" style="display:flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer">
Products
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
</button>
<div class="dropdown-menu">
<div class="dropdown-panel">
<a href="mobile.html" class="dropdown-item">
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" viewBox="0 0 24 24" style="color:var(--brand);flex:none"><path stroke-linecap="round" stroke-linejoin="round" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
<div>
<div style="font-weight:600;color:var(--ink);font-size:15px">Mobile App</div>
<div class="small muted">Bill on-the-go</div>
</div>
</a>
<a href="web.html" class="dropdown-item">
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" viewBox="0 0 24 24" style="color:var(--brand);flex:none"><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
<div>
<div style="font-weight:600;color:var(--ink);font-size:15px">Web Portal</div>
<div class="small muted">Full-featured billing</div>
</div>
</a>
<a href="departments-and-groups.html" class="dropdown-item">
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" viewBox="0 0 24 24" style="color:var(--brand);flex:none"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
<div>
<div style="font-weight:600;color:var(--ink);font-size:15px">Departments & Groups</div>
<div class="small muted">AFA, Academic and ED</div>
</div>
</a>
<a href="clinics.html" class="dropdown-item">
<svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" viewBox="0 0 24 24" style="color:var(--brand);flex:none"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
<div>
<div style="font-weight:600;color:var(--ink);font-size:15px">Clinics</div>
<div class="small muted">Managed billing & EMR</div>
</div>
</a>
</div>
</div>
</div>
<a href="pricing.html" class="nav-link">Pricing</a>
<a href="referrals.html" class="nav-link">Referrals</a>
<a href="https://docs.intelagent.ca" class="nav-link">Documentation</a>
<a href="contact.html" class="nav-link">Contact</a>
<a href="https://app.intelagent.ca/login" class="nav-link">Login</a>
<a href="https://app.intelagent.ca/register" class="btn btn--primary">Start Trial</a>
</div>
<button class="show-mobile" id="menu-btn" aria-label="Menu" style="background:none;border:0;padding:8px;cursor:pointer">
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
</div>
<div id="mobile-menu" style="display:none;padding-bottom:16px">
<a href="mobile.html" class="nav-link" style="display:block;padding:8px 0">Mobile App</a>
<a href="web.html" class="nav-link" style="display:block;padding:8px 0">Web Portal</a>
<a href="departments-and-groups.html" class="nav-link" style="display:block;padding:8px 0">Departments & Groups</a>
<a href="clinics.html" class="nav-link" style="display:block;padding:8px 0">Clinics</a>
<a href="pricing.html" class="nav-link" style="display:block;padding:8px 0">Pricing</a>
<a href="referrals.html" class="nav-link" style="display:block;padding:8px 0">Referrals</a>
<a href="https://docs.intelagent.ca" class="nav-link" style="display:block;padding:8px 0">Documentation</a>
<a href="contact.html" class="nav-link" style="display:block;padding:8px 0">Contact</a>
<a href="https://app.intelagent.ca/login" class="nav-link" style="display:block;padding:8px 0">Login</a>
<a href="https://app.intelagent.ca/register" class="btn btn--primary btn--block" style="margin-top:10px">Start Trial</a>
</div>
</div>
</nav>
<!-- Hero -->
<section class="hero">
<div class="container">
<div class="hero-grid">
<div>
<span class="eyebrow">Mobile App</span>
<h1 class="h1">
Ten seconds<br>a patient, <span class="accent">on the go</span>
</h1>
<p class="lede" style="max-width:38ch">
Your rounding list is already on your phone. Tap a patient, tap your codes, submit straight to OHIP — between rooms, not after dinner.
</p>
<div class="row">
<a href="https://itunes.apple.com/ca/app/intelagent-ohip-billing/id1394360074?mt=8">
<img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on App Store" style="height:48px">
</a>
<a href="https://play.google.com/store/apps/details?id=com.intelagent">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" style="height:48px">
</a>
</div>
<ul class="hero-figures">
<li><span class="mono">2,000+</span> Ontario physicians billing</li>
<li>Submitting to OHIP since <span class="mono">2016</span></li>
</ul>
</div>
<div class="hero-media hide-mobile" style="display:flex;justify-content:center">
<div class="phone phone--lg">
<img src="img/mobile-records-phone.png" alt="The Records screen in the IntelAGENT app: 212 claims totalling $12,006.80 billed and $2,495.93 paid, grouped by service date with each patient's billing code and status">
</div>
</div>
</div>
</div>
</section>
<!-- Point-of-Care (moved up: this is the ground the product is actually fought on) -->
<section class="section section--ink">
<div class="container">
<div class="split-grid">
<div style="display:flex;justify-content:center">
<div class="phone phone--on-ink">
<img src="img/mobile-roster-phone.png" alt="A patient roster in the IntelAGENT app: eight patients on a long-term care ward, each showing its claim status for today">
</div>
</div>
<div>
<span class="eyebrow eyebrow--on-ink">Point-of-Care</span>
<h2 class="h2" style="color:#fff">Your rounding list, already <span class="accent">loaded</span></h2>
<p class="lede" style="color:rgba(255,255,255,0.62)">Hospital rounds, nursing homes, house calls, ER shifts. Your roster carries over from one day to the next, so the ward you're working is the list on your phone. Tap a name and the claim is already filled in.</p>
<ul class="spec spec--on-ink" style="margin-top:32px">
<li><span class="spec-key">Carry-over</span>Patients carry over day to day — you never rebuild the list</li>
<li><span class="spec-key">Pre-filled</span>Health card, date of birth, facility and diagnosis come with the patient</li>
<li><span class="spec-key">No doubles</span>Every name shows whether it has been claimed today — no duplicates on a shared ward</li>
</ul>
</div>
</div>
</div>
</section>
<!-- How it works / the 10 seconds, demonstrated -->
<section class="section">
<div class="container">
<div class="center narrow mx-auto" style="margin-bottom:52px">
<span class="eyebrow" style="margin-inline:auto">How it works</span>
<h2 class="h2">One patient. About <span class="accent">ten seconds</span>.</h2>
<p class="lede" style="margin-bottom:0">Not a claim form. Three taps against a list you already have.</p>
</div>
<div class="demo" id="demo">
<div class="demo-steps">
<button class="demo-step is-active" type="button" data-step="0" aria-pressed="true">
<span class="how-num">01</span>
<span class="demo-step-body">
<span class="demo-step-title">Validate the patient</span>
<span class="demo-step-copy">Scan or tap the card and it is checked against the Ministry on the spot. A green tick means the number, version code and eligibility are all good.</span>
</span>
</button>
<button class="demo-step" type="button" data-step="1" aria-pressed="false">
<span class="how-num">02</span>
<span class="demo-step-body">
<span class="demo-step-title">Tap your codes</span>
<span class="demo-step-copy">Your favourite diagnosis and your favourite billing codes are one tap each — no searching, no scrolling a fee schedule.</span>
</span>
</button>
<button class="demo-step" type="button" data-step="2" aria-pressed="false">
<span class="how-num">03</span>
<span class="demo-step-body">
<span class="demo-step-title">Submit</span>
<span class="demo-step-copy">Straight to the Ministry, and the claim is in your records before you have left the room. No export, no second system.</span>
</span>
</button>
<p class="small muted" style="margin:20px 0 0">Three real screens from the IntelAGENT iOS app — pick one to see it. Patient details are fictional.</p>
</div>
<div class="demo-stage">
<div class="phone demo-phone" id="demo-phone">
<img class="demo-frame is-on" src="img/demo-1.png" data-step="0" alt="The claim screen with the health card validated against the Ministry — a green tick beside the card number, and the patient details filled in">
<img class="demo-frame" src="img/demo-2.png" data-step="1" alt="Favourite diagnostic codes and favourite billing codes, one of each tapped and applied to the claim">
<img class="demo-frame" src="img/demo-3.png" data-step="2" alt="The submitted claim in Records, marked successful">
<span class="demo-tap" id="demo-tap" aria-hidden="true"></span>
</div>
<div class="demo-done" id="demo-done" aria-hidden="true">
<svg width="15" height="15" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
Sent to OHIP
</div>
</div>
</div>
</div>
</section>
<!-- Key Features — claims, not labels -->
<section class="section section--paper">
<div class="container">
<div class="center narrow mx-auto" style="margin-bottom:44px">
<span class="eyebrow" style="margin-inline:auto">Features</span>
<h2 class="h2">Claims that go in right the <span class="accent">first time</span></h2>
<p class="lede" style="margin-bottom:0">Four checks between you and a rejection, every one of them run on the phone before the claim leaves it.</p>
</div>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px">
<div class="card" style="padding:28px">
<span class="card-idx">01 / HEALTH CARD</span>
<h3 class="h3">The card is checked, not assumed</h3>
<p class="muted small" style="margin:0">Every card is checked against the Ministry as you enter it — number, version code and eligibility. A card that would have been rejected fails here, while the patient is still in front of you.</p>
</div>
<div class="card" style="padding:28px">
<span class="card-idx">02 / BILLING RULES</span>
<h3 class="h3">Every code checked against the rules that reject it</h3>
<p class="muted small" style="margin:0">Nearly 200 billing rules run over the codes you have picked — limits, required diagnoses, codes that can't be billed together — and tell you before you submit, not six weeks later.</p>
</div>
<div class="card" style="padding:28px">
<span class="card-idx">03 / FAVOURITES & SUGGESTIONS</span>
<h3 class="h3">The code you always forget</h3>
<p class="muted small" style="margin:0">Your favourites and your last claim both sit one tap from a new one, and the app suggests the add-ons that belong with what you have billed — so the premium you keep meaning to add doesn't get left off again.</p>
</div>
<div class="card" style="padding:28px">
<span class="card-idx">04 / REFERRING PHYSICIANS</span>
<h3 class="h3">The referring number is already right</h3>
<p class="muted small" style="margin:0">Search a name and get the billing number from a checked list of Ontario physicians, rather than copying six digits off a consult letter and hoping.</p>
</div>
</div>
</div>
</section>
<!-- Feature Highlight: Health Card Scanner -->
<section class="section">
<div class="container">
<div class="split-grid">
<div class="card shot-flush">
<img src="img/health-card-scan.svg" alt="A health card held in the app's camera viewfinder, with the card number, version code and date of birth parsed out beside it and confirmed valid with the Ministry">
</div>
<div>
<span class="eyebrow">Health Card Scanner</span>
<h2 class="h2">Scan health cards <span class="accent">instantly</span></h2>
<p class="lede">Point the camera at an Ontario health card and the number, version code and patient details fill themselves in. For a patient who isn't on a roster yet, this is the whole of data entry.</p>
<ul class="spec">
<li><span class="spec-key">Capture</span>Number, version code and date of birth in one tap</li>
<li><span class="spec-key">Check</span>Validated against the Ministry before you bill</li>
<li><span class="spec-key">A whole list</span>Scan a stack of cards in one go — each one validated as it lands</li>
<li><span class="spec-key">Then decide</span>Save them as patients to bill later, or drop the batch straight into a roster</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Feature Highlight: Revenue Tracking -->
<section class="section section--paper">
<div class="container">
<div class="split-grid">
<div>
<span class="eyebrow">Revenue Tracking</span>
<h2 class="h2">Watch the month <span class="accent">add up</span></h2>
<p class="lede">Every claim you submit moves the number that day. Day, week, month and year, each against the same period before it, over a chart of what you billed and how many claims it took — so you know where you stand without waiting on a remittance advice.</p>
<ul class="spec">
<li><span class="spec-key">Comparison</span>Every figure against the same period last time</li>
<li><span class="spec-key">Two axes</span>Dollars and claim counts on one chart — a slow day and a cheap day look different</li>
<li><span class="spec-key">Basis</span>Paid where OHIP has settled, billed where it hasn't</li>
</ul>
</div>
<div style="display:flex;justify-content:center">
<div class="phone phone--lg">
<img src="img/mobile-revenue.png" alt="The Revenue screen in the app: day, week, month and year totals with the change on each, above a daily revenue bar chart with a claim-count line over the last fourteen days, and monthly claim revenue below">
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="section">
<div class="container center narrow">
<span class="eyebrow" style="margin-inline:auto">Get Started</span>
<h2 class="h2">Leave the hospital with the billing <span class="accent">done</span></h2>
<p class="lede">Download the IntelAGENT mobile app and start your free trial today.</p>
<div class="row" style="justify-content:center;margin-bottom:16px">
<a href="https://itunes.apple.com/ca/app/intelagent-ohip-billing/id1394360074?mt=8">
<img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="App Store" style="height:52px">
</a>
<a href="https://play.google.com/store/apps/details?id=com.intelagent">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Google Play" style="height:52px">
</a>
</div>
<p class="muted">Or <a href="web.html" class="link-more" style="display:inline-flex">explore the Web Portal</a> for desktop billing.</p>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div>
<img src="img/intelagent_logo_written.svg" alt="IntelAGENT" style="height:30px;margin-bottom:14px;filter:brightness(0) invert(1);opacity:0.85">
<p class="small" style="margin:0;max-width:30ch">OHIP billing software for Ontario physicians. Serving the province since 2016.</p>
</div>
<div>
<h4>Products</h4>
<ul style="list-style:none;padding:0;margin:0;display:grid;gap:9px" class="small">
<li><a href="mobile.html">Mobile App</a></li>
<li><a href="web.html">Web Portal</a></li>
<li><a href="departments-and-groups.html">Departments & Groups</a></li>
<li><a href="clinics.html">Clinics</a></li>
</ul>
</div>
<div>
<h4>Resources</h4>
<ul style="list-style:none;padding:0;margin:0;display:grid;gap:9px" class="small">
<li><a href="what-is-ohip-billing.html">What is OHIP Billing?</a></li>
<li><a href="referrals.html">Referral Program</a></li>
<li><a href="compare.html">Compare Billing Software</a></li>
<li><a href="https://docs.intelagent.ca">Documentation</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div>
<h4>Get the App</h4>
<div style="display:grid;gap:8px;justify-items:start">
<a href="https://itunes.apple.com/ca/app/intelagent-ohip-billing/id1394360074?mt=8">
<img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" style="height:38px">
</a>
<a href="https://play.google.com/store/apps/details?id=com.intelagent">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" style="height:38px">
</a>
</div>
</div>
</div>
<div class="footer-bot">
<p style="margin:0">© 2026 IntelAGENT. All rights reserved.</p>
<div class="row" style="gap:22px">
<a href="privacy.html">Privacy Policy</a>
<a href="terms.html">Terms of Service</a>
</div>
</div>
</div>
</footer>
<!-- Intercom -->
<script>
window.intercomSettings = { api_base: "https://api-iam.intercom.io", app_id: "v2fuk9gg" };
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/v2fuk9gg';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
<script>
// Nav: hairline border once scrolled, hide on scroll down
(function () {
var lastY = window.scrollY;
var nav = document.getElementById('main-nav');
window.addEventListener('scroll', function () {
var y = window.scrollY;
nav.classList.toggle('is-scrolled', y > 60);
nav.style.transform = (y > lastY && y > 120) ? 'translateY(-100%)' : 'translateY(0)';
lastY = y;
}, { passive: true });
})();
// Mobile menu
(function () {
var btn = document.getElementById('menu-btn');
var menu = document.getElementById('mobile-menu');
btn.addEventListener('click', function () {
menu.style.display = menu.style.display === 'none' ? 'block' : 'none';
});
})();
// "One patient. About ten seconds." — three real screens you step through.
// Deliberately not a player: there is no footage here, so there is no
// clock and no transport. Clicking a step shows that step.
(function () {
var root = document.getElementById('demo');
if (!root) return;
// Where the finger lands on each screen, as a fraction of the frame.
var TAPS = [null, { x: 0.18, y: 0.30 }, { x: 0.72, y: 0.80 }];
var frames = Array.prototype.slice.call(root.querySelectorAll('.demo-frame'));
var rows = Array.prototype.slice.call(root.querySelectorAll('.demo-step'));
var tap = document.getElementById('demo-tap');
var current = 0;
function show(i, withTap) {
if (i === current) return;
current = i;
frames.forEach(function (f, n) {
var on = n === i;
f.classList.toggle('is-on', on);
// Inline as well as the class: a class-driven transition can be
// parked at currentTime 0 and strand a frame invisible.
f.style.opacity = on ? '1' : '0';
});
rows.forEach(function (r, n) {
r.classList.toggle('is-active', n === i);
r.setAttribute('aria-pressed', n === i ? 'true' : 'false');
});
var spot = TAPS[i];
if (withTap && spot) {
tap.style.left = (spot.x * 100) + '%';
tap.style.top = (spot.y * 100) + '%';
tap.classList.remove('is-firing');
void tap.offsetWidth;
tap.classList.add('is-firing');
}
}
rows.forEach(function (row, i) {
row.addEventListener('click', function () { show(i, true); });
});
})();
</script>
<!-- Default Statcounter code for IntelAGENT
http://www.intelagent.ca -->
<script type="text/javascript">
var sc_project=11676376;
var sc_invisible=1;
var sc_security="e26cdf74";
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="https://c.statcounter.com/11676376/0/e26cdf74/1/"
alt="Web Analytics"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
<!-- End of Statcounter Code -->
</body>
</html>