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 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 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 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 protected]</span></a> 1090 </div> 1091 </div> 1092 </div> 1093 </div> 1094 <div class="footer-bottom"> 1095 <p>© 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.