PageSourceSearch

https://sigtuple.com/contact/

html sigtuple.com collected 2026-10-01 13:13:40 UTC 52,370 bytes, 688 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>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()">&#x2715;</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 &#x2192;</button>
458    <div class="toast" id="modal-toast">&#x2713;
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 &#xB7; 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 &#x2192;</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 &amp; 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.