PageSourceSearch

https://adroitai.ai/asia-pacific/

html adroitai.ai collected 2026-10-05 16:26:22 UTC 42,357 bytes, 1,140 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Adroit | Unified Chemistry & Biology Data Platform — Asia Pacific</title>
7    <meta name="description" content="From Singapore to Sydney, Adroit AI helps genomics labs, CROs, and research institutions turn scattered data into platforms you can actually search and feed into AI.">
8
9    <!-- Open Graph for social sharing -->
10    <meta property="og:title" content="Adroit AI - Chemistry & Biology Data Platform — Asia Pacific">
11    <meta property="og:description" content="From Singapore to Sydney, Adroit AI helps genomics labs, CROs, and research institutions turn scattered data into platforms you can actually search and feed into AI.">
12    <meta property="og:image" content="https://adroitai.ai/assets/og-image.png">
13    <meta property="og:url" content="https://adroitai.ai/asia-pacific/">
14    <meta property="og:type" content="website">
15    <meta property="og:site_name" content="Adroit AI">
16
17    <!-- Twitter Card -->
18    <meta name="twitter:card" content="summary_large_image">
19    <meta name="twitter:title" content="Adroit AI - Chemistry & Biology Data Platform — Asia Pacific">
20    <meta name="twitter:description" content="From Singapore to Sydney, Adroit AI helps genomics labs, CROs, and research institutions turn scattered data into platforms you can actually search and feed into AI.">
21    <meta name="twitter:image" content="https://adroitai.ai/assets/og-image.png">
22
23    <link rel="canonical" href="https://adroitai.ai/asia-pacific/">
24
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Sora:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
28    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
29    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
30    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
31    <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
32    <style>
33        * {
34            margin: 0;
35            padding: 0;
36            box-sizing: border-box;
37        }
38
39        :root {
40            --primary: #0D9488;
41            --primary-light: #14B8A6;
42            --primary-dark: #0F766E;
43            --primary-50: #F0FDFA;
44            --primary-100: #CCFBF1;
45            --bg-primary: #ffffff;
46            --bg-secondary: #f5f6f8;
47            --bg-card: #ffffff;
48            --text-primary: #1a1a2e;
49            --text-secondary: #555770;
50            --text-muted: #8e90a6;
51            --border: #e0e2e9;
52            --shadow-sm: 0 1px 2px 0 rgb(0 0 0/0.05);
53            --shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1);
54            --shadow-md: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
55            --radius-sm: 6px;
56            --radius-lg: 12px;
57            /* Legacy compat */
58            --teal: #0D9488;
59            --teal-dark: #0F766E;
60            --teal-glow: rgba(13, 148, 136, 0.12);
61            --gradient-teal: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);
62        }
63
64        html {
65            scroll-behavior: smooth;
66        }
67
68        body {
69            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
70            background-color: var(--bg-primary);
71            color: var(--text-primary);
72            line-height: 1.6;
73            overflow-x: hidden;
74        }
75
76        .container {
77            max-width: 1200px;
78            margin: 0 auto;
79            padding: 0 24px;
80        }
81
82        /* Header */
83        header {
84            position: fixed;
85            top: 0;
86            left: 0;
87            right: 0;
88            z-index: 100;
89            padding: 16px 0;
90            background: linear-gradient(135deg, #0D9488, #0F766E 60%, #115E59);
91            backdrop-filter: blur(20px);
92            border-bottom: none;
93        }
94
95        .header-content {
96            display: flex;
97            justify-content: space-between;
98            align-items: center;
99        }
100
101        .logo {
102            font-family: 'Sora', sans-serif;
103            font-size: 22px;
104            font-weight: 700;
105            color: #ffffff;
106            text-decoration: none;
107            letter-spacing: -0.5px;
108        }
109
110        .logo span {
111            color: rgba(255,255,255,0.9);
112        }
113
114        .nav-links {
115            display: flex;
116            gap: 40px;
117            list-style: none;
118        }
119
120        .nav-links a {
121            color: rgba(255,255,255,0.8);
122            text-decoration: none;
123            font-size: 14px;
124            font-weight: 500;
125            transition: color 0.3s ease;
126        }
127
128        .nav-links a:hover {
129            color: #ffffff;
130        }
131
132        .region-badge {
133            padding: 10px 24px;
134            background: #ffffff;
135            color: var(--primary);
136            border-radius: var(--radius-sm);
137            font-size: 14px;
138            font-weight: 600;
139            transition: all 0.3s ease;
140        }
141
142        .region-badge:hover {
143            background: rgba(255,255,255,0.9);
144            transform: translateY(-2px);
145            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
146        }
147
148        /* Hero Section */
149        .hero {
150            min-height: 100vh;
151            display: flex;
152            align-items: center;
153            padding: 140px 0 100px;
154            text-align: center;
155            position: relative;
156            overflow: hidden;
157            background: linear-gradient(135deg, #0D9488, #0F766E 60%, #115E59);
158        }
159
160        .hero::before {
161            content: '';
162            position: absolute;
163            top: -50%;
164            right: -20%;
165            width: 80%;
166            height: 150%;
167            background: radial-gradient(ellipse at center, rgba(255,255,255,0.08) 0%, transparent 60%);
168            pointer-events: none;
169        }
170
171        .hero .container {
172            position: relative;
173            z-index: 1;
174        }
175
176        .hero h1 {
177            font-family: 'Sora', sans-serif;
178            font-size: clamp(48px, 8vw, 80px);
179            font-weight: 700;
180            line-height: 1.05;
181            letter-spacing: -2px;
182            margin-bottom: 24px;
183            color: #ffffff;
184        }
185
186        .hero h1 span {
187            color: #ffffff;
188            background: none;
189            -webkit-background-clip: unset;
190            -webkit-text-fill-color: #ffffff;
191            background-clip: unset;
192        }
193
194        .hero .subhead {
195            font-size: 20px;
196            color: rgba(255,255,255,0.85);
197            max-width: 560px;
198            margin: 0 auto 40px;
199            line-height: 1.7;
200        }
201
202        .hero-cta {
203            display: flex;
204            gap: 16px;
205            justify-content: center;
206            flex-wrap: wrap;
207        }
208
209        .btn {
210            display: inline-flex;
211            align-items: center;
212            gap: 8px;
213            padding: 16px 32px;
214            border-radius: var(--radius-sm);
215            font-size: 16px;
216            font-weight: 600;
217            text-decoration: none;
218            transition: all 0.3s ease;
219            cursor: pointer;
220            border: none;
221        }
222
223        .btn-primary {
224            background: #ffffff;
225            color: var(--primary);
226        }
227
228        .btn-primary:hover {
229            background: rgba(255,255,255,0.9);
230            transform: translateY(-3px);
231            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
232        }
233
234        .btn-secondary {
235            background: transparent;
236            color: #ffffff;
237            border: 1px solid rgba(255,255,255,0.4);
238        }
239
240        .btn-secondary:hover {
241            border-color: #ffffff;
242            background: rgba(255,255,255,0.1);
243            transform: translateY(-3px);
244        }
245
246        /* Features Section */
247        .features {
248            padding: 120px 0;
249            background-color: var(--bg-secondary);
250        }
251
252        .section-header {
253            text-align: center;
254            margin-bottom: 60px;
255        }
256
257        .section-label {
258            display: inline-block;
259            font-size: 12px;
260            font-weight: 600;
261            text-transform: uppercase;
262            letter-spacing: 2px;
263            color: var(--primary);
264            margin-bottom: 16px;
265        }
266
267        .section-title {
268            font-family: 'Sora', sans-serif;
269            font-size: clamp(36px, 5vw, 52px);
270            font-weight: 600;
271            letter-spacing: -1px;
272            color: #111827;
273            margin-bottom: 20px;
274        }
275
276        .section-subtitle {
277            font-size: 18px;
278            color: var(--text-secondary);
279            max-width: 600px;
280            margin: 0 auto;
281        }
282
283        .features-grid {
284            display: grid;
285            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
286            gap: 24px;
287        }
288
289        .feature-card {
290            background: var(--bg-card);
291            border: 1px solid var(--border);
292            border-radius: var(--radius-lg);
293            padding: 40px;
294            transition: all 0.4s ease;
295            position: relative;
296            overflow: hidden;
297            box-shadow: var(--shadow-sm);
298        }
299
300        .feature-card::before {
301            content: '';
302            position: absolute;
303            top: 0;
304            left: 0;
305            right: 0;
306            height: 3px;
307            background: var(--gradient-teal);
308            opacity: 0;
309            transition: opacity 0.4s ease;
310        }
311
312        .feature-card:hover {
313            transform: translateY(-8px);
314            border-color: var(--primary);
315            box-shadow: var(--shadow-md);
316        }
317
318        .feature-card:hover::before {
319            opacity: 1;
320        }
321
322        .feature-icon {
323            width: 56px;
324            height: 56px;
325            background: var(--primary-50);
326            border-radius: 14px;
327            display: flex;
328            align-items: center;
329            justify-content: center;
330            margin-bottom: 24px;
331        }
332
333        .feature-icon svg {
334            width: 28px;
335            height: 28px;
336            stroke: var(--primary);
337            fill: none;
338            stroke-width: 1.5;
339        }
340
341        .feature-card h3 {
342            font-family: 'Sora', sans-serif;
343            font-size: 24px;
344            font-weight: 600;
345            color: #111827;
346            margin-bottom: 12px;
347        }
348
349        .feature-card p {
350            color: var(--text-secondary);
351            font-size: 15px;
352            line-height: 1.7;
353        }
354
355        /* Solutions Section */
356        .solutions {
357            padding: 120px 0;
358            background-color: var(--bg-primary);
359        }
360
361        .solutions-grid {
362            display: grid;
363            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
364            gap: 24px;
365        }
366
367        .solution-card {
368            background: var(--bg-card);
369            border: 1px solid var(--border);
370            border-radius: 16px;
371            padding: 32px;
372            transition: all 0.3s ease;
373            box-shadow: var(--shadow-sm);
374        }
375
376        .solution-card:hover {
377            border-color: var(--primary);
378            transform: translateY(-4px);
379            box-shadow: var(--shadow);
380        }
381
382        .solution-icon {
383            width: 56px;
384            height: 56px;
385            background: var(--primary-50);
386            border-radius: 14px;
387            display: flex;
388            align-items: center;
389            justify-content: center;
390            margin-bottom: 20px;
391        }
392
393        .solution-icon svg {
394            width: 28px;
395            height: 28px;
396            stroke: var(--primary);
397            fill: none;
398            stroke-width: 1.5;
399        }
400
401        .solution-card h3 {
402            font-family: 'Sora', sans-serif;
403            font-size: 20px;
404            font-weight: 600;
405            color: #111827;
406            margin-bottom: 12px;
407        }
408
409        .solution-card p {
410            color: var(--text-secondary);
411            font-size: 15px;
412            line-height: 1.6;
413        }
414
415        /* Contact Section */
416        .contact {
417            padding: 120px 0;
418            background-color: var(--bg-secondary);
419        }
420
421        .contact-wrapper {
422            display: grid;
423            grid-template-columns: 1fr 1fr;
424            gap: 60px;
425            align-items: start;
426        }
427
428        @media (max-width: 900px) {
429            .contact-wrapper {
430                grid-template-columns: 1fr;
431                gap: 48px;
432            }
433        }
434
435        .contact-info h2 {
436            font-family: 'Sora', sans-serif;
437            font-size: 32px;
438            font-weight: 600;
439            color: #111827;
440            margin-bottom: 16px;
441        }
442
443        .contact-info > p {
444            color: var(--text-secondary);
445            margin-bottom: 32px;
446            line-height: 1.7;
447        }
448
449        .contact-person {
450            background: var(--bg-card);
451            border: 1px solid var(--border);
452            border-radius: var(--radius-lg);
453            padding: 32px;
454            box-shadow: var(--shadow);
455        }
456
457        .contact-person-header {
458            display: flex;
459            align-items: center;
460            gap: 16px;
461            margin-bottom: 16px;
462        }
463
464        .contact-avatar {
465            width: 80px;
466            height: 80px;
467            background: var(--gradient-teal);
468            border-radius: 50%;
469            display: flex;
470            align-items: center;
471            justify-content: center;
472            font-family: 'Sora', sans-serif;
473            font-size: 24px;
474            font-weight: 700;
475            color: #fff;
476        }
477
478        .contact-person-details h3 {
479            font-family: 'Sora', sans-serif;
480            font-size: 20px;
481            font-weight: 600;
482            color: #111827;
483            margin-bottom: 4px;
484        }
485
486        .contact-person-details p {
487            color: var(--primary);
488            font-size: 14px;
489            font-weight: 500;
490        }
491
492        .contact-person-bio {
493            color: var(--text-secondary);
494            font-size: 15px;
495            line-height: 1.7;
496            margin-bottom: 20px;
497            padding-bottom: 20px;
498            border-bottom: 1px solid var(--border);
499        }
500
501        .contact-links {
502            display: flex;
503            flex-direction: column;
504            gap: 12px;
505        }
506
507        .contact-link {
508            display: flex;
509            align-items: center;
510            gap: 12px;
511            color: var(--text-secondary);
512            text-decoration: none;
513            font-size: 15px;
514            transition: color 0.3s ease;
515        }
516
517        .contact-link:hover {
518            color: var(--primary);
519        }
520
521        .contact-link svg {
522            width: 20px;
523            height: 20px;
524            stroke: var(--primary);
525            fill: none;
526            stroke-width: 1.5;
527        }
528
529        /* Contact Form */
530        .contact-form {
531            background: var(--bg-card);
532            border: 1px solid var(--border);
533            border-radius: var(--radius-lg);
534            padding: 40px;
535            box-shadow: var(--shadow);
536        }
537
538        .contact-form h3 {
539            font-family: 'Sora', sans-serif;
540            font-size: 24px;
541            font-weight: 600;
542            color: #111827;
543            margin-bottom: 24px;
544        }
545
546        .form-group {
547            margin-bottom: 20px;
548        }
549
550        .form-group label {
551            display: block;
552            font-size: 14px;
553            font-weight: 500;
554            color: var(--text-secondary);
555            margin-bottom: 8px;
556        }
557
558        .form-group input,
559        .form-group select,
560        .form-group textarea {
561            width: 100%;
562            padding: 14px 16px;
563            background: #ffffff;
564            border: 1px solid var(--border);
565            border-radius: 10px;
566            color: var(--text-primary);
567            font-family: inherit;
568            font-size: 15px;
569            transition: border-color 0.3s ease;
570        }
571
572        .form-group input:focus,
573        .form-group select:focus,
574        .form-group textarea:focus {
575            outline: none;
576            border-color: var(--primary);
577            box-shadow: 0 0 0 3px rgba(13,148,136,0.1);
578        }
579
580        .form-group textarea {
581            resize: vertical;
582            min-height: 120px;
583        }
584
585        .form-group select {
586            cursor: pointer;
587            appearance: none;
588            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e90a6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
589            background-repeat: no-repeat;
590            background-position: right 12px center;
591            padding-right: 40px;
592        }
593
594        .form-group input::placeholder,
595        .form-group textarea::placeholder {
596            color: var(--text-muted);
597        }
598
599        .form-row {
600            display: grid;
601            grid-template-columns: 1fr 1fr;
602            gap: 16px;
603        }
604
605        @media (max-width: 600px) {
606            .form-row {
607                grid-template-columns: 1fr;
608            }
609        }
610
611        .form-submit {
612            width: 100%;
613            margin-top: 8px;
614            padding: 16px 32px;
615            background: var(--primary);
616            color: #ffffff;
617            border: none;
618            border-radius: var(--radius-sm);
619            font-size: 16px;
620            font-weight: 600;
621            cursor: pointer;
622            transition: all 0.3s ease;
623        }
624
625        .form-submit:hover {
626            background: var(--primary-dark);
627            transform: translateY(-2px);
628            box-shadow: var(--shadow-md);
629        }
630
631        /* Footer — KEEP DARK */
632        footer {
633            background: #0d1117;
634            border-top: 1px solid #21262d;
635            padding: 80px 0 40px;
636        }
637
638        .footer-grid {
639            display: grid;
640            grid-template-columns: 2fr 1fr 1fr 1fr;
641            gap: 60px;
642            margin-bottom: 60px;
643        }
644
645        @media (max-width: 900px) {
646            .footer-grid {
647                grid-template-columns: repeat(2, 1fr);
648                gap: 32px;
649            }
650        }
651
652        @media (max-width: 600px) {
653            .footer-grid {
654                grid-template-columns: 1fr;
655            }
656        }
657
658        .footer-brand .logo {
659            margin-bottom: 16px;
660            display: inline-block;
661        }
662
663        .footer-brand p {
664            color: #8b949e;
665            font-size: 15px;
666            max-width: 280px;
667        }
668
669        .footer-section h4 {
670            font-size: 13px;
671            font-weight: 600;
672            text-transform: uppercase;
673            letter-spacing: 1px;
674            color: #6e7681;
675            margin-bottom: 20px;
676        }
677
678        .footer-contact {
679            display: flex;
680            flex-direction: column;
681            gap: 12px;
682        }
683
684        .footer-contact-item {
685            display: flex;
686            flex-direction: column;
687            gap: 4px;
688        }
689
690        .footer-contact-item .name {
691            color: #c9d1d9;
692            font-weight: 500;
693            font-size: 15px;
694        }
695
696        .footer-contact-item .role {
697            color: #6e7681;
698            font-size: 13px;
699        }
700
701        .footer-contact-item a {
702            color: var(--primary);
703            text-decoration: none;
704            font-size: 14px;
705            transition: color 0.3s ease;
706        }
707
708        .footer-contact-item a:hover {
709            color: var(--primary-light);
710        }
711
712        .footer-bottom {
713            display: flex;
714            justify-content: space-between;
715            align-items: center;
716            padding-top: 40px;
717            border-top: 1px solid #21262d;
718        }
719
720        .footer-bottom p {
721            color: #6e7681;
722            font-size: 14px;
723        }
724
725        .footer-links {
726            display: flex;
727            gap: 32px;
728        }
729
730        .footer-links a {
731            color: #6e7681;
732            text-decoration: none;
733            font-size: 14px;
734            transition: color 0.3s ease;
735        }
736
737        .footer-links a:hover {
738            color: #8b949e;
739        }
740
741        /* Form Status Messages */
742        .form-status {
743            margin-top: 20px;
744            padding: 16px 20px;
745            border-radius: 10px;
746            font-size: 15px;
747            text-align: center;
748            display: none;
749        }
750
751        .form-status.success {
752            display: block;
753            background: rgba(16, 185, 129, 0.1);
754            border: 1px solid rgba(16, 185, 129, 0.3);
755            color: #10b981;
756        }
757
758        .form-status.error {
759            display: block;
760            background: rgba(239, 68, 68, 0.1);
761            border: 1px solid rgba(239, 68, 68, 0.3);
762            color: #ef4444;
763        }
764
765        .form-submit:disabled {
766            opacity: 0.6;
767            cursor: not-allowed;
768        }
769
770        /* Responsive */
771        @media (max-width: 768px) {
772            .nav-links {
773                display: none;
774            }
775
776            .hero-cta {
777                flex-direction: column;
778            }
779
780            .footer-bottom {
781                flex-direction: column;
782                gap: 20px;
783                text-align: center;
784            }
785        }
786    </style>
787    <link rel="stylesheet" href="/assets/sales-chat.css?v=20260930-4">
788</head>
789<body>
790    <!-- Header -->
791    <header>
792        <div class="container">
793            <div class="header-content">
794                <a href="/" style="display:flex; align-items:center; gap:12px; text-decoration:none;">
795                  <svg width="36" height="36" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
796                    <rect x="2" y="8" width="4" height="6" rx="1" fill="#ffffff" opacity="0.3"/>
797                    <rect x="2" y="17" width="4" height="4" rx="1" fill="#ffffff" opacity="0.35"/>
798                    <rect x="2" y="24" width="4" height="8" rx="1" fill="#ffffff" opacity="0.4"/>
799                    <rect x="9" y="9" width="4" height="8" rx="1" fill="#ffffff" opacity="0.45"/>
800                    <rect x="9" y="20" width="4" height="10" rx="1" fill="#ffffff" opacity="0.55"/>
801                    <rect x="16" y="7" width="4" height="12" rx="1" fill="#ffffff" opacity="0.6"/>
802                    <rect x="16" y="22" width="4" height="14" rx="1" fill="#ffffff" opacity="0.7"/>
803                    <rect x="23" y="6" width="4" height="26" rx="1" fill="#ffffff" opacity="0.85"/>
804                    <rect x="30" y="4" width="5" height="32" rx="1.5" fill="#ffffff"/>
805                  </svg>
806                  <div>
807                    <div style="font-family:'Inter',sans-serif; font-size:9px; font-weight:700; color:rgba(255,255,255,0.7); letter-spacing:1.5px; text-transform:uppercase;">ADROIT AI</div>
808                    <div style="font-family:'Sora','Inter',sans-serif; font-size:20px; font-weight:600; color:#ffffff; letter-spacing:-0.02em; line-height:1.1;">Adroit</div>
809                  </div>
810                </a>
811                <ul class="nav-links">
812                    <li><a href="/#platforms">Platforms</a></li>
813                    <li><a href="/#services">Services</a></li>
814                    <li><a href="#contact">Contact</a></li>
815                </ul>
816                <span class="region-badge">Asia Pacific</span>
817            </div>
818        </div>
819    </header>
820
821    <!-- Hero Section -->
822    <section class="hero">
823        <div class="container">
824            <h1>Scientific Data Intelligence<br>for <span>Asia Pacific</span></h1>
825            <p class="subhead">From Singapore to Sydney, we help genomics labs, CROs, and research institutions turn scattered data into platforms you can actually search and feed into AI.</p>
826            <div class="hero-cta">
827                <a href="#contact" class="btn btn-primary">
828                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
829                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
830                    </svg>
831                    Get in Touch
832                </a>
833                <a href="/" class="btn btn-secondary">Learn More</a>
834            </div>
835        </div>
836    </section>
837
838    <!-- Features Section -->
839    <section class="features">
840        <div class="container">
841            <div class="section-header">
842                <p class="section-label">Why Asia Pacific</p>
843                <h2 class="section-title">Regional Expertise, Global Platform</h2>
844                <p class="section-subtitle">Local support and infrastructure for the Asia Pacific research community.</p>
845            </div>
846            <div class="features-grid">
847                <div class="feature-card">
848                    <div class="feature-icon">
849                        <svg viewBox="0 0 24 24">
850                            <circle cx="12" cy="12" r="10"/>
851                            <path d="M2 12h20"/>
852                            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
853                        </svg>
854                    </div>
855                    <h3>Singapore Hub</h3>
856                    <p>Our Singapore office gives you direct access to Southeast Asia's life sciences scene, with local people and support in your timezone.</p>
857                </div>
858                <div class="feature-card">
859                    <div class="feature-icon">
860                        <svg viewBox="0 0 24 24">
861                            <path d="M21.21 15.89A10 10 0 1 1 8 2.83"/>
862                            <path d="M22 12A10 10 0 0 0 12 2v10z"/>
863                        </svg>
864                    </div>
865                    <h3>Regional Reach</h3>
866                    <p>From Japan's pharmaceutical giants to Australia's research institutions, we serve clients across all major Asia Pacific markets with localized implementation support.</p>
867                </div>
868                <div class="feature-card">
869                    <div class="feature-icon">
870                        <svg viewBox="0 0 24 24">
871                            <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
872                            <line x1="8" y1="21" x2="16" y2="21"/>
873                            <line x1="12" y1="17" x2="12" y2="21"/>
874                        </svg>
875                    </div>
876                    <h3>Global Platform</h3>
877                    <p>Solid infrastructure with cloud, on-premise, and hybrid deployment, so you can meet regional data sovereignty rules.</p>
878                </div>
879            </div>
880        </div>
881    </section>
882
883    <!-- Solutions Section -->
884    <section class="solutions">
885        <div class="container">
886            <div class="section-header">
887                <p class="section-label">Solutions</p>
888                <h2 class="section-title">Built for Life Sciences</h2>
889                <p class="section-subtitle">Tools built for the way research organisations actually work.</p>
890            </div>
891            <div class="solutions-grid">
892                <div class="solution-card">
893                    <div class="solution-icon">
894                        <svg viewBox="0 0 24 24">
895                            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
896                            <path d="M2 17l10 5 10-5"/>
897                            <path d="M2 12l10 5 10-5"/>
898                        </svg>
899                    </div>
900                    <h3>Genomics Service Labs</h3>
901                    <p>
901Bring sequencing pipelines, sample tracking, and bioinformatics results into one searchable place.</p>
902                </div>
903                <div class="solution-card">
904                    <div class="solution-icon">
905                        <svg viewBox="0 0 24 24">
906                            <path d="M19 21V5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v16"/>
907                            <path d="M1 21h22"/>
908                            <path d="M9 7h6"/>
909                            <path d="M9 11h6"/>
910                            <path d="M9 15h6"/>
911                        </svg>
912                    </div>
913                    <h3>Pharma & Biotech</h3>
914                    <p>Speed up drug discovery by connecting scattered data sources, getting AI-ready insights, and keeping things compliant.</p>
915                </div>
916                <div class="solution-card">
917                    <div class="solution-icon">
918                        <svg viewBox="0 0 24 24">
919                            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
920                        </svg>
921                    </div>
922                    <h3>Contract Research Organizations</h3>
923                    <p>Manage multi-client data in secure, isolated environments, with automated reporting so studies get delivered faster.</p>
924                </div>
925                <div class="solution-card">
926                    <div class="solution-icon">
927                        <svg viewBox="0 0 24 24">
928                            <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>
929                            <path d="M6 12v5c3 3 9 3 12 0v-5"/>
930                        </svg>
931                    </div>
932                    <h3>Academic Institutions</h3>
933                    <p>Give your researchers shared access to institutional data, with tools for collaboration and proper data governance built in.</p>
934                </div>
935            </div>
936        </div>
937    </section>
938
939    <!-- Contact Section -->
940    <section class="contact" id="contact">
941        <div class="container">
942            <div class="section-header">
943                <p class="section-label">Contact</p>
944                <h2 class="section-title">Let's Talk</h2>
945                <p class="section-subtitle">Want to get your scientific data organized? Get in touch with our Asia Pacific team.</p>
946            </div>
947            <div class="contact-wrapper">
948                <div class="contact-info">
949                    <h2>Your Regional Partner</h2>
950                    <p>Connect directly with our Asia Pacific business development lead to discuss how Adroit AI can help your organization.</p>
951                    <div class="contact-person">
952                        <div class="contact-person-header">
953                            <div class="contact-avatar">JB</div>
954                            <div class="contact-person-details">
955                                <h3>Jeff Buchanan</h3>
956                                <p>Business Development, Asia Pacific</p>
957                            </div>
958                        </div>
959                        <p class="contact-person-bio">Based in Singapore. 20+ years in life sciences commercial roles across pharma and biotech in the Asia Pacific region.</p>
960                        <div class="contact-links">
961                            <a href="/cdn-cgi/l/email-protection#59333c3f3f773b2c3a313837383719383d2b36302d3d30773a3634" class="contact-link">
962                                <svg viewBox="0 0 24 24">
963                                    <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"/>
964                                    <polyline points="22,6 12,13 2,6"/>
965                                </svg>
966                                <span class="__cf_email__" data-cfemail="355f5053531b5740565d545b545b755451475a5c41515c1b565a58">[email&#160;protected]</span>
967                            </a>
968                            <a href="https://linkedin.com/in/jeff-buchanan-8433459/" target="_blank" rel="noopener" class="contact-link">
969                                <svg viewBox="0 0 24 24">
970                                    <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
971                                    <rect x="2" y="9" width="4" height="12"/>
972                                    <circle cx="4" cy="4" r="2"/>
973                                </svg>
974                                Connect on LinkedIn
975                            </a>
976                        </div>
977                    </div>
978                </div>
979                <div class="contact-form">
980                    <h3>Send a Message</h3>
981                    <form id="contactForm" action="https://api.web3forms.com/submit" method="POST">
982                        <input type="hidden" name="access_key" value="95683577-ebae-4380-bd59-2a4222478aa0">
983                        <input type="checkbox" name="botcheck" style="display:none">
984                        <input type="hidden" name="subject" value="New enquiry from Adroit AI — Asia Pacific">
985                        <input type="hidden" name="from_name" value="Adroit AI Website (APAC)">
986                        <div class="form-row">
987                            <div class="form-group">
988                                <label for="firstName">First Name</label>
989                                <input type="text" id="firstName" name="firstName" required>
990                            </div>
991                            <div class="form-group">
992                                <label for="lastName">Last Name</label>
993                                <input type="text" id="lastName" name="lastName" required>
994                            </div>
995                        </div>
996                        <div class="form-group">
997                            <label for="email">Work Email</label>
998                            <input type="email" id="email" name="email" required>
999                        </div>
1000                        <div class="form-group">
1001                            <label for="company">Company / Institution</label>
1002                            <input type="text" id="company" name="company" required>
1003                        </div>
1004                        <div class="form-group">
1005                            <label for="country">Country</label>
1006                            <select id="country" name="country" required>
1007                                <option value="">Select your country</option>
1008                                <option value="AU">Australia</option>
1009                                <option value="CN">China</option>
1010                                <option value="HK">Hong Kong</option>
1011                                <option value="IN">India</option>
1012                                <option value="ID">Indonesia</option>
1013                                <option value="JP">Japan</option>
1014                                <option value="MY">Malaysia</option>
1015                                <option value="NZ">New Zealand</option>
1016                                <option value="PH">Philippines</option>
1017                                <option value="SG">Singapore</option>
1018                                <option value="KR">South Korea</option>
1019                                <option value="TW">Taiwan</option>
1020                                <option value="TH">Thailand</option>
1021                                <option value="VN">Vietnam</option>
1022                                <option value="other">Other</option>
1023                            </select>
1024                        </div>
1025                        <div class="form-group">
1026                            <label for="message">How can we help?</label>
1027                            <textarea id="message" name="message" placeholder="Tell us about your data challenges..." required></textarea>
1028                        </div>
1029                        <div class="h-captcha" data-captcha="true"></div>
vendor: 133 bytes, lines 1029-1030
1029
1030                        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1030<script src="https://web3forms.com/client/script.js" async defer></script>
1030
1031                        <button type="submit" class="btn btn-primary form-submit">Send Message</button>
1032                        <div id="formStatus" class="form-status"></div>
1033                    </form>
1034                </div>
1035            </div>
1036        </div>
1037    </section>
1038
1039    <!-- Footer -->
1040    <footer>
1041        <div class="container">
1042            <div class="footer-grid">
1043                <div class="footer-brand">
1044                    <a href="/" style="display:flex; align-items:center; gap:12px; text-decoration:none;">
1045                      <svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
1046                        <rect x="2" y="8" width="4" height="6" rx="1" fill="#14B8A6" opacity="0.3"/>
1047                        <rect x="2" y="17" width="4" height="4" rx="1" fill="#14B8A6" opacity="0.35"/>
1048                        <rect x="2" y="24" width="4" height="8" rx="1" fill="#14B8A6" opacity="0.4"/>
1049                        <rect x="9" y="9" width="4" height="8" rx="1" fill="#14B8A6" opacity="0.45"/>
1050                        <rect x="9" y="20" width="4" height="10" rx="1" fill="#14B8A6" opacity="0.55"/>
1051                        <rect x="16" y="7" width="4" height="12" rx="1" fill="#14B8A6" opacity="0.6"/>
1052                        <rect x="16" y="22" width="4" height="14" rx="1" fill="#14B8A6" opacity="0.7"/>
1053                        <rect x="23" y="6" width="4" height="26" rx="1" fill="#14B8A6" opacity="0.85"/>
1054                        <rect x="30" y="4" width="5" height="32" rx="1.5" fill="#0D9488"/>
1055                      </svg>
1056                      <div>
1057                        <div style="font-family:'Inter',sans-serif; font-size:8px; font-weight:700; color:#8b949e; letter-spacing:1.5px; text-transform:uppercase;">ADROIT AI</div>
1058                        <div style="font-family:'Sora','Inter',sans-serif; font-size:18px; font-weight:600; color:#c9d1d9; letter-spacing:-0.02em; line-height:1.1;">Adroit</div>
1059                      </div>
1060                    </a>
1061                    <p>We make scientific data searchable and ready for AI, for life sciences teams worldwide.</p>
1062                </div>
1063                <div class="footer-section">
1064                    <h4>UK & Europe</h4>
1065                    <div class="footer-contact">
1066                        <div class="footer-contact-item">
1067                            <span class="name">Richard Lingard</span>
1068                            <span class="role">CEO</span>
1069                            <a href="/cdn-cgi/l/email-protection#e89a818b80899a8ca8898c9a87819c8c81c68b8785"><span class="__cf_email__" data-cfemail="d6a4bfb5beb7a4b296b7b2a4b9bfa2b2bff8b5b9bb">[email&#160;protected]</span></a>
1070                        </div>
1071                    </div>
1072                </div>
1073                <div class="footer-section">
1074                    <h4>Americas</h4>
1075                    <div class="footer-contact">
1076                        <div class="footer-contact-item">
1077                            <span class="name">Richard Lingard</span>
1078                            <span class="role">CEO</span>
1079                            <a href="/cdn-cgi/l/email-protection#99ebf0faf1f8ebfdd9f8fdebf6f0edfdf0b7faf6f4"><span class="__cf_email__" data-cfemail="a0d2c9c3c8c1d2c4e0c1c4d2cfc9d4c4c98ec3cfcd">[email&#160;protected]</span></a>
1080                        </div>
1081                    </div>
1082                </div>
1083                <div class="footer-section">
1084                    <h4>Asia Pacific</h4>
1085                    <div class="footer-contact">
1086                        <div class="footer-contact-item">
1087                            <span class="name">Jeff Buchanan</span>
1088                            <span class="role">Business Development</span>
1089                            <a href="/cdn-cgi/l/email-protection#86ece3e0e0a8e4f3e5eee7e8e7e8c6e7e2f4e9eff2e2efa8e5e9eb"><span class="__cf_email__" data-cfemail="6b010e0d0d45091e08030a050a052b0a0f1904021f0f0245080406">[email&#160;protected]</span></a>
1090                        </div>
1091                    </div>
1092                </div>
1093            </div>
1094            <div class="footer-bottom">
1095                <p>&copy; 2026 Adroit DI Ltd. All rights reserved.</p>
1096                <div class="footer-links">
1097                    <a href="/">Main Site</a>
1098                    <a href="/privacy">Privacy</a>
1099                    <a href="/terms">Terms</a>
1100                </div>
1101            </div>
1102        </div>
1103    </footer>
vendor: 114 bytes, lines 1103-1105
1103
1104
1105    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1105<script>
1106    document.getElementById('contactForm').addEventListener('submit', async function(e) {
1107        e.preventDefault();
1108        const form = this;
1109        const btn = form.querySelector('.form-submit');
1110        const status = document.getElementById('formStatus');
1111
1112        btn.disabled = true;
1113        btn.textContent = 'Sending…';
1114        status.className = 'form-status';
1115        status.style.display = 'none';
1116
1117        try {
1118            const res = await fetch('https://api.web3forms.com/submit', {
1119                method: 'POST',
1120                body: new FormData(form)
1121            });
1122            const data = await res.json();
1123            if (data.success) {
1124                form.style.display = 'none';
1125                status.textContent = '✓ Thank you! Your message has been sent. We'll be in touch soon.';
1126                status.className = 'form-status success';
1127            } else {
1128                throw new Error(data.message || 'Submission failed');
1129            }
1130        } catch (err) {
1131            status.textContent = 'Something went wrong. Please try again or email [email protected] directly.';
1132            status.className = 'form-status error';
1133            btn.disabled = false;
1134            btn.textContent = 'Send Message';
1135        }
1136    });
1137    </script>
1137
1138    
1138<script src="/assets/sales-chat.js?v=20260930-4" data-locale="en" defer></script>
1138
1139</body>
1140</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.