PageSourceSearch

https://deepinfinity.ai/products-deep-converse

html deepinfinity.ai collected 2026-09-25 10:08:07 UTC 151,340 bytes, 4,626 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" />
6  <meta name="description" content="DeepInfinity.AI - Generative AI for clinical documentation &amp; imaging intelligence." />
7  <title>DeepConverse AI - DeepInfinity</title>
8  <link rel="shortcut icon" href="https://deepinfinity.ai/assets/img/favicon.png" type="image/x-icon" />
9
10  <link rel="preconnect" href="https://fonts.googleapis.com" />
11  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
12  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800;900&family=Nunito:wght@300;400;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@400;600;700;800&family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
13
14  <!-- Bootstrap 5 -->
15  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
16
17  <!-- FontAwesome -->
18  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
19
20  <!-- ✅ Tracking scripts (kept) -->
21  
21<script type="text/javascript">
22    (function(c,l,a,r,i,t,y){
23      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
24      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
25      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
26    })(window, document, "clarity", "script", "lxxzpodjqx");
27  </script>
27
28  
28<script defer src="https://script.superagi.com/public/script?id=gozBY6KRws-d93f258d"></script>
28
29  
29<script src="https://sales.superagi.com/js/livechat/dist/livechat.iife.js"
30          data-config="eyJ3IjozMDM3OSwiZSI6InByb2R1Y3Rpb24iLCJ1Ijo1NDMxMH0="></script>
30
31
32  <style>
33    :root{
34      /* ✅ Brand palette (matched to your logo) */
35      --primary: #2F3292;   /* deep indigo */
36      --accent:  #EC058E;   /* magenta */
37      --gold:    #FCB44A;   /* highlight */
38
39      --violet-1:#6B6DB1;
40      --violet-2:#C4A1CF;
41
42      --bg0:#f7f8ff;
43      --bg1:#f2f3ff;
44      --bg2:#fff7fb;
45
46      --card-bg: rgba(255,255,255,.90);
47      --card-border: rgba(47,50,146,.14);
48
49      --text:#1f2a5a;
50      --subtext:#4b56a6;
51
52      --border-radius: 18px;
53      --shadow: 0 14px 44px rgba(47,50,146,.14);
54      --shadow2: 0 18px 60px rgba(15,23,42,.14);
55
56      --bs-primary: var(--primary);
57      --bs-link-color: var(--primary);
58      --bs-link-hover-color: var(--accent);
59    }
60
61    body{
62      font-family: 'Montserrat','Nunito',sans-serif;
63      color: var(--text);
64      margin: 0;
65      min-height: 100vh;
66
67      /* ✅ Not-plain background everywhere */
68      background:
69        radial-gradient(1100px 620px at 10% 8%, rgba(47,50,146,.18), transparent 60%),
70        radial-gradient(900px 600px at 92% 10%, rgba(236,5,142,.12), transparent 62%),
71        radial-gradient(800px 520px at 82% 92%, rgba(252,180,74,.12), transparent 60%),
72        linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 52%, var(--bg2) 100%);
73    }
74
75    /* Preloader */
76    #preloader{
77      position: fixed; inset:0; z-index:2000;
78      display:flex; align-items:center; justify-content:center;
79      background:
80        radial-gradient(1000px 520px at 15% 15%, rgba(47,50,146,.22), transparent 62%),
81        radial-gradient(900px 520px at 85% 20%, rgba(236,5,142,.18), transparent 62%),
82        rgba(15,23,42,.92);
83      backdrop-filter: blur(12px);
84      -webkit-backdrop-filter: blur(12px);
85      transition: opacity .25s ease, transform .25s ease;
86    }
87    #preloader.hide{ opacity:0; transform: scale(1.02); pointer-events:none; }
88    #preloader .spinner{
89      width:54px; height:54px;
90      border-radius:999px;
91      border:4px solid rgba(255,255,255,.22);
92      border-top-color: rgba(255,255,255,.88);
93      animation: spin .9s linear infinite;
94      box-shadow: 0 18px 46px rgba(0,0,0,.25);
95    }
96    @keyframes spin{ to{ transform: rotate(360deg); } }
97
98    /* =========================
99       NAV
100       ========================= */
101    .glass-nav{
102      position: sticky; top:0; z-index:1000;
103      backdrop-filter: blur(16px);
104      -webkit-backdrop-filter: blur(16px);
105      background:
106        radial-gradient(circle at 18% 0%, rgba(47,50,146,.28), transparent 56%),
107        radial-gradient(circle at 86% 0%, rgba(236,5,142,.18), transparent 54%),
108        rgba(15,23,42,.86);
109      border-bottom: 1px solid rgba(148,163,184,.16);
110      transition: box-shadow .2s ease, border-color .2s ease;
111    }
112    .glass-nav.is-scrolled{
113      box-shadow: 0 16px 44px rgba(15,23,42,.28);
114      border-bottom-color: rgba(148,163,184,.26);
115    }
116    .navbar{ padding: 14px 0; }
117    .navbar-brand img{
118      height: 34px;
119      filter: drop-shadow(0 0 18px rgba(236,5,142,.35));
120      transition: filter .2s ease;
121    }
122    .navbar-brand img:hover{
123      filter:
124        drop-shadow(0 0 22px rgba(236,5,142,.45))
125        drop-shadow(0 0 18px rgba(252,180,74,.25));
126    }
127    .navbar .nav-link{
128      font-weight: 900;
129      color: rgba(255,255,255,.92) !important;
130      border-radius: 999px;
131      padding: 8px 14px !important;
132      font-size: 14px;
133      transition: background .25s ease, color .25s ease;
134      white-space: nowrap;
135    }
136    .navbar .nav-link:hover,
137    .navbar .nav-link.active{
138      background: radial-gradient(circle at top left, rgba(236,5,142,.18), transparent 62%);
139      color:#fff !important;
140    }
141    .btn-outline-soft{
142      border: 1px solid rgba(255,255,255,.26);
143      color:#fff;
144      font-weight: 950;
145      border-radius: 999px;
146      padding: 10px 14px;
147      background: rgba(255,255,255,.06);
148      transition: transform .2s, background .2s, border-color .2s;
149    }
150    .btn-outline-soft:hover{
151      background: rgba(255,255,255,.12);
152      border-color: rgba(252,180,74,.55);
153      transform: translateY(-1px);
154      color:#fff;
155    }
156
157    /* =========================
158       HERO (brand matched)
159       ========================= */
160    header.hero{
161      color:#fff;
162      padding:0;
163      background:
164        radial-gradient(900px 520px at 18% 24%, rgba(255,255,255,.22), transparent 56%),
165        radial-gradient(820px 520px at 78% 18%, rgba(252,180,74,.22), transparent 60%),
166        linear-gradient(90deg, var(--primary) 0%, var(--accent) 78%);
167      position: relative;
168      overflow: hidden;
169      animation: slideDownHeader 1.1s cubic-bezier(.39,.575,.565,1.000);
170    }
171    @keyframes slideDownHeader{
172      0%{ transform: translateY(-80px); opacity:0; }
173      100%{ transform:none; opacity:1; }
174    }
175    header.hero::after{
176      content:"";
177      position:absolute; inset:0;
178      pointer-events:none;
179      opacity: .14;
180      background-image:
181        radial-gradient(circle at 20% 35%, rgba(255,255,255,.30) 0 2px, transparent 3px),
182        radial-gradient(circle at 70% 22%, rgba(255,255,255,.26) 0 2px, transparent 3px),
183        radial-gradient(circle at 82% 55%, rgba(255,255,255,.22) 0 2px, transparent 3px);
184      background-size: 260px 260px;
185      mix-blend-mode: overlay;
186    }
187
188    .hero-content{ padding: 74px 0 48px; position: relative; z-index: 1; }
189    .main-title{
190      font-size: 2.8rem;
191      font-weight: 950;
192      letter-spacing: .6px;
193      margin: 0 0 .45rem;
194      text-shadow: 0 18px 40px rgba(0,0,0,.18);
195    }
196    .subtitle{
197      font-size: 1.05rem;
198      font-weight: 750;
199      color: rgba(255,255,255,.92);
200      line-height: 1.55;
201    }
202
203    .hero-ani{
204      width: 136px; height: 136px; border-radius: 50%;
205      background:
206        radial-gradient(circle at 20% 20%, rgba(252,180,74,.28), transparent 60%),
207        radial-gradient(circle at 86% 28%, rgba(236,5,142,.22), transparent 55%),
208        rgba(255,255,255,.86);
209      box-shadow: var(--shadow2);
210      display:flex; align-items:center; justify-content:center;
211      animation: float 4s ease-in-out infinite;
212    }
213    @keyframes float{
214      0%{ transform: translateY(0); }
215      50%{ transform: translateY(-18px); }
216      100%{ transform: translateY(0); }
217    }
218
219    .hero-meta{
220      display:flex; gap: 1rem 1.6rem;
221      margin-top: 18px;
222      font-size: 14px;
223      color: rgba(255,255,255,.95);
224      flex-wrap: wrap;
225      font-weight: 900;
226    }
227
228    /* =========================
229       ✅ NEW CTA BUTTON (brand-perfect)
230       ========================= */
231    .cta{
232      position: relative;
233      display:inline-flex;
234      align-items:center;
235      justify-content:center;
236      gap: 10px;
237      padding: 12px 18px;
238      border-radius: 999px;
239      font-weight: 950;
240      font-size: .98rem;
241      letter-spacing: .2px;
242      text-decoration:none;
243      color: #fff;
244      border: 1px solid rgba(255,255,255,.20);
245      box-shadow: 0 18px 46px rgba(0,0,0,.16);
246      overflow: hidden;
247      transform: translateZ(0);
248      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
249      background:
250        linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
251    }
252    /* gradient “ring” */
253    .cta::before{
254      content:"";
255      position:absolute;
256      inset:-2px;
257      border-radius: 999px;
258      padding: 2px;
259      background: linear-gradient(90deg, var(--gold), var(--accent), var(--primary));
260      -webkit-mask:
261        linear-gradient(#000 0 0) content-box,
262        linear-gradient(#000 0 0);
263      -webkit-mask-composite: xor;
264      mask-composite: exclude;
265      opacity: .95;
266      pointer-events:none;
267    }
268    /* inner brand gradient */
269    .cta::after{
270      content:"";
271      position:absolute; inset:0;
272      border-radius: 999px;
273      background:
274        radial-gradient(140px 60px at 20% 30%, rgba(252,180,74,.35), transparent 60%),
275        radial-gradient(160px 70px at 80% 40%, rgba(236,5,142,.28), transparent 62%),
276        linear-gradient(90deg, rgba(47,50,146,.86), rgba(236,5,142,.86));
277      opacity: .92;
278      pointer-events:none;
279    }
280    .cta span{ position: relative; z-index: 1; }
281    .cta i{ position: relative; z-index: 1; opacity: .95; }
282
283    /* shimmer sweep */
284    .cta .shine{
285      position:absolute;
286      top:-40%;
287      left:-30%;
288      width: 40%;
289      height: 180%;
290      background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);
291      transform: rotate(18deg);
292      opacity: 0;
293      transition: opacity .18s ease;
294      z-index: 1;
295      pointer-events:none;
296    }
297
298    .cta:hover{
299      transform: translateY(-2px) scale(1.02);
300      box-shadow: 0 26px 66px rgba(0,0,0,.20);
301      filter: saturate(1.06);
302    }
303    .cta:hover .shine{
304      opacity: 1;
305      animation: sweep .9s ease-in-out;
306    }
307    @keyframes sweep{
308      0%{ transform: translateX(-20%) rotate(18deg); }
309      100%{ transform: translateX(280%) rotate(18deg); }
310    }
311
312    /* Secondary CTA (ghost) */
313    .cta.cta-ghost{
314      background: rgba(255,255,255,.10);
315      border: 1px solid rgba(255,255,255,.26);
316      box-shadow: 0 16px 40px rgba(0,0,0,.12);
317    }
318    .cta.cta-ghost::after{
319      background:
320        radial-gradient(140px 60px at 20% 30%, rgba(252,180,74,.26), transparent 60%),
321        radial-gradient(160px 70px at 80% 40%, rgba(236,5,142,.22), transparent 62%),
322        linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.08));
323      opacity: .9;
324    }
325
326    /* =========================
327       Sections (never plain)
328       ========================= */
329    section.section{
330      position: relative;
331      overflow: hidden;
332      padding: 60px 0 54px;
333      background: transparent !important;
334      border-top: 1px solid rgba(148,163,184,.10);
335    }
336    section.section::before{
337      content:"";
338      position:absolute;
339      inset:-1px;
340      z-index:0;
341      pointer-events:none;
342      background:
343        radial-gradient(900px 520px at 12% 18%, rgba(47,50,146,.12), transparent 62%),
344        radial-gradient(900px 520px at 88% 28%, rgba(236,5,142,.10), transparent 62%),
345        radial-gradient(700px 420px at 50% 95%, rgba(252,180,74,.10), transparent 60%),
346        linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.06));
347    }
348    section.section:nth-of-type(even)::before{
349      background:
350        radial-gradient(900px 520px at 12% 18%, rgba(236,5,142,.11), transparent 62%),
351        radial-gradient(900px 520px at 88% 28%, rgba(47,50,146,.10), transparent 62%),
352        radial-gradient(700px 420px at 50% 95%, rgba(252,180,74,.11), transparent 60%),
353        linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.06));
354    }
355    section.section::after{
356      content:"";
357      position:absolute;
358      inset:0;
359      z-index:0;
360      pointer-events:none;
361      opacity: .12;
362      background-image:
363        linear-gradient(to right, rgba(148,163,184,.18) 1px, transparent 1px),
364        linear-gradient(to bottom, rgba(148,163,184,.18) 1px, transparent 1px);
365      background-size: 84px 84px;
366      mask-image: radial-gradient(closest-side at 50% 20%, rgba(0,0,0,.85), transparent 70%);
367      -webkit-mask-image: radial-gradient(closest-side at 50% 20%, rgba(0,0,0,.85), transparent 70%);
368    }
369    section.section > .container{ position: relative; z-index: 1; }
370
371    .soft-panel{
372      backdrop-filter: blur(8px);
373      -webkit-backdrop-filter: blur(8px);
374    }
375
376    /* Cards */
377    .feature-card{
378      background: var(--card-bg);
379      border-radius: var(--border-radius);
380      box-shadow: var(--shadow);
381      border: 1px solid var(--card-border);
382      padding: 34px 25px 30px;
383      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
384      height: 100%;
385      backdrop-filter: blur(10px);
386      -webkit-backdrop-filter: blur(10px);
387    }
388    .feature-card:hover{
389      transform: translateY(-8px);
390      box-shadow: 0 22px 60px rgba(47,50,146,.18);
391      border-color: rgba(252,180,74,.28);
392    }
393    .feature-icon{
394      width:52px; height:52px; border-radius: 16px;
395      display:flex; align-items:center; justify-content:center;
396      background:
397        radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 50%),
398        linear-gradient(135deg, var(--primary) 20%, var(--accent) 80%);
399      color:#fff;
400      font-size: 24px;
401      margin-bottom: 10px;
402      box-shadow: 0 16px 30px rgba(47,50,146,.18);
403    }
404    .feature-card h4{ margin: 10px 0 6px; font-weight: 950; color: var(--primary); font-size: 1.12rem; }
405    .feature-card p{ color: var(--subtext); font-size: 15px; margin: 0; line-height: 1.7; font-weight: 750; }
406
407    /* Video cards */
408    .video-card{
409      overflow:hidden;
410      border-radius: 18px;
411      border: 1px solid var(--card-border);
412      background: var(--card-bg);
413      box-shadow: var(--shadow);
414      height: 100%;
415      transition: transform .25s, box-shadow .25s, border-color .25s;
416      backdrop-filter: blur(10px);
417      -webkit-backdrop-filter: blur(10px);
418    }
419    .video-card:hover{
420      transform: translateY(-6px);
421      box-shadow: 0 22px 56px rgba(47,50,146,.18);
422      border-color: rgba(252,180,74,.28);
423    }
424    .video-thumb{ position:relative; aspect-ratio: 16/10; overflow:hidden; border-bottom: 1px solid rgba(148,163,184,.16); }
425    .video-thumb img{ width:100%; height:100%; object-fit:cover; display:block;
425 filter:saturate(1.05) contrast(1.02); }
426    .play-btn{
427      position:absolute; inset:0;
428      display:flex; align-items:center; justify-content:center;
429      background: linear-gradient(180deg, rgba(15,23,42,.05), rgba(15,23,42,.36));
430      opacity:0; transition: opacity .2s;
431    }
432    .video-card:hover .play-btn{ opacity: 1; }
433    .play-btn i{
434      width: 58px; height: 58px;
435      border-radius: 999px;
436      display:flex; align-items:center; justify-content:center;
437      background: rgba(255,255,255,.92);
438      color: var(--primary);
439      box-shadow: 0 18px 44px rgba(0,0,0,.20);
440      font-size: 20px;
441      padding-left: 3px;
442    }
443    .video-body{ padding: 14px 14px 16px; }
444    .video-title{ font-weight: 950; color: var(--text); margin: 0; font-size: 14px; line-height: 1.4; }
445
446    /* Testimonials */
447    .quote{
448      background: var(--card-bg);
449      border: 1px solid var(--card-border);
450      border-radius: var(--border-radius);
451      padding: 20px 18px 18px;
452      box-shadow: var(--shadow);
453      position:relative;
454      height: 100%;
455      backdrop-filter: blur(10px);
456      -webkit-backdrop-filter: blur(10px);
457    }
458    .quote::before{
459      content:"”";
460      position:absolute;
461      top:-32px; right: 12px;
462      font-size:62px;
463      color:rgba(236,5,142,.18);
464      font-weight: 900;
465      opacity:.6;
466    }
467    .quote p{ color: var(--text); margin: 0 0 12px; line-height: 1.8; font-size: 15px; font-weight: 750; }
468    .quote .who{ font-weight: 950; color: var(--primary); }
469    .quote .org{ color: var(--subtext); font-weight: 900; font-size: 13px; }
470
471    /* Reveal */
472    .reveal{
473      opacity:0;
474      transform: translateY(18px) scale(.99);
475      transition: opacity .7s cubic-bezier(.2,.8,.2,1),
476                  transform .7s cubic-bezier(.2,.8,.2,1);
477    }
478    .reveal.is-visible{ opacity:1; transform:none; }
479    .reveal.fade-left{ transform: translateX(-22px); }
480    .reveal.fade-right{ transform: translateX(22px); }
481    .reveal.zoom-in{ transform: scale(.96); }
482    .reveal.is-visible.fade-left,
483    .reveal.is-visible.fade-right,
484    .reveal.is-visible.zoom-in{ transform:none; }
485    .d-100{ transition-delay:.10s; }
486    .d-200{ transition-delay:.20s; }
487    .d-300{ transition-delay:.30s; }
488    .d-400{ transition-delay:.40s; }
489
490    /* Footer */
491    footer{
492      padding: 56px 0 26px;
493      color: rgba(255,255,255,.92);
494      background:
495        radial-gradient(900px 520px at 18% 0%, rgba(47,50,146,.24), transparent 58%),
496        radial-gradient(900px 520px at 88% 0%, rgba(236,5,142,.18), transparent 60%),
497        radial-gradient(700px 420px at 58% 80%, rgba(252,180,74,.14), transparent 66%),
498        rgba(15,23,42,.96);
499      border-top: 1px solid rgba(148,163,184,.16);
500      position: relative;
501      overflow: hidden;
502    }
503    footer h5{ font-weight: 950; margin-bottom: 10px; font-size: 1.05rem; color:#fff; }
504    footer a{
505      color: rgba(255,255,255,.86);
506      font-weight: 900;
507      display:inline-block;
508      padding: 3px 0;
509      font-size: 14px;
510      text-decoration:none;
511      transition: color .18s;
512    }
513    footer a:hover{ color: var(--gold); text-decoration: underline; }
514    .bottom{
515      border-top: 1px solid rgba(148,163,184,.18);
516      margin-top: 22px;
517      padding-top: 14px;
518      color: rgba(255,255,255,.78);
519      font-weight: 900;
520      font-size: 13px;
521    }
522
523    /* Bootstrap outline primary match */
524    .btn-outline-primary{
525      --bs-btn-color: var(--primary);
526      --bs-btn-border-color: rgba(47,50,146,.55);
527      --bs-btn-hover-bg: var(--primary);
528      --bs-btn-hover-border-color: var(--primary);
529    }
530
531    @media (max-width: 991.98px){
532      .hero-content{ padding-top: 50px; }
533      section.section{ padding-top: 44px; padding-bottom: 40px; }
534    }
535    @media (max-width: 600px){
536      .main-title{ font-size: 2rem; }
537      .hero-content{ padding-top: 32px!important; }
538    }
539    @media (prefers-reduced-motion: reduce){
540      .reveal{ transition:none; opacity:1; transform:none; }
541      #preloader .spinner{ animation:none; }
542      .hero-ani{ animation:none; }
543      .cta:hover .shine{ animation:none; }
544    }
545
546    /* Cookie UI minimal (to keep your existing markup working) */
547    #cookie-banner{
548      position: fixed; left: 18px; right: 18px; bottom: 18px; z-index: 2147483000;
549      display: none; gap: 14px; align-items: center; justify-content: space-between;
550      padding: 14px;
551      border-radius: 16px;
552      color: rgba(255,255,255,.92);
553      background:
554        radial-gradient(700px 240px at 18% 0%, rgba(47,50,146,.30), transparent 60%),
555        radial-gradient(700px 240px at 86% 0%, rgba(236,5,142,.22), transparent 60%),
556        rgba(15,23,42,.92);
557      border: 1px solid rgba(148,163,184,.20);
558      box-shadow: 0 20px 60px rgba(0,0,0,.25);
559      backdrop-filter: blur(12px);
560      -webkit-backdrop-filter: blur(12px);
561      pointer-events: auto;
562    }
563    #cookie-banner p{ margin: 0; font-weight: 800; font-size: 13px; line-height: 1.45; }
564    #cookie-banner .btn{ font-weight: 900; border-radius: 999px; }
565
566    .cookie-footer-link{
567      position: fixed; right: 18px; bottom: 18px; z-index: 2147482999;
568      width: 46px; height: 46px;
569      display: none; align-items: center; justify-content: center;
570      border-radius: 999px;
571      background: rgba(15,23,42,.85);
572      border: 1px solid rgba(148,163,184,.22);
573      color: rgba(255,255,255,.92);
574      cursor: pointer;
575      backdrop-filter: blur(10px);
576      -webkit-backdrop-filter: blur(10px);
577      box-shadow: 0 16px 46px rgba(0,0,0,.18);
578      pointer-events: auto;
579    }
580    .cookie-footer-link:hover{ border-color: rgba(252,180,74,.34); }
581
582    iframe[src*="superagi"],
583    iframe[src*="livechat"],
584    [id*="superagi" i],
585    [class*="superagi" i],
586    [id*="livechat" i],
587    [class*="livechat" i]{
588      right: auto !important;
589      left: 18px !important;
590      z-index: 2147482998 !important;
591    }
592
593    #cookie-settings-modal{
594      position: fixed; inset: 0; z-index: 2147483001;
595      display: none; align-items: center; justify-content: center;
596      padding: 18px;
597      background: rgba(15,23,42,.55);
598      backdrop-filter: blur(10px);
599      -webkit-backdrop-filter: blur(10px);
600    }
601    #cookie-settings-content{
602      width: min(560px, 100%);
603      border-radius: 18px;
604      background: rgba(255,255,255,.92);
605      border: 1px solid rgba(47,50,146,.16);
606      box-shadow: 0 26px 80px rgba(0,0,0,.22);
607      padding: 18px 18px 14px;
608      position: relative;
609    }
610    #cookie-settings-content h2{
611      font-size: 18px;
612      font-weight: 950;
613      margin: 4px 0 14px;
614      color: var(--text);
615    }
616    #cookie-settings-content .close-btn{
617      position: absolute;
618      top: 10px; right: 12px;
619      width: 40px; height: 40px;
620      border-radius: 999px;
621      border: 1px solid rgba(148,163,184,.22);
622      background: rgba(255,255,255,.80);
623      font-size: 22px; line-height: 38px;
624      cursor: pointer;
625    }
626    .cookie-setting-row{
627      display:flex; align-items:center; justify-content: space-between;
628      padding: 10px 10px;
629      border-radius: 14px;
630      border: 1px solid rgba(148,163,184,.16);
631      background: rgba(47,50,146,.04);
632      margin-top: 10px;
633    }
634    .cookie-setting-row.disabled{ opacity: .7; background: rgba(148,163,184,.08); }
635    .cookie-setting-label{ font-weight: 900; color: var(--text); font-size: 14px; }
636    .cookie-setting-desc{ color: var(--subtext); font-weight: 800; font-size: 13px; margin-top: 8px; padding: 0 6px; }
637
638    #cookie-settings-form button[type="submit"]{
639      margin-top: 14px;
640      width: 100%;
641      border: 0;
642      border-radius: 999px;
643      padding: 11px 12px;
644      font-weight: 950;
645      color: #fff;
646      background: linear-gradient(90deg, var(--primary), var(--accent));
647      box-shadow: 0 14px 36px rgba(47,50,146,.18);
648    }
649
650    .switch{ position: relative; display: inline-block; width: 46px; height: 26px; }
651    .switch input{ opacity: 0; width: 0; height: 0; }
652    .slider{
653      position: absolute; cursor: pointer;
654      top: 0; left: 0; right: 0; bottom: 0;
655      background: rgba(148,163,184,.35);
656      transition: .2s;
657      border-radius: 999px;
658    }
659    .slider:before{
660      position: absolute; content: "";
661      height: 20px; width: 20px;
662      left: 3px; top: 3px;
663      background: white;
664      transition: .2s;
665      border-radius: 999px;
666      box-shadow: 0 10px 26px rgba(0,0,0,.15);
667    }
668    input:checked + .slider{
669      background: linear-gradient(90deg, rgba(47,50,146,.95), rgba(236,5,142,.95));
670    }
671    input:checked + .slider:before{ transform: translateX(20px); }
672  </style>
673  <style>
674    .form-control,
675    textarea.form-control {
676      border: 1px solid rgba(47,50,146,.16);
677      background: rgba(255,255,255,.88);
678      box-shadow: none;
679      font-weight: 700;
680      color: var(--text);
681    }
682
683    .form-control:focus,
684    textarea.form-control:focus {
685      border-color: rgba(236,5,142,.45);
686      box-shadow: 0 0 0 0.2rem rgba(236,5,142,.10);
687      background: #fff;
688    }
689
690    .alert-msg .alert {
691      border-radius: 14px;
692      font-weight: 800;
693    }
694    .dynamic-content-card {
695  padding: 32px;
696}
697
698.dynamic-content {
699  color: var(--text);
700  font-weight: 700;
701  line-height: 1.85;
702}
703
704.dynamic-content p,
705.dynamic-content li,
706.dynamic-content td,
707.dynamic-content span {
708  color: var(--subtext);
709  line-height: 1.85;
710}
711
712.dynamic-content h1,
713.dynamic-content h2,
714.dynamic-content h3,
715.dynamic-content h4,
716.dynamic-content h5,
717.dynamic-content h6 {
718  color: var(--primary);
719  font-weight: 900;
720  margin-top: 1.2rem;
721  margin-bottom: .8rem;
722}
723
724.dynamic-content img {
725  max-width: 100%;
726  height: auto;
727  border-radius: 16px;
728  margin: 12px 0;
729  box-shadow: 0 14px 34px rgba(47,50,146,.12);
730}
731
732.dynamic-content ul,
733.dynamic-content ol {
734  padding-left: 1.2rem;
735}
736
737.dynamic-content a {
738  color: var(--accent);
739  font-weight: 800;
740  text-decoration: none;
741}
742
743.dynamic-content a:hover {
744  color: var(--primary);
745  text-decoration: underline;
746}
747.faq-modern .accordion-item {
748  border: 1px solid rgba(47,50,146,.12);
749  border-radius: 16px !important;
750  overflow: hidden;
751  margin-bottom: 14px;
752  background: rgba(255,255,255,.78);
753  box-shadow: 0 10px 28px rgba(47,50,146,.08);
754}
755
756.faq-modern .accordion-button {
757  font-weight: 900;
758  color: var(--text);
759  background: rgba(255,255,255,.88);
760  box-shadow: none !important;
761  padding: 18px 22px;
762}
763
764.faq-modern .accordion-button:not(.collapsed) {
765  color: var(--primary);
766  background: rgba(47,50,146,.05);
767}
768
769.faq-modern .accordion-button:focus {
770  box-shadow: none;
771  border-color: transparent;
772}
773
774.faq-modern .accordion-body {
775  color: var(--subtext);
776  font-weight: 700;
777  line-height: 1.85;
778  padding: 20px 22px;
779}
780
781.faq-modern .accordion-body img {
782  max-width: 100%;
783  height: auto;
784  border-radius: 14px;
785  margin-top: 10px;
786  box-shadow: 0 14px 30px rgba(47,50,146,.12);
787}
788
789.faq-modern .accordion-body a {
790  color: var(--accent);
791  font-weight: 800;
792  text-decoration: none;
793}
794
795.faq-modern .accordion-body a:hover {
796  color: var(--primary);
797  text-decoration: underline;
798}
799
800.faq-modern .accordion-body ul {
801  padding-left: 1.2rem;
802}
803.whatsapp-btn {
804  display:block;
805  padding:12px 18px;
806  border-radius:12px;
807  background:#25D366;
808  color:white;
809  font-weight:800;
810  margin-bottom:10px;
811  text-decoration:none;
812}
813
814.whatsapp-btn i{
815  margin-right:8px;
816}
817
818.whatsapp-btn:hover{
819  background:#1da851;
820  color:white;
821}
822
823.contact-forms .form-control{
824  padding:12px 14px;
825  border-radius:10px;
826  border:1px solid rgba(0,0,0,.1);
827}
828
829.contact-forms textarea{
830  resize:none;
831}
832.login-modern-card {
833  max-width: 560px;
834  margin: 0 auto;
835  padding: 40px 32px;
836}
837
838.input-modern {
839  border-radius: 14px;
840  overflow: hidden;
841  border: 1px solid rgba(47,50,146,.14);
842  background: rgba(255,255,255,.90);
843}
844
845.input-modern .input-group-text {
846  background: rgba(47,50,146,.05);
847  border: 0;
848  color: var(--primary);
849  font-weight: 900;
850}
851
852.input-modern .form-control {
853  border: 0;
854  box-shadow: none;
855  padding: 14px 14px;
856  background: transparent;
857  font-weight: 700;
858  color: var(--text);
859}
860
861.input-modern .form-control:focus {
862  box-shadow: none;
863  background: transparent;
864}
865
866.login-link {
867  color: var(--accent);
868  text-decoration: none;
869  font-weight: 800;
870}
871
872.login-link:hover {
873  color: var(--primary);
874  text-decoration: underline;
875}
876
877.login-alert {
878  border-radius: 14px;
879  font-weight: 800;
880  text-align: left;
881}
882
883  /* ===== Dashboard utilities ===== */
884  .soft-card {
885    background: var(--card-bg);
886    border: 1px solid var(--card-border);
887    border-radius: 22px;
888    box-shadow: var(--shadow);
889    overflow: hidden;
890    backdrop-filter: blur(12px);
891    -webkit-backdrop-filter: blur(12px);
892    margin-bottom: 28px;
893  }
894  .soft-card-header {
895    padding: 22px 28px 18px;
896    border-bottom: 1px solid var(--card-border);
897    background: rgba(47,50,146,.04);
898  }
899  .soft-card-body {
900    padding: 28px;
901  }
902  .page-actions {
903    display: flex;
904    align-items: flex-start;
905    justify-content: space-between;
906    gap: 18px;
907    flex-wrap: wrap;
908    margin-bottom: 28px;
909  }
910  .page-title {
911    font-size: 1.55rem;
912    font-weight: 950;
913    color: var(--text);
914    margin: 0 0 4px;
915  }
916  .page-subtitle {
917    color: var(--subtext);
918    font-size: 14px;
919    font-weight: 800;
920    margin: 0;
921  }
922  .table-modern {
923    width: 100%;
924    border-collapse: separate;
925    border-spacing: 0;
926  }
927  .table-modern thead tr th {
928    background: rgba(47,50,146,.06);
929    color: var(--primary);
930    font-weight: 950;
931    font-size: 12px;
932    letter-spacing: .06em;
933    text-transform: uppercase;
934    padding: 14px 16px;
935    border-bottom: 2px solid var(--card-border);
936    white-space: nowrap;
937  }
938  .table-modern tbody tr td {
939    padding: 14px 16px;
940    color: var(--text);
941    font-weight: 700;
942    font-size: 14px;
943    border-bottom: 1px solid var(--card-border);
944    vertical-align: middle;
945  }
946  .table-modern tbody tr:last-child td { border-bottom: 0; }
947  .table-modern tbody tr:hover td { background: rgba(47,50,146,.03); }
948  .alert-modern {
949    border-radius: 16px;
950    font-weight: 800;
951  }
952</style>
953<style>
954  :root {
955    --di-ink: #16214d;
956    --di-ink-soft: #536083;
957    --di-border: rgba(22, 33, 77, 0.08);
958    --di-surface: rgba(255, 255, 255, 0.88);
959    --di-surface-strong: #ffffff;
960    --di-shadow: 0 20px 50px rgba(24, 31, 74, 0.08);
961    --di-shadow-lg: 0 30px 90px rgba(30, 38, 93, 0.12);
962    --di-brand-a: #5b43f3;
963    --di-brand-b: #f34f93;
964    --di-brand-c: #ff9b53;
965    --di-soft-grad: linear-gradient(135deg, rgba(91, 67, 243, 0.1), rgba(243, 79, 147, 0.08) 55%, rgba(255, 155, 83, 0.1));
966  }
967
968  body.site-shell {
969    font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
970    color: var(--di-ink);
971    background: linear-gradient(180deg, #ffffff 0%, #fcfbff 56%, #f8f5ff 100%);
972  }
973
974  .glass-nav {
975    position: sticky;
976    top: 0;
977    z-index: 1000;
978    background: rgba(255, 255, 255, 0.82);
979    backdrop-filter: blur(18px);
980    -webkit-backdrop-filter: blur(18px);
981    border-bottom: 1px solid rgba(22, 33, 77, 0.06);
982    box-shadow: none;
983  }
984
985  .glass-nav .container,
986  footer.di-footer .container {
987    max-width: 100%;
988    width: 100%;
989    padding-left: 60px;
990    padding-right: 60px;
991  }
992
993  .glass-nav.is-scrolled {
994    box-shadow: 0 18px 40px rgba(17, 24, 39, 0.08);
995    border-bottom-color: rgba(22, 33, 77, 0.1);
996  }
997
998  .navbar {
999    padding: 16px 0;
1000  }
1001
1002  .navbar-brand img {
1003    height: 38px;
1004    filter: none;
1005  }
1006
1007  .navbar-brand img:hover {
1008    filter: none;
1009  }
1010
1011  .navbar .nav-link {
1012    color: var(--di-ink) !important;
1013    font-size: 14px;
1014    font-weight: 700;
1015    padding: 8px 12px !important;
1016    border-radius: 999px;
1017    transition: color .2s ease, background-color .2s ease;
1018  }
1019
1020  .navbar .nav-link:hover,
1021  .navbar .nav-link.active,
1022  .navbar .show > .nav-link {
1023    color: var(--di-brand-a) !important;
1024    background: rgba(91, 67, 243, 0.08);
1025  }
1026
1027  .navbar-toggler {
1028    border: 1px solid rgba(22, 33, 77, 0.12);
1029    padding: 8px 10px;
1030    border-radius: 14px;
1031  }
1032
1033  .navbar-toggler:focus {
1034    box-shadow: 0 0 0 0.2rem rgba(91, 67, 243, 0.12);
1035  }
1036
1037  .navbar-toggler-icon {
1038    filter: invert(16%) sepia(33%) saturate(1771%) hue-rotate(204deg) brightness(91%) contrast(96%);
1039  }
1040
1041  .dropdown-menu {
1042    border: 1px solid rgba(22, 33, 77, 0.08);
1043    box-shadow: var(--di-shadow);
1044    border-radius: 18px;
1045    padding: 10px;
1046    min-width: 220px;
1047    background: rgba(255, 255, 255, 0.96);
1048  }
1049
1050  .dropdown-item {
1051    border-radius: 12px;
1052    padding: 10px 12px;
1053    color: var(--di-ink);
1054    font-weight: 600;
1055  }
1056
1057  .dropdown-item:hover,
1058  .dropdown-item:focus {
1059    background: rgba(91, 67, 243, 0.08);
1060    color: var(--di-brand-a);
1061  }
1062
1063  .btn-outline-soft,
1064  .nav-login-link {
1065    display: inline-block;
1066    border-radius: 999px;
1067    padding: 10px 16px;
1068    font-weight: 700;
1069    border: 1px solid rgba(22, 33, 77, 0.08);
1070    color: var(--di-ink);
1071    background: rgba(255, 255, 255, 0.72);
1072    text-decoration: none;
1073    white-space: nowrap;
1074    transition: color .2s ease, border-color .2s ease, background .2s ease;
1075  }
1076
1077  .btn-outline-soft:hover,
1078  .nav-login-link:hover {
1079    color: var(--di-brand-a);
1080    border-color: rgba(91, 67, 243, 0.22);
1081    background: rgba(91, 67, 243, 0.06);
1082  }
1083
1084  .nav-user-menu {
1085    display: inline-flex;
1086    align-items: center;
1087    justify-content: center;
1088    width: 42px;
1089    height: 42px;
1090    border-radius: 999px;
1091    border: 1px solid rgba(22, 33, 77, 0.08);
1092    color: var(--di-ink);
1093    background: rgba(255, 255, 255, 0.78);
1094    text-decoration: none;
1095    transition: color .2s ease, border-color .2s ease, background .2s ease;
1096  }
1097
1098  .nav-user-menu:hover,
1099  .nav-user-menu:focus,
1100  .nav-user-menu.active {
1101    color: var(--di-brand-a);
1102    border-color: rgba(91, 67, 243, 0.22);
1103    background: rgba(91, 67, 243, 0.06);
1104  }
1105
1106  .nav-user-email {
1107    max-width: 260px;
1108    padding: 8px 12px 6px;
1109    color: var(--di-ink-soft);
1110    font-size: .78rem;
1111    font-weight: 800;
1112    overflow: hidden;
1113    text-overflow: ellipsis;
1114    white-space: nowrap;
1115  }
1116
1117  .nav-demo-btn,
1118  .btn-gradient {
1119    display: inline-flex;
1120    align-items: center;
1121    justify-content: center;
1122    gap: 10px;
1123    padding: 11px 18px;
1124    border: 0;
1125    border-radius: 999px;
1126    color: #fff !important;
1127    font-weight: 800;
1128    text-decoration: none;
1129    white-space: nowrap;
1130    background: linear-gradient(90deg, var(--di-brand-b), var(--di-brand-a));
1131    box-shadow: 0 16px 34px rgba(91, 67, 243, 0.24);
1132    transition: transform .2s ease, box-shadow .2s ease;
1133  }
1134
1135  .nav-demo-btn:hover,
1136  .btn-gradient:hover {
1137    color: #fff !important;
1138    transform: translateY(-1px);
1139    box-shadow: 0 22px 42px rgba(91, 67, 243, 0.3);
1140  }
1141
1142  .btn-gradient-light {
1143    display: inline-flex;
1144    align-items: center;
1145    gap: 10px;
1146    font-weight: 800;
1147    color: var(--di-ink);
1148    text-decoration: none;
1149  }
1150
1151  .btn-gradient-light:hover {
1152    color: var(--di-brand-a);
1153  }
1154
1155  section.section {
1156    position: relative;
1157    padding: 72px 0;
1158    background: transparent !important;
1159    border-top: 1px solid rgba(22, 33, 77, 0.04);
1160  }
1161
1162  .soft-panel {
1163    background: linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.18)) !important;
1164  }
1165
1166  .feature-card,
1167  .dynamic-content-card,
1168  .video-card,
1169  .quote {
1170    background: var(--di-surface);
1171    border: 1px solid var(--di-border);
1172    box-shadow: var(--di-shadow);
1173    border-radius: 24px;
1174    backdrop-filter: blur(16px);
1175    -webkit-backdrop-filter: blur(16px);
1176  }
1177
1178  .feature-card {
1179    padding: 32px 26px;
1180  }
1181
1182  .feature-card h4,
1183  .video-title,
1184  .quote .who,
1185  .dynamic-content h1,
1186  .dynamic-content h2,
1187  .dynamic-content h3,
1188  .dynamic-content h4,
1189  .dynamic-content h5,
1190  .dynamic-content h6 {
1191    color: var(--di-ink);
1192  }
1193
1194  .feature-card p,
1195  .quote p,
1196  .dynamic-content,
1197  .dynamic-content p,
1198  .dynamic-content li,
1199  .dynamic-content td,
1200  .dynamic-content span,
1201  .cookie-setting-desc,
1202  .cookie-setting-label {
1203    color: var(--di-ink-soft);
1204  }
1205
1206  .faq-modern .accordion-item,
1207  .faq-modern .accordion-button,
1208  .faq-modern .accordion-button:not(.collapsed) {
1209    background: rgba(255, 255, 255, 0.92);
1210  }
1211
1212  .whatsapp-btn {
1213    display: inline-flex;
1214    align-items: center;
1215    gap: 10px;
1216    background: #ecfff4;
1217    color: #087443;
1218    font-weight: 700;
1219    padding: 12px 16px;
1220    border-radius: 16px;
1221    text-decoration: none;
1222    border: 1px solid rgba(8, 116, 67, 0.12);
1223    margin: 6px;
1224  }
1225
1226  .whatsapp-btn:hover {
1227    color: #087443;
1228    background: #e3f9ec;
1229  }
1230
1231  .form-control,
1232  textarea.form-control,
1233  select.form-control {
1234    border-radius: 16px;
1235    min-height: 52px;
1236    border: 1px solid rgba(22, 33, 77, 0.1);
1237    background: rgba(255, 255, 255, 0.92);
1238    font-weight: 600;
1239    color: var(--di-ink);
1240  }
1241
1242  textarea.form-control {
1243    min-height: 140px;
1244  }
1245
1246  .form-control:focus,
1247  textarea.form-control:focus,
1248  select.form-control:focus {
1249    border-color: rgba(91, 67, 243, 0.35);
1250    box-shadow: 0 0 0 0.2rem rgba(91, 67, 243, 0.08);
1251  }
1252
1253  .login-alert,
1254  .alert-msg .alert {
1255    border-radius: 18px;
1256  }
1257
1258  .di-home {
1259    overflow: hidden;
1260  }
1261
1262  .di-home > section > .container,
1263  .di-page-hero > .container,
1264  .di-page-shell > .container {
1265    max-width: 100%;
1266    width: 100%;
1267    padding-left: 60px;
1268    padding-right: 60px;
1269  }
1270
1271  .di-home .row {
1272    --bs-gutter-x: 1rem;
1273  }
1274
1275  .di-home .di-hero .row {
1276    --bs-gutter-x: 0.5rem;
1277  }
1278
1279  .di-home .di-home-section {
1280    padding: 44px 0;
1281    position: relative;
1282    overflow: hidden;
1283  }
1284
1285  .di-home .di-home-section--compact {
1286    padding: 24px 0;
1287  }
1288
1289  .di-home .di-home-section::before {
1290    content: '';
1291    position: absolute;
1292    inset: 12px 24px;
1293    z-index: 0;
1294    pointer-events: none;
1295    border-radius: 30px;
1296    opacity: 0.72;
1297    background:
1298      radial-gradient(620px 150px at 10% 50%, rgba(91, 67, 243, 0.1), transparent 72%),
1299      radial-gradient(620px 150px at 55% 50%, rgba(243, 79, 147, 0.08), transparent 72%),
1300      radial-gradient(520px 150px at 95% 50%, rgba(255, 155, 83, 0.09), transparent 74%);
1301  }
1302
1303  .di-home .di-home-section:nth-of-type(3n)::before {
1304    background:
1305      radial-gradient(620px 150px at 8% 50%, rgba(243, 79, 147, 0.09), transparent 72%),
1306      radial-gradient(620px 150px at 52% 50%, rgba(91, 67, 243, 0.08), transparent 72%),
1307      radial-gradient(520px 150px at 96% 50%, rgba(45, 212, 191, 0.08), transparent 74%);
1308  }
1309
1310  .di-home .di-home-section:nth-of-type(3n + 1)::before {
1311    background:
1312      radial-gradient(620px 150px at 8% 50%, rgba(45, 212, 191, 0.08), transparent 72%),
1313      radial-gradient(620px 150px at 54% 50%, rgba(91, 67, 243, 0.09), transparent 72%),
1314      radial-gradient(520px 150px at 96% 50%, rgba(243, 79, 147, 0.08), transparent 74%);
1315  }
1316
1317  .di-home .di-home-section > .container {
1318    position: relative;
1319    z-index: 1;
1320  }
1321
1322  .di-home .di-home-panel {
1323    background: rgba(255, 255, 255, 0.84);
1324    border: 1px solid rgba(22, 33, 77, 0.06);
1325    border-radius: 28px;
1326    box-shadow: var(--di-shadow);
1327    padding: 26px;
1328    height: 100%;
1329  }
1330
1331  .di-home .di-kicker {
1332    display: inline-flex;
1333    align-items: center;
1334    gap: 8px;
1335    padding: 7px 12px;
1336    border-radius: 999px;
1337    background: rgba(91, 67, 243, 0.08);
1338    color: var(--di-brand-a);
1339    font-size: 11px;
1340    font-weight: 800;
1341    letter-spacing: 0.12em;
1342    text-transform: uppercase;
1343  }
1344
1345  .di-home .di-hero {
1346    padding: 28px 0 32px;
1347  }
1348
1349  .di-home .di-hero-block {
1350    background: linear-gradient(100deg, #eeecff 0%, #f5f4ff 40%, #faf9ff 65%, #ffffff 100%);
1351    border-radius: 28px;
1352    overflow: hidden;
1353    display: flex;
1354    align-items: stretch;
1355  }
1356
1357  /* The block is a flex container, so its row would otherwise size to
1358     max-content and overflow (clipped) once the columns stack. */
1359  .di-home .di-hero-block > .row {
1360    flex: 1 1 auto;
1361    width: 100%;
1362    min-width: 0;
1363  }
1364
1365  .di-home .di-hero-block .di-hero-copy {
1366    padding: 48px 44px 44px;
1367  }
1368
1369  .di-home .di-hero-block .di-hero-visual-wrap {
1370    height: 100%;
1371    min-height: 480px;
1372    padding: 0;
1373    display: flex;
1374    align-items: stretch;
1375  }
1376
1377  .di-home .di-hero-block .di-infinity-art {
1378    width: 100%;
1379    height: 100%;
1380  }
1381
1382  .di-home .di-hero-block .di-hero-image {
1383    width: 100%;
1384    height: 100%;
1385    border-radius: 0;
1386    border: none;
1387    background: transparent;
1388    box-shadow: none;
1389    padding: 20px 26px;
1390  }
1391
1392  /* Square ecosystem diagram: contain so no ring of labels is cropped away.
1393     The PNG is transparent outside the wheel, so it sits straight on the panel. */
1394  .di-home .di-hero-block .di-hero-image img {
1395    width: 100%;
1396    height: 100%;
1397    object-fit: contain;
1398    object-position: center;
1399    display: block;
1400  }
1401
1402  /* Stacked layout: let the square diagram set its own height. */
1403  @media (max-width: 991.98px) {
1404    .di-home .di-hero-block .di-hero-copy {
1405      padding: 36px 26px 28px;
1406    }
1407
1408    .di-home .di-hero-block .di-hero-visual-wrap {
1409      min-height: 0;
1410    }
1411
1412    .di-home .di-hero-block .di-hero-image {
1413      padding: 0 20px 26px;
1414    }
1415
1416    .di-home .di-hero-block .di-hero-image img {
1417      height: auto;
1418      max-width: 460px;
1419      margin: 0 auto;
1420    }
1421  }
1422
1423  .di-home .di-hero-partners {
1424    margin-top: 32px;
1425    padding-top: 22px;
1426    border-top: 1px solid rgba(22, 33, 77, 0.08);
1427  }
1428
1429  .di-home .di-hero-partners-label {
1430    display: block;
1431    font-size: 11px;
1432    font-weight: 700;
1433    letter-spacing: 0.1em;
1434    text-transform: uppercase;
1435    color: var(--di-ink-soft);
1436    margin-bottom: 14px;
1437  }
1438
1439  .di-home .di-hero-partners-logos {
1440    display: flex;
1441    align-items: center;
1442    justify-content: space-between;
1443    flex-wrap: nowrap;
1444    width: 100%;
1445  }
1446
1447  .di-home .di-hero-partners-logos img {
1448    flex: 1 1 0;
1449    min-width: 0;
1450    max-width: 180px;
1451    height: 80px;
1452    object-fit: contain;
1453    opacity: 1;
1454    filter: none;
1455  }
1456
1457  .di-home .di-hero-copy {
1458    max-width: none;
1459  }
1460
1461  .di-home .di-hero-copy h1 {
1462    margin: 22px 0 20px;
1463    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
1464    font-size: clamp(2.8rem, 5vw, 4.35rem);
1465    line-height: 1.03;
1466    letter-spacing: -0.05em;
1467    color: var(--di-ink);
1468  }
1469
1470  .di-home .di-hero-copy h1 .accent {
1471    background: linear-gradient(90deg, var(--di-brand-b), var(--di-brand-c));
1472    -webkit-background-clip: text;
1473    background-clip: text;
1474    color: transparent;
1475  }
1476
1477  .di-home .di-hero-copy p {
1478    font-size: 1.05rem;
1479    line-height: 1.8;
1480    color: var(--di-ink-soft);
1481    max-width: none;
1482    margin-bottom: 28px;
1483  }
1484
1485  .di-home .di-hero-actions {
1486    display: flex;
1487    align-items: center;
1488    gap: 18px;
1489    flex-wrap: wrap;
1490  }
1491
1492  .di-home .di-link-arrow {
1493    display: inline-flex;
1494    align-items: center;
1495    gap: 8px;
1496    font-weight: 800;
1497    color: var(--di-ink);
1498    text-decoration: none;
1499  }
1500
1501  .di-home .di-link-arrow:hover {
1502    color: var(--di-brand-a);
1503  }
1504
1505  .di-home .di-hero-visual-wrap {
1506    position: relative;
1507    min-height: 430px;
1508    display: flex;
1509    align-items: center;
1510    justify-content: center;
1511    margin-left: 0;
1512  }
1513
1514  .di-home .di-hero-glow {
1515    position: absolute;
1516    inset: 15% 6% 13%;
1517    border-radius: 50%;
1518    background: transparent;
1519    filter: none;
1520    display: none;
1521  }
1522
1523  .di-home .di-infinity-art {
1524    position: relative;
1525    width: min(100%, 660px);
1526    z-index: 1;
1527    transform: translateY(-4px);
1528  }
1529
1530  .di-home .di-hero-image {
1531    border-radius: 30px;
1532    overflow: hidden;
1533    background: rgba(255, 255, 255, 0.82);
1534    border: 1px solid rgba(22, 33, 77, 0.08);
1535    box-shadow: var(--di-shadow-lg);
1536  }
1537
1538  .di-home .di-hero-image img {
1539    width: 100%;
1540    display: block;
1541    object-fit: cover;
1542  }
1543
1544  .di-home .di-tile > img {
1545    max-height: 110px;
1546    width: 100%;
1547    object-fit: contain;
1548  }
1549
1550  .di-home .di-watch-badge {
1551    position: absolute;
1552    left: 50%;
1553    top: 50%;
1554    transform: translate(-50%, -50%);
1555    width: 76px;
1556    height: 76px;
1557    border-radius: 50%;
1558    background: rgba(255, 255, 255, 0.92);
1559    box-shadow: var(--di-shadow-lg);
1560    display: flex;
1561    align-items: center;
1562    justify-content: center;
1563    z-index: 2;
1564  }
1565
1566  .di-home .di-watch-badge::before {
1567    content: '';
1568    width: 46px;
1569    height: 46px;
1570    border-radius: 50%;
1571    background: linear-gradient(135deg, var(--di-brand-a), var(--di-brand-b));
1572    box-shadow: 0 14px 28px rgba(91, 67, 243, 0.22);
1573  }
1574
1575  .di-home .di-watch-badge::after {
1576    content: '';
1577    position: absolute;
1578    left: 50%;
1579    top: 50%;
1580    transform: translate(-38%, -50%);
1581    border-top: 9px solid transparent;
1582    border-bottom: 9px solid transparent;
1583    border-left: 14px solid #fff;
1584    z-index: 1;
1585  }
1586
1587  .di-home .di-watch-label {
1588    position: absolute;
1589    left: 50%;
1590    bottom: calc(50% - 64px);
1591    transform: translateX(-50%);
1592    font-size: 14px;
1593    font-weight: 700;
1594    color: var(--di-ink);
1595    white-space: nowrap;
1596    z-index: 2;
1597  }
1598
1599  .di-home .di-logo-row {
1600    display: flex;
1601    flex-wrap: wrap;
1602    gap: 28px;
1603    align-items: center;
1604    margin-top: 18px;
1605  }
1606
1607  .di-home .di-logo-row span {
1608    color: #40506f;
1609    font-size: 1.9rem;
1610    font-weight: 800;
1611    letter-spacing: -0.04em;
1612    opacity: 0.88;
1613  }
1614
1615  .di-home .di-section-head {
1616    max-width: 360px;
1617    padding-right: 4px;
1618  }
1619
1620  .di-home .di-section-head h2 {
1621    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
1622    font-size: clamp(2rem, 3.4vw, 3rem);
1623    line-height: 1.08;
1624    letter-spacing: -0.04em;
1625    color: var(--di-ink);
1626    margin: 16px 0 14px;
1627  }
1628
1629  .di-home .di-section-head p,
1630  .di-home .di-tile p,
1631  .di-home .di-metric small,
1632  .di-home .di-strip-card p {
1633    color: var(--di-ink-soft);
1634    line-height: 1.7;
1635    font-size: 0.97rem;
1636  }
1637
1638  .di-home .di-grid-cards {
1639    display: grid;
1640    grid-template-columns: repeat(4, minmax(0, 1fr));
1641    gap: 16px;
1642  }
1643
1644  .di-home .di-grid-cards--2col {
1645    grid-template-columns: repeat(2, minmax(0, 1fr));
1646    gap: 20px;
1647  }
1648
1649  .di-home .di-grid-cards--2col .di-tile {
1650    padding: 28px;
1651  }
1652
1653  .di-home .di-grid-cards--2col .di-tile-icon {
1654    width: 68px;
1655    height: 68px;
1656    font-size: 28px;
1657    margin-bottom: 20px;
1658  }
1659
1660  .di-home .di-grid-cards--2col .di-tile h3 {
1661    font-size: 1.35rem;
1662    margin-bottom: 12px;
1663  }
1664
1665  .di-home .di-grid-cards--2col .di-tile p {
1666    font-size: 1rem;
1667  }
1668
1669  .di-home .di-tile {
1670    background: rgba(255, 255, 255, 0.88);
1671    border: 1px solid rgba(22, 33, 77, 0.07);
1672    border-radius: 24px;
1673    padding: 18px;
1674    box-shadow: var(--di-shadow);
1675    height: 100%;
1676  }
1677
1678  .di-home .di-tile-icon {
1679    width: 56px;
1680    height: 56px;
1681    border-radius: 18px;
1682    display: inline-flex;
1683    align-items: center;
1684    justify-content: center;
1685    background: var(--di-soft-grad);
1686    color: var(--di-brand-a);
1687    font-size: 22px;
1688    margin-bottom: 18px;
1689  }
1690
1691  .di-home .di-tile h3,
1692  .di-home .di-solution-card h3,
1693  .di-home .di-strip-card h3,
1694  .di-home .di-metric strong {
1695    color: var(--di-ink);
1696    font-size: 1.15rem;
1697    font-weight: 800;
1698    margin-bottom: 10px;
1699  }
1700  .di-card-title-link { color: inherit; text-decoration: none; }
1701  .di-card-title-link:hover { color: var(--di-brand-a); }
1702
1703  .di-home .di-solution-card {
1704    background: rgba(255, 255, 255, 0.92);
1705    border: 1px solid rgba(22, 33, 77, 0.07);
1706    border-radius: 24px;
1707    overflow: hidden;
1708    box-shadow: var(--di-shadow);
1709    height: 100%;
1710  }
1711
1712  .di-home .di-solution-card img {
1713    width: 100%;
1714    height: 180px;
1715    object-fit: cover;
1716    display: block;
1717  }
1718
1719  .di-home .di-solution-card-body {
1720    padding: 18px;
1721  }
1722
1723  .di-home .di-solution-meta {
1724    display: inline-flex;
1725    align-items: center;
1726    justify-content: center;
1727    width: 42px;
1728    height: 42px;
1729    border-radius: 14px;
1730    background: rgba(91, 67, 243, 0.08);
1731    color: var(--di-brand-a);
1732    margin-bottom: 16px;
1733  }
1734
1735  .di-home .di-stats-strip {
1736    padding: 22px;
1737    border-radius: 26px;
1738    background: linear-gradient(135deg, rgba(91, 67, 243, 0.08), rgba(243, 79, 147, 0.08), rgba(255, 155, 83, 0.12));
1739    border: 1px solid rgba(22, 33, 77, 0.06);
1740    box-shadow: var(--di-shadow);
1741  }
1742
1743  .di-home .di-strip-card {
1744    padding: 18px 16px;
1745    border-left: 1px solid rgba(22, 33, 77, 0.08);
1746    height: 100%;
1747  }
1748
1749  .di-home .di-strip-card:first-child {
1750    border-left: 0;
1751  }
1752
1753  .di-home .di-strip-icon {
1754    width: 44px;
1755    height: 44px;
1756    border-radius: 14px;
1757    display: inline-flex;
1758    align-items: center;
1759    justify-content: center;
1760    background: rgba(255, 255, 255, 0.6);
1761    color: var(--di-brand-a);
1762    margin-bottom: 14px;
1763  }
1764
1765  /* Tinted panel sections */
1766  .di-home .di-home-section--tinted {
1767    background: #f5f4ff;
1768  }
1769
1770  .di-home .di-home-section--tinted::before {
1771    display: none;
1772  }
1773
1774  .di-home .di-home-section--tinted .di-tile {
1775    background: #fff;
1776  }
1777
1778  .di-home .di-home-section--tinted .di-solution-card {
1779    background: #fff;
1780  }
1781
1782  /* Enterprise band */
1783  .di-enterprise-band {
1784    background: #f5f4ff;
1785    border-radius: 28px;
1786    margin: 0;
1787    padding: 32px 28px;
1788    display: flex;
1789    align-items: center;
1790    gap: 48px;
1791    flex-wrap: wrap;
1792  }
1793
1794  .di-enterprise-band .di-eb-left {
1795    flex: 0 0 260px;
1796    max-width: 260px;
1797  }
1798
1799  .di-enterprise-band .di-eb-left .di-kicker {
1800    background: rgba(91, 67, 243, 0.1);
1801    color: var(--di-brand-a);
1802    margin-bottom: 14px;
1803  }
1804
1805  .di-enterprise-band .di-eb-left h2 {
1806    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
1807    font-size: clamp(1.5rem, 2.4vw, 2rem);
1808    line-height: 1.1;
1809    letter-spacing: -0.04em;
1810    color: var(--di-ink);
1811    margin: 0 0 10px;
1812  }
1813
1814  .di-enterprise-band .di-eb-left p {
1815    color: var(--di-ink-soft);
1816    font-size: 0.9rem;
1817    line-height: 1.65;
1818    margin: 0;
1819  }
1820
1821  .di-enterprise-band .di-eb-stats {
1822    flex: 1;
1823    display: flex;
1824    gap: 0;
1825    flex-wrap: wrap;
1826  }
1827
1828  .di-enterprise-band .di-eb-stat {
1829    flex: 1;
1830    min-width: 120px;
1831    padding: 12px 24px;
1832    border-left: 1px solid rgba(91, 67, 243, 0.14);
1833    text-align: center;
1834    display: flex;
1835    flex-direction: column;
1836    align-items: center;
1837    gap: 8px;
1838  }
1839
1840  .di-enterprise-band .di-eb-stat:first-child {
1841    border-left: 0;
1842  }
1843
1844  .di-enterprise-band .di-eb-stat-icon {
1845    width: 46px;
1846    height: 46px;
1847    border-radius: 14px;
1848    background: rgba(91, 67, 243, 0.09);
1849    color: var(--di-brand-a);
1850    display: inline-flex;
1851    align-items: center;
1852    justify-content: center;
1853    font-size: 20px;
1854  }
1855
1856  .di-enterprise-band .di-eb-stat strong {
1857    display: block;
1858    font-size: 1.6rem;
1859    font-weight: 900;
1860    color: var(--di-ink);
1861    letter-spacing: -0.03em;
1862    line-height: 1;
1863  }
1864
1865  .di-enterprise-band .di-eb-stat small {
1866    font-size: 0.78rem;
1867    color: var(--di-ink-soft);
1868    font-weight: 600;
1869    text-align: center;
1870  }
1871
1872  .di-home .di-cta-band {
1873    padding: 46px 0;
1874    margin-top: 18px;
1875    background: linear-gradient(90deg, #5137f1 0%, #ab49f2 52%, #f34f93 100%);
1876    color: #fff;
1877  }
1878
1879  .di-home .di-cta-band h2 {
1880    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
1881    color: #fff;
1882    font-size: clamp(2rem, 3vw, 2.8rem);
1883    margin-bottom: 10px;
1884  }
1885
1886  .di-home .di-cta-band p {
1887    margin: 0 auto 20px;
1888    max-width: 640px;
1889    color: rgba(255, 255, 255, 0.88);
1890    font-size: 1rem;
1891  }
1892
1893  footer.di-footer {
1894    padding: 30px 0 22px;
1895    background: #ffffff;
1896    color: var(--di-ink-soft);
1897    border-top: 1px solid rgba(22, 33, 77, 0.06);
1898  }
1899
1900  footer.di-footer .di-footer-brand {
1901    max-width: none;
1902  }
1903
1904  footer.di-footer .di-footer-brand img {
1905    height: 34px;
1906    margin-bottom: 18px;
1907  }
1908
1909  footer.di-footer h5 {
1910    color: var(--di-ink);
1911    font-size: 0.98rem;
1912    font-weight: 800;
1913    margin-bottom: 14px;
1914  }
1915
1916  footer.di-footer a {
1917    color: var(--di-ink-soft);
1918    font-weight: 600;
1919    text-decoration: none;
1920    display: inline-block;
1921    padding: 4px 0;
1922  }
1923
1924  footer.di-footer a:hover {
1925    color: var(--di-brand-a);
1926    text-decoration: none;
1927  }
1928
1929  .di-footer-socials {
1930    display: flex;
1931    gap: 10px;
1932    margin-top: 18px;
1933    align-items: center;
1934    justify-content: flex-start;
1935    flex-wrap: wrap;
1936  }
1937
1938  .di-footer-socials a {
1939    width: 40px;
1940    height: 40px;
1941    border-radius: 50%;
1942    display: flex !important;
1943    align-items: center;
1944    justify-content: center;
1945    background: rgba(22, 33, 77, 0.06);
1946    color: var(--di-ink);
1947    font-size: 1rem;
1948    line-height: 1;
1949    text-decoration: none;
1950  }
1951
1952  .di-footer-socials a i {
1953    display: flex;
1954    align-items: center;
1955    justify-content: center;
1956    width: 1em;
1957    height: 1em;
1958    line-height: 1;
1959  }
1960
1961  .di-footer-socials a:hover {
1962    background: rgba(91, 67, 243, 0.1);
1963    color: var(--di-brand-a);
1964  }
1965
1966  .di-newsletter {
1967    display: flex;
1968    align-items: center;
1969    border: 1px solid rgba(22, 33, 77, 0.08);
1970    border-radius: 16px;
1971    overflow: hidden;
1972    background: #fff;
1973    margin-top: 14px;
1974  }
1975
1976  .di-newsletter input {
1977    border: 0;
1978    outline: 0;
1979    padding: 14px 16px;
1980    flex: 1;
1981    min-width: 0;
1982    font-weight: 600;
1983  }
1984
1985  .di-newsletter button {
1986    border: 0;
1987    width: 54px;
1988    height: 54px;
1989    color: #fff;
1990    background: linear-gradient(90deg, var(--di-brand-b), var(--di-brand-a));
1991  }
1992
1993  .di-footer-bottom {
1994    margin-top: 26px;
1995    padding-top: 18px;
1996    border-top: 1px solid rgba(22, 33, 77, 0.06);
1997    font-size: 13px;
1998    color: var(--di-ink-soft);
1999  }
2000
2001  #cookie-banner {
2002    background: rgba(22, 33, 77, 0.92);
2003  }
2004
2005  .di-page-hero {
2006    padding: 54px 0 18px;
2007  }
2008
2009  .di-page-hero__panel {
2010    position: relative;
2011    overflow: hidden;
2012    padding: 44px;
2013    border-radius: 32px;
2014    background:
2015      radial-gradient(420px 180px at 0% 20%, rgba(91, 67, 243, 0.14), transparent 72%),
2016      radial-gradient(460px 200px at 100% 20%, rgba(243, 79, 147, 0.14), transparent 72%),
2017      linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
2018    border: 1px solid rgba(22, 33, 77, 0.06);
2019    box-shadow: var(--di-shadow-lg);
2020  }
2021
2022  .di-page-hero__panel::after {
2023    content: '';
2024    position: absolute;
2025    right: -80px;
2026    top: -40px;
2027    width: 260px;
2028    height: 260px;
2029    border-radius: 50%;
2030    background: radial-gradient(circle, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
2031    pointer-events: none;
2032  }
2033
2034  .di-page-hero__content {
2035    position: relative;
2036    z-index: 1;
2037    max-width: 760px;
2038  }
2039
2040  .di-page-hero h1,
2041  .di-page-hero h2 {
2042    margin: 18px 0 14px;
2043    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2044    font-size: clamp(2.4rem, 4vw, 3.5rem);
2045    line-height: 1.08;
2046    letter-spacing: -0.04em;
2047    color: var(--di-ink);
2048  }
2049
2050  .di-page-hero p {
2051    max-width: 640px;
2052    margin-bottom: 0;
2053    color: var(--di-ink-soft);
2054    font-size: 1.02rem;
2055    line-height: 1.8;
2056  }
2057
2058  .di-page-actions {
2059    display: flex;
2060    flex-wrap: wrap;
2061    gap: 14px;
2062    margin-top: 26px;
2063  }
2064
2065  .di-product-pdf-actions {
2066    position: absolute;
2067    top: 28px;
2068    right: 28px;
2069    z-index: 2;
2070    width: min(335px, 34vw);
2071    padding: 14px;
2072    border: 1px solid rgba(22, 33, 77, 0.09);
2073    border-radius: 18px;
2074    background: rgba(255, 255, 255, 0.92);
2075    box-shadow: 0 24px 56px rgba(22, 33, 77, 0.13);
2076    backdrop-filter: blur(14px);
2077  }
2078
2079  .di-page-hero__panel:has(.di-product-pdf-actions) {
2080    display: grid;
2081    grid-template-columns: minmax(0, 1fr) minmax(230px, 280px);
2082    gap: 18px;
2083    align-items: center;
2084  }
2085
2086  .di-page-hero__panel:has(.di-product-pdf-actions) .di-product-pdf-actions {
2087    position: relative;
2088    top: auto;
2089    right: auto;
2090    grid-column: 2;
2091    grid-row: 1;
2092    justify-self: end;
2093    width: 100%;
2094    max-width: 280px;
2095  }
2096
2097  .di-page-hero__panel:has(.di-product-pdf-actions) .di-page-hero__content {
2098    grid-column: 1;
2099    grid-row: 1;
2100    max-width: none;
2101    min-height: 0;
2102    display: flex;
2103    flex-direction: column;
2104    justify-content: center;
2105  }
2106
2107  .di-page-hero__panel:has(.di-product-pdf-actions) .di-page-hero p {
2108    max-width: 720px;
2109  }
2110
2111  .di-product-pdf-actions__label {
2112    margin-bottom: 8px;
2113    font-size: .68rem;
2114    font-weight: 800;
2115    letter-spacing: .08em;
2116    text-transform: uppercase;
2117    color: var(--di-blue);
2118  }
2119
2120  .di-product-pdf-thumb {
2121    display: grid;
2122    grid-template-columns: minmax(0, 1fr);
2123    gap: 10px;
2124    width: 100%;
2125    margin: 0;
2126    padding: 12px 0 0;
2127    text-align: left;
2128    appearance: none;
2129    border: 0;
2130    border-top: 1px solid rgba(22, 33, 77, 0.08);
2131    background: transparent;
2132    cursor: pointer;
2133  }
2134
2135  .di-product-pdf-thumb:first-of-type {
2136    border-top: 0;
2137    padding-top: 0;
2138  }
2139
2140  .di-product-pdf-thumb__preview {
2141    position: relative;
2142    display: block;
2143    aspect-ratio: 16 / 10;
2144    height: auto;
2145    border-radius: 14px;
2146    background: linear-gradient(145deg, #f8fafc, #eef3fb);
2147    border: 1px solid rgba(22, 33, 77, 0.10);
2148    box-shadow: 0 14px 28px rgba(44, 62, 122, 0.13);
2149    overflow: hidden;
2150  }
2151
2152  .di-product-pdf-thumb__preview::before {
2153    content: "";
2154    position: absolute;
2155    z-index: 2;
2156    top: 0;
2157    right: 0;
2158    width: 24px;
2159    height: 24px;
2160    background: linear-gradient(135deg, rgba(44, 62, 122, 0.10) 0 50%, rgba(255,255,255,.9) 51% 100%);
2161  }
2162
2163  .di-product-pdf-thumb__preview img {
2164    position: relative;
2165    z-index: 1;
2166    display: block;
2167    width: 100%;
2168    height: 100%;
2169    border: 0;
2170    object-fit: cover;
2171    object-position: top center;
2172    background: #fff;
2173    transition: transform .25s ease;
2174  }
2175
2176  .di-product-pdf-thumb__fallback {
2177    position: absolute;
2178    inset: 0;
2179    z-index: 0;
2180    display: flex;
2181    flex-direction: column;
2182    align-items: center;
2183    justify-content: center;
2184    background:
2185      linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(244, 247, 252, .92)),
2186      linear-gradient(135deg, var(--di-blue), #E91E8C);
2187    color: var(--di-ink);
2188  }
2189
2190  .di-product-pdf-thumb__fallback strong {
2191    color: #E8344E;
2192    font-size: 1rem;
2193    font-weight: 900;
2194    letter-spacing: .08em;
2195  }
2196
2197  .di-product-pdf-thumb__fallback small {
2198    margin-top: 4px;
2199    color: var(--di-ink-soft);
2200    font-size: .66rem;
2201    font-weight: 800;
2202    text-transform: uppercase;
2203    letter-spacing: .08em;
2204  }
2205
2206  .di-product-pdf-thumb__body {
2207    display: flex;
2208    align-items: center;
2209    justify-content: space-between;
2210    gap: 12px;
2211    min-width: 0;
2212    padding: 0 2px 2px;
2213  }
2214
2215  .di-product-pdf-thumb__body strong {
2216    display: block;
2217    color: var(--di-ink);
2218    font-size: .88rem;
2219    font-weight: 800;
2220    line-height: 1.3;
2221  }
2222
2223  .di-product-pdf-thumb__body small {
2224    display: inline-flex;
2225    flex: 0 0 auto;
2226    margin-top: 0;
2227    padding: 6px 10px;
2228    border-radius: 999px;
2229    background: var(--di-blue);
2230    color: #fff;
2231    font-size: .7rem;
2232    font-weight: 800;
2233  }
2234
2235  .di-product-pdf-thumb:hover .di-product-pdf-thumb__preview,
2236  .di-product-pdf-thumb:focus-visible .di-product-pdf-thumb__preview {
2237    transform: translateY(-2px);
2238    box-shadow: 0 12px 24px rgba(44, 62, 122, 0.15);
2239  }
2240
2241  .di-product-pdf-thumb:hover .di-product-pdf-thumb__preview img,
2242  .di-product-pdf-thumb:focus-visible .di-product-pdf-thumb__preview img {
2243    transform: scale(1.025);
2244  }
2245
2246  .di-product-pdf-thumb:focus-visible {
2247    outline: 3px solid rgba(44, 62, 122, .22);
2248    outline-offset: 3px;
2249    border-radius: 10px;
2250  }
2251
2252  .di-product-pdf-viewer {
2253    position: fixed;
2254    inset: 0;
2255    z-index: 10050;
2256    display: none;
2257    align-items: center;
2258    justify-content: center;
2259    padding: 22px;
2260    background: rgba(10, 14, 44, .76);
2261    backdrop-filter: blur(7px);
2262  }
2263
2264  .di-product-pdf-viewer.open {
2265    display: flex;
2266  }
2267
2268  .di-product-pdf-viewer__panel {
2269    width: min(980px, 100%);
2270    height: min(86vh, 820px);
2271    display: flex;
2272    flex-direction: column;
2273    overflow: hidden;
2274    border-radius: 18px;
2275    background: #fff;
2276    box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
2277  }
2278
2279  .di-product-pdf-viewer__bar {
2280    display: flex;
2281    align-items: center;
2282    justify-content: space-between;
2283    gap: 14px;
2284    padding: 14px 16px;
2285    background: var(--di-ink);
2286    color: #fff;
2287  }
2288
2289  .di-product-pdf-viewer__bar h3 {
2290    margin: 0;
2291    color: #fff;
2292    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2293    font-size: .98rem;
2294    font-weight: 800;
2295    line-height: 1.3;
2296  }
2297
2298  .di-product-pdf-viewer__bar div {
2299    display: flex;
2300    align-items: center;
2301    gap: 10px;
2302  }
2303
2304  .di-product-pdf-viewer__bar a,
2305  .di-product-pdf-viewer__bar button {
2306    display: inline-flex;
2307    align-items: center;
2308    justify-content: center;
2309    min-height: 34px;
2310    border: 0;
2311    border-radius: 9px;
2312    background: rgba(255, 255, 255, .14);
2313    color: #fff;
2314    font-size: .8rem;
2315    font-weight: 800;
2316    text-decoration: none;
2317  }
2318
2319  .di-product-pdf-viewer__bar a {
2320    padding: 7px 12px;
2321  }
2322
2323  .di-product-pdf-viewer__bar button {
2324    width: 36px;
2325    font-size: 1.3rem;
2326    cursor: pointer;
2327  }
2328
2329  .di-product-pdf-viewer__bar a:hover,
2330  .di-product-pdf-viewer__bar button:hover {
2331    background: var(--di-blue);
2332  }
2333
2334  .di-product-pdf-viewer iframe {
2335    width: 100%;
2336    flex: 1;
2337    border: 0;
2338    background: #f4f7fc;
2339  }
2340
2341  body.di-product-pdf-lock {
2342    overflow: hidden;
2343  }
2344
2345  .di-live-products {
2346    padding: 72px 0;
2347    background:
2348      radial-gradient(circle at 10% 0%, rgba(49, 107, 255, .10), transparent 28%),
2349      radial-gradient(circle at 92% 8%, rgba(233, 30, 140, .10), transparent 30%),
2350      #f7f9ff;
2351  }
2352
2353  .di-live-products__head {
2354    max-width: 760px;
2355    margin-bottom: 28px;
2356  }
2357
2358  .di-live-products__head h2 {
2359    margin: 12px 0 10px;
2360    color: var(--di-ink);
2361    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2362    font-size: clamp(2rem, 3vw, 3rem);
2363    line-height: 1.08;
2364    letter-spacing: -0.035em;
2365  }
2366
2367  .di-live-products__head p {
2368    color: var(--di-ink-soft);
2369    font-size: 1rem;
2370    line-height: 1.75;
2371  }
2372
2373  .di-live-products__grid {
2374    display: grid;
2375    grid-template-columns: repeat(3, minmax(0, 1fr));
2376    gap: 16px;
2377  }
2378
2379  .di-live-product {
2380    display: grid;
2381    grid-template-columns: 48px minmax(0, 1fr) auto;
2382    align-items: center;
2383    gap: 14px;
2384    min-height: 92px;
2385    padding: 18px;
2386    border-radius: 16px;
2387    background: rgba(255,255,255,.9);
2388    border: 1px solid rgba(22, 33, 77, .08);
2389    box-shadow: 0 14px 34px rgba(44, 62, 122, .08);
2390    color: var(--di-ink);
2391    text-decoration: none;
2392    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
2393  }
2394
2395  .di-live-product:hover {
2396    transform: translateY(-3px);
2397    border-color: rgba(49, 107, 255, .28);
2398    box-shadow: 0 20px 46px rgba(44, 62, 122, .13);
2399  }
2400
2401  .di-live-product__icon {
2402    display: inline-flex;
2403    align-items: center;
2404    justify-content: center;
2405    width: 48px;
2406    height: 48px;
2407    border-radius: 14px;
2408    background: linear-gradient(135deg, rgba(49,107,255,.12), rgba(233,30,140,.12));
2409    color: var(--di-blue);
2410    font-size: 1.25rem;
2411  }
2412
2413  .di-live-product strong,
2414  .di-live-product small {
2415    display: block;
2416  }
2417
2418  .di-live-product strong {
2419    font-size: .98rem;
2420    font-weight: 850;
2421    line-height: 1.25;
2422  }
2423
2424  .di-live-product small {
2425    margin-top: 4px;
2426    color: var(--di-ink-soft);
2427    font-size: .82rem;
2428    line-height: 1.35;
2429  }
2430
2431  .di-page-shell {
2432    padding: 18px 0 74px;
2433  }
2434
2435  .di-grid {
2436    display: grid;
2437    gap: 24px;
2438  }
2439
2440  .di-grid--2 {
2441    grid-template-columns: repeat(2, minmax(0, 1fr));
2442  }
2443
2444  .di-grid--3 {
2445    grid-template-columns: repeat(3, minmax(0, 1fr));
2446  }
2447
2448  .di-grid--4 {
2449    grid-template-columns: repeat(4, minmax(0, 1fr));
2450  }
2451
2452  .di-card,
2453  .di-info-card,
2454  .di-plan-card,
2455  .di-article-card,
2456  .di-auth-card,
2457  .di-form-card,
2458  .di-faq-card,
2459  .di-cms-card {
2460    background: rgba(255, 255, 255, 0.9);
2461    border: 1px solid rgba(22, 33, 77, 0.07);
2462    border-radius: 28px;
2463    box-shadow: var(--di-shadow);
2464    padding: 28px;
2465    height: 100%;
2466  }
2467
2468  .di-card h3,
2469  .di-info-card h3,
2470  .di-plan-card h3,
2471  .di-article-card h3,
2472  .di-auth-card h3,
2473  .di-form-card h3,
2474  .di-cms-card h3 {
2475    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2476    font-size: 1.35rem;
2477    color: var(--di-ink);
2478    margin-bottom: 14px;
2479  }
2480
2481  .di-section-kicker {
2482    display: inline-flex;
2483    align-items: center;
2484    gap: 8px;
2485    margin-bottom: 12px;
2486    font-size: 11px;
2487    font-weight: 800;
2488    text-transform: uppercase;
2489    letter-spacing: 0.12em;
2490    color: var(--di-brand-a);
2491  }
2492
2493  .di-body-copy,
2494  .di-card p,
2495  .di-info-card p,
2496  .di-plan-card p,
2497  .di-article-card p,
2498  .di-auth-card p,
2499  .di-form-card p,
2500  .di-cms-card p,
2501  .di-cms-card li {
2502    color: var(--di-ink-soft);
2503    line-height: 1.8;
2504  }
2505
2506  .di-visual-frame {
2507    padding: 16px;
2508    border-radius: 28px;
2509    background: rgba(255, 255, 255, 0.82);
2510    border: 1px solid rgba(22, 33, 77, 0.07);
2511    box-shadow: var(--di-shadow);
2512    height: 100%;
2513    display: flex;
2514    align-items: stretch;
2515  }
2516
2517  .di-visual-frame img {
2518    width: 100%;
2519    display: block;
2520    border-radius: 22px;
2521    object-fit: cover;
2522    max-height: 420px;
2523  }
2524
2525  .di-stat-row,
2526  .di-feature-row {
2527    display: grid;
2528    gap: 18px;
2529    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
2530  }
2531
2532  .di-stat-pill {
2533    padding: 18px 20px;
2534    border-radius: 22px;
2535    background: linear-gradient(135deg, rgba(91, 67, 243, 0.08), rgba(243, 79, 147, 0.08), rgba(255, 155, 83, 0.1));
2536    border: 1px solid rgba(22, 33, 77, 0.06);
2537  }
2538
2539  .di-stat-pill strong {
2540    display: block;
2541    color: var(--di-ink);
2542    font-size: 1.45rem;
2543    font-weight: 800;
2544    margin-bottom: 6px;
2545  }
2546
2547  .di-stat-pill span {
2548    color: var(--di-ink-soft);
2549    font-size: 0.95rem;
2550    line-height: 1.6;
2551  }
2552
2553  .di-checklist,
2554  .di-info-list {
2555    list-style: none;
2556    padding: 0;
2557    margin: 0;
2558    display: grid;
2559    gap: 14px;
2560  }
2561
2562  .di-checklist li,
2563  .di-info-list li {
2564    display: flex;
2565    align-items: flex-start;
2566    gap: 12px;
2567    color: var(--di-ink);
2568    font-weight: 600;
2569    line-height: 1.7;
2570  }
2571
2572  .di-checklist i,
2573  .di-info-list i {
2574    width: 22px;
2575    margin-top: 4px;
2576    color: var(--di-brand-a);
2577    flex: 0 0 auto;
2578  }
2579
2580  .di-tag-list {
2581    display: flex;
2582    flex-wrap: wrap;
2583    gap: 10px;
2584    margin-top: 22px;
2585  }
2586
2587  .di-tag {
2588    display: inline-flex;
2589    align-items: center;
2590    gap: 8px;
2591    padding: 10px 14px;
2592    border-radius: 999px;
2593    background: rgba(91, 67, 243, 0.08);
2594    color: var(--di-ink);
2595    font-size: 0.9rem;
2596    font-weight: 700;
2597  }
2598
2599  .di-highlight-band {
2600    padding: 28px;
2601    border-radius: 28px;
2602    background: linear-gradient(135deg, rgba(91, 67, 243, 0.1), rgba(243, 79, 147, 0.08), rgba(255, 155, 83, 0.1));
2603    border: 1px solid rgba(22, 33, 77, 0.06);
2604    box-shadow: var(--di-shadow);
2605  }
2606
2607  .di-highlight-band h3 {
2608    margin-bottom: 10px;
2609  }
2610
2611  .di-process-list {
2612    counter-reset: di-step;
2613    display: grid;
2614    gap: 18px;
2615  }
2616
2617  .di-process-list li {
2618    list-style: none;
2619    position: relative;
2620    padding: 20px 22px 20px 78px;
2621    border-radius: 24px;
2622    background: rgba(255, 255, 255, 0.9);
2623    border: 1px solid rgba(22, 33, 77, 0.06);
2624    box-shadow: var(--di-shadow);
2625    color: var(--di-ink-soft);
2626    line-height: 1.7;
2627  }
2628
2629  .di-process-list li::before {
2630    counter-increment: di-step;
2631    content: counter(di-step, decimal-leading-zero);
2632    position: absolute;
2633    left: 22px;
2634    top: 20px;
2635    width: 40px;
2636    height: 40px;
2637    border-radius: 14px;
2638    display: flex;
2639    align-items: center;
2640    justify-content: center;
2641    background: linear-gradient(135deg, var(--di-brand-a), var(--di-brand-b));
2642    color: #fff;
2643    font-weight: 800;
2644  }
2645
2646  .di-plan-card {
2647    position: relative;
2648    overflow: hidden;
2649  }
2650
2651  .di-plan-card--featured {
2652    background: linear-gradient(180deg, rgba(91, 67, 243, 0.08), rgba(255, 255, 255, 0.96));
2653    border-color: rgba(91, 67, 243, 0.16);
2654    transform: translateY(-8px);
2655  }
2656
2657  .di-plan-badge {
2658    display: inline-flex;
2659    align-items: center;
2660    gap: 6px;
2661    padding: 8px 12px;
2662    border-radius: 999px;
2663    background: rgba(243, 79, 147, 0.1);
2664    color: var(--di-brand-b);
2665    font-size: 11px;
2666    font-weight: 800;
2667    letter-spacing: 0.1em;
2668    text-transform: uppercase;
2669  }
2670
2671  .di-plan-price {
2672    display: flex;
2673    align-items: flex-end;
2674    gap: 10px;
2675    margin: 18px 0 20px;
2676    color: var(--di-ink);
2677  }
2678
2679  .di-plan-price strong {
2680    font-size: 3rem;
2681    line-height: 1;
2682    letter-spacing: -0.05em;
2683    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2684  }
2685
2686  .di-plan-price span {
2687    color: var(--di-ink-soft);
2688    font-weight: 600;
2689    margin-bottom: 6px;
2690  }
2691
2692  .di-faq-card .accordion-item {
2693    margin-bottom: 14px;
2694    border-radius: 20px !important;
2695    overflow: hidden;
2696    border: 1px solid rgba(22, 33, 77, 0.07);
2697    box-shadow: none;
2698  }
2699
2700  .di-faq-card .accordion-button {
2701    padding: 18px 22px;
2702    font-weight: 700;
2703    color: var(--di-ink);
2704    background: rgba(255, 255, 255, 0.96);
2705  }
2706
2707  .di-faq-card .accordion-button:not(.collapsed) {
2708    background: rgba(91, 67, 243, 0.08);
2709    color: var(--di-brand-a);
2710  }
2711
2712  .di-faq-card .accordion-body {
2713    padding: 20px 22px 24px;
2714    color: var(--di-ink-soft);
2715    line-height: 1.8;
2716  }
2717
2718  .di-faq-card .accordion-body img,
2719  .di-article-card img,
2720  .di-cms-card img {
2721    width: 100%;
2722    height: auto;
2723    border-radius: 18px;
2724    margin-top: 10px;
2725    box-shadow: var(--di-shadow);
2726  }
2727
2728  .di-article-card {
2729    padding: 36px;
2730  }
2731
2732  .di-article-meta {
2733    color: var(--di-ink-soft);
2734    font-size: 0.92rem;
2735    font-weight: 700;
2736    margin-bottom: 18px;
2737  }
2738
2739  .di-quote-block {
2740    padding: 24px 26px;
2741    border-radius: 24px;
2742    background: linear-gradient(135deg, rgba(91, 67, 243, 0.08), rgba(243, 79, 147, 0.06));
2743    border: 1px solid rgba(22, 33, 77, 0.06);
2744  }
2745
2746  .di-quote-block p {
2747    color: var(--di-ink);
2748    font-weight: 600;
2749    margin-bottom: 10px;
2750  }
2751
2752  .di-contact-layout,
2753  .di-auth-layout {
2754    display: grid;
2755    gap: 24px;
2756    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
2757  }
2758
2759  .di-form-card .form-label,
2760  .di-auth-card .form-label {
2761    color: var(--di-ink);
2762    font-weight: 700;
2763    margin-bottom: 8px;
2764  }
2765
2766  .di-form-card .input-group,
2767  .di-auth-card .input-group {
2768    border-radius: 18px;
2769    overflow: hidden;
2770    border: 1px solid rgba(22, 33, 77, 0.08);
2771    background: rgba(255, 255, 255, 0.94);
2772  }
2773
2774  .di-form-card .input-group-text,
2775  .di-auth-card .input-group-text {
2776    background: rgba(91, 67, 243, 0.06);
2777    border: 0;
2778    color: var(--di-brand-a);
2779  }
2780
2781  .di-form-card .form-control,
2782  .di-form-card .form-select,
2783  .di-auth-card .form-control {
2784    border: 0;
2785    box-shadow: none;
2786  }
2787
2788  .di-form-card .form-control:focus,
2789  .di-form-card .form-select:focus,
2790  .di-auth-card .form-control:focus {
2791    box-shadow: none;
2792  }
2793
2794  .di-form-card textarea.form-control {
2795    min-height: 150px;
2796    border-radius: 20px;
2797    border: 1px solid rgba(22, 33, 77, 0.08);
2798  }
2799
2800  .di-side-stack {
2801    display: grid;
2802    gap: 20px;
2803  }
2804
2805  .di-contact-link {
2806    display: inline-flex;
2807    align-items: center;
2808    gap: 10px;
2809    color: var(--di-ink);
2810    text-decoration: none;
2811    font-weight: 700;
2812  }
2813
2814  .di-contact-link:hover {
2815    color: var(--di-brand-a);
2816  }
2817
2818  .di-auth-wrap {
2819    min-height: calc(100vh - 160px);
2820    display: flex;
2821    align-items: center;
2822    padding: 42px 0 56px;
2823  }
2824
2825  .di-auth-card {
2826    max-width: 540px;
2827    margin: 0 auto;
2828    padding: 34px;
2829  }
2830
2831  .di-auth-brand {
2832    display: inline-flex;
2833    margin-bottom: 24px;
2834  }
2835
2836  .di-auth-brand img {
2837    height: 44px;
2838  }
2839
2840  .di-auth-note {
2841    margin-top: 22px;
2842    color: var(--di-ink-soft);
2843    text-align: center;
2844    font-weight: 600;
2845  }
2846
2847  .di-auth-note a {
2848    color: var(--di-brand-a);
2849    text-decoration: none;
2850    font-weight: 700;
2851  }
2852
2853  .di-auth-note a:hover {
2854    color: var(--di-brand-b);
2855  }
2856
2857  .di-cms-card {
2858    padding: 36px;
2859  }
2860
2861  .di-cms-card .dynamic-content {
2862    color: var(--di-ink-soft);
2863    font-size: 1rem;
2864    line-height: 1.85;
2865  }
2866
2867  .di-cms-card .dynamic-content h1,
2868  .di-cms-card .dynamic-content h2,
2869  .di-cms-card .dynamic-content h3,
2870  .di-cms-card .dynamic-content h4,
2871  .di-cms-card .dynamic-content h5,
2872  .di-cms-card .dynamic-content h6 {
2873    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
2874    color: var(--di-ink);
2875    margin-top: 1.4rem;
2876    margin-bottom: 0.8rem;
2877  }
2878
2879  .di-cms-card .dynamic-content a {
2880    color: var(--di-brand-a);
2881    text-decoration: none;
2882    font-weight: 700;
2883  }
2884
2885  .di-cms-card .dynamic-content a:hover {
2886    color: var(--di-brand-b);
2887  }
2888
2889  .iti {
2890    width: 100%;
2891  }
2892
2893  /* 15-inch screen range: tighten navbar so all items + buttons fit in one row */
2894  @media (min-width: 1200px) and (max-width: 1399.98px) {
2895    .glass-nav .container,
2896    footer.di-footer .container {
2897      padding-left: 24px;
2898      padding-right: 24px;
2899    }
2900
2901    .navbar .nav-link {
2902      font-size: 12.5px !important;
2903      padding: 6px 8px !important;
2904    }
2905
2906    .navbar-nav {
2907      gap: 0.25rem !important;
2908    }
2909
2910    .nav-login-link {
2911      padding: 8px 10px;
2912      font-size: 12.5px;
2913    }
2914
2915    .nav-demo-btn {
2916      padding: 9px 12px;
2917      font-size: 12.5px;
2918      gap: 6px;
2919    }
2920  }
2921
2922  @media (max-width: 1199.98px) {
2923    .di-home .di-grid-cards {
2924      grid-template-columns: repeat(2, minmax(0, 1fr));
2925    }
2926  }
2927
2928  @media (max-width: 1199.98px) {
2929    .navbar-collapse {
2930      margin-top: 14px;
2931      padding: 18px;
2932      border-radius: 20px;
2933      background: rgba(255, 255, 255, 0.96);
2934      border: 1px solid rgba(22, 33, 77, 0.08);
2935      box-shadow: var(--di-shadow);
2936    }
2937
2938    .di-home .di-hero {
2939      padding-top: 34px;
2940    }
2941
2942    .di-contact-layout,
2943    .di-auth-layout,
2944    .di-grid--3,
2945    .di-grid--4,
2946    .di-live-products__grid {
2947      grid-template-columns: repeat(2, minmax(0, 1fr));
2948    }
2949
2950    .di-home .di-hero-copy {
2951      max-width: none;
2952    }
2953
2954    .di-home .di-section-head {
2955      max-width: none;
2956      margin-bottom: 24px;
2957      padding-right: 0;
2958    }
2959
2960    .di-home .di-hero-visual-wrap {
2961      min-height: 360px;
2962      margin-top: 12px;
2963      margin-left: 0;
2964    }
2965
2966    .di-home .di-strip-card {
2967      border-left: 0;
2968      border-top: 1px solid rgba(22, 33, 77, 0.08);
2969    }
2970
2971    .di-home .di-strip-card:first-child {
2972      border-top: 0;
2973    }
2974
2975    .di-enterprise-band {
2976      flex-direction: column;
2977      margin: 0;
2978      padding: 24px 18px;
2979      gap: 28px;
2980    }
2981
2982    .di-enterprise-band .di-eb-left {
2983      flex: none;
2984      max-width: none;
2985    }
2986
2987    .di-enterprise-band .di-eb-stats {
2988      width: 100%;
2989    }
2990
2991    .di-page-hero__panel:has(.di-product-pdf-actions) {
2992      grid-template-columns: 1fr;
2993      gap: 22px;
2994    }
2995
2996    .di-product-pdf-actions {
2997      position: relative;
2998      top: auto;
2999      right: auto;
3000      width: 100%;
3001      max-width: 420px;
3002      margin-bottom: 22px;
3003    }
3004
3005    .di-page-hero__panel:has(.di-product-pdf-actions) .di-product-pdf-actions {
3006      grid-column: 1;
3007      grid-row: 1;
3008      justify-self: start;
3009      width: 100%;
3010      max-width: 420px;
3011    }
3012
3013    .di-page-hero__panel:has(.di-product-pdf-actions) .di-page-hero__content {
3014      grid-column: 1;
3015      grid-row: 2;
3016      max-width: none;
3017      min-height: 0;
3018      display: block;
3019    }
3020  }
3021
3022  @media (max-width: 767.98px) {
3023    section.section,
3024    .di-home .di-home-section {
3025      padding: 54px 0;
3026    }
3027
3028    .di-home > section > .container,
3029    .di-page-hero > .container,
3030    .di-page-shell > .container {
3031      padding-left: 12px;
3032      padding-right: 12px;
3033    }
3034
3035    .di-page-hero__panel,
3036    .di-article-card,
3037    .di-cms-card,
3038    .di-auth-card {
3039      padding: 28px 22px;
3040    }
3041
3042    .di-home .di-grid-cards {
3043      grid-template-columns: minmax(0, 1fr);
3044    }
3045
3046    .di-grid--2,
3047    .di-grid--3,
3048    .di-grid--4,
3049    .di-contact-layout,
3050    .di-auth-layout,
3051    .di-live-products__grid {
3052      grid-template-columns: minmax(0, 1fr);
3053    }
3054
3055    .di-home .di-hero-copy h1 {
3056      font-size: 2.7rem;
3057    }
3058
3059    .di-home .di-watch-label {
3060      bottom: calc(50% - 88px);
3061      font-size: 13px;
3062    }
3063
3064    .di-home .di-logo-row {
3065      gap: 18px;
3066    }
3067
3068    .di-home .di-logo-row span {
3069      font-size: 1.55rem;
3070    }
3071
3072    .di-newsletter {
3073      max-width: 100%;
3074    }
3075
3076    #cookie-banner {
3077      flex-direction: column;
3078      align-items: flex-start;
3079    }
3080
3081    .di-product-pdf-viewer {
3082      padding: 10px;
3083    }
3084
3085    .di-product-pdf-viewer__panel {
3086      height: 88vh;
3087      border-radius: 14px;
3088    }
3089
3090    .di-product-pdf-viewer__bar {
3091      align-items: flex-start;
3092      flex-direction: column;
3093    }
3094  }
3095
3096  /* ═══════════════════════════════════════════════
3097     NEW HOME SECTIONS
3098  ═══════════════════════════════════════════════ */
3099  :root {
3100    --dih-serif: 'Fraunces', 'Times New Roman', serif;
3101    --dih-mono:  'JetBrains Mono', ui-monospace, monospace;
3102    --dih-ink:        #0A0E2C;
3103    --dih-ink-soft:   #2B315A;
3104    --dih-ink-mute:   #6B7196;
3105    --dih-rule:       #E6E6EE;
3106    --dih-blue:       #1A2BD8;
3107    --dih-blue-tint:  #EEF0FF;
3108    --dih-pink:       #EA2A78;
3109    --dih-pink-soft:  #FFE6F0;
3110    --dih-orange:     #FF9A3C;
3111    --dih-orange-soft:#FFEEDD;
3112    --dih-paper-warm: #FAF8F2;
3113    --dih-paper-cool: #F5F6FB;
3114    --dih-ease: cubic-bezier(.2,.7,.2,1);
3115  }
3116
3117  /* Eyebrow label */
3118  .dih-eyebrow {
3119    font-family: var(--dih-mono);
3120    font-size: 11px;
3121    font-weight: 500;
3122    letter-spacing: .18em;
3123    text-transform: uppercase;
3124    color: var(--dih-ink-mute);
3125    display: inline-flex;
3126    align-items: center;
3127    gap: 10px;
3128  }
3129  .dih-eyebrow::before {
3130    content: "";
3131    width: 24px; height: 1px;
3132    background: var(--dih-ink-mute);
3133  }
3134  .dih-eyebrow.on-dark { color: rgba(255,255,255,.65); }
3135  .dih-eyebrow.on-dark::before { background: rgba(255,255,255,.5); }
3136
3137  /* MARQUEE */
3138  .dih-marquee {
3139    border-top: 1px solid var(--dih-rule);
3140    border-bottom: 1px solid var(--dih-rule);
3141    padding: 22px 0;
3142    background: #fff;
3143    overflow: hidden;
3144  }
3145  .dih-marquee-inner {
3146    display: flex;
3147    align-items: center;
3148    gap: 56px;
3149    animation: dih-scroll 38s linear infinite;
3150    width: max-content;
3151  }
3152  .dih-marquee-item {
3153    font-family: var(--dih-serif);
3154    font-size: 17px;
3155    font-style: italic;
3156    color: var(--dih-ink-mute);
3157    white-space: nowrap;
3158    display: inline-flex;
3159    align-items: center;
3160    gap: 56px;
3161  }
3162  .dih-marquee-item::after {
3163    content: "·";
3164    color: var(--dih-pink);
3165    font-style: normal;
3166    font-size: 20px;
3167  }
3168  @keyframes dih-scroll { to { transform: translateX(-50%); } }
3169
3170  /* CRISIS — dark */
3171  .dih-crisis {
3172    position: relative;
3173    padding: clamp(64px, 9vw, 120px) 0;
3174    background: var(--dih-ink);
3175    color: #fff;
3176    overflow: hidden;
3177  }
3178  .dih-crisis::before {
3179    content: "";
3180    position: absolute; inset: 0;
3181    background:
3182      radial-gradient(ellipse at 80% 0%, rgba(234,42,120,.15), transparent 50%),
3183      radial-gradient(ellipse at 0% 100%, rgba(26,43,216,.4), transparent 55%);
3184    pointer-events: none;
3185  }
3186  .dih-crisis .container { position: relative; }
3187  .dih-crisis-head {
3188    display: grid;
3189    grid-template-columns: 1.5fr 1fr;
3190    gap: 60px;
3191    align-items: end;
3192    margin-bottom: 64px;
3193  }
3194  .dih-crisis h2 {
3195    font-family: var(--dih-serif);
3196    font-size: clamp(36px, 5.5vw, 68px);
3197    line-height: 1.02;
3198    font-weight: 380;
3199    letter-spacing: -.025em;
3200    color: #fff;
3201    margin-top: 18px;
3202  }
3203  .dih-crisis h2 em { font-style: italic; color: var(--dih-pink); font-weight: 340; }
3204  .dih-crisis-sub { color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.6; }
3205  .dih-stat-grid {
3206    display: grid;
3207    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
3208    border-top: 1px solid rgba(255,255,255,.12);
3209    border-left: 1px solid rgba(255,255,255,.12);
3210  }
3211  .dih-stat-card {
3212    border-right: 1px solid rgba(255,255,255,.12);
3213    border-bottom: 1px solid rgba(255,255,255,.12);
3214    padding: 32px 28px;
3215    transition: background .4s var(--dih-ease);
3216  }
3217  .dih-stat-card:hover { background: rgba(255,255,255,.03); }
3218  .dih-stat-label {
3219    font-family: var(--dih-mono);
3220    font-size: 10px;
3221    letter-spacing: .18em;
3222    text-transform: uppercase;
3223    color: var(--dih-pink);
3224    margin-bottom: 10px;
3225  }
3226  .dih-stat-num {
3227    font-family: var(--dih-serif);
3228    font-size: clamp(48px, 6vw, 80px);
3229    font-weight: 340;
3230    line-height: 1;
3231    letter-spacing: -.03em;
3232    color: #fff;
3233    margin-bottom: 14px;
3234  }
3235  .dih-stat-num .unit { font-size: .45em; color: var(--dih-pink); vertical-align: super; margin-left: 3px; }
3236  .dih-stat-text { font-size: 14px; color: rgba(255,255,255,.72); line-height: 1.55; }
3237  .dih-stat-source { margin-top: 12px; font-size: 11px; color: rgba(255,255,255,.38); font-family: var(--dih-mono); }
3238
3239  /* INTRO */
3240  .dih-intro { padding: clamp(80px, 10vw, 140px) 0; }
3241  .dih-intro-grid {
3242    display: grid;
3243    grid-template-columns: 1fr 1.2fr;
3244    gap: 100px;
3245    align-items: start;
3246  }
3247  .dih-intro h2 {
3248    font-family: var(--dih-serif);
3249    font-size: clamp(30px, 4vw, 54px);
3250    line-height: 1.05;
3251    font-weight: 400;
3252    letter-spacing: -.02em;
3253    margin-top: 20px;
3254  }
3255  .dih-intro h2 em { font-style: italic; color: var(--dih-blue); font-weight: 340; }
3256  .dih-intro-lede { font-size: 16px; line-height: 1.65; color: var(--dih-ink-soft); margin-top: 20px; }
3257  .dih-points { display: flex; flex-direction: column; border-top: 1px solid var(--dih-rule); }
3258  .dih-point {
3259    padding: 28px 0;
3260    border-bottom: 1px solid var(--dih-rule);
3261    display: grid;
3262    grid-template-columns: 64px 1fr;
3263    gap: 20px;
3264    align-items: start;
3265  }
3266  .dih-point-num { font-family: var(--dih-mono); font-size: 12px; color: var(--dih-ink-mute); padding-top: 5px; }
3267  .dih-point h3 {
3268    font-family: var(--dih-serif);
3269    font-size: clamp(18px, 2vw, 22px);
3270    font-weight: 450;
3271    margin-bottom: 8px;
3272    letter-spacing: -.01em;
3273  }
3274  .dih-point p { color: var(--dih-ink-soft); font-size: 15px; line-height: 1.6; }
3275
3276  /* PRODUCTS */
3277  .dih-products {
3278    background: var(--dih-paper-warm);
3279    padding: clamp(80px, 10vw, 140px) 0;
3280  }
3281  .dih-products-head {
3282    display: grid;
3283    grid-template-columns: 1fr 1fr;
3284    gap: 60px;
3285    align-items: end;
3286    margin-bottom: 56px;
3287  }
3288  .dih-products-head h2 {
3289    font-family: var(--dih-serif);
3290    font-size: clamp(30px, 4vw, 54px);
3291    line-height: 1.05;
3292    font-weight: 400;
3293    letter-spacing: -.02em;
3294    margin-top: 18px;
3295  }
3296  .dih-products-head h2 em { font-style: italic; color: var(--dih-blue); font-weight: 340; }
3297  .dih-product-grid {
3298    display: grid;
3299    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
3300    gap: 1px;
3301    background: var(--dih-rule);
3302    border: 1px solid var(--dih-rule);
3303    border-radius: 4px;
3304    overflow: hidden;
3305  }
3306  .dih-product {
3307    background: #fff;
3308    padding: 32px 28px;
3309    display: flex;
3310    flex-direction: column;
3311    min-height: 300px;
3312    transition: background .4s var(--dih-ease);
3313  }
3314  .dih-product:hover { background: var(--dih-paper-warm); }
3315  .dih-product-icon {
3316    width: 46px; height: 46px;
3317    border-radius: 12px;
3318    background: var(--dih-blue-tint);
3319    color: var(--dih-blue);
3320    display: inline-flex; align-items: center; justify-content: center;
3321    margin-bottom: 20px;
3322    transition: transform .4s var(--dih-ease), background .4s var(--dih-ease);
3323  }
3324  .dih-product:hover .dih-product-icon { transform: rotate(-4deg) scale(1.05); background: var(--dih-blue); color: #fff; }
3325  .dih-product-icon.pink { background: var(--dih-pink-soft); color: var(--dih-pink); }
3326  .dih-product:hover .dih-product-icon.pink { background: var(--dih-pink); color: #fff; }
3327  .dih-product-icon.orange { background: var(--dih-orange-soft); color: #C46A18; }
3328  .dih-product:hover .dih-product-icon.orange { background: var(--dih-orange); color: #fff; }
3329  .dih-product-tag { font-family: var(--dih-mono); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; color: var(--dih-ink-mute); margin-bottom: 8px; }
3330  .dih-product h3 { font-family: var(--dih-serif); font-weight: 450; font-size: 22px; line-height: 1.15; letter-spacing: -.01em; margin-bottom: 10px; }
3331  .dih-product h3 em { font-style: italic; color: var(--dih-blue); font-weight: 380; }
3332  .dih-product p { color: var(--dih-ink-soft); font-size: 14px; line-height: 1.6; flex-grow: 1; }
3333  .dih-product-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--dih-rule); }
3334  .dih-chip { font-family: var(--dih-mono); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: var(--dih-ink-soft); background: var(--dih-paper-warm); border: 1px solid var(--dih-rule); padding: 4px 8px; border-radius: 999px; }
3335
3336  /* WORKFLOW */
3337  .dih-workflow { padding: clamp(80px, 10vw, 140px) 0; }
3338  .dih-workflow-head { text-align: center; max-width: 740px; margin: 0 auto 64px; }
3339  .dih-workflow-head h2 { font-family: var(--dih-serif); font-size: clamp(28px, 3.8vw, 52px); font-weight: 400; line-height: 1.05; letter-spacing: -.02em; margin-top: 20px; margin-bottom: 20px; }
3340  .dih-workflow-head h2 em { font-style: italic; color: var(--dih-blue); }
3341  .dih-workflow-head p { color: var(--dih-ink-soft); font-size: 16px; line-height: 1.6; }
3342  .dih-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 20px; }
3343  .dih-flow-step {
3344    padding: 28px 24px;
3345    border: 1px solid var(--dih-rule);
3346    border-radius: 14px;
3347    background: #fff;
3348    transition: transform .4s var(--dih-ease), box-shadow .4s var(--dih-ease), border-color .4s var(--dih-ease);
3349  }
3350  .dih-flow-step:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -28px rgba(10,14,44,.18); border-color: transparent; }
3351  .dih-flow-step .step-n { font-family: var(--dih-mono); font-size: 11px; letter-spacing: .18em; color: var(--dih-ink-mute); margin-bottom: 16px; }
3352  .dih-flow-step h3 { font-family: var(--dih-serif); font-size: 20px; line-height: 1.15; margin-bottom: 8px; }
3353  .dih-flow-step p { color: var(--dih-ink-soft); font-size: 14px; line-height: 1.55; }
3354  .dih-flow-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: var(--dih-blue-tint); color: var(--dih-blue); margin-bottom: 16px; }
3355
3356  /* WHY — dark */
3357  .dih-why {
3358    padding: clamp(80px, 10vw, 140px) 0;
3359    background: var(--dih-ink);
3360    color: #fff;
3361    position: relative;
3362    overflow: hidden;
3363  }
3364  .dih-why::before {
3365    content: "";
3366    position: absolute; inset: 0;
3367    background: radial-gradient(ellipse at 100% 50%, rgba(255,154,60,.1), transparent 50%), radial-gradient(ellipse at 0% 0%, rgba(26,43,216,.4), transparent 55%);
3368    pointer-events: none;
3369  }
3370  .dih-why .container { position: relative; }
3371  .dih-why-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start; }
3372  .dih-why h2 { font-family: var(--dih-serif); font-size: clamp(30px, 4.5vw, 58px); line-height: 1.02; font-weight: 380; letter-spacing: -.025em; color: #fff; margin-top: 20px; }
3373  .dih-why h2 em { font-style: italic; color: var(--dih-orange); font-weight: 340; }
3374  .dih-why-sub { color: rgba(255,255,255,.7); font-size: 15px; margin-top: 20px; line-height: 1.65; }
3375  .dih-feature { padding: 24px 0; border-top: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: 44px 1fr auto; gap: 20px; align-items: center; transition: padding .3s var(--dih-ease); }
3376  .dih-feature:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
3377  .dih-feature:hover { padding-left: 8px; }
3378  .dih-feature .f-icon { width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.06); color: var(--dih-orange); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
3379  .dih-feature h4 { font-family: var(--dih-serif); font-size: 19px; font-weight: 450; letter-spacing: -.01em; color: #fff; }
3380  .dih-feature p { color: rgba(255,255,255,.62); font-size: 13px; margin-top: 3px; }
3381  .dih-feature .f-num { font-family: var(--dih-serif); font-size: 28px; font-weight: 340; color: var(--dih-orange); font-style: italic; white-space: nowrap; }
3382
3383  /* TESTIMONIALS */
3384  .dih-testi-section { padding: clamp(80px, 10vw, 140px) 0; background: var(--dih-paper-cool); }
3385  .dih-testi-head { max-width: 720px; margin-bottom: 52px; }
3386  .dih-testi-head h2 { font-family: var(--dih-serif); font-size: clamp(28px, 3.8vw, 52px); font-weight: 400; line-height: 1.05; letter-spacing: -.02em; margin-top: 18px; }
3387  .dih-testi-head h2 em { font-style: italic; color: var(--dih-blue); }
3388  .dih-testi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
3389  .dih-testi { background: #fff; padding: 30px 26px; border-radius: 14px; border: 1px solid var(--dih-rule); display: flex; flex-direction: column; gap: 20px; transition: transform .4s var(--dih-ease), box-shadow .4s var(--dih-ease); }
3390  .dih-testi:hover { transform: translateY(-4px); box-shadow: 0 24px 56px -32px rgba(10,14,44,.18); }
3391  .dih-testi-quote { font-family: var(--dih-serif); font-size: 17px; line-height: 1.5; color: var(--dih-ink); }
3392  .dih-testi-quote::before { content: "\201C"; font-size: 52px; line-height: 0; color: var(--dih-blue); margin-right: 3px; vertical-align: -22px; font-style: italic; }
3393  .dih-testi-author { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--dih-rule); }
3394  .dih-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--dih-blue-tint); color: var(--dih-blue); display: inline-flex; align-items: center; justify-content: center; font-family: var(--dih-serif); font-size: 15px; font-weight: 500; flex-shrink: 0; }
3395  .dih-avatar.pink { background: var(--dih-p
3395ink-soft); color: var(--dih-pink); }
3396  .dih-avatar.orange { background: var(--dih-orange-soft); color: #C46A18; }
3397  .dih-testi-meta strong { font-size: 13px; font-weight: 600; display: block; margin-bottom: 2px; }
3398  .dih-testi-meta span { font-size: 11px; color: var(--dih-ink-mute); font-family: var(--dih-mono); }
3399
3400  /* TRUST */
3401  .dih-trust { padding: clamp(72px, 9vw, 120px) 0; border-top: 1px solid var(--dih-rule); border-bottom: 1px solid var(--dih-rule); }
3402  .dih-trust-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: center; }
3403  .dih-trust h2 { font-family: var(--dih-serif); font-size: clamp(28px, 3.8vw, 52px); font-weight: 400; line-height: 1.05; letter-spacing: -.02em; margin-top: 18px; }
3404  .dih-trust h2 em { font-style: italic; color: var(--dih-blue); }
3405  .dih-trust-lede { color: var(--dih-ink-soft); font-size: 15px; line-height: 1.65; margin-top: 18px; }
3406  .dih-badges { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; }
3407  .dih-badge { border: 1px solid var(--dih-rule); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 5px; transition: border-color .3s var(--dih-ease), background .3s var(--dih-ease); }
3408  .dih-badge:hover { border-color: var(--dih-ink); background: var(--dih-paper-warm); }
3409  .dih-badge i { font-size: 22px; color: var(--dih-blue); margin-bottom: 6px; }
3410  .dih-badge strong { font-family: var(--dih-serif); font-weight: 500; font-size: 15px; letter-spacing: -.005em; }
3411  .dih-badge span { font-size: 13px; color: var(--dih-ink-soft); line-height: 1.4; }
3412
3413  /* CTA CARD */
3414  .dih-cta-section { padding: clamp(80px, 10vw, 130px) 0; }
3415  .dih-cta-card {
3416    position: relative;
3417    border-radius: 24px;
3418    overflow: hidden;
3419    padding: clamp(44px, 6vw, 88px);
3420    background: radial-gradient(ellipse at top right, rgba(234,42,120,.7), transparent 50%), radial-gradient(ellipse at bottom left, rgba(255,154,60,.5), transparent 55%), linear-gradient(135deg, #0E1A8A, #1A2BD8);
3421    color: #fff;
3422  }
3423  .dih-cta-card::after { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 32px); pointer-events: none; }
3424  .dih-cta-card > * { position: relative; z-index: 1; }
3425  .dih-cta-card h2 { font-family: var(--dih-serif); font-size: clamp(32px, 4.5vw, 58px); line-height: 1.02; font-weight: 380; letter-spacing: -.025em; color: #fff; max-width: 18ch; margin-bottom: 20px; }
3426  .dih-cta-card h2 em { font-style: italic; opacity: .85; font-weight: 340; }
3427  .dih-cta-card p { color: rgba(255,255,255,.85); font-size: 16px; max-width: 54ch; margin-bottom: 32px; }
3428  .dih-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
3429  .dih-btn-white { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; font-size: 14px; font-weight: 600; border-radius: 999px; background: #fff; color: var(--dih-ink); transition: all .3s var(--dih-ease); text-decoration: none; }
3430  .dih-btn-white:hover { background: var(--dih-ink); color: #fff; }
3431  .dih-btn-outline { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; font-size: 14px; font-weight: 600; border-radius: 999px; border: 1px solid rgba(255,255,255,.4); color: #fff; transition: all .3s var(--dih-ease); text-decoration: none; }
3432  .dih-btn-outline:hover { background: #fff; color: var(--dih-ink); border-color: #fff; }
3433
3434  @media (max-width: 991px) {
3435    .dih-crisis-head,
3436    .dih-intro-grid,
3437    .dih-products-head,
3438    .dih-why-grid,
3439    .dih-trust-grid { grid-template-columns: 1fr; gap: 32px; }
3440  }
3441  @media (max-width: 767px) {
3442    .dih-testi-grid { grid-template-columns: 1fr; }
3443    .dih-flow { grid-template-columns: 1fr; }
3444  }
3445</style>
3446</head>
3447<body class="site-shell page-products-deep-converse">
vendor: 72 bytes, lines 3447-3450
3447
3448
3449<noscript>
3450  <iframe src="https://www.googletagmanager.com/ns.html?id=
3450GTM-T3XKFCNQ
vendor: 95 bytes, lines 3450-3453
3450"
3451          height="0" width="0" style="display:none;visibility:hidden"></iframe>
3452</noscript>
3453
3454<div id="preloader" aria-label="Loading">
3455  <div class="spinner" aria-hidden="true"></div>
3456</div>
3457
3458
3459<div class="glass-nav">
3460  <div class="container">
3461    <nav class="navbar navbar-expand-xl">
3462      <a class="navbar-brand" href="https://deepinfinity.ai/" onclick="userMenuActivity(event,this.href,0)">
3463        <img src="https://deepinfinity.ai/assets/img/logo_new.png" alt="DeepInfinity" />
3464      </a>
3465
3466      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav">
3467        <span class="navbar-toggler-icon"></span>
3468      </button>
3469
3470      <div class="collapse navbar-collapse" id="nav">
3471        <ul class="navbar-nav ms-auto align-items-xl-center gap-xl-2">
3472          <li class="nav-item">
3473            <a class="nav-link " href="https://deepinfinity.ai/" onclick="userMenuActivity(event,this.href,1)">Home</a>
3474          </li>
3475
3476          <li class="nav-item">
3477            <a class="nav-link " href="https://deepinfinity.ai/pricing" onclick="userMenuActivity(event,this.href,3)">Pricing</a>
3478          </li>
3479
3480          <li class="nav-item dropdown">
3481            <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown">Products</a>
3482            <ul class="dropdown-menu dropdown-menu-end">
3483              <li><a class="dropdown-item" href="https://deepinfinity.ai/scribe" onclick="userMenuActivity(event,this.href,32)">DeepInfinity Scribe</a></li>
3484              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deep-converse" onclick="userMenuActivity(event,this.href,33)">DeepConverse AI</a></li>
3485              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-ai-radiology" onclick="userMenuActivity(event,this.href,4)">DeepScribe AI</a></li>
3486              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-chest-ai" onclick="userMenuActivity(event,this.href,6)">DeepScan AI — Chest X-Ray</a></li>
3487              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deepspeed-rad" onclick="userMenuActivity(event,this.href,18)">DeepSpeed Rad Agent</a></li>
3488              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deeppatient-registration" onclick="userMenuActivity(event,this.href,19)">DeepPatient Registration</a></li>
3489              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deepscanextract-ai" onclick="userMenuActivity(event,this.href,20)">DeepScanExtract AI</a></li>
3490              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deeplab-reporting" onclick="userMenuActivity(event,this.href,21)">DeepLab Reporting Agent</a></li>
3491              <li><a class="dropdown-item" href="https://deepinfinity.ai/products-deepemergency-icu" onclick="userMenuActivity(event,this.href,22)">DeepEmergency &amp; DeepICU</a></li>
3492            </ul>
3493          </li>
3494
3495          <li class="nav-item">
3496            <a class="nav-link " href="https://deepinfinity.ai/products-radiology" onclick="userMenuActivity(event,this.href,27)">Radiology AI</a>
3497          </li>
3498
3499          <li class="nav-item">
3500            <a class="nav-link " href="https://deepinfinity.ai/doctor-patient-consultation" onclick="userMenuActivity(event,this.href,5)">Doctor Patient Consultation</a>
3501          </li>
3502
3503          
3504          <li class="nav-item">
3505            <a class="nav-link " href="https://deepinfinity.ai/healthcare-integrations" onclick="userMenuActivity(event,this.href,28)">Healthcare Integrations</a>
3506          </li>
3507
3508          <li class="nav-item">
3509            <a class="nav-link " href="https://deepinfinity.ai/faq" onclick="userMenuActivity(event,this.href,7)">FAQ</a>
3510          </li>
3511
3512          
3513          <li class="nav-item dropdown">
3514            <a class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown">Company</a>
3515            <ul class="dropdown-menu dropdown-menu-end">
3516              <li><a class="dropdown-item " href="https://deepinfinity.ai/platform" onclick="userMenuActivity(event,this.href,34)">Platform &mdash; The Clinical AI OS</a></li>
3517              <li><a class="dropdown-item" href="https://deepinfinity.ai/aboutus" onclick="userMenuActivity(event,this.href,2)">About Us</a></li>
3518              <li><a class="dropdown-item " href="https://deepinfinity.ai/regulatory" onclick="userMenuActivity(event,this.href,34)">Regulatory &amp; Clinical Safety</a></li>
3519              <li><a class="dropdown-item " href="https://deepinfinity.ai/compliance" onclick="userMenuActivity(event,this.href,23)">Compliance</a></li>
3520              <li><a class="dropdown-item " href="https://deepinfinity.ai/data-protection" onclick="userMenuActivity(event,this.href,29)">Data Protection</a></li>
3521              <li><a class="dropdown-item " href="https://deepinfinity.ai/accessibility" onclick="userMenuActivity(event,this.href,30)">Accessibility</a></li>
3522              <li><a class="dropdown-item " href="https://deepinfinity.ai/carbon-reduction-plan" onclick="userMenuActivity(event,this.href,31)">Carbon Reduction Plan</a></li>
3523              <li><a class="dropdown-item " href="https://deepinfinity.ai/healthcare-integrations" onclick="userMenuActivity(event,this.href,28)">Healthcare Integrations</a></li>
3524              <li><a class="dropdown-item " href="https://deepinfinity.ai/videos" onclick="userMenuActivity(event,this.href,24)">Videos</a></li>
3525              <li><a class="dropdown-item" href="/blog" target="_blank" onclick="userMenuActivity(event,this.href,8)">Blog</a></li>
3526              <li><a class="dropdown-item" href="https://deepinfinity.ai/press-release" onclick="userMenuActivity(event,this.href,9)">Press Release</a></li>
3527              <li><a class="dropdown-item" href="https://deepinfinity.ai/contactus" onclick="userMenuActivity(event,this.href,10)">Contact Us</a></li>
3528            </ul>
3529          </li>
3530
3531                      <li class="nav-item ms-xl-2">
3532              <a class="nav-login-link " href="https://deepinfinity.ai/register" onclick="userMenuActivity(event,this.href,0)">Register</a>
3533            </li>
3534            <li class="nav-item ms-xl-2">
3535              <a class="nav-login-link" href="https://deepinfinity.ai/login" onclick="userMenuActivity(event,this.href,0)">Log in</a>
3536            </li>
3537          
3538                    <li class="nav-item ms-xl-2">
3539            <a class="nav-demo-btn" href="https://calendly.com/rama-deepinfinity/15min" target="_blank" onclick="userMenuActivity(event,this.href,0)">Book a Demo <i class="fa-solid fa-arrow-right"></i></a>
3540          </li>
3541                  </ul>
3542      </div>
3543    </nav>
3544  </div>
3545</div>
3546<section class="di-page-hero">
3547  <div class="container">
3548    <div class="di-page-hero__panel dc-hero__panel reveal d-100">
3549      <div class="di-page-hero__content">
3550        <span class="di-kicker">DeepInfinity AI &middot; Clinical Documentation Suite</span>
3551        <h1>DeepConverse <em>AI</em></h1>
3552        <p class="dc-subhead">Structured clinical documentation from the consultation itself.</p>
3553        <p>
3554          Speak with your patient in the language you both use. DeepConverse captures the conversation and returns a
3555          clean, structured clinical record &mdash; chief complaint, history of present illness, past history,
3556          assessment and plan &mdash; ready for your review and approval before it enters the record.
3557        </p>
3558        <div class="di-page-actions">
3559          <a class="nav-demo-btn" href="#product-form">Book a 15-minute demo <i class="fa-solid fa-arrow-right"></i></a>
3560          <a class="di-link-arrow" href="#samples">See sample consultations <i class="fa-solid fa-arrow-right"></i></a>
3561        </div>
3562        <p class="dc-trust">
3563          20+ Indian languages &middot; English clinical output &middot; Word and PDF export &middot;
3564          Every note reviewed and approved by the treating clinician
3565        </p>
3566      </div>
3567
3568      <div class="dc-hero-visual" aria-hidden="true">
3569        <div class="dc-hv-head"><i class="fa-solid fa-file-lines"></i> Structured clinical record</div>
3570        <ul class="dc-hv-list">
3571          <li><span>Chief complaint</span></li>
3572          <li><span>Subjective &middot; HPI</span><em class="dc-hv-tag pos">Positive</em><em class="dc-hv-tag neg">Negative</em></li>
3573          <li><span>Past history</span></li>
3574          <li><span>Differential diagnosis</span><em class="dc-hv-tag code">ICD-10</em></li>
3575          <li><span>Assessment</span></li>
3576          <li><span>Plan</span><em class="dc-hv-tag">Rx &middot; Ix &middot; Follow-up</em></li>
3577        </ul>
3578      </div>
3579    </div>
3580  </div>
3581</section>
3582
3583<section class="di-page-shell">
3584  <div class="container">
3585
3586    <!-- 2. The Problem -->
3587    <div class="dc-block reveal d-100 mb-5">
3588      <div class="di-section-kicker">The problem</div>
3589      <h2 class="dc-h2">The consultation is over. The typing has just begun.</h2>
3590      <p class="dc-lede">
3591        Clinicians spend up to 35% of the working day on documentation. In a busy OPD, that means typing between
3592        patients, writing up notes after clinic, or dictating to a typist and correcting the result. Consultations
3593        conducted in Telugu, Hindi, Tamil or Kannada carry a further burden: the doctor must translate mentally while
3594        writing, or the encounter goes undocumented entirely.
3595      </p>
3596
3597      <div class="di-grid di-grid--4 mt-4">
3598        <div class="di-card dc-icard">
3599          <span class="dc-ico"><i class="fa-solid fa-clock"></i></span>
3600          <h3>Documentation after hours</h3>
3601          <p>Notes written up long after clinic, when detail has already faded.</p>
3602        </div>
3603        <div class="di-card dc-icard">
3604          <span class="dc-ico"><i class="fa-solid fa-comments"></i></span>
3605          <h3>Language barriers</h3>
3606          <p>Multilingual consultations go undocumented or require manual translation.</p>
3607        </div>
3608        <div class="di-card dc-icard">
3609          <span class="dc-ico"><i class="fa-solid fa-keyboard"></i></span>
3610          <h3>Eyes on the keyboard</h3>
3611          <p>Typing during the consultation breaks eye contact and rapport.</p>
3612        </div>
3613        <div class="di-card dc-icard">
3614          <span class="dc-ico"><i class="fa-solid fa-folder-open"></i></span>
3615          <h3>Inconsistent notes</h3>
3616          <p>Every clinician structures a note differently, making records hard to use downstream.</p>
3617        </div>
3618      </div>
3619    </div>
3620
3621    <!-- 3. The Solution -->
3622    <div class="dc-block reveal d-100 mb-5">
3623      <div class="di-section-kicker">The solution</div>
3624      <h2 class="dc-h2">One consultation. One complete clinical record.</h2>
3625      <div class="di-grid di-grid--2 mt-4">
3626        <div class="di-card">
3627          <p>
3628            DeepConverse listens to the doctor&ndash;patient encounter &mdash; or accepts a typed or uploaded
3629            transcript &mdash; and organises what was said into a standard clinical structure. It identifies the
3630            presenting complaint, separates patient-reported symptoms from examination findings, records what was
3631            explicitly denied as well as what was reported, and lays out the assessment and plan exactly as the
3632            clinician stated them.
3633          </p>
3634          <p class="mt-3">
3635            The output arrives in English regardless of the language spoken, formatted to your institution's own
3636            template, ready for the doctor to check, amend and approve.
3637          </p>
3638        </div>
3639        <div class="dc-callout">
3640          <i class="fa-solid fa-quote-left"></i>
3641          <p><strong>Positives and negatives, both recorded.</strong> DeepConverse captures what the patient denied as
3642          carefully as what they reported &mdash; "no vomiting", "no weight loss", "no known drug allergies" &mdash;
3643          because a documented negative is clinically as important as a documented positive.</p>
3644        </div>
3645      </div>
3646    </div>
3647
3648    <!-- 4. What It Produces -->
3649    <div class="dc-block reveal d-100 mb-5">
3650      <div class="di-section-kicker">What it produces</div>
3651      <h2 class="dc-h2">A structured clinical record, section by section.</h2>
3652
3653      <div class="di-grid di-grid--3 mt-4">
3654        <div class="di-card">
3655          <div class="di-section-kicker">01 &middot; Chief Complaint</div>
3656          <p>The presenting problem in one clear line, with duration &mdash; for example, a 35-year-old female
3657          presenting with a persistent dry cough for five days with mild fever, throat irritation and chest discomfort.</p>
3658        </div>
3659        <div class="di-card">
3660          <div class="di-section-kicker">02 &middot; Subjective &mdash; HPI</div>
3661          <p>
3661Broken down into the standard clinical framework:</p>
3662          <ul class="di-checklist dc-mini mt-2">
3663            <li><i class="fa-solid fa-angle-right"></i><span><b>Onset</b> &mdash; when symptoms began</span></li>
3664            <li><i class="fa-solid fa-angle-right"></i><span><b>Character</b> &mdash; how it is described</span></li>
3665            <li><i class="fa-solid fa-angle-right"></i><span><b>Duration</b> &amp; <b>Radiation</b></span></li>
3666            <li><i class="fa-solid fa-angle-right"></i><span><b>Associated symptoms</b> &mdash; positive &amp; negative</span></li>
3667          </ul>
3668        </div>
3669        <div class="di-card">
3670          <div class="di-section-kicker">03 &middot; Past History</div>
3671          <p>Past medical history, medications already taken, known allergies and relevant social history &mdash;
3672          including explicit statements where nothing significant was reported.</p>
3673        </div>
3674        <div class="di-card">
3675          <div class="di-section-kicker">04 &middot; Differential Diagnosis</div>
3676          <p>Conditions discussed or considered during the consultation, each with its <b>ICD-10 code</b> and the
3677          <b>clinical reasoning</b> recorded in the encounter &mdash; including why an alternative was ruled out or
3678          considered less likely.</p>
3679        </div>
3680        <div class="di-card">
3681          <div class="di-section-kicker">05 &middot; Assessment</div>
3682          <p>The clinician's own evaluation, restated in clean clinical language.</p>
3683        </div>
3684        <div class="di-card">
3685          <div class="di-section-kicker">06 &middot; Plan</div>
3686          <ul class="di-checklist dc-mini mt-2">
3687            <li><i class="fa-solid fa-angle-right"></i><span><b>Medications</b> &mdash; drug, dose, route, frequency, duration</span></li>
3688            <li><i class="fa-solid fa-angle-right"></i><span><b>Investigations</b> &mdash; tests ordered</span></li>
3689            <li><i class="fa-solid fa-angle-right"></i><span><b>Lifestyle &amp; self-care</b></span></li>
3690            <li><i class="fa-solid fa-angle-right"></i><span><b>Follow-up</b> &mdash; return criteria and review interval</span></li>
3691          </ul>
3692        </div>
3693      </div>
3694      <p class="dc-note mt-3">
3695        <i class="fa-solid fa-circle-info"></i>
3696        All content is drawn from the consultation itself. The differential diagnosis section reflects conditions raised
3697        or reasoned through during the encounter, presented for the clinician to confirm, edit or remove.
3698      </p>
3699    </div>
3700
3701    <!-- 5. How It Works -->
3702    <div class="dc-block reveal d-100 mb-5">
3703      <div class="di-section-kicker">How it works</div>
3704      <h2 class="dc-h2">Four steps, no change to how you consult.</h2>
3705
3706      <div class="di-grid di-grid--4 mt-4">
3707        <div class="di-card dc-step">
3708          <span class="dc-step__num">1</span>
3709          <h3>Register and open the agent</h3>
3710          <p>Log in to deepinfinity.ai and select the Doctor&ndash;Patient Conversation agent from your dashboard.</p>
3711        </div>
3712        <div class="di-card dc-step">
3713          <span class="dc-step__num">2</span>
3714          <h3>Select your language and speak</h3>
3715          <p>Choose the spoken language and consult as you normally would &mdash; from live speech, an uploaded audio
3716          file, or typed text.</p>
3717        </div>
3718        <div class="di-card dc-step">
3719          <span class="dc-step__num">3</span>
3720          <h3>Review the structured record</h3>
3721          <p>The complete clinical note appears within seconds, with positives and negatives distinguished and coded
3722          conditions tabulated.</p>
3723        </div>
3724        <div class="di-card dc-step">
3725          <span class="dc-step__num">4</span>
3726          <h3>Approve, export, store</h3>
3727          <p>Amend anything that needs adjusting, approve it, then download as Word or PDF. Every approved note is saved
3728          to your dashboard.</p>
3729        </div>
3730      </div>
3731    </div>
3732
3733    <!-- 6. Multi-Language -->
3734    <div class="dc-block reveal d-100 mb-5">
3735      <div class="di-grid di-grid--2">
3736        <div class="di-card">
3737          <div class="di-section-kicker">Multi-language support</div>
3738          <h3>Speak Telugu. Get an English clinical record.</h3>
3739          <p>DeepConverse accurately processes doctor&ndash;patient conversations in <b>Telugu, Hindi, Tamil, Kannada,
3740          Marathi, English</b> and other regional languages, producing a clear, detailed clinical record 
3740in standard
3741          English clinical format &mdash; removing the documentation penalty that has always applied to consultations
3742          held in a regional language.</p>
3743        </div>
3744        <div class="dc-callout">
3745          <i class="fa-solid fa-language"></i>
3746          <p>A three-day history of fever, myalgia, throat discomfort and reduced appetite, described entirely in
3747          Telugu, becomes a structured record with a coded differential of acute upper respiratory infection, acute
3748          pharyngitis and influenza, an assessment of viral febrile illness, and a full medication and self-care plan
3749          &mdash; in English, in seconds.</p>
3750        </div>
3751      </div>
3752    </div>
3753
3754    <!-- 7. Sample Consultations -->
3755    <div id="samples" class="dc-block reveal d-100 mb-5">
3756      <div class="di-section-kicker">Sample consultations</div>
3757      <h2 class="dc-h2">Five consultations, five structured records.</h2>
3758
3759      <div class="di-card mt-4" style="padding: 10px;">
3760        <div class="table-responsive">
3761          <table class="dc-table">
3762            <thead>
3763              <tr><th>Case</th><th>Language</th><th>Presentation</th><th>Structured output</th></tr>
3764            </thead>
3765            <tbody>
3766              <tr>
3767                <td><b>Mira, 35F</b></td><td>English</td>
3768                <td>Five-day persistent dry cough, mild fever, throat irritation, chest discomfort</td>
3769                <td>Acute bronchitis (J20.9) with pneumonia (J18.9) and acute tracheitis (J04.10) documented as
3770                considered and less likely; full medication, diagnostic and self-care plan</td>
3771              </tr>
3772              <tr>
3773                <td><b>Rohan, 40M</b></td><td>English</td>
3774                <td>One week of epigastric burning, bloating and early satiety after meals</td>
3775                <td>Acute gastritis (K29.10) with GERD, peptic ulcer disease and functional dyspepsia reasoned through;
3776                H. pylori testing, dietary modification and NSAID avoidance recorded</td>
3777              </tr>
3778              <tr>
3779                <td><b>Adult, fever</b></td><td>Hindi</td>
3780                <td>Two days of high fever, body ache and weakness, mild sore throat</td>
3781                <td>Viral fever assessment with four-drug plan, hydration guidance and rest advice fully structured from
3782                the Hindi consultation</td>
3783              </tr>
3784              <tr>
3785                <td><b>Adult, febrile illness</b></td><td>Telugu</td>
3786                <td>Three-day history of fever, myalgia, odynophagia, asthenia and anorexia</td>
3787                <td>Acute upper respiratory infection (J06.9) with pharyngitis and influenza considered; medications,
3788                supportive care and 3&ndash;4 day review criteria captured</td>
3789              </tr>
3790              <tr>
3791                <td><b>Adult, viral fever</b></td><td>English</td>
3792                <td>Two days of fever, body aches, headache and weakness</td>
3793                <td>Viral fever (B34.9) with common cold and influenza reasoned through; conditional testing criteria and
3794                ten-day monitoring plan documented</td>
3795              </tr>
3796            </tbody>
3797          </table>
3798        </div>
3799      </div>
3800      <p class="dc-note mt-3">
3801        <i class="fa-solid fa-circle-info"></i>
3802        Each sample shows the raw input conversation alongside the structured clinical record produced from it. Request
3803        the full sample pack during your demo.
3804      </p>
3805    </div>
3806
3807    <!-- 8. Key Benefits -->
3808    <div class="dc-block reveal d-100 mb-5">
3809      <div class="di-section-kicker">Key benefits</div>
3810      <h2 class="dc-h2">Why clinicians use DeepConverse.</h2>
3811
3812      <div class="di-grid di-grid--3 mt-4">
3813        <div class="di-card dc-icard">
3814          <span class="dc-ico"><i class="fa-solid fa-eye"></i></span>
3815          <h3>Eyes on the patient</h3>
3816          <p>No typing during the consultation. Rapport stays where it belongs.</p>
3817        </div>
3818        <div class="di-card dc-icard">
3819          <span class="dc-ico"><i class="fa-solid fa-language"></i></span>
3820          <h3>No language penalty</h3>
3821          <p>Consult in the patient's own language and still produce a standard English clinical record.</p>
3822        </div>
3823        <div class="di-card dc-icard">
3824          <span class="dc-ico"><i class="fa-solid fa-layer-group"></i></span>
3825          <h3>Consistent structure</h3>
3826          <p>Every note follows the same clinical framework, usable by colleagues and downstream systems.</p>
3827        </div>
3828        <div class="di-card dc-icard">
3829          <span class="dc-ico"><i class="fa-solid fa-hashtag"></i></span>
3830          <h3>Coded from the start</h3>
3831          <p>ICD-10 codes attached to conditions discussed, supporting coding, audit and reporting workflows.</p>
3832        </div>
3833        <div class="di-card dc-icard">
3834          <span class="dc-ico"><i class="fa-solid fa-user-clock"></i></span>
3835          <h3>Nothing lost between patients</h3>
3836          <p>The record is complete before the next patient enters the room.</p>
3837        </div>
3838        <div class="di-card dc-icard">
3839          <span class="dc-ico"><i class="fa-solid fa-pen-to-square"></i></span>
3840          <h3>Documentation you can amend</h3>
3841          <p>The draft is a starting point, not a finished note. Edit freely before approving.</p>
3842        </div>
3843      </div>
3844    </div>
3845
3846    <!-- 9 & 10. Who it's for + Integration -->
3847    <div class="dc-block reveal d-100 mb-5">
3848      <div class="di-grid di-grid--2">
3849        <div class="di-card">
3850          <div class="di-section-kicker">Who it's for</div>
3851          <h3>Built for consultation-heavy settings</h3>
3852          <ul class="di-checklist mt-3">
3853            <li><i class="fa-solid fa-circle-check"></i><span><b>Outpatient departments</b> &mdash; high throughput, minimal documentation time between encounters</span></li>
3854            <li><i class="fa-solid fa-circle-check"></i><span><b>General practice &amp; primary care</b> &mdash; complete, coded records without after-hours typing</span></li>
3855            <li><i class="fa-solid fa-circle-check"></i><span><b>Multi-specialty hospitals</b> &mdash; standardised note structure across every clinic</span></li>
3856            <li><i class="fa-solid fa-circle-check"></i><span><b>Government hospitals</b> &mdash; large volumes of regional-language consultations</span></li>
3857            <li><i class="fa-solid fa-circle-check"></i><span><b>Telemedicine services</b> &mdash; remote consultations documented as thoroughly as in-person</span></li>
3858            <li><i class="fa-solid fa-circle-check"></i><span><b>Specialist clinics</b> &mdash; complex histories captured in full detail during the encounter</span></li>
3859          </ul>
3860        </div>
3861        <div class="di-card">
3862          <div class="di-section-kicker">Integration &amp; availability</div>
3863          <h3>Works where your clinicians already work</h3>
3864          <ul class="di-checklist mt-3">
3865            <li><i class="fa-solid fa-database"></i><span><b>EHR / EMR</b> &mdash; approved notes written back to the patient record</span></li>
3866            <li><i class="fa-solid fa-hospital-user"></i><span><b>HIMS</b> &mdash; patient and encounter context populated automatically</span></li>
3867            <li><i class="fa-solid fa-file-word"></i><span><b>MS Word, OpenOffice, CKEditor</b> &mdash; export and edit in familiar tools</span></li>
3868            <li><i class="fa-solid fa-mobile-screen"></i><span><b>Desktop, mobile &amp; Chrome extension</b> &mdash; at the desk, on the ward, or on the move</span></li>
3869            <li><i class="fa-solid fa-gauge-high"></i><span><b>Dashboard</b> &mdash; every approved record stored for future reference and editing</span></li>
3870          </ul>
3871        </div>
3872      </div>
3873    </div>
3874
3875    <!-- 11. Clinical Safety & Governance -->
3876    <div class="dc-block reveal d-100 mb-5">
3877      <div class="di-section-kicker">Clinical safety &amp; governance</div>
3878      <h2 class="dc-h2">A documentation tool, reviewed and approved by the clinician.</h2>
3879      <p class="dc-lede">
3880        DeepConverse structures and records a consultation that has already taken place. It does not examine the
3881        patient, does not make a diagnosis, and does not prescribe.
3882      </p>
3883      <div class="di-card mt-4">
3884        <ul class="di-checklist">
3885          <li><i class="fa-solid fa-shield-halved"></i><span>Every record is issued as a <b>draft for clinician review, amendment and approval</b> &mdash; it does not enter the patient record until the treating clinician approves it.</span></li>
3886          <li><i class="fa-solid fa-shield-halved"></i><span>The differential diagnosis table reflects <b>conditions raised or reasoned through during the consultation</b>, presented for confirmation, editing or removal &mdash; it is not an independent diagnostic output.</span></li>
3887          <li><i class="fa-solid fa-shield-halved"></i><span>Medications, doses and investigations are transcribed <b>as prescribed by the clinician</b>, never suggested or altered.</span></li>
3888          <li><i class="fa-solid fa-shield-halved"></i><span>Explicit clinical negatives are preserved rather than discarded.</span></li>
3889          <li><i class="fa-solid fa-shield-halved"></i><span>Full audit trail of source input, generated draft, clinician edits and approval.</span></li>
3890          <li><i class="fa-solid fa-shield-halved"></i><span>Role-based access control with clinician-level attribution.</span></li>
3891        </ul>
3892        <div class="dc-certs">
3893          <span><i class="fa-solid fa-certificate"></i> EN 62304 Class A</span>
3894          <span><i class="fa-solid fa-certificate"></i> DCB0129 clinical risk management</span>
3895          <span><i class="fa-solid fa-certificate"></i> ISO 27001:2022</span>
3896          <span><i class="fa-solid fa-certificate"></i> ISO 9001:2015</span>
3897        </div>
3898      </div>
3899    </div>
3900
3901    <!-- 12. FAQ -->
3902    <div class="dc-block reveal d-100 mb-5">
3903      <div class="di-section-kicker">FAQ</div>
3904      <h2 class="dc-h2">Questions clinicians ask.</h2>
3905
3906      <div class="dc-faq mt-4">
3907        <details>
3908          <summary>Does DeepConverse diagnose the patient?</summary>
3909          <p>No. It records the clinical reasoning that took place during the consultation, including conditions the
3910          clinician considered and ruled out. The diagnosis is the clinician's, and the record is not valid until they
3911          approve it.</p>
3912        </details>
3913        <details>
3914          <summary>Where do the ICD-10 codes come from?</summary>
3915          <p>They are attached to conditions discussed in the consultation to support coding and audit workflows. The
3916          clinician confirms or amends them during review, exactly as they would with any coded record.</p>
3917        </details>
3918        <details>
3919          <summary>Can it handle code-switching between languages?</summary>
3920          <p>Yes. Real consultations move between a regional language and English, particularly for drug names, dosages
3921          and clinical terms. The sample Telugu and Hindi consultations both contain mixed-language speech and produce
3922          complete English records.</p>
3923        </details>
3924        <details>
3925          <summary>What if the consultation is incomplete or the patient is a poor historian?</summary>
3926          <p>DeepConverse records what was said. Where a standard section has nothing to draw on, it states that
3927          explicitly rather than inventing content &mdash; for instance, noting that no significant past medical history
3928          was reported during the encounter.</p>
3929        </details>
3930        <details>
3931          <summary>Does it work without live audio?</summary>
3932          <p>Yes. It accepts live speech, uploaded audio files and typed transcripts.</p>
3933        </details>
3934        <details>
3935          <summary>Can we match our hospital's note template?</summary>
3936          <p>Yes. Output structure is mapped to your institution's format during implementation.</p>
3937        </details>
3938        <details>
3939          <summary>Is patient consent required?</summary>
3940          <p>Recording a consultation requires appropriate patient consent under local law and your organisation's
3941          information governance policy. We support your consent workflow during implementation.</p>
3942        </details>
3943      </div>
3944    </div>
3945
3946    <!-- 13. Closing CTA + lead form -->
3947    <div class="dc-block reveal d-100 mb-4">
3948      <div class="di-section-kicker">Get started</div>
3949      <h2 class="dc-h2">See DeepConverse on a consultation of your own.</h2>
3950      <p class="dc-lede">Bring a typical encounter &mdash; in any language you consult in &mdash; and we will show you
3951      the record it produces.</p>
3952      <div class="dc-contact mt-3">
3953        <a href="/cdn-cgi/l/email-protection#a5c6cacbd1c4c6d1e5c1c0c0d5cccbc3cccbccd1dc8bc4cc"><i class="fa-solid fa-envelope"></i> <span class="__cf_email__" data-cfemail="91f2feffe5f0f2e5d1f5f4f4e1f8fff7f8fff8e5e8bff0f8">[email&#160;protected]</span></a>
3954        <a href="https://wa.me/918639451478" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> India +91 86394 51478</a>
3955        <a href="https://wa.me/447359359232" target="_blank" rel="noopener"><i class="fa-brands fa-whatsapp"></i> UK +44 7359 359232</a>
3956      </div>
3957    </div>
3958
3959    <div id="product-form" class="reveal d-200">
3960      <div class="di-form-card">
3961  <div class="di-section-kicker">Book a 15-minute demo</div>
3962  <h3>Tell us what you need</h3>
3963  <p>Tell us about your consultation and documentation workflow — in any language you consult in — and our team will follow up.</p>
3964
3965  
3966  
3967  <form action="https://deepinfinity.ai/contactus" method="POST" class="contact-forms mt-4">
3968    <input type="hidden" name="csrf_test_name" value="f027d90cea9eae365ec5d4ff525a76eb">    <input type="hidden" name="source" value="product_deep_converse">
3969
3970    <div class="row g-3">
3971      <div class="col-lg-12">
3972        <label class="form-label">Name</label>
3973        <input class="form-control" name="name" value="" placeholder="Name *" type="text" data-validetta="required">
3974      </div>
3975
3976      <div class="col-lg-6">
3977        <label class="form-label">Email</label>
3978        <input class="form-control" name="email" value="" placeholder="Email *" type="email" data-validetta="required,email">
3979      </div>
3980
3981      <div class="col-lg-6">
3982        <label class="form-label">Phone Number</label>
3983        <input type="hidden" name="country_code" value="+1">
3984        <input class="form-control" name="phone_number" value="" placeholder="Phone Number *" type="text" data-validetta="required,number">
3985      </div>
3986
3987      <div class="col-lg-12">
3988        <label class="form-label">Message</label>
3989        <textarea class="form-control" name="comments" rows="5" placeholder="Type your message here..." data-validetta="required"></textarea>
3990      </div>
3991
3992      <div class="col-lg-12 d-flex justify-content-between align-items-center flex-wrap gap-3 pt-2">
3993        <div class="alert-notification"><div id="message" class="alert-msg"></div></div>
3994        <button type="submit" class="nav-demo-btn seding_button">
3995          Send Message
3996          <i class="fa-solid fa-arrow-right"></i>
3997        </button>
3998      </div>
3999    </div>
4000  </form>
4001</div>
4002    </div>
4003
4004  </div>
4005</section>
4006
4007<style>
4008  /* DeepConverse AI — themed with the site design tokens (--di-*). */
4009  .di-page-hero h1 em { font-style: italic; color: var(--di-brand-a); font-weight: 700; }
4010
4011  /* Two-column hero */
4012  .dc-hero__panel {
4013    display: grid;
4014    grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
4015    gap: 40px;
4016    align-items: center;
4017  }
4018  .dc-hero__panel .di-page-hero__content { max-width: none; }
4019  .dc-subhead { font-size: 1.15rem !important; font-weight: 700; color: var(--di-ink) !important; margin-bottom: 14px; }
4020  .dc-trust {
4021    margin-top: 22px !important; font-size: 0.82rem !important; color: var(--di-ink-soft) !important;
4022    border-top: 1px solid rgba(22,33,77,.08); padding-top: 16px; max-width: none !important;
4023  }
4024
4025  .dc-hero-visual {
4026    position: relative; z-index: 1;
4027    background: rgba(255,255,255,.78);
4028    border: 1px solid rgba(22,33,77,.08);
4029    border-radius: 24px; box-shadow: var(--di-shadow);
4030    padding: 22px 22px 24px;
4031  }
4032  .dc-hv-head {
4033    display: flex; align-items: center; gap: 9px;
4034    font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
4035    color: var(--di-brand-a); margin-bottom: 14px;
4036  }
4037  .dc-hv-list { list-style: none; margin: 0; padding: 0; }
4038  .dc-hv-list li {
4039    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
4040    padding: 11px 0; border-bottom: 1px dashed rgba(22,33,77,.12);
4041    font-size: .9rem; font-weight: 600; color: var(--di-ink);
4042  }
4043  .dc-hv-list li:last-child { border-bottom: 0; }
4044  .dc-hv-list li span { flex: 1 1 auto; }
4045  .dc-hv-tag {
4046    font-style: normal; font-size: .62rem; font-weight: 800; letter-spacing: .04em;
4047    padding: 2px 8px; border-radius: 999px; text-transform: uppercase;
4048    background: rgba(91,67,243,.1); color: var(--di-brand-a);
4049  }
4050  .dc-hv-tag.pos { background: rgba(46,163,111,.14); color: #1f7a54; }
4051  .dc-hv-tag.neg { background: rgba(243,79,147,.12); color: var(--di-brand-b); }
4052  .dc-hv-tag.code { background: rgba(255,155,83,.16); color: #c9761b; }
4053
4054  /* Section headings */
4055  .dc-h2 {
4056    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
4057    font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.12; letter-spacing: -0.03em;
4058    color: var(--di-ink); margin: 4px 0 12px;
4059  }
4060  .dc-lede { color: var(--di-ink-soft); line-height: 1.8; max-width: 78ch; }
4061
4062  /* Icon cards (problem / benefits) */
4063  .dc-icard .dc-ico {
4064    display: inline-flex; align-items: center; justify-content: center;
4065    width: 46px; height: 46px; border-radius: 14px; margin-bottom: 14px;
4066    background: linear-gradient(135deg, rgba(91,67,243,.12), rgba(243,79,147,.12));
4067    color: var(--di-brand-a); font-size: 1.15rem;
4068  }
4069  .dc-icard h3 { font-size: 1.08rem !important; }
4070
4071  /* Callout / quote box */
4072  .dc-callout {
4073    position: relative; height: 100%;
4074    background: linear-gradient(135deg, rgba(91,67,243,.08), rgba(243,79,147,.07), rgba(255,155,83,.08));
4075    border: 1px solid rgba(22,33,77,.07); border-left: 4px solid var(--di-brand-a);
4076    border-radius: 22px; padding: 26px 28px;
4077  }
4078  .dc-callout > i { color: var(--di-brand-a); font-size: 1.3rem; margin-bottom: 10px; display: block; opacity: .8; }
4079  .dc-callout p { margin: 0; color: var(--di-ink-soft); line-height: 1.75; }
4080  .dc-callout strong { color: var(--di-ink); }
4081
4082  /* Compact checklist inside record cards */
4083  .dc-mini li { font-weight: 500 !important; font-size: .9rem; }
4084  .dc-mini i { color: var(--di-brand-a); width: 14px !important; }
4085
4086  .dc-note {
4087    display: flex; gap: 10px; align-items: flex-start;
4088    font-size: .88rem; color: var(--di-ink-soft); line-height: 1.7;
4089  }
4090  .dc-note i { color: var(--di-brand-a); margin-top: 3px; flex: 0 0 auto; }
4091
4092  /* Step cards */
4093  .dc-step { position: relative; padding-top: 30px; }
4094  .dc-step__num {
4095    position: absolute; top: -14px; left: 24px;
4096    width: 40px; height: 40px; border-radius: 12px;
4097    display: inline-flex; align-items: center; justify-content: center;
4098    background: var(--di-brand-a); color: #fff; font-weight: 800; font-size: 1.05rem;
4099    box-shadow: 0 10px 22px rgba(91,67,243,.28);
4100  }
4101  .dc-step h3 { font-size: 1.05rem !important; }
4102
4103  /* Samples table */
4104  .dc-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
4105  .dc-table th, .dc-table td {
4106    text-align: left; padding: 14px 16px; vertical-align: top;
4107    border-bottom: 1px solid rgba(22,33,77,.08);
4108  }
4109  .dc-table thead th {
4110    font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
4111    color: var(--di-brand-a); background: rgba(91,67,243,.04);
4112  }
4113  .dc-table tbody tr:last-child td { border-bottom: 0; }
4114  .dc-table tbody td { color: var(--di-ink-soft); line-height: 1.6; }
4115  .dc-table tbody td b { color: var(--di-ink); }
4116
4117  /* Certifications row */
4118  .dc-certs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(22,33,77,.08); }
4119  .dc-certs span {
4120    display: inline-flex; align-items: center; gap: 7px;
4121    font-size: .8rem; font-weight: 700; color: var(--di-ink);
4122    background: rgba(255,255,255,.7); border: 1px solid rgba(22,33,77,.1);
4123    border-radius: 999px; padding: 7px 14px;
4124  }
4125  .dc-certs i { color: var(--di-brand-c); }
4126
4127  /* FAQ accordion */
4128  .dc-faq details {
4129    background: rgba(255,255,255,.9); border: 1px solid rgba(22,33,77,.08);
4130    border-radius: 16px; padding: 4px 20px; margin-bottom: 12px;
4131  }
4132  .dc-faq summary {
4133    cursor: pointer; list-style: none; padding: 16px 30px 16px 0; position: relative;
4134    font-weight: 700; color: var(--di-ink); font-size: 1rem;
4135  }
4136  .dc-faq summary::-webkit-details-marker { display: none; }
4137  .dc-faq summary::after {
4138    content: '\002B'; position: absolute; right: 2px; top: 14px;
4139    font-size: 1.3rem; font-weight: 400; color: var(--di-brand-a); transition: transform .2s ease;
4140  }
4141  .dc-faq details[open] summary::after { content: '\2212'; }
4142  .dc-faq details p { margin: 0 0 16px; color: var(--di-ink-soft); line-height: 1.75; }
4143
4144  /* Contact links */
4145  .dc-contact { display: flex; flex-wrap: wrap; gap: 12px 22px; }
4146  .dc-contact a {
4147    display: inline-flex; align-items: center; gap: 8px;
4148    font-weight: 600; color: var(--di-ink); text-decoration: none;
4149  }
4150  .dc-contact a:hover { color: var(--di-brand-a); }
4151  .dc-contact i { color: var(--di-brand-a); }
4152
4153  @media (max-width: 991.98px) {
4154    .dc-hero__panel { grid-template-columns: 1fr; gap: 28px; }
4155  }
4156</style>
4157<style>
4158.di-footer-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;}
4159.di-footer-qr-wrap img{width:72px;height:72px;object-fit:contain;background:#fff;padding:3px;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:transform .2s,box-shadow .2s;cursor:zoom-in;}
4160.di-footer-qr-wrap img:hover{transform:scale(2.6);transform-origin:top center;box-shadow:0 8px 32px rgba(0,0,0,.45);z-index:10;cursor:zoom-out;}
4161.di-footer-qr-wrap span{font-size:.68rem;color:#0b2f6b;text-align:center;line-height:1.3;font-weight:700;}
4162.di-footer-qr-wrap span a{color:#0b2f6b;text-decoration:none;font-weight:700;}
4163.di-footer-qr-wrap span a:hover{color:#fff;text-decoration:underline;}
4164</style>
4165<footer class="di-footer">
4166  <div class="container">
4167    <div class="row g-4 align-items-start">
4168      <div class="col-lg-3 col-md-6">
4169        <div class="di-footer-brand">
4170          <img src="https://deepinfinity.ai/assets/img/logo_new.png" alt="DeepInfinity" />
4171          <p>AI-powered clinical documentation and imaging intelligence for healthcare teams.</p>
4172
4173          <div class="di-footer-socials">
4174            <a href="https://www.linkedin.com/company/deepinfinity-ai/" target="_blank" aria-label="LinkedIn" onclick="userMenuActivityFooter(event,this.href,25)"><i class="fa-brands fa-linkedin-in"></i></a>
4175            <a href="https://twitter.com/DeepInfinityAI" target="_blank" aria-label="X" onclick="userMenuActivityFooter(event,this.href,24)"><i class="fa-brands fa-x-twitter"></i></a>
4176            <a href="https://www.youtube.com/@DeepInfinityai" target="_blank" aria-label="YouTube" onclick="userMenuActivityFooter(event,this.href,26)"><i class="fa-brands fa-youtube"></i></a>
4177            <a href="https://www.instagram.com/deepinfinity.ai/" target="_blank" aria-label="Instagram" onclick="userMenuActivityFooter(event,this.href,27)"><i class="fa-brands fa-instagram"></i></a>
4178          </div>
4179        </div>
4180      </div>
4181
4182      <div class="col-lg-2 col-md-6">
4183        <h5>Useful Links</h5>
4184        <a href="https://deepinfinity.ai/" onclick="userMenuActivityFooter(event,this.href,1)">Overview</a><br />
4185        <a href="https://deepinfinity.ai/aboutus" onclick="userMenuActivityFooter(event,this.href,2)">About Us</a><br />
4186        <a href="https://deepinfinity.ai/pricing" onclick="userMenuActivityFooter(event,this.href,3)">Pricing</a><br />
4187        <a href="https://deepinfinity.ai/contactus" onclick="userMenuActivityFooter(event,this.href,10)">Contact Us</a>
4188      </div>
4189
4190      <div class="col-lg-2 col-md-6">
4191        <h5>Products</h5>
4192        <a href="https://deepinfinity.ai/products-ai-radiology" onclick="userMenuActivityFooter(event,this.href,4)">DeepScribe AI</a><br />
4193        <a href="https://deepinfinity.ai/products-chest-ngtube" onclick="userMenuActivityFooter(event,this.href,5)">DeepConverse AI</a><br />
4194        <a href="https://deepinfinity.ai/products-chest-ai" onclick="userMenuActivityFooter(event,this.href,6)">DeepScan AI</a><br />
4195        <a href="https://deepinfinity.ai/products-api" onclick="userMenuActivityFooter(event,this.href,16)">APIs</a>
4196      </div>
4197
4198
4199      <div class="col-lg-3 col-md-12">
4200        <h5>Contact Info</h5>
4201        <p>Email: <a href="/cdn-cgi/l/email-protection#573438392336342317333232273e39313e393e232e79363e"><span class="__cf_email__" data-cfemail="97f4f8f9e3f6f4e3d7f3f2f2e7fef9f1fef9fee3eeb9f6fe">[email&#160;protected]</span></a></p>
4202
4203        <div class="di-footer-wa" style="display:flex;gap:12px;align-items:flex-start;margin-bottom:.75rem;">
4204          <div class="di-footer-qr-wrap">
4205            <img src="https://deepinfinity.ai/assets/img/qr-uk-whatsapp.jpeg" alt="UK WhatsApp QR" />
4206            <span>🌍 UK</span>
4207            <span><a href="tel:+447359359232" style="font-size:.7rem;">+44 7359 359232</a></span>
4208          </div>
4209          <div class="di-footer-qr-wrap">
4210            <img src="https://deepinfinity.ai/assets/img/qr-india-whatsapp.jpeg" alt="India WhatsApp QR" />
4211            <span>🌏 India</span>
4212            <span><a href="tel:+918639451478" style="font-size:.7rem;">+91 86394 51478</a></span>
4213          </div>
4214          <div class="di-footer-qr-wrap">
4215            <img src="https://deepinfinity.ai/assets/img/qr-demo-booking.jpeg" alt="Book a Demo QR" />
4216            <span>📅 Book Demo</span>
4217            <span style="font-size:.65rem;">Scan to schedule</span>
4218          </div>
4219        </div>
4220
4221        <form class="di-newsletter" action="#" method="post">
4222          <input type="email" name="email" placeholder="Enter your email" aria-label="Email address" />
4223          <button type="submit" aria-label="Submit email"><i class="fa-solid fa-arrow-right"></i></button>
4224        </form>
4225      </div>
4226    </div>
4227
4228    <div class="di-footer-bottom d-flex flex-column flex-lg-row justify-content-between align-items-center gap-2">
4229      <div>© Copyright 2026. All Rights Reserved by DeepInfinity.</div>
4230      <div class="d-flex gap-3 flex-wrap justify-content-center">
4231        <a href="https://deepinfinity.ai/privacy-page" onclick="userMenuActivityFooter(event,this.href,0)">Privacy Policy</a>
4232        <a href="https://deepinfinity.ai/terms-page" onclick="userMenuActivityFooter(event,this.href,0)">Terms of Service</a>
4233        <a href="https://deepinfinity.ai/data-protection" onclick="userMenuActivityFooter(event,this.href,0)">Data Protection</a>
4234        <a href="https://deepinfinity.ai/regulatory" onclick="userMenuActivityFooter(event,this.href,0)">Regulatory &amp; Clinical Safety</a>
4235        <a href="https://deepinfinity.ai/accessibility" onclick="userMenuActivityFooter(event,this.href,0)">Accessibility</a>
4236        <a href="https://deepinfinity.ai/carbon-reduction-plan" onclick="userMenuActivityFooter(event,this.href,0)">Carbon Reduction Plan</a>
4237        <a href="javascript:void(0)" onclick="openCookieSettings()">Cookies Settings</a>
4238      </div>
4239    </div>
4240  </div>
4241</footer>
4242
4243<div id="cookie-banner">
4244  <p>
4245    We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic.
4246    By clicking <strong>Accept All</strong>, you consent to our use of cookies.
4247    <a href="https://deepinfinity.ai/privacy-page#cookies" style="color:#ffdca3;text-decoration:underline;">Learn more</a>.
4248  </p>
4249  <div class="d-flex gap-2 flex-wrap">
4250    <button class="btn btn-sm btn-light" onclick="acceptAllCookies()">Accept All</button>
4251    <button class="btn btn-sm btn-outline-light" onclick="rejectNonEssentialCookies()">Reject Non-Essential</button>
4252    <button class="btn btn-sm btn-outline-light" onclick="openCookieSettings()">Manage</button>
4253  </div>
4254</div>
4255
4256<div id="cookie-settings-modal">
4257  <div id="cookie-settings-content">
4258    <button class="close-btn" onclick="closeCookieSettings()" title="Close">&times;</button>
4259    <h2>Manage Cookie Preferences</h2>
4260
4261    <form id="cookie-settings-form">
4262      <div class="cookie-setting-row disabled">
4263        <span class="cookie-setting-label">Essential Cookies (Required)</span>
4264        <label class="switch">
4265          <input type="checkbox" checked disabled />
4266          <span class="slider"></span>
4267        </label>
4268      </div>
4269
4270      <div class="cookie-setting-row">
4271        <span class="cookie-setting-label">Performance Cookies</span>
4272        <label class="switch">
4273          <input type="checkbox" id="performance-cookies" />
4274          <span class="slider"></span>
4275        </label>
4276      </div>
4277
4278      <div class="cookie-setting-row">
4279        <span class="cookie-setting-label">Functional Cookies</span>
4280        <label class="switch">
4281          <input type="checkbox" id="functional-cookies" />
4282          <span class="slider"></span>
4283        </label>
4284      </div>
4285
4286      <button type="submit">Save Preferences</button>
4287    </form>
4288  </div>
4289</div>
4290
4291<span class="cookie-footer-link" onclick="openCookieSettings()" title="Manage Cookie Preferences">
4292  <i class="fas fa-cookie"></i>
4293</span>
vendor: 109 bytes, lines 4293-4294
4293
4294<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4294<script src="https://deepinfinity.ai/assets/js/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 4294
4294
4295<script src="https://deepinfinity.ai/assets/js/jquery-migrate-3.5.2.min.js"></script>
4295
4296<!-- Bootstrap bundle (includes Popper); standalone Popper v1 no longer needed -->
4297<script src="https://deepinfinity.ai/assets/js/bootstrap.min.js?v=5.3.3"></script>
vendor: 1 bytes, line 4297
4297
4298<script src="https://deepinfinity.ai/assets/js/equal-height.min.js"></script>
vendor: 1 bytes, line 4298
4298
4299<script src="https://deepinfinity.ai/assets/js/jquery.appear.js"></script>
vendor: 1 bytes, line 4299
4299
4300<script src="https://deepinfinity.ai/assets/js/jquery.easing.min.js"></script>
vendor: 1 bytes, line 4300
4300
4301<script src="https://deepinfinity.ai/assets/js/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 4301
4301
4302<script src="https://deepinfinity.ai/assets/js/modernizr.custom.13711.js"></script>
vendor: 1 bytes, line 4302
4302
4303<script src="https://deepinfinity.ai/assets/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 4303
4303
4304<script src="https://deepinfinity.ai/assets/js/wow.min.js"></script>
vendor: 1 bytes, line 4304
4304
4305<script src="https://deepinfinity.ai/assets/js/progress-bar.min.js"></script>
vendor: 1 bytes, line 4305
4305
4306<script src="https://deepinfinity.ai/assets/js/isotope.pkgd.min.js"></script>
vendor: 1 bytes, line 4306
4306
4307<script src="https://deepinfinity.ai/assets/js/imagesloaded.pkgd.min.js"></script>
vendor: 1 bytes, line 4307
4307
4308<script src="https://deepinfinity.ai/assets/js/count-to.js"></script>
vendor: 1 bytes, line 4308
4308
4309<script src="https://deepinfinity.ai/assets/js/YTPlayer.min.js"></script>
vendor: 1 bytes, line 4309
4309
4310<script src="https://deepinfinity.ai/assets/js/circle-progress.js"></script>
vendor: 1 bytes, line 4310
4310
4311<script src="https://deepinfinity.ai/assets/js/bootsnav.js"></script>
vendor: 1 bytes, line 4311
4311
4312<script src="https://deepinfinity.ai/assets/js/main.js"></script>
vendor: 1 bytes, line 4312
4312
4313<script>
4314  function userMenuActivityFooter(event, href, id){
4315    sendUserMenuActivity(event, href, id);
4316  }
4317
4318  function userMenuActivity(event, href, id){
4319    sendUserMenuActivity(event, href, id);
4320  }
4321
4322  function sendUserMenuActivity(event, href, id, menuName) {
4323    if (event) {
4324      if (event.__menuActivitySent) {
4325        return;
4326      }
4327      event.__menuActivitySent = true;
4328    }
4329
4330    const source = event && event.target && event.target.closest
4331      ? event.target.closest('a[href], button, [role="button"], .lp-yt-card, .lp-pdf-card, .di-product-pdf-thumb')
4332      : (event && event.currentTarget ? event.currentTarget : null);
4333    const data = new URLSearchParams({
4334      action: 'menu_activity',
4335      menu_item: id || 0,
4336      menu_url: href || '',
4337      page_url: window.location.href,
4338      menu_name: menuName || (source ? source.textContent.trim() : '')
4339    });
4340
4341    if (navigator.sendBeacon) {
4342      navigator.sendBeacon("https://deepinfinity.ai/menu-activity", data);
4343      return;
4344    }
4345
4346    fetch("https://deepinfinity.ai/menu-activity", {
4347      method: 'POST',
4348      body: data,
4349      keepalive: true,
4350      credentials: 'same-origin'
4351    }).catch(function () {});
4352  }
4353  window.sendUserMenuActivity = sendUserMenuActivity;
4354
4355  function isTrackableHref(href) {
4356    return href !== '' && href !== '#' && !href.startsWith('javascript:');
4357  }
4358
4359  function youtubeUrlFromCard(card) {
4360    const link = card.querySelector('a[href*="youtube.com"], a[href*="youtu.be"]');
4361    if (link) {
4362      return link.href;
4363    }
4364
4365    const onclick = card.getAttribute('onclick') || '';
4366    const match = onclick.match(/https?:\/\/[^'"]*(?:youtube\.com|youtu\.be)[^'"]*/i);
4367
4368    return match ? match[0] : '';
4369  }
4370
4371  document.addEventListener('click', function (event) {
4372    if (event.__menuActivitySent || !event.target.closest) {
4373      return;
4374    }
4375
4376    const link = event.target.closest('a[href]');
4377
4378    if (link) {
4379      const href = link.getAttribute('href') || '';
4380
4381      if (!isTrackableHref(href)) {
4382        return;
4383      }
4384
4385      sendUserMenuActivity(event, link.href, 0);
4386      return;
4387    }
4388
4389    const youtubeCard = event.target.closest('.lp-yt-card');
4390
4391    if (!youtubeCard) {
4392      return;
4393    }
4394
4395    const youtubeUrl = youtubeUrlFromCard(youtubeCard);
4396    if (!youtubeUrl) {
4397      return;
4398    }
4399
4400    const title = youtubeCard.querySelector('h4') ? youtubeCard.querySelector('h4').textContent.trim() : 'YouTube Video';
4401    sendUserMenuActivity(event, youtubeUrl, 0, 'YouTube Video - ' + title);
4402  });
4403
4404  document.addEventListener('pointerdown', function (event) {
4405    if (event.__menuActivitySent || !event.target.matches) {
4406      return;
4407    }
4408
4409    if (!event.target.matches('iframe[src*="youtube.com"], iframe[src*="youtu.be"], iframe[src*="youtube-nocookie.com"], iframe[src*="player.vimeo.com"]')) {
4410      return;
4411    }
4412
4413    const isVimeo = event.target.src.includes('player.vimeo.com');
4414    const title = event.target.getAttribute('title') || (isVimeo ? 'Vimeo Video' : 'YouTube Video');
4415    sendUserMenuActivity(event, event.target.src, 0, (isVimeo ? 'Vimeo Video - ' : 'YouTube Video - ') + title);
4416  });
4417
4418  // Auto page-view beacon — fires on every page load regardless of how user arrived
4419  (function () {
4420    var pageUrl  = window.location.href;
4421    var referrer = document.referrer || '';
4422    var data = new URLSearchParams({
4423      action:    'page_view',
4424      menu_url:  pageUrl,
4425      page_url:  referrer || pageUrl,
4426      menu_name: document.title || ''
4427    });
4428    if (navigator.sendBeacon) {
4429      navigator.sendBeacon("https://deepinfinity.ai/menu-activity", data);
4430    } else {
4431      fetch("https://deepinfinity.ai/menu-activity", {
4432        method: 'POST',
4433        body: data,
4434        keepalive: true,
4435        credentials: 'same-origin'
4436      }).catch(function () {});
4437    }
4438  }());
4439
4440  (function () {
4441    const nav = document.querySelector('.glass-nav');
4442    if (!nav) return;
4443    const onScroll = () => {
4444      if (window.scrollY > 8) nav.classList.add('is-scrolled');
4445      else nav.classList.remove('is-scrolled');
4446    };
4447    onScroll();
4448    window.addEventListener('scroll', onScroll, { passive: true });
4449  })();
4450
4451  (function () {
4452    const els = Array.from(document.querySelectorAll('.reveal'));
4453    if (!els.length) return;
4454    const io = new IntersectionObserver((entries, obs) => {
4455      entries.forEach(e => {
4456        if (e.isIntersecting) {
4457          e.target.classList.add('is-visible');
4458          obs.unobserve(e.target);
4459        }
4460      });
4461    }, { threshold: 0.14, rootMargin: '0px 0px -8% 0px' });
4462    els.forEach(el => io.observe(el));
4463  })();
4464
4465  (function () {
4466    const modal = document.getElementById('videoModal');
4467    const frame = document.getElementById('videoFrame');
4468    if (!modal || !frame) return;
4469
4470    modal.addEventListener('show.bs.modal', function (event) {
4471      const trigger = event.relatedTarget;
4472      const url = trigger && trigger.getAttribute('data-video');
4473      if (url) frame.src = url + (url.includes('?') ? '&' : '?') + 'autoplay=1';
4474    });
4475    modal.addEventListener('hidden.bs.modal', function () {
4476      frame.src = '';
4477    });
4478  })();
4479
4480  function setCookie(name, value, days) {
4481    let expires = "";
4482    if (days) {
4483      const date = new Date();
4484      date.setTime(date.getTime() + (days*24*60*60*1000));
4485      expires = "; expires=" + date.toUTCString();
4486    }
4487    document.cookie = name + "=" + (value || "") + expires + "; path=/";
4488  }
4489
4490  function getCookie(name) {
4491    const nameEQ = name + "=";
4492    const ca = document.cookie.split(';');
4493    for (let i=0; i<ca.length; i++) {
4494      let c = ca[i];
4495      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
4496      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
4497    }
4498    return null;
4499  }
4500
4501  function checkCookieConsent() {
4502    const consent = getCookie('cookieConsent');
4503    const banner = document.getElementById('cookie-banner');
4504    const footerLink = document.querySelector('.cookie-footer-link');
4505
4506    if (!consent) {
4507      banner.style.display = 'flex';
4508      footerLink.style.display = 'none';
4509    } else {
4510      banner.style.display = 'none';
4511      footerLink.style.display = 'inline-flex';
4512    }
4513  }
4514
4515  function acceptAllCookies() {
4516    setCookie('cookieConsent', JSON.stringify({ performance: true, functional: true }), 180);
4517    checkCookieConsent();
4518    closeCookieSettings();
4519  }
4520
4521  function rejectNonEssentialCookies() {
4522    setCookie('cookieConsent', JSON.stringify({ performance: false, functional: false }), 180);
4523    checkCookieConsent();
4524    closeCookieSettings();
4525  }
4526
4527  function openCookieSettings() {
4528    const consent = getCookie('cookieConsent');
4529    let prefs = { performance: false, functional: false };
4530    if (consent) { try { prefs = JSON.parse(consent); } catch(e){} }
4531
4532    document.getElementById('performance-cookies').checked = !!prefs.performance;
4533    document.getElementById('functional-cookies').checked = !!prefs.functional;
4534    document.getElementById('cookie-settings-modal').style.display = 'flex';
4535    document.body.style.overflow = 'hidden';
4536  }
4537
4538  function closeCookieSettings() {
4539    document.getElementById('cookie-settings-modal').style.display = 'none';
4540    document.body.style.overflow = '';
4541  }
4542
4543  function moveLiveChatButtonLeft() {
4544    const selectors = [
4545      'iframe[src*="superagi"]',
4546      'iframe[src*="livechat"]',
4547      '[id*="superagi" i]',
4548      '[class*="superagi" i]',
4549      '[id*="livechat" i]',
4550      '[class*="livechat" i]'
4551    ];
4552
4553    document.querySelectorAll(selectors.join(',')).forEach(function (el) {
4554      if (el.closest('#cookie-banner, #cookie-settings-modal, .cookie-footer-link')) {
4555        return;
4556      }
4557
4558      const style = window.getComputedStyle(el);
4559      if (style.position === 'fixed' || el.tagName === 'IFRAME') {
4560        el.style.setProperty('right', 'auto', 'important');
4561        el.style.setProperty('left', '18px', 'important');
4562        el.style.setProperty('z-index', '2147482998', 'important');
4563      }
4564    });
4565  }
4566
4567  document.getElementById('cookie-settings-form').addEventListener('submit', function(e) {
4568    e.preventDefault();
4569    const performance = document.getElementById('performance-cookies').checked;
4570    const functional = document.getElementById('functional-cookies').checked;
4571    setCookie('cookieConsent', JSON.stringify({ performance, functional }), 180);
4572    checkCookieConsent();
4573    closeCookieSettings();
4574  });
4575
4576  document.getElementById('cookie-settings-modal').addEventListener('click', function(e) {
4577    if (e.target === this) closeCookieSettings();
4578  });
4579
4580  window.addEventListener('load', function() {
4581    const p = document.getElementById('preloader');
4582    if (p) {
4583      p.classList.add('hide');
4584      setTimeout(() => p.remove(), 400);
4585    }
4586    checkCookieConsent();
4587    moveLiveChatButtonLeft();
4588    setTimeout(moveLiveChatButtonLeft, 1200);
4589    setTimeout(moveLiveChatButtonLeft, 3000);
4590  });
4591</script>
vendor: 1 bytes, line 4591
4591
4592<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"fec0a39c23104930a5f27f36135404f2","r":1,"spa":2}' crossorigin="anonymous"></script>
4592
4593</body>
4594</html>
4595<script>
4596  setTimeout(function () {
4597    const p = document.getElementById('preloader');
4598    if (p) p.style.display = 'none';
4599  }, 1500);
4600</script>
vendor: 1 bytes, line 4600
4600
4601<script>
4602  function hidePreloader() {
4603    const p = document.getElementById('preloader');
4604    if (p) {
4605      p.classList.add('hide');
4606      setTimeout(function () {
4607        if (p.parentNode) p.parentNode.removeChild(p);
4608      }, 400);
4609    }
4610  }
4611
4612  window.addEventListener('load', function () {
4613    hidePreloader();
4614    try {
4615      checkCookieConsent();
4616    } catch (e) {
4617      console.log('Cookie init skipped', e);
4618    }
4619  });
4620
4621  document.addEventListener('DOMContentLoaded', function () {
4622    setTimeout(hidePreloader, 1500);
4623  });
4624
4625  setTimeout(hidePreloader, 4000);
4626</script>
vendor: 1 bytes, line 4626
4626

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.