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>Contact SigTuple â Get in Touch or Book a Demo</title> 7<meta name="description" content="Reach out to SigTuple Technologies for product inquiries, partnerships or to book a personalised demo of our AI-powered diagnostic microscopy platforms."> 8<meta name="author" content="SigTuple Technologies Pvt. Ltd."> 9<meta name="robots" content="index, follow"> 10<!-- Open Graph --> 11<meta property="og:type" content="website"> 12<meta property="og:url" content="https://www.sigtuple.com/contact"> 13<meta property="og:title" content="Contact SigTuple â Get in Touch or Book a Demo"> 14<meta property="og:description" content="Reach out to SigTuple Technologies for product inquiries, partnerships or to book a personalised demo of our AI-powered diagnostic microscopy platforms."> 15<meta property="og:image" content="https://raw.githubusercontent.com/manohardaka/sigtuple-images/refs/heads/main/sigtuple_red.png"> 16<!-- Twitter Card --> 17<meta name="twitter:card" content="summary_large_image"> 18<meta name="twitter:title" content="Contact SigTuple â Get in Touch or Book a Demo"> 19<meta name="twitter:description" content="Reach out to SigTuple Technologies for product inquiries, partnerships or to book a personalised demo of our AI-powered diagnostic microscopy platforms."> 20<meta name="twitter:image" content="https://raw.githubusercontent.com/manohardaka/sigtuple-images/refs/heads/main/sigtuple_red.png"> 21<link rel="icon" type="image/jpeg" href="/favicon.jpg"> 22<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet"> 23<style> 24/* ââ RESET & TOKENS âââââââââââââââââââââââââââââââ */ 25*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} 26html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased} 27:root{ 28 --bg:#F0F4FF;--bg2:#FFFFFF;--bg3:#E4ECFF;--bg4:#D4DFFC; 29 --blue:#1058C7;--blue2:#2573E8;--bdim:rgba(16,88,199,.09); 30 --teal:#0A8F80;--tdim:rgba(10,143,128,.09); 31 --gold:#8F6200;--gold2:#A97200;--gdim:rgba(143,98,0,.09); 32 --t1:#101828;--t2:rgba(16,24,40,.68);--t3:rgba(16,24,40,.44);--t4:rgba(16,24,40,.25); 33 --b1:rgba(16,24,40,.09);--b2:rgba(16,24,40,.16); 34 --serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif; 35} 36body{font-family:var(--sans);background:var(--bg);color:var(--t1);overflow-x:hidden;line-height:1.65} 37button,a{font-family:var(--sans);cursor:pointer;text-decoration:none;color:inherit} 38::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:99px} 39 40/* ââ LAYOUT âââââââââââââââââââââââââââââââââââââââ */ 41.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);position:relative;z-index:1} 42.wrap-sm{max-width:860px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);position:relative;z-index:1} 43section{padding:5.5rem 0;position:relative} 44.alt{background:var(--bg2)} 45.alt3{background:var(--bg3)} 46.sec-border{border-top:1px solid var(--b1)} 47.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem} 48.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem} 49 50/* ââ TYPE ââââââââââââââââââââââââââââââââââââââââââ */ 51h1{font-family:var(--serif);font-size:clamp(2.6rem,5vw,4rem);font-weight:600;line-height:1.07;letter-spacing:-.025em;color:#fff} 52h1 em{font-style:italic;color:var(--gold2)} 53h2{font-family:var(--serif);font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:.9rem} 54h2 em{font-style:italic;color:var(--gold2)} 55h3{font-family:var(--serif);font-size:1.55rem;font-weight:600;color:#fff;line-height:1.25;margin-bottom:.6rem} 56h4{font-family:var(--serif);font-size:1.12rem;font-weight:600;color:#fff;margin-bottom:.4rem} 57.ey{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;border-radius:99px;margin-bottom:.9rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--bdim);border:1px solid rgba(23,114,208,.25);color:var(--blue2)} 58.ey.gold{background:var(--gdim);border-color:rgba(184,137,58,.25);color:var(--gold2)} 59.ey.teal{background:var(--tdim);border-color:rgba(23,184,168,.25);color:var(--teal)} 60.lead{font-size:1rem;color:var(--t2);line-height:1.78;max-width:560px} 61
62/* ââ BUTTONS ââââââââââââââââââââââââââââââââââââââââ */ 63.bp{padding:13px 28px;border-radius:10px;border:none;background:var(--blue);color:#fff;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-block;cursor:pointer} 64.bp:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 32px rgba(23,114,208,.4)} 65.bo{padding:13px 28px;border-radius:10px;border:1px solid var(--b2);background:none;color:var(--t1);font-size:.9rem;font-weight:500;transition:all .25s;cursor:pointer;display:inline-block} 66.bo:hover{background:rgba(255,255,255,.04);border-color:rgba(80,140,210,.38);transform:translateY(-2px)} 67.bgold{padding:13px 28px;border-radius:10px;border:1px solid rgba(184,137,58,.38);background:none;color:var(--gold2);font-size:.9rem;font-weight:500;transition:all .25s;cursor:pointer;display:inline-block} 68.bgold:hover{background:var(--gdim);transform:translateY(-2px)} 69.acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center} 70 71/* ââ CARDS ââââââââââââââââââââââââââââââââââââââââââ */ 72.card{background:rgba(255,255,255,.025);border:1px solid var(--b1);border-radius:18px;padding:2rem;position:relative;overflow:hidden;transition:all .3s} 73.card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,114,208,.04) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none} 74.card:hover{background:rgba(23,114,208,.04);border-color:var(--b2);transform:translateY(-4px)} 75.card:hover::before{opacity:1} 76.cic{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.2rem;border:1px solid var(--b1)} 77.ci-b{background:var(--bdim);border-color:rgba(23,114,208,.25)} 78.ci-t{background:var(--tdim);border-color:rgba(23,184,168,.25)} 79.ci-g{background:var(--gdim);border-color:rgba(184,137,58,.25)} 80.card p{font-size:.88rem;color:var(--t2);line-height:1.75} 81 82/* ââ FORMS ââââââââââââââââââââââââââââââââââââââââââ */ 83.fg{margin-bottom:1rem} 84label{display:block;font-size:.78rem;font-weight:600;color:var(--t3);margin-bottom:5px;letter-spacing:.03em;text-transform:uppercase} 85input,select,textarea{width:100%;padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--b2);color:var(--t1);font-size:.87rem;font-family:var(--sans);outline:none;transition:border-color .2s,background .2s} 86input:focus,select:focus,textarea:focus{border-color:var(--blue);background:rgba(23,114,208,.05)} 87input::placeholder,textarea::placeholder{color:var(--t4)} 88select option{background:var(--bg2);color:var(--t1)} 89textarea{resize:vertical;min-height:100px} 90.frow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem} 91.bfull{width:100%;padding:13px;border-radius:10px;border:none;background:var(--blue);color:#fff;font-size:.9rem;font-weight:600;transition:all .2s;cursor:pointer;font-family:var(--sans)} 92.bfull:hover{background:var(--blue2);box-shadow:0 8px 24px rgba(23,114,208,.4)} 93.toast{display:none;margin-top:.9rem;padding:11px 14px;border-radius:10px;background:rgba(23,184,168,.1);border:1px solid rgba(23,184,168,.25);color:var(--teal);font-size:.86rem;text-align:center} 94 95/* ââ NAVBAR âââââââââââââââââââââââââââââââââââââââââ */ 96#nav{position:sticky;top:0;z-index:900;height:70px;background:rgba(5,16,30,.94);backdrop-filter:blur(22px);border-bottom:1px solid var(--b1);display:flex;align-items:center;padding:0 clamp(1.25rem,4vw,3rem);gap:2rem} 97.nbrand{display:flex;align-items:center;gap:10px;flex-shrink:0} 98.nmark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.95rem;font-weight:700;color:#fff} 99.nname{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--t1)} 100.nname em{font-style:normal;color:var(--blue2)} 101.nmenu{display:flex;align-items:center;gap:2px;flex:1;justify-content:center} 102.nb{padding:7px 15px;border-radius:6px;border:none;background:none;font-size:1.03rem;font-weight:500;color:var(--t2);transition:all .2s;white-space:nowrap} 103.nb:hover{color:var(--t1);background:rgba(255,255,255,.04)} 104.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;margin-left:auto}
105.hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease} 106.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)} 107.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)} 108.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)} 109.ndd{position:relative} 110.ndd-btn::after{content:' â¾';font-size:.65rem;opacity:.5} 111.ndd-panel{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(8,18,32,.98);border:1px solid var(--b2);border-radius:16px;padding:8px;min-width:220px;backdrop-filter:blur(24px);box-shadow:0 24px 64px rgba(0,0,0,.55)} 112.ndd:hover .ndd-panel{display:block} 113.ndd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:.86rem;color:var(--t2);transition:all .15s} 114.ndd-item:hover{color:var(--t1);background:rgba(23,114,208,.09)} 115.ddi{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0} 116.ncta{padding:9px 22px;border-radius:10px;border:none;background:var(--blue);color:#fff;font-size:.86rem;font-weight:600;flex-shrink:0;transition:all .2s;font-family:var(--sans)} 117.ncta:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 8px 28px rgba(23,114,208,.38)} 118 119/* ââ MODAL ââââââââââââââââââââââââââââââââââââââââââ */ 120#modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(3,8,18,.9);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:1.5rem} 121#modal.open{display:flex} 122#mbox{background:var(--bg2);border:1px solid var(--b2);border-radius:24px;padding:2.75rem;width:100%;max-width:540px;box-shadow:0 40px 100px rgba(0,0,0,.7);position:relative;max-height:90vh;overflow-y:auto} 123#mbox::before{content:'';position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--blue2),transparent)} 124.mx{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--b1);color:var(--t2);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s} 125.mx:hover{background:rgba(255,255,255,.12);color:#fff} 126 127/* ââ BACKGROUNDS / DECORATIONS âââââââââââââââââââââ */ 128.mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 15% 55%,rgba(23,114,208,.08) 0%,transparent 65%),radial-gradient(ellipse 40% 55% at 85% 30%,rgba(184,137,58,.05) 0%,transparent 60%)} 129.gridlines{position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(23,114,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,114,208,.07) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%)} 130 131/* ââ HERO (HOME) ââââââââââââââââââââââââââââââââââââ */ 132#home{min-height:92vh;display:flex;align-items:center;overflow:hidden;border-top:none} 133.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5.5rem 0} 134.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;margin-bottom:1.5rem;border:1px solid rgba(184,137,58,.35);background:rgba(184,137,58,.07);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)} 135.hero-kicker span{width:5px;height:5px;border-radius:50%;background:var(--gold2);display:inline-block} 136.hero h1{margin-bottom:1.4rem} 137.hero .lead{margin-bottom:2.2rem} 138 139/* Hero visual â real image frame */ 140.hero-img-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(100,160,220,.08)} 141.hero-img-wrap img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(.92) saturate(1.15)} 142.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,16,30,.85) 100%)} 143.hero-img-badge{position:absolute;top:16px;left:16px;background:var(--blue);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px;box-shadow:0 4px 20px rgba(23,114,208,.55);animation:pulse 2.5s ease-in-out infinite} 144@keyframes pulse{0%,100%{box-shadow:0 4px 20px rgba(23,114,208,.5)}50%{box-shadow:0 4px 30px rgba(23,114,208,.85)}} 145.hero-img-caption{position:absolute;bottom:16px;left:16px;right:16px} 146.hero-img-caption p{font-size:.78rem;color:rgba(255,255,255,.75);margin-top:4px} 147 148/* Stats strip */ 149.stats-band{background:var(--bg2);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:2.5rem 0} 150.stats-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem} 151.stn{font-family:var(--serif);font-size:2.6rem;font-weight:600;color:var(--gold2);line-height:1} 152.stl{font-size:.8rem;color:var(--t3);margin-top:4px;letter-spacing:.03em} 153.std{width:1px;background:var(--b1);height:44px;align-self:center} 154 155/* Cert band */ 156.cert-band{background:var(--bg2);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:1.6rem 0} 157.cert-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2.5rem} 158.cert-item{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--t3);font-weight:500;letter-spacing:.03em} 159.cert-ic{width:32px;height:32px;border-radius:7px;background:var(--bdim);border:1px solid rgba(23,114,208,.22);display:flex;align-items:center;justify-content:center;font-size:.95rem} 160 161/* ââ IMAGE HELPERS ââââââââââââââââââââââââââââââââââ */ 162.prod-img{width:100%;border-radius:16px;object-fit:cover;display:block;border:1px solid var(--b2)} 163.img-frame{border-radius:16px;overflow:hidden;border:1px solid var(--b2);position:relative;background:var(--bg3)} 164.img-frame img{width:100%;display:block;object-fit:cover} 165.img-label{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(0deg,rgba(5,16,30,.9) 0%,transparent 100%);font-size:.78rem;color:rgba(255,255,255,.75)} 166 167/* ââ VIDEO SECTION ââââââââââââââââââââââââââââââââââ */ 168.video-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--b2);background:var(--bg3);position:relative} 169.video-wrap video{width:100%;display:block;max-height:480px;object-fit:cover} 170.video-caption{padding:1rem 1.25rem;background:var(--bg3);border-top:1px solid var(--b1);font-size:.82rem;color:var(--t3)} 171 172/* ââ PRODUCT LISTING ââââââââââââââââââââââââââââââââ */ 173.prod-listing{display:flex;flex-direction:column;gap:1rem;max-width:820px} 174.plcard{background:rgba(255,255,255,.025);border:1px solid var(--b1);border-radius:18px;padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;transition:all .3s;cursor:default} 175.plcard:hover{background:rgba(23,114,208,.04);border-color:var(--b2);transform:translateX(6px)} 176.pl-left{display:flex;align-items:center;gap:1.5rem} 177.pl-ic{width:54px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;border:1px solid var(--b1)} 178.pl-name{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:3px} 179.pl-desc{font-size:.84rem;color:var(--t2)} 180.pl-arrow{font-size:1.2rem;color:var(--blue2);flex-shrink:0} 181 182/* ââ PRODUCT DETAIL SECTIONS ââââââââââââââââââââââââ */ 183.prod-header{background:var(--bg3);border:1px solid var(--b2);border-radius:22px;padding:2.75rem;position:relative;overflow:hidden;margin-bottom:3rem} 184.prod-header::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,114,208,.05) 0%,transparent 55%)} 185.prod-header>*{position:relative} 186.ph-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.25rem} 187.ptag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase} 188.t-fda{background:rgba(92,207,165,.1);border:1px solid rgba(92,207,165,.25);color:#5CCFA5} 189.t-ce{background:var(--bdim);border:1px solid rgba(23,114,208,.25);color:var(--blue2)} 190.t-new{background:var(--gdim);border:1px solid rgba(184,137,58,.25);color:var(--gold2)} 191.t-teal{background:var(--tdim);border:1px solid rgba(23,184,168,.25);color:var(--teal)} 192.ph-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start} 193.ph-kicker{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem} 194.ph-layout h2{margin-bottom:.9rem;font-size:clamp(1.8rem,3vw,2.8rem)} 195.ph-layout .lead{margin-bottom:1.5rem} 196.ph-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem} 197.phs{background:var(--bg2);border:1px solid var(--b1);border-radius:12px;padding:1.1rem;text-align:center} 198.phsv{font-family:var(--serif);font-size:1.9rem;font-weight:600;color:var(--gold2)} 199.phsl{font-size:.68rem;color:var(--t3);margin-top:3px} 200 201.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem} 202.fi{background:var(--bg2);border:1px solid var(--b1);border-radius:14px;padding:1.25rem;display:flex;gap:13px} 203.fic{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem} 204.fi h5{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:3px} 205.fi p{font-size:.8rem;color:var(--t2);line-height:1.65} 206 207.spec-tbl{width:100%;border-collapse:collapse;margin-top:1.25rem} 208.spec-tbl tr{border-bottom:1px solid var(--b1)} 209.spec-tbl tr:last-child{border-bottom:none} 210.spec-tbl td{padding:11px 0;font-size:.875rem;vertical-align:top} 211.spec-tbl td:first-child{color:var(--t3);width:44%} 212.spec-tbl td:last-child{color:var(--t1);font-weight:500} 213 214hr{border:none;border-top:1px solid var(--b1);margin:2.5rem 0} 215 216/* ââ CTA BOX ââââââââââââââââââââââââââââââââââââââââ */ 217.cta-box{background:linear-gradient(135deg,rgba(23,114,208,.1) 0%,rgba(184,137,58,.06) 100%);border:1px solid rgba(23,114,208,.2);border-radius:22px;padding:3.5rem;text-align:center} 218.cta-box h2{margin-bottom:.75rem} 219.cta-box p{color:var(--t2);margin-bottom:1.75rem} 220.cta-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} 221 222/* ââ QUOTE ââââââââââââââââââââââââââââââââââââââââââ */ 223.qblock{background:var(--bg3);border:1px solid var(--b1);border-left:3px solid var(--gold);border-radius:14px;padding:1.75rem 2rem} 224.qblock p{font-family:var(--serif);font-size:1.1rem;font-style:italic;color:var(--t1);line-height:1.75;margin-bottom:.7rem} 225.qauthor{font-size:.78rem;color:var(--t3)} 226 227/* ââ ABOUT ââââââââââââââââââââââââââââââââââââââââââ */ 228.about-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;
228align-items:start} 229.tl{position:relative} 230.tl::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:1px;background:var(--b1)} 231.tl-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative} 232.tl-dot{width:33px;height:33px;border-radius:50%;flex-shrink:0;background:var(--bg3);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--blue2);position:relative;z-index:1} 233.tl-yr{font-size:.7rem;color:var(--gold2);font-weight:700;letter-spacing:.05em;margin-bottom:4px} 234.tl-txt{font-size:.875rem;color:var(--t2);line-height:1.65} 235 236/* Team */ 237.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.25rem;margin-top:2.5rem} 238.tc{background:rgba(255,255,255,.025);border:1px solid var(--b1);border-radius:18px;padding:1.75rem;text-align:center;transition:all .25s} 239.tc:hover{background:rgba(23,114,208,.04);border-color:var(--b2)} 240.tc-img{width:70px;height:70px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;border:2px solid var(--b2)} 241.tc-img img{width:100%;height:100%;object-fit:cover} 242.tc-av{width:70px;height:70px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--blue2);background:var(--bdim);border:1px solid rgba(23,114,208,.2)} 243.tc-name{font-weight:600;font-size:.95rem;color:#fff;margin-bottom:2px} 244.tc-role{font-size:.76rem;color:var(--t3)} 245 246/* ââ BLOG ââââââââââââââââââââââââââââââââââââââââââ */ 247.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem} 248.bc{background:rgba(255,255,255,.025);border:1px solid var(--b1);border-radius:18px;overflow:hidden;transition:all .3s} 249.bc:hover{background:rgba(23,114,208,.04);border-color:var(--b2);transform:translateY(-4px)} 250.bthumb{height:155px;display:flex;align-items:center;justify-content:center;font-size:2.4rem} 251.btag{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem} 252.bc h4{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.45rem;line-height:1.4} 253.bc p{font-size:.84rem;color:var(--t2);line-height:1.65} 254.bmeta{font-size:.74rem;color:var(--t3);margin-top:.9rem;display:flex;gap:1rem} 255.bbody{padding:1.5rem} 256 257/* ââ CONTACT âââââââââââââââââââââââââââââââââââââââ */ 258.contact-split{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start} 259.ci-blk{background:rgba(255,255,255,.025);border:1px solid var(--b1);border-radius:12px;padding:1.25rem;margin-bottom:.9rem} 260.ci-lbl{font-size:.7rem;color:var(--t3);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px} 261.ci-val{font-size:.88rem;color:var(--blue2)} 262.ci-val.plain{color:var(--t1)} 263 264/* ââ DEMO PAGE âââââââââââââââââââââââââââââââââââââ */ 265.demo-split{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start} 266.perks{list-style:none;margin-top:1.5rem} 267.perk{display:flex;gap:14px;padding:1rem 0;border-bottom:1px solid var(--b1)} 268.perk:last-child{border-bottom:none} 269.perk-ic{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--bdim);border:1px solid rgba(23,114,208,.2);display:flex;align-items:center;justify-content:center;font-size:1rem} 270.perk strong{font-size:.9rem;font-weight:600;color:#fff;display:block;margin-bottom:2px} 271.perk span{font-size:.8rem;color:var(--t3)} 272 273/* ââ COMPARE TABLE âââââââââââââââââââââââââââââââââ */ 274.ctbl{width:100%;border-collapse:collapse;margin-top:2rem} 275.ctbl th{background:var(--bg3);padding:12px 16px;text-align:left;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--b2)} 276.ctbl td{padding:11px 16px;font-size:.875rem;border-bottom:1px solid var(--b1);vertical-align:middle} 277.ctbl tr:last-child td{border-bottom:none} 278.ctbl td:first-child{color:var(--t2)} 279.ctbl td:not(:first-child){color:var(--t1);font-weight:500;text-align:center} 280.ctbl tr:hover td{background:rgba(23,114,208,.03)} 281.cy{color:#5CCFA5}.cp{color:var(--gold2)} 282 283/* ââ SECTION HEADER ââââââââââââââââââââââââââââââââ */ 284.pg-head{padding:5rem 0 3rem;background:linear-gradient(180deg,var(--bg3) 0%,transparent 100%);border-bottom:1px solid var(--b1);position:relative;overflow:hidden} 285.pg-head-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 80% 50%,rgba(23,114,208,.05) 0%,transparent 60%)} 286 287/* ââ FOOTER ââââââââââââââââââââââââââââââââââââââââ */ 288footer{background:var(--bg2);border-top:1px solid var(--b1);padding:3.5rem 0 2rem} 289.ftgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem} 290.ftbrand p{font-size:.84rem;color:var(--t3);line-height:1.75;margin:.75rem 0 1.25rem;max-width:275px} 291.ft-col-title{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:1rem} 292.ftlinks{list-style:none} 293.ftlinks li{margin-bottom:.55rem} 294.ftlinks a{font-size:.84rem;color:var(--t2);cursor:pointer;transition:color .2s} 295.ftlinks a:hover{color:var(--blue2)} 296.ftbottom{border-top:1px solid var(--b1);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem} 297.ftbottom p{font-size:.76rem;color:var(--t3)} 298 299/* ââ RESPONSIVE ââââââââââââââââââââââââââââââââââââ */ 300@media(max-width:1024px){ 301 .hero-grid{grid-template-columns:1fr} 302 .hero-img-wrap{display:none} 303 .about-split{grid-template-columns:1fr}
304 .demo-split{grid-template-columns:1fr} 305 .contact-split{grid-template-columns:1fr} 306 .ph-layout{grid-template-columns:1fr} 307 .ftgrid{grid-template-columns:1fr 1fr} 308 .prod-listing{max-width:100%} 309} 310@media(max-width:768px){ 311 /* ââ Mobile: collapse inline 2-col & 4-col grids to single column ââ */ 312 [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important} 313 [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important} 314 [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important} 315 h1[style*="white-space:nowrap"]{white-space:normal !important} 316 317 /* Mobile nav */ 318 #nav{gap:.5rem} 319 .hamburger{display:flex} 320 .nmenu{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:rgba(240,244,255,.99);border-bottom:1px solid var(--b1);padding:.5rem .75rem 1rem;gap:2px;z-index:899;box-shadow:0 8px 24px rgba(16,24,40,.1)} 321 #nav.nav-open .nmenu{display:flex} 322 .nmenu .nb{width:100%;text-align:center;padding:11px 14px;border-radius:8px;font-size:.95rem;white-space:normal} 323 .ndd{width:100%;text-align:center} 324 .ncta{padding:6px 12px;font-size:.78rem;border-radius:8px;order:2;margin-left:auto} 325 .hamburger{order:3;margin-left:0} 326 .nb-cta-mobile{display:none !important} 327 .ndd-panel{position:static !important;transform:none !important;min-width:auto !important;width:100% !important;box-shadow:none !important;background:rgba(16,88,199,.06) !important;border-radius:8px;padding:4px 0 4px 8px;margin:2px 0;display:none} 328 .ndd.open .ndd-panel{display:block !important} 329 .ndd:hover .ndd-panel{display:none} 330 .ndd.open:hover .ndd-panel{display:block} 331 /* Layout */ 332 .feat-grid{grid-template-columns:1fr} 333 .frow{grid-template-columns:1fr} 334 section{padding:3.5rem 0} 335 .ftgrid{grid-template-columns:1fr} 336 .g2,.g3{grid-template-columns:1fr} 337 .stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem} 338 .ph-stats{grid-template-columns:1fr 1fr} 339 h1{white-space:normal !important} 340 .cta-box{padding:2.25rem 1.5rem} 341} 342@media(max-width:480px){ 343 .stats-row{grid-template-columns:repeat(2,1fr)} 344 #nav{padding:0 1rem} 345 section{padding:2.75rem 0} 346 .cta-box{padding:1.75rem 1.25rem} 347 .ph-stats{grid-template-columns:1fr} 348} 349 350body{background:var(--bg);color:var(--t1)} 351h1,h2,h3,h4{color:var(--t1)} 352h1 em,h2 em{color:var(--blue)} 353#nav{background:rgba(240,244,255,.96);border-bottom:1px solid var(--b1);box-shadow:0 1px 12px rgba(16,24,40,.06)} 354.nb{color:var(--t2)}.nb:hover,.nb.active{color:var(--blue);background:rgba(16,88,199,.07)} 355.ndd-panel{background:rgba(244,247,255,.98);border-color:var(--b1);box-shadow:0 8px 32px rgba(16,24,40,.12)} 356.ndd-item:hover{background:rgba(16,88,199,.07);color:var(--blue)} 357.hamburger span{background:var(--t1)} 358.ncta{background:var(--blue)}.ncta:hover{background:var(--blue2)} 359#modal{background:rgba(16,24,40,.55)} 360#mbox{background:#fff;border-color:var(--b2)} 361#mbox::before{background:linear-gradient(90deg,transparent,var(--blue),var(--blue2),transparent)} 362.mx{background:rgba(16,24,40,.06);border-color:var(--b1);color:var(--t2)}.mx:hover{background:rgba(16,24,40,.12);color:var(--t1)} 363.alt{background:var(--bg2)}.sec-border{border-top:1px solid var(--b1)} 364.mesh{background:radial-gradient(ellipse 60% 50% at 15% 55%,rgba(16,88,199,.04) 0%,transparent 65%)} 365.gridlines{opacity:.1;background-image:linear-gradient(rgba(16,88,199,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(16,88,199,.1) 1px,transparent 1px)} 366.ey{background:var(--bdim);border-color:rgba(16,88,199,.2);color:var(--blue)} 367.ey.gold{background:var(--gdim);border-color:rgba(143,98,0,.2);color:var(--gold)} 368.ey.teal{background:var(--tdim);border-color:rgba(10,143,128,.2);color:var(--teal)} 369.lead{color:var(--t2)} 370.bp{background:var(--blue)}.bp:hover{background:var(--blue2);box-shadow:0 10px 32px rgba(16,88,199,.3)} 371.bo{border-color:var(--b2);color:var(--t1)}.bo:hover{background:rgba(16,24,40,.04)} 372.bgold{border-color:rgba(143,98,0,.35);color:var(--gold)} 373.card{background:#fff;border-color:var(--b1);box-shadow:0 2px 12px rgba(16,24,40,.06)} 374.card:hover{background:#fff;border-color:rgba(16,88,199,.25);box-shadow:0 8px 28px rgba(16,24,40,.1)} 375.card p{color:var(--t2)} 376.cic{border-color:var(--b1)}.ci-b{background:var(--bdim)}.ci-t{background:var(--tdim)}.ci-g{background:var(--gdim)} 377label{color:var(--t3)} 378input,select,textarea{background:#fff;border-color:var(--b2);color:var(--t1)} 379input:focus,select:focus,textarea:focus{border-color:var(--blue)} 380input::placeholder,textarea::placeholder{color:var(--t4)} 381select option{background:#fff;color:var(--t1)} 382.bfull{background:var(--blue)}.bfull:hover{background:var(--blue2)} 383.toast{background:rgba(10,143,128,.08);border-color:rgba(10,143,128,.25);color:var(--teal)} 384.pg-head{background:linear-gradient(180deg,var(--bg3) 0%,transparent 100%);border-bottom-color:var(--b1)} 385.prod-header{background:var(--bg3);border-color:var(--b2)} 386.ptag.t-fda{background:rgba(10,143,128,.1);border-color:rgba(10,143,128,.25);color:#0a6b5e} 387.ptag.t-ce{background:var(--bdim);border-color:rgba(16,88,199,.22);color:var(--blue)} 388.ptag.t-new{background:var(--gdim);border-color:rgba(143,98,0,.22);color:var(--gold)} 389.ptag.t-teal{background:var(--tdim);border-color:rgba(10,143,128,.22);color:var(--teal)} 390.phs{background:var(--bg2);border-color:var(--b1)}.phsv{color:var(--blue)}.phsl{color:var(--t3)} 391.fi{background:var(--bg3);border-color:var(--b1)}.fi h5{color:var(--t1)}.fi p{color:var(--t2)} 392.spec-tbl tr{border-bottom-color:var(--b1)}.spec-tbl td:first-child{color:var(--t3)}.spec-tbl td:last-child{color:var(--t1)} 393hr{border-top-color:var(--b1)} 394.cta-box{background:linear-gradient(135deg,rgba(16,88,199,.07) 0%,rgba(143,98,0,.04) 100%);border-color:rgba(16,88,199,.18)} 395.cta-box h2{color:var(--t1)}.cta-box p{color:var(--t2)} 396.qblock{background:var(--bg3);border-color:var(--b1);border-left-color:var(--gold)} 397.qblock p{color:var(--t1)}.qauthor{color:var(--t3)} 398.tl::before{background:var(--b1)}.tl-dot{background:var(--bg2);border-color:var(--b2);color:var(--blue)}.tl-yr{color:var(--gold)}.tl-txt{color:var(--t2)} 399.tc{background:var(--bg2);border-color:var(--b1)}.tc:hover{background:var(--bg3)}.tc-av{background:var(--bdim);color:var(--blue)}.tc-name{color:var(--t1)}.tc-role{color:var(--t3)} 400.bc{background:var(--bg2);border-color:var(--b1)}.bc:hover{background:var(--bg3)}.bc h4{color:var(--t1)}.bc p{color:var(--t2)}.bmeta{color:var(--t3)} 401.ci-blk{background:var(--bg3);border-color:var(--b1)}.ci-lbl{color:var(--t3)}.ci-val{color:var(--blue)}.ci-val.plain{color:var(--t1)} 402.perk{border-bottom-color:var(--b1)}.perk strong{color:var(--t1)}.perk span{color:var(--t3)} 403.perk-ic{background:var(--bdim)} 404.ctbl th{background:var(--bg3);border-bottom-color:var(--b2);color:var(--t3)}.ctbl td{border-bottom-color:var(--b1)}.ctbl td:first-child{color:var(--t2)}.ctbl td:not(:first-child){color:var(--t1)} 405.cy{color:#0a6b5e}.cp{color:var(--gold)} 406.stats-band{background:var(--bg3);border-color:var(--b1)}.stn{color:var(--blue)}.stl{color:var(--t3)}.std{background:var(--b1)} 407.cert-band{background:var(--bg3);border-color:var(--b1)}.cert-item{color:var(--t3)}.cert-ic{background:var(--bdim)} 408.plcard{background:var(--bg2);border-color:var(--b1)}.plcard:hover{background:var(--bg3);border-color:rgba(16,88,199,.3)}.pl-name{color:var(--t1)}.pl-desc{color:var(--t2)}.pl-arrow{color:var(--blue)} 409footer{background:var(--bg3);border-top-color:var(--b1)} 410.ftbrand p{color:var(--t3)}.ft-col-title{color:var(--t3)}.ftlinks a{color:var(--t2)}.ftlinks a:hover{color:var(--blue)} 411.ftbottom{border-top-color:var(--b1)}.ftbottom p{color:var(--t3)} 412::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--bg4)} 413 414</style> 415
415<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
415 416
416<script>emailjs.init("a7rUg0uT_jgfzz09O");</script>
416 417</head> 418<body> 419<nav id="nav"> 420 <a class="nbrand" href="/" style="background:none"><img src="https://raw.githubusercontent.com/manohardaka/sigtuple-images/refs/heads/main/sigtuple_red.png" alt="SigTuple" style="height:43px;width:auto;display:block;mix-blend-mode:multiply"></a> 421 <div class="nmenu"> 422 <a href="/" class="nb">Home</a> 423 <div class="ndd"> 424 <span class="nb ndd-btn">Products</span> 425 <div class="ndd-panel"> 426 <a href="/products/as76" class="ndd-item">AS76</a> 427 <a href="/products/ai100" class="ndd-item">AI100</a> 428 <a href="/products/sigvet" class="ndd-item">SigVet</a> 429 </div> 430 </div> 431 <a href="/about" class="nb">About</a> 432 <a href="/blogs" class="nb">Research</a> 433 <a href="/contact" class="nb active">Contact</a> 434 <button class="ncta nb-cta-mobile" style="display:none;margin:8px 14px;border-radius:8px;width:calc(100% - 28px);text-align:center" onclick="openModal()">Book a Demo</button> 435 </div> 436 <button class="hamburger" id="hamburger" aria-label="Toggle navigation"><span></span><span></span><span></span></button> 437 <button class="ncta" onclick="openModal()">Book a Demo</button> 438</nav> 439<div id="modal" onclick="closeBg(event)"> 440 <div id="mbox"> 441 <button class="mx" onclick="closeModal()">✕</button> 442 <div class="ey gold">Request a Session</div> 443 <h3 style="font-size:1.55rem;margin-bottom:.4rem">Book a Demo</h3> 444 <p style="font-size:.875rem;color:var(--t2);margin-bottom:1.75rem;line-height:1.65">Experience our platform live â tailored to your lab.</p> 445 <div class="frow"> 446 <div class="fg"><label>First Name</label><input type="text" id="md-fname" placeholder="Dr. Ananya"></div> 447 <div class="fg"><label>Last Name</label><input type="text" id="md-lname" placeholder="Sharma"></div> 448 </div> 449 <div class="fg"><label>Designation</label><input type="text" id="md-desig" placeholder="Chief Pathologist"></div> 450 <div class="fg"><label>Work Email</label><input type="email" id="md-email" placeholder="[email protected]"></div> 451 <div class="fg"><label>Phone Number</label><input type="tel" id="md-phone" placeholder="+91 98765 43210"></div> 452 <div class="fg"><label>Organisation</label><input type="text" id="md-org" placeholder="Apollo Diagnostics"></div> 453 <div class="fg"><label>Product of Interest</label> 454 <select id="md-product"><option>All Products</option><option>AI100</option><option>AS76</option><option>SigVet</option></select> 455 </div> 456 <div class="fg"><label>Message (optional)</label><textarea id="md-msg" placeholder="Tell us about your lab..."></textarea></div> 457 <button class="bfull" onclick="scheduleDemo()">Request Demo →</button> 458 <div class="toast" id="modal-toast">✓
458 Request received. Our team will contact you within 24 hours.</div> 459 <p style="font-size:.73rem;color:var(--t3);text-align:center;margin-top:.9rem">No commitment · Free of charge</p> 460 </div> 461</div> 462<!-- ââââââââââââââââââââââââââââââââââââââââââââââ 463 8. CONTACT US 464ââââââââââââââââââââââââââââââââââââââââââââââ --> 465<div id="contact"> 466 <div class="pg-head"> 467 <div class="pg-head-glow"></div> 468 <div class="wrap"> 469 <div class="ey">Get in Touch</div> 470 <h2>Let's talk <em>diagnostics</em></h2> 471 <p class="lead">Whether you're evaluating our products, exploring a partnership or need technical support â our team responds within one business day.</p> 472 </div> 473 </div> 474 <section class="sec-border"> 475 <div class="wrap"> 476 <div class="contact-split"> 477 <!-- Info --> 478 <div> 479 <div class="ey">Reach Us</div> 480 <h3 style="margin-bottom:1.25rem">Contact Information</h3> 481 <div class="ci-blk"><div class="ci-lbl">Headquarters</div><div class="ci-val plain">SigTuple Technologies Pvt. Ltd.<br>Balaji Complex, # 284/11,<br>Garvebhavipalya, Hosur Road,<br>Bengaluru, Karnataka 560068, India</div></div> 482 483 <div style="margin-top:1.75rem"> 484 <button class="bp" onclick="openModal()" style="width:100%">Book a Product Demo â</button> 485 </div> 486 </div> 487 <!-- Form --> 488 <div class="card" style="padding:2.5rem"> 489 <h3 style="font-size:1.25rem;margin-bottom:1.5rem">Send a Message</h3> 490 <div class="frow"> 491 <div class="fg"><label>First Name</label><input type="text" id="cf-first" placeholder="Dr. Meena" required></div> 492 <div class="fg"><label>Last Name</label><input type="text" id="cf-last" placeholder="Patel" required></div> 493 </div> 494 <div class="fg"><label>Designation</label><input type="text" id="cf-designation" placeholder="Pathologist / Lab Manager / Director..." required></div> 495 <div class="fg"><label>Work Email</label><input type="email" id="cf-email" placeholder="[email protected]" required></div> 496 <div class="fg"><label>Phone Number</label><input type="tel" id="cf-phone" placeholder="+91 98765 43210" required></div> 497 <div class="fg"><label>Organisation</label><input type="text" id="cf-org" placeholder="City Diagnostic Centre" required></div> 498 <div class="fg"><label>Country</label> 499 <select id="cf-country" required><option>India</option><option>United States</option><option>United Kingdom</option><option>UAE</option><option>Indonesia</option><option>Other</option></select> 500 </div> 501 <div class="fg"><label>Message</label><textarea id="cf-message" placeholder="Tell us about your laboratory and how we can help..." required></textarea></div> 502 <button class="bfull" type="button" id="contact-form-btn" onclick="sendContactMessage()">Send Message →</button> 503 <div id="contact-toast" style="display:none;margin-top:1rem;padding:10px 14px;border-radius:8px;font-size:.84rem;font-weight:600"></div> 504 </div> 505 </div> 506 </div> 507 </section> 508</div> 509<footer> 510 <div class="wrap"> 511 <div class="ftgrid"> 512 <div class="ftbrand" style="background:transparent"> 513 <div style="margin-bottom:.75rem;background:transparent"><img src="https://raw.githubusercontent.com/manohardaka/sigtuple-images/refs/heads/main/sigtuple_red.png" alt="SigTuple" style="height:43px;width:auto;display:block;mix-blend-mode:multiply"></div> 514 <p>Combining AI, robotics, microfluidics and high-resolution microscopy to automate biological sample analysis.</p> 515 <div style="display:flex;gap:8px;flex-wrap:wrap"> 516 <span style="font-size:.7rem;padding:3px 8px;border-radius:4px;border:1px solid rgba(23,114,208,.25);color:var(--blue2)">FDA 510(k)</span> 517 <span style="font-size:.7rem;padding:3px 8px;border-radius:4px;border:1px solid var(--b2);color:var(--t3)">CE Marked</span>
518 <span style="font-size:.7rem;padding:3px 8px;border-radius:4px;border:1px solid var(--b2);color:var(--t3)">IVDR</span> 519 </div> 520 </div> 521 <div><div class="ft-col-title">Products</div><ul class="ftlinks"><li><a href="/products/as76">AS76</a></li><li><a href="/products/ai100">AI100</a><ul style="list-style:none;padding-left:.9rem;margin-top:.35rem"><li style="margin-bottom:.35rem"><a href="/products/ai100/shonit" style="font-size:.78rem;color:var(--t3)">â³ Shonitâ¢</a></li><li style="margin-bottom:.35rem"><a href="/products/ai100/shrava" style="font-size:.78rem;color:var(--t3)">â³ Shravaâ¢</a></li></ul></li><li><a href="/products/sigvet">SigVet</a></li></ul> 522 </div> 523 <div><div class="ft-col-title">Company</div> 524 <ul class="ftlinks"><li><a href="/about">About Us</a></li><li><a href="/blogs">Research</a></li><li><a href="/contact">Contact</a></li></ul> 525 </div> 526 <div><div class="ft-col-title">Connect</div><div style="display:flex;gap:12px;margin-bottom:1.5rem"><a href="https://www.linkedin.com/company/sigtuple" target="_blank" rel="noopener" title="LinkedIn" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--bg3);border:1px solid var(--b2);color:var(--t2);transition:all .2s;text-decoration:none" onmouseover="this.style.background='#0A66C2';this.style.color='#fff';this.style.borderColor='#0A66C2'" onmouseout="this.style.background='var(--bg3)';this.style.color='var(--t2)';this.style.borderColor='var(--b2)'"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a><a href="https://www.youtube.com/@SigtupleTechnologies" target="_blank" rel="noopener" title="YouTube" style="display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--bg3);border:1px solid var(--b2);color:var(--t2);transition:all .2s;text-decoration:none" onmouseover="this.style.background='#FF0000';this.style.color='#fff';this.style.borderColor='#FF0000'" onmouseout="this.style.background='var(--bg3)';this.style.color='var(--t2)';this.style.borderColor='var(--b2)'"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a></div><div><button class="ncta" onclick="openModal()">Book a Demo</button></div></div> 527 </div> 528 </div> 529 <div class="ftbottom"><div><p style="margin-bottom:.3rem">© 2026 SigTuple Technologies Pvt. Ltd. · Bengaluru, India</p><p style="font-size:.72rem;color:var(--t3);line-height:1.6">Balaji Complex, # 284/11, Garvebhavipalya, Hosur Road, Bengaluru, Karnataka 560068, India</p></div><div style="display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap"><p>[email protected] · All rights reserved.</p><a href="/terms" style="font-size:.76rem;color:var(--t3);text-decoration:none;transition:color .2s" onmouseover="this.style.color='var(--blue)'" onmouseout="this.style.color='var(--t3)'">Terms & Conditions</a></div></div> 530 </div> 531</footer>
532<script> 533function openModal(){document.getElementById("modal").classList.add("open");document.body.style.overflow="hidden"} 534function closeModal(){document.getElementById("modal").classList.remove("open");document.body.style.overflow=""} 535function closeBg(e){if(e.target===document.getElementById("modal"))closeModal()} 536function scheduleDemo(){ 537 var fname = document.getElementById("md-fname") ? document.getElementById("md-fname").value.trim() : ""; 538 var lname = document.getElementById("md-lname") ? document.getElementById("md-lname").value.trim() : ""; 539 var email = document.getElementById("md-email") ? document.getElementById("md-email").value.trim() : ""; 540 var desig = document.getElementById("md-desig") ? document.getElementById("md-desig").value.trim() : ""; 541 var phone = document.getElementById("md-phone") ? document.getElementById("md-phone").value.trim() : ""; 542 var org = document.getElementById("md-org") ? document.getElementById("md-org").value.trim() : ""; 543 var product = document.getElementById("md-product") ? document.getElementById("md-product").value : ""; 544 var msg = document.getElementById("md-msg") ? document.getElementById("md-msg").value.trim() : ""; 545 var toast = document.getElementById("modal-toast"); 546 547 if(!fname || !email){ 548 toast.style.display="block"; 549 toast.style.background="rgba(220,50,50,.12)";toast.style.borderColor="rgba(220,50,50,.25)";toast.style.color="#c0392b"; 550 toast.textContent="Please enter your name and email."; 551 return; 552 } 553 554 toast.style.display="block"; 555 toast.style.background="rgba(23,114,208,.1)";toast.style.borderColor="rgba(23,114,208,.25)";toast.style.color="var(--blue2)"; 556 toast.textContent="Sending... please wait."; 557 558 emailjs.send("service_uuocwhn","template_ti5f00i",{ 559 from_name: fname + " " + lname, 560 from_email: email, 561 designation: desig, 562 phone: phone || "Not provided", 563 organisation: org || "Not provided", 564 country: "Product of Interest: " + product, 565 message: (msg || "(no message)") + "\n\nProduct of Interest: " + product 566 }).then(function(){ 567 toast.style.background="rgba(23,184,168,.1)";toast.style.borderColor="rgba(23,184,168,.25)";toast.style.color="var(--teal)"; 568 toast.textContent="â Details received. Opening calendar..."; 569 setTimeout(function(){window.open('https://calendar.app.google/B9PVUFdCNvSCYXXL9','_blank');closeModal();},1000); 570 },function(){ 571 toast.style.background="rgba(23,184,168,.1)";toast.style.borderColor="rgba(23,184,168,.25)";toast.style.color="var(--teal)"; 572 toast.textContent="â Redirecting to calendar..."; 573 setTimeout(function(){window.open('https://calendar.app.google/B9PVUFdCNvSCYXXL9','_blank');closeModal();},1000); 574 }); 575} 576document.addEventListener("keydown",function(e){if(e.key==="Escape")closeModal()}) 577</script>
vendor: 1 bytes, line 577
577
578<script> 579function sendContactMessage(){ 580 var first = document.getElementById('cf-first'); 581 var last = document.getElementById('cf-last'); 582 var email = document.getElementById('cf-email'); 583 var phone = document.getElementById('cf-phone'); 584 var org = document.getElementById('cf-org'); 585 var country = document.getElementById('cf-country'); 586 var desig = document.getElementById('cf-designation'); 587 var msg = document.getElementById('cf-message'); 588 var toast = document.getElementById('contact-toast'); 589 590 // Validate required fields 591 var fields = [first, last, email, phone, org, desig, msg]; 592 var valid = true; 593 fields.forEach(function(f){ 594 if(!f || !f.value.trim()){ 595 valid = false; 596 if(f){ f.style.borderColor='#e53e3e'; } 597 } else { if(f) f.style.borderColor=''; } 598 }); 599 if(!valid){ 600 toast.style.display='block'; 601 toast.style.background='rgba(220,50,50,.08)'; 602 toast.style.border='1px solid rgba(220,50,50,.25)'; 603 toast.style.color='#c0392b'; 604 toast.textContent='Please fill in all required fields.'; 605 return; 606 } 607 608 // Disable button to prevent double-send 609 var btn = document.querySelector('#contact-form-btn'); 610 if(btn){ btn.disabled=true; btn.textContent='Sending...'; } 611 612 var templateParams = { 613 from_name: first.value.trim() + ' ' + last.value.trim(), 614 from_email: email.value.trim(), 615 phone: phone.value.trim(), 616 designation: desig.value.trim(), 617 organisation: org.value.trim(), 618 country: country ? country.value : '', 619 message: msg.value.trim() 620 }; 621 622 emailjs.send('service_uuocwhn', 'template_ti5f00i', templateParams) 623 .then(function(){ 624 toast.style.display='block'; 625 toast.style.background='rgba(23,184,168,.1)'; 626 toast.style.border='1px solid rgba(23,184,168,.25)'; 627 toast.style.color='var(--teal)'; 628 toast.textContent='â Message sent! We will get back to you within 24 hours.'; 629 // Reset form 630 [first,last,email,phone,org,desig,msg].forEach(function(f){ if(f) f.value=''; }); 631 if(btn){ btn.disabled=false; btn.textContent='Send Message â'; } 632 }, function(error){ 633 toast.style.display='block'; 634 toast.style.background='rgba(220,50,50,.08)'; 635 toast.style.border='1px solid rgba(220,50,50,.25)'; 636 toast.style.color='#c0392b'; 637 toast.textContent='Something went wrong. Please email us at [email protected]'; 638 if(btn){ btn.disabled=false; btn.textContent='Send Message â'; } 639 console.error('EmailJS error:', error); 640 }); 641} 642</script>
642 643</body>
644<script> 645(function(){ 646 var ham=document.getElementById('hamburger'); 647 var nav=document.getElementById('nav'); 648 if(!ham||!nav)return; 649 ham.addEventListener('click',function(){ 650 nav.classList.toggle('nav-open'); 651 ham.classList.toggle('open'); 652 ham.setAttribute('aria-expanded',String(nav.classList.contains('nav-open'))); 653 }); 654 var nddBtn=document.querySelector('#nav .ndd-btn'); 655 if(nddBtn){ 656 nddBtn.addEventListener('click',function(e){ 657 if(window.innerWidth<=768){ 658 e.stopPropagation(); 659 nddBtn.closest('.ndd').classList.toggle('open'); 660 } 661 }); 662 } 663 document.querySelectorAll('.nmenu a').forEach(function(l){ 664 l.addEventListener('click',function(){ 665 nav.classList.remove('nav-open'); 666 ham.classList.remove('open'); 667 ham.setAttribute('aria-expanded','false'); 668 }); 669 }); 670 document.addEventListener('click',function(e){ 671 if(nav.classList.contains('nav-open')&&!nav.contains(e.target)){ 672 nav.classList.remove('nav-open'); 673 ham.classList.remove('open'); 674 ham.setAttribute('aria-expanded','false'); 675 } 676 }); 677 window.addEventListener('resize',function(){ 678 if(window.innerWidth>768){ 679 nav.classList.remove('nav-open'); 680 ham.classList.remove('open'); 681 ham.setAttribute('aria-expanded','false'); 682 var ndd=document.querySelector('.ndd'); 683 if(ndd)ndd.classList.remove('open'); 684 } 685 }); 686})(); 687</script>
687 688</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.