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 & 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 & 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 — 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 & 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 · 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 — chief complaint, history of present illness, past history, 3556 assessment and plan — 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 · English clinical output · Word and PDF export · 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 · 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 · Ix · 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–patient encounter — or accepts a typed or uploaded 3629 transcript — 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 — "no vomiting", "no weight loss", "no known drug allergies" — 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 · Chief Complaint</div> 3656 <p>The presenting problem in one clear line, with duration — 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 · Subjective — 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> — when symptoms began</span></li> 3664 <li><i class="fa-solid fa-angle-right"></i><span><b>Character</b> — how it is described</span></li> 3665 <li><i class="fa-solid fa-angle-right"></i><span><b>Duration</b> & <b>Radiation</b></span></li> 3666 <li><i class="fa-solid fa-angle-right"></i><span><b>Associated symptoms</b> — positive & negative</span></li> 3667 </ul> 3668 </div> 3669 <div class="di-card"> 3670 <div class="di-section-kicker">03 · Past History</div> 3671 <p>Past medical history, medications already taken, known allergies and relevant social history — 3672 including explicit statements where nothing significant was reported.</p> 3673 </div> 3674 <div class="di-card"> 3675 <div class="di-section-kicker">04 · 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 — 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 · 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 · 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> — drug, dose, route, frequency, duration</span></li> 3688 <li><i class="fa-solid fa-angle-right"></i><span><b>Investigations</b> — tests ordered</span></li> 3689 <li><i class="fa-solid fa-angle-right"></i><span><b>Lifestyle & self-care</b></span></li> 3690 <li><i class="fa-solid fa-angle-right"></i><span><b>Follow-up</b> — 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–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 — 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–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 — 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 — 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–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> — high throughput, minimal documentation time between encounters</span></li> 3854 <li><i class="fa-solid fa-circle-check"></i><span><b>General practice & primary care</b> — 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> — standardised note structure across every clinic</span></li> 3856 <li><i class="fa-solid fa-circle-check"></i><span><b>Government hospitals</b> — large volumes of regional-language consultations</span></li> 3857 <li><i class="fa-solid fa-circle-check"></i><span><b>Telemedicine services</b> — 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> — 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 & 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> — approved notes written back to the patient record</span></li> 3866 <li><i class="fa-solid fa-hospital-user"></i><span><b>HIMS</b> — 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> — export and edit in familiar tools</span></li> 3868 <li><i class="fa-solid fa-mobile-screen"></i><span><b>Desktop, mobile & Chrome extension</b> — 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> — 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 & 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> — 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 — 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 — 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 — in any language you consult in — 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 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 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 & 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">×</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.