1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <meta name="csrf-token" content="lKczNjPewq5vNHDL7aH2dZqqOzJPLHkLsmlELwtB"> 8 <title>AMS - Prudens AI</title> 9 <meta name="description" content="Prudens AI helps modern insurance agencies automate quoting, servicing, and client workflows with intelligent AI tools."> 10 <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1"> 11 <link rel="canonical" href="https://getprudens.ai/features/ams"> 12 <meta property="og:type" content="website"> 13 <meta property="og:title" content="AMS - Prudens AI"> 14 <meta property="og:description" content="Prudens AI helps modern insurance agencies automate quoting, servicing, and client workflows with intelligent AI tools."> 15 <meta property="og:url" content="https://getprudens.ai/features/ams"> 16 <meta property="og:image" content="https://getprudens.ai/prudens/favicon.png"> 17 <meta property="og:site_name" content="Prudens AI"> 18 <meta name="twitter:card" content="summary_large_image"> 19 <meta name="twitter:title" content="AMS - Prudens AI"> 20 <meta name="twitter:description" content="Prudens AI helps modern insurance agencies automate quoting, servicing, and client workflows with intelligent AI tools."> 21 <meta name="twitter:image" content="https://getprudens.ai/prudens/favicon.png"> 22 <link rel="icon" type="image/png" href="https://getprudens.ai/prudens/favicon.png"> 23 <link rel="apple-touch-icon" href="https://getprudens.ai/prudens/favicon.png"> 24 25 <!-- Resource Hints --> 26 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 27 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 28 29 <!-- Bootstrap CSS --> 30 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 31 32 <!-- Google Fonts --> 33 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 34 <noscript> 35 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 36 </noscript> 37 38 <!-- Font Awesome --> 39 <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 40 <noscript> 41 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 42 </noscript> 43 44 <style> 45 @font-face { 46 font-family: 'Font Awesome 6 Free'; 47 font-style: normal; 48 font-weight: 900; 49 font-display: swap; 50 src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2') format('woff2'); 51 } 52 53 @font-face { 54 font-family: 'Font Awesome 6 Brands'; 55 font-style: normal; 56 font-weight: 400; 57 font-display: swap; 58 src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2') format('woff2'); 59 } 60 61 :root { 62 /* Prudens AI color scheme - professional insurance tech */ 63 --primary-blue: #1E3A5F; 64 --accent-blue: #3B82F6; 65 --accent-teal: #0891B2; 66 --dark-navy: #0F172A; 67 --light-blue: #EFF6FF; 68 --accent-green: #10B981; 69 --accent-purple: #7C3AED; 70 --text-dark: #1E293B; 71 --text-light: #64748B; 72 --background-light: #F8FAFC; 73 --white: #FFFFFF; 74 --border-color: #E2E8F0; 75 } 76 77 * { 78 margin: 0; 79 padding: 0; 80 box-sizing: border-box; 81 } 82 83 body { 84 font-family: 'Inter', sans-serif; 85 color: var(--text-dark); 86 line-height: 1.6; 87 background: var(--white); 88 } 89 90 /* Main Navbar */ 91 .main-navbar { 92 position: fixed; 93 top: 0; 94 left: 0; 95 right: 0; 96 padding: 1rem 0; 97 z-index: 1000; 98 background: var(--white); 99 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 100 transition: all 0.3s ease; 101 } 102 103 .main-navbar.scrolled { 104 padding: 0.75rem 0; 105 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 106 } 107 108 .navbar-brand { 109 font-size: 1.5rem; 110 font-weight: 800; 111 color: var(--primary-blue) !important; 112 letter-spacing: 1px; 113 display: inline-flex; 114 align-items: center; 115 gap: 0.6rem; 116 text-decoration: none; 117 } 118 119 .navbar-brand span { 120 display: block; 121 font-size: 0.65rem; 122 letter-spacing: 4px; 123 margin-top: 0.25rem; 124 } 125 126 .navbar-brand-logo { 127 height: 45px; 128 width: auto; 129 display: block; 130 } 131 132 .primary-nav { 133 display: flex; 134 align-items: center; 135 justify-content: center; 136 gap: 0.5rem; 137 } 138 139 .nav-item { 140 position: relative; 141 } 142 143 .nav-link { 144 color: var(--text-dark) !important; 145 font-weight: 500; 146 font-size: 0.9rem; 147 letter-spacing: 0.5px; 148 position: relative; 149 padding: 0.5rem 1rem; 150 text-decoration: none; 151 transition: color 0.2s ease; 152 } 153 154 .nav-link .chevron { 155 font-size: 0.65rem; 156 margin-left: 0.35rem; 157 transition: transform 0.2s ease; 158 } 159 160 .nav-item:hover .nav-link .chevron { 161 transform: rotate(180deg); 162 } 163 164 .nav-link:hover { 165 color: var(--accent-blue) !important; 166 } 167 168 /* Dropdown Menus */ 169 .dropdown-menu { 170 display: none; 171 position: absolute; 172 top: 100%; 173 left: 0; 174 background: var(--white); 175 min-width: 280px; 176 border-radius: 12px; 177 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); 178 padding: 1rem 0; 179 z-index: 1001; 180 border: 1px solid var(--border-color); 181 } 182 183 .nav-item:hover .dropdown-menu { 184 display: block; 185 } 186 187 .dropdown-menu a { 188 display: block; 189 padding: 0.75rem 1.5rem; 190 color: var(--text-dark); 191 text-decoration: none; 192 font-size: 0.9rem; 193 font-weight: 500; 194 transition: all 0.2s ease; 195 } 196 197 .dropdown-menu a:hover { 198 background: var(--light-blue); 199 color: var(--accent-blue); 200 } 201 202 .dropdown-menu a i { 203 margin-right: 0.75rem;
204 width: 20px; 205 color: var(--accent-blue); 206 } 207 208 .dropdown-group { 209 position: relative; 210 } 211 212 .dropdown-group-toggle { 213 width: 100%; 214 border: 0; 215 background: transparent; 216 display: flex; 217 align-items: center; 218 justify-content: space-between; 219 padding: 0.75rem 1.5rem; 220 color: var(--text-dark); 221 font-size: 0.9rem; 222 font-weight: 500; 223 text-align: left; 224 cursor: default; 225 } 226 227 .dropdown-group-toggle .toggle-label { 228 display: inline-flex; 229 align-items: center; 230 gap: 0.75rem; 231 } 232 233 .dropdown-group-toggle .toggle-label i { 234 width: 20px; 235 color: var(--accent-blue); 236 } 237 238 .dropdown-group-toggle .submenu-chevron { 239 font-size: 0.7rem; 240 color: #64748b; 241 transition: transform 0.2s ease; 242 } 243 244 .dropdown-group:hover .dropdown-group-toggle { 245 background: var(--light-blue); 246 color: var(--accent-blue); 247 } 248 249 .dropdown-group:hover .submenu-chevron { 250 transform: translateX(2px); 251 color: var(--accent-blue); 252 } 253 254 .dropdown-submenu { 255 display: none; 256 position: absolute; 257 top: -0.6rem; 258 left: calc(100% - 8px); 259 min-width: 260px; 260 background: var(--white); 261 border: 1px solid var(--border-color); 262 border-radius: 12px; 263 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); 264 padding: 0.55rem 0; 265 z-index: 1002; 266 } 267 268 .dropdown-group:hover .dropdown-submenu { 269 display: block; 270 } 271 272 .dropdown-submenu a { 273 padding: 0.65rem 1.1rem; 274 } 275 276 .dropdown-submenu a i { 277 width: 18px; 278 margin-right: 0.6rem; 279 } 280 281 .nav-actions { 282 display: flex; 283 justify-content: flex-end; 284 align-items: center; 285 gap: 1rem; 286 } 287 288 .btn-nav-support { 289 display: inline-flex; 290 align-items: center; 291 justify-content: center; 292 width: 42px; 293 height: 42px; 294 border: 1px solid rgba(8, 145, 178, 0.18); 295 border-radius: 999px; 296 background: rgba(8, 145, 178, 0.08); 297 color: var(--primary-blue); 298 font-weight: 700; 299 font-size: 0.9rem; 300 text-decoration: none; 301 transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; 302 } 303 304 .btn-nav-support:hover { 305 background: rgba(8, 145, 178, 0.14); 306 color: var(--accent-blue); 307 transform: translateY(-1px); 308 } 309 310 .btn-nav-support i { 311 font-size: 1rem; 312 } 313 314 .btn-nav-support span { 315 display: none; 316 } 317 318 .chat-fab { 319 position: fixed; 320 right: 24px; 321 bottom: 24px; 322 z-index: 1050; 323 display: inline-flex; 324 align-items: center; 325 gap: 0.7rem; 326 padding: 0.95rem 1.15rem; 327 border: 0; 328 border-radius: 999px; 329 background: #050816; 330 color: var(--white); 331 text-decoration: none; 332 font-weight: 700; 333 letter-spacing: 0.02em; 334 box-shadow: 0 20px 55px rgba(2, 6, 23, 0.45); 335 transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; 336 } 337 338 .chat-fab:hover { 339 color: var(--white); 340 background: #0f172a; 341 transform: translateY(-2px); 342 box-shadow: 0 24px 60px rgba(2, 6, 23, 0.5); 343 } 344 345 .chat-fab i { 346 font-size: 1rem; 347 color: #67e8f9; 348 } 349 350 .btn-nav-demo { 351 background: var(--accent-blue); 352 color: var(--white) !important; 353 padding: 0.6rem 1.5rem; 354 border-radius: 8px; 355 font-weight: 600; 356 font-size: 0.9rem; 357 text-decoration: none; 358 transition: all 0.2s ease; 359 } 360 361 .btn-nav-demo:hover { 362 background: var(--primary-blue); 363 transform: translateY(-1px); 364 } 365 366 .btn-nav-login { 367 color: var(--text-dark) !important; 368 font-weight: 500; 369 font-size: 0.9rem; 370 text-decoration: none; 371 padding: 0.6rem 1rem; 372 transition: color 0.2s ease; 373 } 374 375 .btn-nav-login:hover { 376 color: var(--accent-blue) !important; 377 } 378 379 /* Mobile Navigation */ 380 .mobile-toggle { 381 display: none; 382 background: none; 383 border: none; 384 font-size: 1.5rem; 385 color: var(--text-dark); 386 cursor: pointer; 387 } 388 389 .support-chat-modal { 390 position: fixed; 391 inset: 0; 392 z-index: 1200; 393 display: none; 394 align-items: center; 395 justify-content: center; 396 padding: 24px; 397 } 398 399 .support-chat-modal.is-open { 400 display: flex; 401 } 402 403 .support-chat-backdrop { 404 position: absolute; 405 inset: 0; 406 background: rgba(15, 23, 42, 0.68); 407 backdrop-filter: blur(8px); 408 } 409 410 .support-chat-dialog { 411 position: relative; 412 z-index: 1; 413 width: min(1120px, 100%); 414 max-height: calc(100vh - 48px); 415 overflow: hidden; 416 border-radius: 28px; 417 background: linear-gradient(180deg, #020617, #0f172a); 418 border: 1px solid rgba(103, 232, 249, 0.16); 419 box-shadow: 0 32px 90px rgba(2, 6, 23, 0.55); 420 } 421 422 .support-chat-header { 423 display: flex; 424 justify-content: space-between; 425 align-items: flex-start; 426 gap: 1.5rem; 427 padding: 1.5rem 1.75rem 1rem; 428 border-bottom: 1px solid rgba(103, 232, 249, 0.12); 429 background: linear-gradient(135deg, rgba(8, 145, 178, 0.12), rgba(15, 23, 42, 0.08)); 430 } 431 432 .support-chat-header h2 { 433 margin: 0 0 0.4rem; 434 font-size: 1.6rem; 435 color: var(--white); 436 } 437 438 .support-chat-header p { 439 margin: 0; 440 color: rgba(226, 232, 240, 0.76); 441 } 442 443 .support-chat-actions { 444 display: flex; 445 align-items: center; 446 gap: 0.75rem; 447 } 448 449 .support-chat-link, 450 .support-chat-close { 451 display: inline-flex; 452 align-items: center; 453 justify-content: center; 454 min-width: 44px; 455 min-height: 44px; 456 border-radius: 14px; 457 border: 1px solid rgba(103, 232, 249, 0.14); 458 background: rgba(15, 23, 42, 0.88); 459 color: rgba(255, 255, 255, 0.9); 460 text-decoration: none; 461 transition: background 0.2s ease, color 0.2s ease; 462 } 463 464 .support-chat-link:hover, 465 .support-chat-close:hover { 466 background: rgba(8, 145, 178, 0.18); 467 color: #67e8f9; 468 } 469 470 .support-chat-close { 471 cursor: pointer; 472 } 473 474 .support-chat-body { 475 max-height: calc(100vh - 180px); 476 overflow: hidden; 477 padding: 1.5rem 1.75rem 1.75rem; 478 } 479 480 .support-chat-shell { 481 display: flex; 482 flex-direction: column; 483 min-height: 560px; 484 border-radius: 22px; 485 overflow: hidden; 486 background: linear-gradient(180deg, #ffffff, #f8fbff); 487 border: 1px solid rgba(203, 213, 225, 0.75); 488 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95); 489 } 490 491 .support-chat-thread { 492 flex: 1; 493 overflow: auto; 494 padding: 1.25rem; 495 background: 496 radial-gradient(circle at top right, rgba(191, 219, 254, 0.35), transparent 28%), 497 linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); 498 } 499 500 .support-chat-date { 501 display: flex; 502 justify-content: center; 503 margin-bottom: 1rem; 504 } 505 506 .support-chat-date span { 507 padding: 0.35rem 0.75rem; 508 border-radius: 999px;
509 background: rgba(148, 163, 184, 0.14); 510 color: var(--text-light); 511 font-size: 0.75rem; 512 font-weight: 700; 513 letter-spacing: 0.06em; 514 text-transform: uppercase; 515 } 516 517 .support-chat-message { 518 display: flex; 519 gap: 0.9rem; 520 align-items: flex-start; 521 margin-bottom: 1rem; 522 } 523 524 .support-chat-message.is-user { 525 flex-direction: row-reverse; 526 } 527 528 .support-chat-avatar { 529 width: 42px; 530 height: 42px; 531 border-radius: 14px; 532 display: inline-flex; 533 align-items: center; 534 justify-content: center; 535 flex-shrink: 0; 536 font-size: 0.95rem; 537 } 538 539 .support-chat-message.is-assistant .support-chat-avatar { 540 background: linear-gradient(135deg, var(--accent-blue), var(--accent-teal)); 541 color: var(--white); 542 box-shadow: 0 12px 28px rgba(59, 130, 246, 0.22); 543 } 544 545 .support-chat-message.is-user .support-chat-avatar { 546 background: rgba(15, 23, 42, 0.92); 547 color: var(--white); 548 } 549 550 .support-chat-bubble { 551 max-width: min(76%, 700px); 552 padding: 1rem 1.1rem; 553 border-radius: 18px; 554 box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06); 555 } 556 557 .support-chat-message.is-assistant .support-chat-bubble { 558 border-top-left-radius: 8px; 559 background: #ffffff; 560 border: 1px solid rgba(226, 232, 240, 0.95); 561 color: var(--text-dark); 562 } 563 564 .support-chat-message.is-user .support-chat-bubble { 565 border-top-right-radius: 8px; 566 background: linear-gradient(135deg, var(--primary-blue), #274f7d); 567 color: var(--white); 568 } 569 570 .support-chat-author { 571 display: block; 572 margin-bottom: 0.4rem; 573 font-size: 0.78rem; 574 font-weight: 700; 575 letter-spacing: 0.04em; 576 text-transform: uppercase; 577 opacity: 0.72; 578 } 579 580 .support-chat-bubble p { 581 margin: 0; 582 line-height: 1.65; 583 } 584 585 .support-chat-bubble p + p { 586 margin-top: 0.7rem; 587 } 588 589 .support-chat-suggestions { 590 display: flex; 591 flex-wrap: wrap; 592 gap: 0.65rem; 593 margin-top: 1rem; 594 } 595 596 .support-chat-chip { 597 display: inline-flex; 598 align-items: center; 599 gap: 0.45rem; 600 padding: 0.55rem 0.8rem; 601 border-radius: 999px; 602 background: rgba(239, 246, 255, 0.95); 603 border: 1px solid rgba(191, 219, 254, 0.95); 604 color: var(--primary-blue); 605 font-size: 0.84rem; 606 font-weight: 600; 607 } 608 609 .support-chat-composer { 610 padding: 1rem 1.1rem; 611 border-top: 1px solid rgba(226, 232, 240, 0.9); 612 background: #ffffff; 613 } 614 615 .support-chat-composer-row { 616 display: flex; 617 align-items: flex-end; 618 gap: 0.8rem; 619 padding: 0.75rem 0.85rem 0.75rem 1rem; 620 border-radius: 18px; 621 border: 1px solid rgba(203, 213, 225, 0.9); 622 background: var(--background-light); 623 } 624 625 .support-chat-composer-row i { 626 color: var(--accent-blue); 627 } 628 629 .support-chat-composer-row textarea { 630 flex: 1; 631 border: 0; 632 background: transparent; 633 outline: none; 634 font-size: 0.95rem; 635 color: var(--text-dark); 636 min-height: 80px; 637 max-height: 180px; 638 resize: vertical; 639 line-height: 1.5; 640 padding: 0.1rem 0; 641 } 642 643 .support-chat-composer-row textarea::placeholder { 644 color: #94a3b8; 645 } 646 647 .support-chat-send { 648 display: inline-flex; 649 align-items: center; 650 justify-content: center; 651 width: 42px; 652 height: 42px; 653 border: 0; 654 border-radius: 14px; 655 background: linear-gradient(135deg, var(--accent-blue), var(--accent-teal)); 656 color: var(--white); 657 flex-shrink: 0; 658 box-shadow: 0 14px 28px rgba(59, 130, 246, 0.22); 659 } 660 661 .support-chat-helper { 662 margin-top: 0.8rem; 663 color: var(--text-light); 664 font-size: 0.84rem; 665 } 666 667 body.support-chat-open { 668 overflow: hidden; 669 } 670 671 /* ── Mobile menu (top sheet) ── */ 672 .mobile-menu { 673 position: fixed; 674 top: 0; 675 left: 0; 676 right: 0; 677 max-height: 100dvh; 678 overflow-y: auto; 679 background: var(--dark-navy); 680 color: #fff; 681 z-index: 1100; 682 transform: translateY(-100%); 683 transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); 684 box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4); 685 display: flex; 686 flex-direction: column; 687 -webkit-overflow-scrolling: touch; 688 } 689 .mobile-menu.is-open { transform: translateY(0); } 690 .mobile-menu-backdrop { 691 position: fixed; 692 inset: 0; 693 background: rgba(2, 6, 23, 0.55); 694 z-index: 1099; 695 opacity: 0; 696 visibility: hidden; 697 transition: opacity 0.32s ease, visibility 0.32s ease; 698 } 699 .mobile-menu-backdrop.is-open { opacity: 1; visibility: visible; } 700 .mobile-menu-header { 701 display: flex; 702 align-items: center; 703 justify-content: space-between; 704 padding: 1rem 1.25rem; 705 border-bottom: 1px solid rgba(255, 255, 255, 0.08); 706 position: sticky; 707 top: 0; 708 background: var(--dark-navy); 709 } 710 /* Mobile brand lockup: colored mascot (cropped from the full logo) + white text */ 711 .navbar-brand .brand-mobile { display: none; align-items: center; gap: 0.5rem; } 712 .navbar-brand .brand-mascot { 713 flex: 0 0 auto; 714 width: 35px; 715 height: 40px; 716 background-image: url('https://getprudens.ai/prudens/prudenslogo.png'); 717 background-repeat: no-repeat; 718 background-position: left center; 719 background-size: auto 40px; 720 } 721 .navbar-brand .brand-mobile-text { display: flex; flex-direction: column; line-height: 1.05; } 722 .navbar-brand .brand-mobile-text strong { 723 color: #fff; 724 font-weight: 800; 725 font-size: 1.15rem; 726 letter-spacing: 0.5px; 727 } 728 .navbar-brand .brand-mobile-text small { 729 color: rgba(255, 255, 255, 0.72); 730 font-size: 0.48rem; 731 font-weight: 600; 732 letter-spacing: 2px; 733 margin-top: 3px; 734 } 735 .mm-close { 736 width: 40px; 737 height: 40px; 738 border: 0; 739 border-radius: 10px; 740 background: rgba(255, 255, 255, 0.08); 741 color: #fff; 742 font-size: 1.1rem; 743 cursor: pointer; 744 transition: background 0.2s ease; 745 } 746 .mm-close:hover { background: rgba(255, 255, 255, 0.16); } 747 .mobile-menu-body { 748 padding: 0.5rem 1.25rem 1rem; 749 display: grid; 750 grid-template-columns: 1fr 1fr; 751 gap: 0.5rem 1.5rem; 752 } 753 .mm-group { padding: 0.75rem 0; } 754 .mm-heading { 755 display: block; 756 font-size: 0.72rem; 757 font-weight: 700; 758 letter-spacing: 0.08em; 759 text-transform: uppercase; 760 color: #67e8f9; 761 margin-bottom: 0.5rem; 762 } 763 .mobile-menu-body .mm-group a { 764 display: flex; 765 align-items: center; 766 gap: 0.65rem; 767 padding: 0.5rem 0; 768 color: rgba(255, 255, 255, 0.82); 769 font-size: 0.92rem; 770 text-decoration: none; 771 transition: color 0.15s ease; 772 } 773 .mobile-menu-body .mm-group a i { width: 18px; text-align: center; color: rgba(255, 255, 255, 0.5); } 774 .mobile-menu-body .mm-group a:hover { color: #fff; } 775 .mm-expandable { 776 margin: 0.35rem 0; 777 border: 1px solid rgba(255, 255, 255, 0.12); 778 border-radius: 10px; 779 background: rgba(255, 255, 255, 0.04); 780 overflow: hidden; 781 } 782 .mm-expandable > summary { 783 list-style: none; 784 display: flex; 785 align-items: center; 786 justify-content: space-between; 787 gap: 0.65rem; 788 padding: 0.55rem 0.7rem; 789 cursor: pointer; 790 color: #dbeafe; 791 font-size: 0.88rem; 792 font-weight: 600; 793 } 794 .mm-expandable > summary::-webkit-details-marker { display: none; } 795 .mm-expandable > summary i:first-child { 796 width: 18px; 797 text-align: center; 798 color: rgba(255, 255, 255, 0.65); 799 } 800 .mm-expandable > summary .submenu-chevron { 801 font-size: 0.75rem; 802 color: rgba(255, 255, 255, 0.65); 803 transition: transform 0.2s ease; 804 } 805 .mm-expandable[open] > summary .submenu-chevron { 806 transform: rotate(90deg); 807 } 808 .mm-expandable .mm-submenu { 809 padding: 0 0.7rem 0.45rem 0.7rem; 810 } 811 .mm-expandable .mm-submenu a { 812 font-size: 0.86rem; 813 padding: 0.38rem 0; 814 color: rgba(255, 255, 255, 0.78); 815 } 816 .mobile-menu-actions { 817 display: flex; 818 flex-wrap: wrap; 819 gap: 0.6rem; 820 padding: 1rem 1.25rem 1.5rem; 821 border-top: 1px solid rgba(255, 255, 255, 0.08); 822 margin-top: auto; 823 } 824 .mm-btn { 825 flex: 1 1 calc(50% - 0.3rem); 826 display: inline-flex; 827 align-items: center; 828 justify-content: center; 829 gap: 0.45rem; 830 padding: 0.75rem 1rem; 831 border-radius: 11px; 832 font-weight: 600; 833 font-size: 0.92rem; 834 text-decoration: none; 835 transition: transform 0.15s ease, background 0.15s ease; 836 } 837 .mm-btn-primary { background: linear-gradient(135deg, var(--accent-blue), #2563eb); color: #fff; } 838 .mm-btn-primary:hover { transform: translateY(-1px); color: #fff; } 839 .mm-btn-ghost { background: rgba(255, 255, 255, 0.08); color: #fff; border: 1px solid rgba(255, 255, 255, 0.14); } 840 .mm-btn-ghost:hover { background: rgba(255, 255, 255, 0.16); color: #fff; } 841 body.mobile-menu-open { overflow: hidden; } 842 @media (min-width: 992px) { 843 .mobile-menu, .mobile-menu-backdrop { display: none !important; } 844 } 845 @media (max-width: 480px) { 846 .mobile-menu-body { grid-template-columns: 1fr; } 847 } 848 849 @media (max-width: 991px) { 850 .primary-nav { 851 display: none; 852 } 853 .mobile-toggle { 854 display: block; 855 } 856 .nav-actions .btn-nav-login, 857 .nav-actions .btn-nav-demo { 858 display: none; 859 } 860 .nav-actions { 861 display: flex; 862 align-items: center; 863 justify-content: flex-end; 864 gap: 0.5rem; 865 } 866 867 /* Swap the full logo for the colored-mascot + white-text lockup on mobile */ 868 .navbar-brand .brand-desktop { 869 display: none; 870 } 871 .navbar-brand .brand-mobile { 872 display: inline-flex; 873 } 874 .main-navbar .mobile-toggle { 875 color: #fff; 876 } 877 .main-navbar .btn-nav-support { 878 color: #fff; 879 background: rgba(255, 255, 255, 0.1); 880 border-color: rgba(255, 255, 255, 0.2); 881 } 882 .main-navbar .btn-nav-support:hover { 883 color: #fff; 884 background: rgba(255, 255, 255, 0.18); 885 } 886 887 .btn-nav-support { 888 width: 40px; 889 height: 40px; 890 } 891 892 .chat-fab { 893 right: 16px; 894 bottom: 16px; 895 padding: 0.9rem 1rem; 896 } 897 898 .chat-fab span { 899 display: none; 900 } 901 902 .support-chat-modal { 903 padding: 12px; 904 } 905 906 .support-chat-dialog { 907 max-height: calc(100vh - 24px); 908 border-radius: 22px; 909 } 910 911 .support-chat-header { 912 padding: 1.1rem 1.1rem 0.85rem; 913 } 914 915 .support-chat-body { 916 padding: 1rem 1.1rem 1.1rem; 917 max-height: calc(100vh - 150px); 918 } 919 920 .support-chat-shell { 921 min-height: 480px; 922 } 923 924 .support-chat-bubble { 925 max-width: 86%; 926 } 927 928 .support-chat-composer-row { 929 gap: 0.6rem; 930 padding-inline: 0.8rem; 931 } 932 } 933 934 /* Page Content Padding for Fixed Navbar */ 935 main { 936 padding-top: 70px; 937 } 938 939 body.hide-main-nav main { 940 padding-top: 0; 941 } 942 width: 18px; 943 height: 18px; 944 border-radius: 50%; 945 display: flex; 946 align-items: center; 947 justify-content: center; 948 border: 2px solid var(--bali-deep-teal); 949 } 950 951 .language-pill { 952 border: 1px solid rgba(255,255,255,0.35); 953 padding: 0.35rem 0.75rem; 954 border-radius: 999px; 955 } 956 957 /* Hero Section - Vallarta Style */ 958 .hero-banner { 959 position: relative; 960 overflow: hidden; 961 min-height: 620px; 962 background: #0b0f16; 963 } 964 965 .hero-banner::before { 966 content: ''; 967 position: absolute; 968 inset: 0; 969 background: linear-gradient(200deg, rgba(3, 9, 19, 0.75) 0%, rgba(3, 9, 19, 0.25) 55%, rgba(3, 9, 19, 0.85) 100%); 970 z-index: 1; 971 } 972 973 .hero-video { 974 position: absolute; 975 inset: 0; 976 z-index: 0; 977 overflow: hidden; 978 pointer-events: none; 979 } 980 981 .hero-video iframe { 982 position: absolute; 983 top: 50%; 984 left: 50%; 985 transform: translate(-50%, -50%); 986 width: 177.78vh; 987 height: 100vh; 988 min-width: 100%; 989 min-height: 100%; 990 } 991 992 .hero-content { 993 position: relative; 994 z-index: 2; 995 padding: 160px 0 100px; 996 } 997 998 .hero-kicker { 999 font-size: 0.85rem; 1000 letter-spacing: 8px; 1001 text-transform: uppercase; 1002 color: var(--soft-yellow); 1003 font-weight: 700; 1004 display: inline-block; 1005 margin-bottom: 0.75rem; 1006 } 1007 1008 .hero-title { 1009 margin: 0 0 1.75rem; 1010 color: var(--white); 1011 text-transform: uppercase; 1012 line-height: 1.1; 1013 } 1014 1015 .hero-title span { 1016 display: block; 1017 font-weight: 800; 1018 } 1019 1020 .hero-title span:first-child { 1021 font-size: 3rem; 1022 } 1023 1024 .hero-title span:nth-child(2) { 1025 font-size: 3.5rem; 1026 } 1027 1028 .hero-title span:last-child { 1029 font-size: 2.8rem; 1030 } 1031 1032 .hero-description { 1033 font-size: 1.1rem; 1034 color: rgba(255,255,255,0.9); 1035 max-width: 520px; 1036 } 1037 1038 .hero-cta-group { 1039 display: flex; 1040 align-items: center; 1041 gap: 1.5rem; 1042 margin-top: 2.5rem; 1043 } 1044 1045 .hero-search-card { 1046 background: rgba(12,18,27,0.92); 1047 border-radius: 18px; 1048 padding: 2.5rem; 1049 box-shadow: 0 25px 45px rgba(0,0,0,0.45); 1050 border: 1px solid rgba(255,255,255,0.
105008); 1051 } 1052 1053 .hero-search-card h2 { 1054 font-size: 1.1rem; 1055 font-weight: 800; 1056 color: rgba(255,255,255,0.9); 1057 letter-spacing: 3px; 1058 margin-bottom: 1.5rem; 1059 } 1060 1061 .hero-search-group { 1062 position: relative; 1063 margin-bottom: 1.25rem; 1064 } 1065 1066 .hero-search-group input { 1067 width: 100%; 1068 padding: 1.1rem 3rem 1.1rem 1.2rem; 1069 border-radius: 999px; 1070 border: 1px solid rgba(255,255,255,0.2); 1071 background: rgba(255,255,255,0.08); 1072 color: rgba(255,255,255,0.9); 1073 font-size: 1rem; 1074 } 1075 1076 .hero-search-group input::placeholder { 1077 color: rgba(255,255,255,0.65); 1078 } 1079 1080 .hero-search-group button { 1081 position: absolute; 1082 top: 50%; 1083 right: 0.75rem; 1084 transform: translateY(-50%); 1085 background: none; 1086 border: none; 1087 color: var(--soft-yellow); 1088 font-size: 1.2rem; 1089 } 1090 1091 .hero-search-card .hero-search-submit { 1092 background: #00b4b5; 1093 border: none; 1094 color: var(--white); 1095 padding: 0.95rem; 1096 font-weight: 700; 1097 letter-spacing: 2px; 1098 text-transform: uppercase; 1099 border-radius: 999px; 1100 transition: background 0.3s ease, transform 0.3s ease; 1101 } 1102 1103 .hero-search-card .hero-search-submit:hover { 1104 background: #009da2; 1105 transform: translateY(-2px); 1106 } 1107 1108 .hero-benefits { 1109 display: flex; 1110 flex-direction: column; 1111 gap: 1rem; 1112 margin-top: 1.75rem; 1113 } 1114 1115 .hero-benefit { 1116 display: flex; 1117 align-items: center; 1118 justify-content: space-between; 1119 gap: 1rem; 1120 padding: 1rem 1.25rem; 1121 border-radius: 14px; 1122 background: rgba(255,255,255,0.05); 1123 border: 1px solid rgba(255,255,255,0.08); 1124 text-decoration: none; 1125 color: rgba(255,255,255,0.9); 1126 transition: transform 0.3s ease, box-shadow 0.3s ease; 1127 } 1128 1129 .hero-benefit:hover { 1130 transform: translateY(-4px); 1131 box-shadow: 0 18px 30px rgba(0,0,0,0.25); 1132 } 1133 1134 .hero-benefit-icon { 1135 width: 48px; 1136 height: 48px; 1137 border-radius: 50%; 1138 background: rgba(0,0,0,0.3); 1139 display: flex; 1140 align-items: center; 1141 justify-content: center; 1142 color: #00b4b5; 1143 font-size: 1.25rem; 1144 } 1145 1146 .hero-benefit-content { 1147 flex: 1; 1148 } 1149 1150 .hero-benefit-title { 1151 font-size: 0.95rem; 1152 font-weight: 700; 1153 text-transform: uppercase; 1154 letter-spacing: 1px; 1155 margin-bottom: 0.25rem; 1156 } 1157 1158 .hero-benefit-subtitle { 1159 margin: 0; 1160 font-size: 0.85rem; 1161 color: rgba(255,255,255,0.65); 1162 } 1163 1164 .hero-benefit i.fas.fa-arrow-right { 1165 color: #00b4b5; 1166 font-size: 1rem; 1167 } 1168 1169 /* Trust Badges */ 1170 .trust-badges { 1171 display: flex; 1172 gap: 1.5rem; 1173 flex-wrap: wrap; 1174 margin-top: 3rem; 1175 } 1176 1177 .trust-badge { 1178 background: rgba(255,255,255,0.12); 1179 border: 1px solid rgba(255,255,255,0.2); 1180 padding: 1.25rem; 1181 border-radius: 12px; 1182 min-width: 200px; 1183 display: flex; 1184 align-items: center; 1185 gap: 1rem; 1186 } 1187 1188 .trust-badge img { 1189 height: 48px; 1190 width: auto; 1191 } 1192 1193 .trust-badge p { 1194 font-size: 0.85rem; 1195 color: rgba(255,255,255,0.85); 1196 margin: 0; 1197 font-weight: 600; 1198 letter-spacing: 0.5px; 1199 } 1200 1201 /* Section Titles - Vallarta Style */ 1202 .section-header { 1203 text-align: center; 1204 margin-bottom: 3rem; 1205 padding-top: 4rem; 1206 } 1207 1208 .section-header h2 { 1209 font-size: 2.5rem; 1210 font-weight: 800; 1211 color: var(--dark-navy); 1212 text-transform: uppercase; 1213 margin-bottom: 0.5rem; 1214 letter-spacing: 1px; 1215 } 1216 1217 .section-header p { 1218 font-size: 1.1rem; 1219 color: var(--text-light); 1220 } 1221 1222 /* Category Icons Grid */ 1223 .category-grid { 1224 display: grid; 1225 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 1226 gap: 1.5rem; 1227 padding-bottom: 3rem; 1228 } 1229 1230 .category-item { 1231 text-align: center; 1232 text-decoration: none; 1233 transition: transform 0.3s ease; 1234 cursor: pointer; 1235 } 1236 1237 .category-item:hover { 1238 transform: translateY(-10px); 1239 } 1240 1241 .category-item.active .category-icon { 1242 background: var(--primary-blue); 1243 color: var(--white); 1244 } 1245 1246 .category-icon { 1247 width: 80px; 1248 height: 80px; 1249 margin: 0 auto 1rem; 1250 background: var(--light-blue); 1251 border-radius: 50%; 1252 display: flex; 1253 align-items: center; 1254 justify-content: center; 1255 font-size: 2rem; 1256 color: var(--primary-blue); 1257 transition: all 0.3s ease; 1258 } 1259 1260 .category-item:hover .category-icon { 1261 background: var(--accent-orange); 1262 color: var(--white); 1263 } 1264 1265 .category-item h5 { 1266 font-size: 0.95rem; 1267 font-weight: 700; 1268 color: var(--text-dark); 1269 text-transform: uppercase; 1270 margin: 0; 1271 } 1272 1273 /* Tour Cards - Vallarta Style */ 1274 .tour-card { 1275 background: var(--white); 1276 border-radius: 10px; 1277 overflow: hidden; 1278 box-shadow: 0 3px 15px rgba(0,0,0,0.1); 1279 transition: all 0.3s ease; 1280 height: 100%; 1281 position: relative; 1282 } 1283 1284 .tour-card:hover { 1285 box-shadow: 0 8px 30px rgba(0,0,0,0.15); 1286 transform: translateY(-5px); 1287 } 1288 1289 .tour-card-image { 1290 position: relative; 1291 height: 250px; 1292 overflow: hidden; 1293 } 1294 1295 .tour-card-image img { 1296 width: 100%; 1297 height: 100%; 1298 object-fit: cover; 1299 transition: transform 0.5s ease; 1300 } 1301 1302 .tour-card:hover .tour-card-image img { 1303 transform: scale(1.1); 1304 } 1305 1306 .discount-badge { 1307 position: absolute; 1308 top: 15px; 1309 right: 15px; 1310 background: var(--discount-red); 1311 color: var(--white); 1312 padding: 0.5rem 1rem; 1313 border-radius: 5px; 1314 font-weight: 700; 1315 font-size: 1rem; 1316 z-index: 1; 1317 } 1318 1319 .tour-card-body { 1320 padding: 1.5rem; 1321 } 1322 1323 .tour-card-body h5 { 1324 font-size: 1.1rem; 1325 font-weight: 700; 1326 color: var(--dark-navy); 1327 margin-bottom: 1rem; 1328 text-transform: uppercase; 1329 min-height: 50px; 1330 } 1331 1332 .tour-price { 1333 font-size: 1.75rem; 1334 font-weight: 800; 1335 color: var(--accent-orange); 1336 } 1337 1338 .tour-price-old { 1339 text-decoration: line-through; 1340 color: var(--text-light); 1341 font-size: 1.1rem; 1342 margin-left: 0.5rem; 1343 font-weight: 500; 1344 } 1345 1346 .tour-meta { 1347 display: flex; 1348 gap: 1.5rem; 1349 margin: 1rem 0; 1350 font-size: 0.9rem; 1351 color: var(--text-light); 1352 } 1353 1354 .tour-meta i { 1355 margin-right: 0.3rem; 1356 } 1357 1358 /* Buttons - Vallarta Style */ 1359 .btn-primary-vallarta { 1360 background: var(--accent-orange); 1361 color: var(--white); 1362 border: none; 1363 padding: 0.75rem 2rem; 1364 font-size: 1rem; 1365 font-weight: 700; 1366 text-transform: uppercase; 1367 border-radius: 5px; 1368 transition: all 0.3s ease; 1369 letter-spacing: 0.5px; 1370 } 1371 1372 .btn-primary-vallarta:hover { 1373 background: var(--warm-orange); 1374 transform: translateY(-2px); 1375 box-shadow: 0 5px 15px rgba(255,107,53,0.3); 1376 } 1377 1378 .btn-secondary-vallarta { 1379 background: var(--primary-blue); 1380 color: var(--white); 1381 border: none; 1382 padding: 0.75rem 2rem; 1383 font-size: 1rem; 1384 font-weight: 700; 1385 text-transform: uppercase; 1386 border-radius: 5px; 1387 transition: all 0.3s ease; 1388 letter-spacing: 0.5px; 1389 } 1390 1391 .btn-secondary-vallarta:hover { 1392 background: var(--dark-navy); 1393 transform: translateY(-2px); 1394 } 1395 1396 .btn-outline-hero { 1397 background: transparent; 1398 color: var(--white); 1399 border: 2px solid rgba(255,255,255,0.75); 1400 padding: 0.85rem 2.5rem; 1401 font-size: 0.95rem; 1402 font-weight: 700; 1403 text-transform: uppercase; 1404 border-radius: 40px; 1405 letter-spacing: 3px; 1406 transition: all 0.3s ease; 1407 } 1408 1409 .btn-outline-hero:hover { 1410 background: rgba(255,255,255,0.15); 1411 color: var(--white); 1412 transform: translateY(-2px); 1413 } 1414 1415 .btn-outline-hero.btn-outline-orange { 1416 border-color: var(--accent-orange); 1417 color: var(--accent-orange); 1418 } 1419 1420 .btn-outline-hero.btn-outline-orange:hover { 1421 background: var(--accent-orange); 1422 color: var(--white); 1423 } 1424 1425 .btn-outline-hero.btn-outline-teal { 1426 border-color: var(--accent-teal); 1427 color: var(--accent-teal); 1428 } 1429 1430 .btn-outline-hero.btn-outline-teal:hover { 1431 background: var(--accent-teal); 1432 color: var(--white); 1433 } 1434 1435 .btn-link { 1436 color: var(--accent-orange); 1437 font-weight: 700; 1438 letter-spacing: 1.5px; 1439 text-transform: uppercase; 1440 font-size: 0.85rem; 1441 text-decoration: none; 1442 } 1443 1444 .btn-link:hover { 1445 text-decoration: underline; 1446 } 1447 1448 .btn-add-cart { 1449 background: var(--accent-orange); 1450 color: var(--white); 1451 border: none; 1452 padding: 0.75rem; 1453 font-weight: 700; 1454 text-transform: uppercase; 1455 border-radius: 5px; 1456 width: 100%; 1457 font-size: 0.9rem; 1458 letter-spacing: 0.5px; 1459 } 1460 1461 .btn-add-cart:hover { 1462 background: var(--warm-orange); 1463 } 1464 1465 /* Hero Highlights */ 1466 .highlight-grid { 1467 display: grid; 1468 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 1469 gap: 1rem; 1470 margin-top: 1.5rem; 1471 } 1472 1473 .highlight-card { 1474 background: rgba(0,0,0,0.45); 1475 border: 1px solid rgba(255,255,255,0.18); 1476 padding: 1.25rem; 1477 border-radius: 12px; 1478 color: var(--white); 1479 backdrop-filter: blur(6px); 1480 min-height: 120px; 1481 } 1482 1483 .highlight-card h4 { 1484 font-size: 1rem; 1485 font-weight: 700; 1486 text-transform: uppercase; 1487 margin-bottom: 0.5rem; 1488 } 1489 1490 .highlight-card p { 1491 margin: 0; 1492 font-size: 0.9rem; 1493 color: rgba(255,255,255,0.85); 1494 } 1495 1496 .info-strip { 1497 padding: 3.5rem 0; 1498 } 1499 1500 .info-strip .section-header { 1501 margin-bottom: 1.5rem; 1502 padding-top: 0; 1503 text-align: left; 1504 } 1505 1506 .info-strip-dark { 1507 background: var(--dark-navy); 1508 color: var(--white); 1509 } 1510 1511 .info-strip-dark p { 1512 color: rgba(255,255,255,0.8); 1513 } 1514 1515 .info-strip-light { 1516 background: var(--white); 1517 } 1518 1519 .newsletter-section { 1520 background: var(--background-light); 1521 padding: 4rem 0; 1522 } 1523 1524 .newsletter-section h3 { 1525 font-size: 1.75rem; 1526 font-weight: 700; 1527 color: var(--dark-navy); 1528 text-transform: uppercase; 1529 margin-bottom: 1rem; 1530 } 1531 1532 .newsletter-form { 1533 display: flex; 1534 gap: 1rem; 1535 max-width: 600px; 1536 margin: 0 auto; 1537 } 1538 1539 .newsletter-form input { 1540 flex: 1; 1541 padding: 0.75rem 1.25rem; 1542 border: 2px solid #E0E0E0; 1543 border-radius: 5px; 1544 } 1545 1546 .newsletter-form button { 1547 padding: 0.75rem 2rem; 1548 background: var(--accent-orange); 1549 color: var(--white); 1550 border: none; 1551 border-radius: 5px; 1552 font-weight: 700; 1553 text-transform: uppercase; 1554 } 1555 1556 /* Footer - Prudens Style */ 1557 footer { 1558 background: var(--dark-navy); 1559 color: var(--white); 1560 padding: 4rem 0 1.5rem; 1561 } 1562 1563 footer h5, 1564 .footer-heading { 1565 color: var(--white); 1566 font-weight: 600; 1567 font-size: 0.85rem; 1568 text-transform: uppercase; 1569 margin-bottom: 1.5rem; 1570 letter-spacing: 1px; 1571 } 1572 1573 footer a { 1574 color: rgba(255,255,255,0.7); 1575 text-decoration: none; 1576 display: block; 1577 margin-bottom: 0.75rem; 1578 transition: all 0.3s ease; 1579 font-size: 0.9rem; 1580 } 1581 1582 footer a:hover { 1583 color: var(--accent-blue); 1584 } 1585 1586 .footer-bottom { 1587 border-top: 1px solid rgba(255,255,255,0.1); 1588 margin-top: 3rem; 1589 padding-top: 1.5rem; 1590 } 1591 1592 .footer-bottom p { 1593 color: rgba(255,255,255,0.5); 1594 font-size: 0.85rem; 1595 } 1596 1597 @media (min-width: 992px) { 1598 .footer-columns { 1599 flex-wrap: nowrap; 1600 } 1601 1602 .footer-col { 1603 flex: 1 1 0; 1604 max-width: 20%; 1605 } 1606 } 1607 1608 .social-icons { 1609 display: flex; 1610 gap: 0.75rem; 1611 } 1612 1613 .social-icons a { 1614 width: 36px; 1615 height: 36px; 1616 background: rgba(255,255,255,0.1); 1617 border-radius: 8px; 1618 display: flex; 1619 align-items: center; 1620 justify-content: center; 1621 padding: 0; 1622 margin: 0; 1623 color: var(--white); 1624 transition: all 0.2s ease; 1625 } 1626 1627 .social-icons a:hover { 1628 background: var(--accent-blue); 1629 } 1630 1631 .footer-logo-badge { 1632 display: inline-flex; 1633 align-items: center; 1634 justify-content: center; 1635 background: #ffffff; 1636 border-radius: 12px; 1637 padding: 0.55rem 0.8rem; 1638 margin-bottom: 1.5rem; 1639 box-shadow: 0 8px 20px rgba(2, 6, 23, 0.24); 1640 } 1641 1642 /* Responsive */ 1643 .interest-grid, 1644 .destination-grid { 1645 display: grid; 1646 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); 1647 gap: 1.5rem; 1648 } 1649 1650 .interest-card, 1651 .destination-card { 1652 border-radius: 16px; 1653 overflow: hidden; 1654 position: relative; 1655 min-height: 220px; 1656 } 1657 1658 .interest-card img, 1659 .destination-card img { 1660 width: 100%; 1661 height: 100%; 1662 object-fit: cover; 1663 transition: transform 0.5s ease; 1664 } 1665 1666 .interest-card:hover img, 1667 .destination-card:hover img { 1668 transform: scale(1.05); 1669 } 1670 1671 .interest-card .overlay, 1672 .destination-card .overlay { 1673 position: absolute; 1674 inset: 0; 1675 background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.65) 100%); 1676 display: flex; 1677 align-ite
1677ms: flex-end; 1678 padding: 1.5rem; 1679 color: var(--white); 1680 font-weight: 700; 1681 letter-spacing: 1.5px; 1682 text-transform: uppercase; 1683 font-size: 1rem; 1684 } 1685 1686 .rescue-section { 1687 padding: 4rem 0; 1688 background: var(--background-light); 1689 } 1690 1691 .rescue-section .card { 1692 border: none; 1693 border-radius: 16px; 1694 overflow: hidden; 1695 box-shadow: 0 10px 30px rgba(0,0,0,0.08); 1696 } 1697 1698 .rescue-section .card img { 1699 height: 220px; 1700 object-fit: cover; 1701 } 1702 1703 .rescue-section .card-body { 1704 padding: 2rem; 1705 } 1706 1707 @media (max-width: 992px) { 1708 .main-navbar { 1709 position: static; 1710 background: var(--dark-navy); 1711 } 1712 1713 .primary-nav { 1714 flex-wrap: wrap; 1715 gap: 1rem; 1716 } 1717 1718 .nav-actions { 1719 justify-content: center; 1720 } 1721 1722 .hero-content { 1723 padding-top: 120px; 1724 } 1725 } 1726 1727 @media (max-width: 768px) { 1728 .hero-title span:first-child { 1729 font-size: 2rem; 1730 } 1731 1732 .hero-title span:nth-child(2) { 1733 font-size: 2.5rem; 1734 } 1735 1736 .hero-title span:last-child { 1737 font-size: 2rem; 1738 } 1739 1740 .trust-badge { 1741 min-width: 100%; 1742 } 1743 1744 .hero-cta-group { 1745 flex-direction: column; 1746 align-items: flex-start; 1747 } 1748 1749 .section-header h2 { 1750 font-size: 2rem; 1751 } 1752 1753 .interest-card, 1754 .destination-card { 1755 min-height: 200px; 1756 } 1757 1758 .category-grid { 1759 grid-template-columns: repeat(2, 1fr); 1760 } 1761 1762 .newsletter-form { 1763 flex-direction: column; 1764 } 1765 } 1766 </style> 1767 1768 <style> 1769 /* Feature Hero Section */ 1770 .feature-hero { 1771 padding: 8rem 0 5rem; 1772 background: linear-gradient(135deg, var(--dark-navy) 0%, #1a2744 100%); 1773 min-height: 600px; 1774 } 1775 1776 .feature-badge { 1777 display: inline-flex; 1778 align-items: center; 1779 gap: 0.5rem; 1780 background: rgba(59, 130, 246, 0.15); 1781 color: var(--accent-blue); 1782 padding: 0.5rem 1rem; 1783 border-radius: 50px; 1784 font-size: 0.9rem; 1785 font-weight: 600; 1786 margin-bottom: 1.5rem; 1787 } 1788 1789 .feature-badge i { 1790 font-size: 1rem; 1791 } 1792 1793 .feature-title { 1794 font-size: 3rem; 1795 font-weight: 800; 1796 color: var(--white); 1797 line-height: 1.15; 1798 margin-bottom: 1.5rem; 1799 } 1800 1801 .feature-description { 1802 font-size: 1.15rem; 1803 color: rgba(255, 255, 255, 0.8); 1804 line-height: 1.7; 1805 margin-bottom: 2rem; 1806 max-width: 540px; 1807 } 1808 1809 .feature-cta { 1810 display: flex; 1811 gap: 1rem; 1812 flex-wrap: wrap; 1813 } 1814 1815 .btn-primary-feature { 1816 background: var(--accent-blue); 1817 color: var(--white); 1818 padding: 1rem 2rem; 1819 border-radius: 10px; 1820 font-weight: 600; 1821 text-decoration: none; 1822 transition: all 0.3s ease; 1823 } 1824 1825 .btn-primary-feature:hover { 1826 background: #2563EB; 1827 transform: translateY(-2px); 1828 box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4); 1829 color: var(--white); 1830 } 1831 1832 .btn-secondary-feature { 1833 color: var(--white); 1834 padding: 1rem 2rem; 1835 border: 1px solid rgba(255, 255, 255, 0.3); 1836 border-radius: 10px; 1837 font-weight: 600; 1838 text-decoration: none; 1839 transition: all 0.2s ease; 1840 } 1841 1842 .btn-secondary-feature:hover { 1843 background: rgba(255, 255, 255, 0.1); 1844 border-color: rgba(255, 255, 255, 0.5); 1845 color: var(--white); 1846 } 1847 1848 /* Feature Hero Visual */ 1849 .feature-hero-visual { 1850 display: flex; 1851 flex-direction: column; 1852 gap: 1rem; 1853 } 1854 1855 .visual-card { 1856 background: rgba(255, 255, 255, 0.05); 1857 border: 1px solid rgba(255, 255, 255, 0.1); 1858 border-radius: 16px; 1859 padding: 1.25rem 1.5rem; 1860 display: flex; 1861 align-items: center; 1862 gap: 1rem; 1863 transition: all 0.3s ease; 1864 } 1865 1866 .visual-card.active { 1867 background: rgba(59, 130, 246, 0.15); 1868 border-color: var(--accent-blue); 1869 } 1870 1871 .visual-icon { 1872 width: 50px; 1873 height: 50px; 1874 background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-teal) 100%); 1875 border-radius: 12px; 1876 display: flex; 1877 align-items: center; 1878 justify-content: center; 1879 flex-shrink: 0; 1880 } 1881 1882 .visual-icon i { 1883 font-size: 1.25rem; 1884 color: var(--white); 1885 } 1886 1887 .visual-content { 1888 display: flex; 1889 flex-direction: column; 1890 } 1891 1892 .visual-label { 1893 font-size: 0.8rem; 1894 color: rgba(255, 255, 255, 0.6); 1895 text-transform: uppercase; 1896 letter-spacing: 1px; 1897 margin-bottom: 0.25rem; 1898 } 1899 1900 .visual-value { 1901 font-size: 1rem; 1902 color: var(--white); 1903 font-weight: 500; 1904 } 1905 1906 /* Feature Details Section */ 1907 .feature-details { 1908 padding: 6rem 0; 1909 background: var(--white); 1910 } 1911 1912 .feature-details .section-header { 1913 margin-bottom: 4rem; 1914 } 1915 1916 .feature-details .section-header h2 { 1917 font-size: 2.5rem; 1918 font-weight: 800; 1919 color: var(--primary-blue); 1920 margin-bottom: 1rem; 1921 } 1922 1923 .feature-details .section-header p { 1924 font-size: 1.15rem; 1925 color: var(--text-light); 1926 } 1927 1928 .detail-card { 1929 background: var(--background-light); 1930 border-radius: 16px; 1931 padding: 2rem; 1932 height: 100%; 1933 transition: all 0.3s ease; 1934 } 1935 1936 .detail-card:hover { 1937 transform: translateY(-5px); 1938 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); 1939 } 1940 1941 .detail-icon { 1942 width: 60px; 1943 height: 60px; 1944 background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-teal) 100%); 1945 border-radius: 14px; 1946 display: flex; 1947 align-items: center; 1948 justify-content: center; 1949 margin-bottom: 1.5rem; 1950 } 1951 1952 .detail-icon i { 1953 font-size: 1.5rem; 1954 color: var(--white); 1955 } 1956 1957 .detail-card h3 { 1958 font-size: 1.25rem; 1959 font-weight: 700; 1960 color: var(--text-dark); 1961 margin-bottom: 0.75rem; 1962 } 1963 1964 .detail-card p { 1965 color: var(--text-light); 1966 font-size: 0.95rem; 1967 line-height: 1.6; 1968 margin: 0; 1969 } 1970 1971 /* Feature CTA Section */ 1972 .feature-cta-section { 1973 padding: 5rem 0; 1974 background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-blue) 100%); 1975 } 1976 1977 .feature-cta-section .cta-content h2 { 1978 font-size: 2.5rem; 1979 font-weight: 800; 1980 color: var(--white); 1981 margin-bottom: 1rem; 1982 } 1983 1984 .feature-cta-section .cta-content p { 1985 font-size: 1.15rem; 1986 color: rgba(255, 255, 255, 0.85); 1987 margin-bottom: 2rem; 1988 } 1989 1990 .btn-cta { 1991 background: var(--white); 1992 color: var(--primary-blue); 1993 padding: 1rem 2.5rem; 1994 border-radius: 10px; 1995 font-weight: 700; 1996 text-decoration: none; 1997 display: inline-block; 1998 transition: all 0.3s ease; 1999 } 2000 2001 .btn-cta:hover { 2002 transform: translateY(-2px); 2003 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 2004 color: var(--primary-blue); 2005 } 2006 2007 /* Process Section */ 2008 .process-section { 2009 padding: 5rem 0; 2010 background: var(--background-light); 2011 } 2012 2013 .process-section .section-header { 2014 margin-bottom: 3rem; 2015 } 2016 2017 .process-section .section-header h2 { 2018 font-size: 2.5rem; 2019 font-weight: 800; 2020 color: var(--primary-blue); 2021 margin-bottom: 1rem; 2022 } 2023 2024 .process-section .section-header p { 2025 font-size: 1.15rem; 2026 color: var(--text-light); 2027 } 2028 2029 .process-steps { 2030 display: flex; 2031 justify-content: center; 2032 gap: 2rem; 2033 flex-wrap: wrap; 2034 } 2035 2036 .process-step { 2037 background: var(--white); 2038 border-radius: 16px; 2039 padding: 2rem; 2040 text-align: center; 2041 flex: 1; 2042 min-width: 200px; 2043 max-width: 250px; 2044 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); 2045 position: relative; 2046 } 2047 2048 .step-number { 2049 width: 50px; 2050 height: 50px; 2051 background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-teal) 100%); 2052 border-radius: 50%; 2053 display: flex; 2054 align-items: center; 2055 justify-content: center; 2056 font-size: 1.5rem; 2057 font-weight: 700; 2058 color: var(--white); 2059 margin: 0 auto 1.25rem; 2060 } 2061 2062 .process-step h3 { 2063 font-size: 1.25rem; 2064 font-weight: 700; 2065 color: var(--text-dark); 2066 margin-bottom: 0.75rem; 2067 } 2068 2069 .process-step p { 2070 font-size: 0.95rem; 2071 color: var(--text-light); 2072 line-height: 1.6; 2073 margin: 0; 2074 } 2075 2076 @media (max-width: 991px) { 2077 .process-steps { 2078 gap: 1.5rem; 2079 } 2080 2081 .process-step { 2082 min-width: 180px; 2083 } 2084 } 2085 2086 @media (max-width: 767px) { 2087 .process-steps { 2088 flex-direction: column; 2089 align-items: center; 2090 } 2091 2092 .process-step { 2093 max-width: 100%; 2094 width: 100%; 2095 } 2096 2097 .process-section .section-header h2 { 2098 font-size: 2rem; 2099 } 2100 } 2101 2102 /* Responsive */ 2103 @media (max-width: 991px) { 2104 .feature-title { 2105 font-size: 2.5rem; 2106 } 2107 2108 .feature-hero-visual { 2109 margin-top: 3rem; 2110 } 2111 } 2112 2113 @media (max-width: 767px) { 2114 .feature-hero { 2115 padding: 6rem 0 4rem; 2116 } 2117 2118 .feature-title { 2119 font-size: 2rem; 2120 } 2121 2122 .feature-details .section-header h2 { 2123 font-size: 2rem; 2124 } 2125 2126 .feature-cta-section .cta-content h2 { 2127 font-size: 2rem; 2128 } 2129 } 2130</style> 2131<style> 2132 .ams-hero { 2133 min-height: 560px; 2134 } 2135 2136 .core-ams-section, 2137 .linked-features-section { 2138 padding: 5.5rem 0; 2139 background: #f8fbff; 2140 } 2141 2142 .omnichannel-section { 2143 padding: 5.5rem 0; 2144 background: #eef6ff; 2145 } 2146 2147 .ams-visual-section { 2148 padding: 5.5rem 0; 2149 background: #ffffff; 2150 } 2151 2152 .linked-features-section { 2153 background: #ffffff; 2154 } 2155 2156 .ams-canvas { 2157 border-radius: 20px; 2158 padding: 1.4rem; 2159 background: linear-gradient(165deg, #0f172a 0%, #1e293b 100%); 2160 color: #e2e8f0; 2161 box-shadow: 0 18px 50px rgba(15, 23, 42, 0.28); 2162 height: 100%; 2163 } 2164 2165 .ams-canvas__metrics { 2166 display: grid; 2167 grid-template-columns: repeat(4, minmax(0, 1fr)); 2168 gap: 0.7rem; 2169 margin-bottom: 1rem; 2170 } 2171 2172 .ams-metric {
2173 border: 1px solid rgba(148, 163, 184, 0.25); 2174 border-radius: 10px; 2175 padding: 0.6rem 0.65rem; 2176 background: rgba(15, 23, 42, 0.38); 2177 } 2178 2179 .ams-metric span { 2180 display: block; 2181 font-size: 0.72rem; 2182 color: #93c5fd; 2183 text-transform: uppercase; 2184 letter-spacing: 0.05em; 2185 } 2186 2187 .ams-metric strong { 2188 font-size: 0.9rem; 2189 color: #f8fafc; 2190 } 2191 2192 .ams-canvas__board { 2193 display: grid; 2194 grid-template-columns: repeat(3, minmax(0, 1fr)); 2195 gap: 0.7rem; 2196 } 2197 2198 .ams-board-col { 2199 border: 1px solid rgba(148, 163, 184, 0.2); 2200 border-radius: 12px; 2201 padding: 0.65rem; 2202 background: rgba(15, 23, 42, 0.35); 2203 } 2204 2205 .ams-board-col h4 { 2206 font-size: 0.78rem; 2207 color: #cbd5e1; 2208 margin-bottom: 0.5rem; 2209 text-transform: uppercase; 2210 letter-spacing: 0.05em; 2211 } 2212 2213 .ams-ticket { 2214 display: flex; 2215 align-items: center; 2216 gap: 0.45rem; 2217 font-size: 0.78rem; 2218 padding: 0.45rem; 2219 border-radius: 8px; 2220 margin-bottom: 0.45rem; 2221 background: rgba(148, 163, 184, 0.12); 2222 } 2223 2224 .ams-ticket:last-child { 2225 margin-bottom: 0; 2226 } 2227 2228 .ams-ticket--blue { 2229 background: rgba(59, 130, 246, 0.25); 2230 } 2231 2232 .ams-ticket--teal { 2233 background: rgba(20, 184, 166, 0.24); 2234 } 2235 2236 .ams-canvas__timeline { 2237 margin-top: 0.95rem; 2238 display: grid; 2239 grid-template-columns: repeat(5, minmax(0, 1fr)); 2240 gap: 0.4rem; 2241 font-size: 0.73rem; 2242 } 2243 2244 .ams-canvas__timeline div { 2245 border: 1px dashed rgba(148, 163, 184, 0.35); 2246 border-radius: 7px; 2247 padding: 0.42rem; 2248 text-align: center; 2249 color: #bfdbfe; 2250 background: rgba(15, 23, 42, 0.35); 2251 } 2252 2253 .ams-spotlight-stack { 2254 display: grid; 2255 gap: 0.9rem; 2256 height: 100%; 2257 } 2258 2259 .ams-spotlight-card { 2260 border: 1px solid rgba(15, 23, 42, 0.08); 2261 border-radius: 14px; 2262 background: #f8fbff; 2263 padding: 1.15rem 1.2rem; 2264 } 2265 2266 .ams-spotlight-card h3 { 2267 font-size: 1.02rem; 2268 font-weight: 700; 2269 color: #1e3a5f; 2270 margin-bottom: 0.4rem; 2271 } 2272 2273 .ams-spotlight-card p { 2274 font-size: 0.92rem; 2275 color: #4b5563; 2276 margin: 0; 2277 line-height: 1.55; 2278 } 2279 2280 .omni-flow-card, 2281 .omni-stack-card { 2282 height: 100%; 2283 border-radius: 16px; 2284 border: 1px solid rgba(15, 23, 42, 0.1); 2285 background: #ffffff; 2286 padding: 1.35rem; 2287 box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); 2288 } 2289 2290 .omni-flow-card h3, 2291 .omni-stack-card h4 { 2292 color: #1e3a5f; 2293 font-weight: 700; 2294 margin-bottom: 0.75rem; 2295 font-size: 1.12rem; 2296 } 2297 2298 .omni-flow-grid { 2299 display: grid; 2300 grid-template-columns: repeat(3, minmax(0, 1fr)); 2301 gap: 0.6rem; 2302 margin-bottom: 0.85rem; 2303 } 2304 2305 .omni-flow-grid div { 2306 border: 1px solid rgba(59, 130, 246, 0.18); 2307 border-radius: 10px; 2308 padding: 0.55rem 0.5rem; 2309 background: #f8fbff; 2310 color: #1f2937; 2311 font-size: 0.82rem; 2312 font-weight: 600; 2313 display: flex; 2314 align-items: center; 2315 gap: 0.4rem; 2316 } 2317 2318 .omni-flow-grid i { 2319 color: #2563eb; 2320 } 2321 2322 .omni-flow-card p, 2323 .omni-stack-card p { 2324 margin-bottom: 0; 2325 font-size: 0.92rem; 2326 color: #475569; 2327 line-height: 1.6; 2328 } 2329 2330 .omni-stack-card ul { 2331 margin: 0.85rem 0 0; 2332 padding-left: 1.1rem; 2333 color: #334155; 2334 font-size: 0.9rem; 2335 line-height: 1.55; 2336 } 2337 2338 .core-ams-card { 2339 height: 100%; 2340 border-radius: 16px; 2341 padding: 1.6rem; 2342 border: 1px solid rgba(15, 23, 42, 0.08); 2343 background: #ffffff; 2344 box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); 2345 } 2346 2347 .core-ams-card h3 { 2348 font-size: 1.15rem; 2349 font-weight: 700; 2350 margin-bottom: 0.55rem; 2351 color: var(--text-dark); 2352 } 2353 2354 .core-ams-card p { 2355 color: var(--text-light); 2356 margin-bottom: 0.95rem; 2357 font-size: 0.94rem; 2358 line-height: 1.6; 2359 } 2360 2361 .core-ams-card a { 2362 font-size: 0.88rem; 2363 font-weight: 700; 2364 color: var(--accent-blue); 2365 text-decoration: none; 2366 } 2367 2368 .ams-link-chip { 2369 display: flex; 2370 align-items: center; 2371 gap: 0.5rem; 2372 border: 1px solid rgba(15, 23, 42, 0.1); 2373 border-radius: 10px; 2374 padding: 0.7rem 0.75rem; 2375 color: var(--text-dark); 2376 text-decoration: none; 2377 background: #f8fbff; 2378 font-size: 0.9rem; 2379 font-weight: 600; 2380 transition: all 0.2s ease; 2381 height: 100%; 2382 } 2383 2384 .ams-link-chip i { 2385 color: var(--accent-blue); 2386 } 2387 2388 .ams-link-chip:hover { 2389 border-color: var(--accent-blue); 2390 background: #eef4ff; 2391 color: var(--text-dark); 2392 transform: translateY(-1px); 2393 } 2394 2395 .ams-directory-card { 2396 height: 100%; 2397 border-radius: 16px; 2398 border: 1px solid rgba(15, 23, 42, 0.08); 2399 background: #ffffff; 2400 padding: 1.3rem; 2401 box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05); 2402 } 2403 2404 .ams-directory-card h3 { 2405 margin-bottom: 0.45rem; 2406 font-size: 1.04rem; 2407 color: #1e3a5f; 2408 } 2409 2410 .ams-directory-card h3 i { 2411 margin-right: 0.5rem; 2412 } 2413 2414 .ams-directory-card p { 2415 margin-bottom: 0.85rem; 2416 color: #64748b; 2417 font-size: 0.9rem; 2418 } 2419 2420 .ams-link-grid { 2421 display: grid; 2422 grid-template-columns: repeat(2, minmax(0, 1fr)); 2423 gap: 0.6rem; 2424 } 2425 2426 .feature-details .detail-card, 2427 .process-section .detail-card { 2428 border: 1px solid rgba(15, 23, 42, 0.06); 2429 } 2430 2431 @media (max-width: 991px) { 2432 .ams-canvas__metrics, 2433 .ams-canvas__board, 2434 .ams-canvas__timeline, 2435 .ams-link-grid, 2436 .omni-flow-grid { 2437 grid-template-columns: repeat(2, minmax(0, 1fr)); 2438 } 2439 } 2440 2441 @media (max-width: 575px) { 2442 .ams-canvas__metrics, 2443 .ams-canvas__board, 2444 .ams-canvas__timeline, 2445 .ams-link-grid, 2446 .omni-flow-grid { 2447 grid-template-columns: 1fr; 2448 } 2449 } 2450</style> 2451 </head> 2452<body class=""> 2453 <!-- Main Navigation --> 2454 <nav class="main-navbar"> 2455 <div class="container"> 2456 <div class="row align-items-center"> 2457 <div class="col-lg-2 col-8"> 2458 <a class="navbar-brand" href="https://getprudens.ai"> 2459 <picture class="brand-desktop"> 2460 <source srcset="https://getprudens.ai/prudens/prudenslogo.webp" type="image/webp"> 2461 <img src="https://getprudens.ai/prudens/prudenslogo.png" alt="Prudens AI" class="navbar-brand-logo" width="145" height="45" decoding="async" fetchpriority="high"> 2462 </picture>
2463 <span class="brand-mobile" aria-hidden="true"> 2464 <span class="brand-mascot"></span> 2465 <span class="brand-mobile-text"><strong>PRUDENS</strong><small>AI INSURANCE BROKER</small></span> 2466 </span> 2467 </a> 2468 </div> 2469 <div class="col-lg-7 d-none d-lg-flex justify-content-center"> 2470 <div class="primary-nav"> 2471 <!-- Features Dropdown --> 2472 <div class="nav-item"> 2473 <a class="nav-link" href="#">Features <i class="fas fa-chevron-down chevron"></i></a> 2474 <div class="dropdown-menu"> 2475 <a href="https://getprudens.ai/features/ams"><i class="fas fa-building"></i> AMS</a> 2476 <a href="https://getprudens.ai/features/ai-receptionist"><i class="fas fa-headset"></i> AI Receptionist</a> 2477 <a href="https://getprudens.ai/features/client-portal"><i class="fas fa-users"></i> Client Portal</a> 2478 <div class="dropdown-group"> 2479 <button type="button" class="dropdown-group-toggle" aria-label="Open Sales Workflow submenu"> 2480 <span class="toggle-label"><i class="fas fa-layer-group"></i> Sales Workflow</span> 2481 <i class="fas fa-chevron-right submenu-chevron"></i> 2482 </button> 2483 <div class="dropdown-submenu"> 2484 <a href="https://getprudens.ai/features/policy-comparison"><i class="fas fa-balance-scale"></i> Policy Comparison</a> 2485 <a href="https://getprudens.ai/features/proposal-builder"><i class="fas fa-file-signature"></i> Proposal Builder</a> 2486 <a href="https://getprudens.ai/features/acord-automation"><i class="fas fa-file-contract"></i> Form Automation</a> 2487 </div> 2488 </div> 2489 <a href="https://getprudens.ai/features/carrier-Appetite-submission"><i class="fas fa-compass"></i> Carrier Appetite & Submission</a> 2490 <a href="https://getprudens.ai/features/coi-eoi-endorsements"><i class="fas fa-certificate"></i> COI, EOI and Endorsements</a> 2491 <a href="https://getprudens.ai/features/fnol-submissions"><i class="fas fa-exclamation-triangle"></i> FNOL Submission</a> 2492 <a href="https://getprudens.ai/features/mcp-server"><i class="fas fa-server"></i> MCP Server</a> 2493 </div> 2494 </div> 2495 2496 <!-- Services Dropdown --> 2497 <!-- <div class="nav-item"> 2498 <a class="nav-link" href="#">Services <i class="fas fa-chevron-down chevron"></i></a> 2499 <div class="dropdown-menu"> 2500 <a href="https://getprudens.ai/services/custom-integrations"><i class="fas fa-cogs"></i> Custom Integrations</a> 2501 <a href="https://getprudens.ai/services/implementation"><i class="fas fa-rocket"></i> Implementation</a> 2502 <a href="https://getprudens.ai/services/customer-success"><i class="fas fa-users"></i> Customer Success</a> 2503 </div> 2504 </div> --> 2505 2506 <!-- Resources Dropdown --> 2507 <div class="nav-item"> 2508 <a class="nav-link" href="#">Resources <i class="fas fa-chevron-down chevron"></i></a> 2509 <div class="dropdown-menu"> 2510 <a href="https://getprudens.ai/resources/guides"><i class="fas fa-book"></i> Guides</a> 2511 <a href="https://getprudens.ai/resources/roi-calculator"><i class="fas fa-calculator"></i> ROI Calculator</a> 2512 <a href="https://getprudens.ai/resources/carrier-appetite"><i class="fas fa-compass"></i> Carrier Appetite</a> 2513 <a href="https://getprudens.ai/features/crm-ams-integration"><i class="fas fa-plug"></i> Intergration</a> 2514 </div> 2515 </div> 2516 2517 <!-- AI Tools Dropdown --> 2518 <div class="nav-item"> 2519 <a class="nav-link" href="#">AI Tools <i class="fas fa-chevron-down chevron"></i></a> 2520 <div class="dropdown-menu"> 2521 <!-- <a href="https://getprudens.ai/ai-tools/skills-for-insurance"><i class="fas fa-graduation-cap"></i> Skills for Insurance</a> --> 2522 <a href="https://getprudens.ai/ai-tools/prospecting-for-insurance"><i class="fas fa-search"></i> Prospecting for Insurance</a> 2523 <!-- <a href="https://getprudens.ai/ai-tools/mcp-management"><i class="fas fa-server"></i> MCP Insurance Connect</a> --> 2524 <a href="https://getprudens.ai/ai-tools/form-fill-automatic"><i class="fas fa-file-alt"></i> Form Fill Automation</a> 2525 <a href="https://getprudens.ai/ai-tools/pdf-to-proposal"><i class="fas fa-file-pdf"></i> PDF to Proposal</a> 2526 </div> 2527 </div> 2528 2529 <!-- Pricing --> 2530 2531 </div> 2532 </div> 2533 <div class="col-lg-3 col-4"> 2534 <div class="nav-actions"> 2535 <a href="https://getprudens.ai/support" class="btn-nav-support" aria-label="Open support page"> 2536 <i class="fas fa-headset"></i>
2537 <span>Support</span> 2538 </a> 2539 <a href="/login" class="btn-nav-login">Log In</a> 2540 <a href="https://calendar.app.google/rYnBGjPGPPmYoizeA" class="btn-nav-demo" target="_blank">Request Demo</a> 2541 <button class="mobile-toggle" aria-label="Toggle Navigation"> 2542 <i class="fas fa-bars"></i> 2543 </button> 2544 </div> 2545 </div> 2546 </div> 2547 </div> 2548 </nav> 2549 2550 <!-- Mobile Menu (top sheet) --> 2551 <div class="mobile-menu" id="mobileMenu" aria-hidden="true"> 2552 <div class="mobile-menu-header"> 2553 <a class="navbar-brand" href="https://getprudens.ai"> 2554 <span class="brand-mobile" aria-hidden="true"> 2555 <span class="brand-mascot"></span> 2556 <span class="brand-mobile-text"><strong>PRUDENS</strong><small>AI INSURANCE BROKER</small></span> 2557 </span> 2558 </a> 2559 <button class="mm-close" aria-label="Close menu" data-mobile-menu-close> 2560 <i class="fas fa-times"></i> 2561 </button> 2562 </div> 2563 2564 <div class="mobile-menu-body"> 2565 <div class="mm-group"> 2566 <span class="mm-heading">Features</span> 2567 <a href="https://getprudens.ai/features/ams"><i class="fas fa-building"></i> AMS</a> 2568 <a href="https://getprudens.ai/features/ai-receptionist"><i class="fas fa-headset"></i> AI Receptionist</a> 2569 <a href="https://getprudens.ai/features/client-portal"><i class="fas fa-users"></i> Client Portal</a> 2570 <details class="mm-expandable"> 2571 <summary> 2572 <span><i class="fas fa-layer-group"></i> Sales Workflow</span> 2573 <i class="fas fa-chevron-right submenu-chevron"></i> 2574 </summary> 2575 <div class="mm-submenu"> 2576 <a href="https://getprudens.ai/features/policy-comparison"><i class="fas fa-balance-scale"></i> Policy Comparison</a> 2577 <a href="https://getprudens.ai/features/proposal-builder"><i class="fas fa-file-signature"></i> Proposal Builder</a> 2578 <a href="https://getprudens.ai/features/acord-automation"><i class="fas fa-file-contract"></i> Form Automation</a> 2579 </div> 2580 </details> 2581 <a href="https://getprudens.ai/features/carrier-Appetite-submission"><i class="fas fa-compass"></i> Carrier Appetite & Submission</a> 2582 <a href="https://getprudens.ai/features/coi-eoi-endorsements"><i class="fas fa-certificate"></i> COI, EOI and Endorsements</a> 2583 <a href="https://getprudens.ai/features/fnol-submissions"><i class="fas fa-exclamation-triangle"></i> FNOL Submission</a> 2584 <a href="https://getprudens.ai/features/mcp-server"><i class="fas fa-server"></i> MCP Server</a> 2585 </div> 2586 2587 <div class="mm-group"> 2588 <span class="mm-heading">Services</span> 2589 <a href="https://getprudens.ai/services/custom-integrations"><i class="fas fa-cogs"></i> Custom Integrations</a> 2590 <a href="https://getprudens.ai/services/implementation"><i class="fas fa-rocket"></i> Implementation</a> 2591 <a href="https://getprudens.ai/services/customer-success"><i class="fas fa-users"></i> Customer Success</a> 2592 </div> 2593 2594 <div class="mm-group"> 2595 <span class="mm-heading">Resources</span> 2596 <a href="https://getprudens.ai/resources/guides"><i class="fas fa-book"></i> Guides</a> 2597 <a href="https://getprudens.ai/resources/roi-calculator"><i class="fas fa-calculator"></i> ROI Calculator</a> 2598 <a href="https://getprudens.ai/resources/carrier-appetite"><i class="fas fa-compass"></i> Carrier Appetite</a> 2599 <a href="https://getprudens.ai/features/crm-ams-integration"><i class="fas fa-plug"></i> Intergraiton</a> 2600 </div> 2601 2602 <div class="mm-group">
2603 <span class="mm-heading">AI Tools</span> 2604 <a href="https://getprudens.ai/ai-tools/skills-for-insurance"><i class="fas fa-graduation-cap"></i> Skills for Insurance</a> 2605 <a href="https://getprudens.ai/ai-tools/prospecting-for-insurance"><i class="fas fa-search"></i> Prospecting for Insurance</a> 2606 <a href="https://getprudens.ai/ai-tools/mcp-management"><i class="fas fa-server"></i> MCP Insurance Connect</a> 2607 <a href="https://getprudens.ai/ai-tools/form-fill-automatic"><i class="fas fa-file-alt"></i> Form Fill Automation</a> 2608 <a href="https://getprudens.ai/ai-tools/pdf-to-proposal"><i class="fas fa-file-pdf"></i> PDF to Proposal</a> 2609 </div> 2610 2611 </div> 2612 2613 <div class="mobile-menu-actions"> 2614 <a href="https://getprudens.ai/support" class="mm-btn mm-btn-ghost"><i class="fas fa-headset"></i> Support</a> 2615 <a href="/login" class="mm-btn mm-btn-ghost"><i class="fas fa-right-to-bracket"></i> Log In</a> 2616 <a href="https://calendar.app.google/rYnBGjPGPPmYoizeA" class="mm-btn mm-btn-primary" target="_blank"><i class="fas fa-calendar-check"></i> Request Demo</a> 2617 </div> 2618 </div> 2619 <div class="mobile-menu-backdrop" data-mobile-menu-close aria-hidden="true"></div> 2620 2621 <!-- Main Content --> 2622 <main> 2623 2624<section class="feature-hero ams-hero"> 2625 <div class="container"> 2626 <div class="row align-items-center"> 2627 <div class="col-lg-6"> 2628 <div class="feature-badge"> 2629 <i class="fas fa-building"></i> 2630 <span>AI-First AMS</span> 2631 </div> 2632 <h1 class="feature-title">Agency Management Built For AI-Native Operations</h1> 2633 <p class="feature-description"> 2634 Prudens combines agency management, servicing, carrier workflows, and automation into one platform. 2635 Run the full operation in UI mode, API mode, or MCP-driven autonomous mode. 2636 </p> 2637 <div class="feature-cta"> 2638 <a href="https://calendar.app.google/rYnBGjPGPPmYoizeA" class="btn-primary-feature">Request a Demo</a> 2639 <a href="#ams-capabilities" class="btn-secondary-feature">View Capabilities</a> 2640 </div> 2641 </div> 2642 <div class="col-lg-6"> 2643 <div class="feature-hero-visual"> 2644 <div class="visual-card"> 2645 <div class="visual-icon"><i class="fas fa-users"></i></div> 2646 <div class="visual-content"> 2647 <span class="visual-label">Client Portal</span> 2648 <span class="visual-value">Out-of-the-box access and service requests</span> 2649 </div> 2650 </div> 2651 <div class="visual-card active"> 2652 <div class="visual-icon"><i class="fas fa-server"></i></div> 2653 <div class="visual-content"> 2654 <span class="visual-label">Automation Surface</span> 2655 <span class="visual-value">MCP, API, and agent-assisted execution</span> 2656 </div> 2657 </div> 2658 <div class="visual-card"> 2659 <div class="visual-icon"><i class="fas fa-chart-line"></i></div> 2660 <div class="visual-content"> 2661 <span class="visual-label">Operations Control</span> 2662 <span class="visual-value">Carrier sync, commissions, and custom reporting</span> 2663 </div> 2664 </div> 2665 </div> 2666 </div> 2667 </div> 2668 </div> 2669</section> 2670 2671<section class="core-ams-section" id="core-ams"> 2672 <div class="container"> 2673 <div class="section-header text-center"> 2674 <h2>Standard AMS Modules Your Team Uses Every Day</h2> 2675 <p>
2675Prudens AMS is structured around core agency records and day-to-day servicing workflows.</p> 2676 </div> 2677 <div class="row g-4"> 2678 <div class="col-lg-4 col-md-6"> 2679 <div class="core-ams-card"> 2680 <div class="detail-icon"><i class="fas fa-building"></i></div> 2681 <h3>Accounts</h3> 2682 <p>Manage account profiles, contacts, servicing notes, and operational history in one workspace.</p> 2683 <a href="https://getprudens.ai/features/crm-ams-integration">View account workflows</a> 2684 </div> 2685 </div> 2686 <div class="col-lg-4 col-md-6"> 2687 <div class="core-ams-card"> 2688 <div class="detail-icon"><i class="fas fa-file-lines"></i></div> 2689 <h3>Policies</h3> 2690 <p>Track policy lifecycle from quote and comparison through proposals, binding, and service changes.</p> 2691 <a href="https://getprudens.ai/features/policy-comparison">View policy workflows</a> 2692 </div> 2693 </div> 2694 <div class="col-lg-4 col-md-6"> 2695 <div class="core-ams-card"> 2696 <div class="detail-icon"><i class="fas fa-shield-halved"></i></div> 2697 <h3>Risk</h3> 2698 <p>Evaluate carrier fit, appetite, and submission strategy with risk-aware routing and decision support.</p> 2699 <a href="https://getprudens.ai/resources/carrier-appetite">View risk and appetite tools</a> 2700 </div> 2701 </div> 2702 <div class="col-lg-4 col-md-6"> 2703 <div class="core-ams-card"> 2704 <div class="detail-icon"><i class="fas fa-table"></i></div> 2705 <h3>Viewing Data</h3> 2706 <p>Monitor records, workflows, and performance through configurable views and custom reporting outputs.</p> 2707 <a href="https://getprudens.ai/resources/roi-calculator">View data and reporting tools</a> 2708 </div> 2709 </div> 2710 <div class="col-lg-4 col-md-6"> 2711 <div class="core-ams-card"> 2712 <div class="detail-icon"><i class="fas fa-file-arrow-up"></i></div> 2713 <h3>Uploading Documents</h3> 2714 <p>Upload source files, extract structured details, and feed downstream form and proposal workflows.</p> 2715 <a href="https://getprudens.ai/ai-tools/form-fill-automatic">View document automation</a> 2716 </div> 2717 </div> 2718 <div class="col-lg-4 col-md-6"> 2719 <div class="core-ams-card"> 2720 <div class="detail-icon"><i class="fas fa-screwdriver-wrench"></i></div> 2721 <h3>Usual AMS Operations</h3> 2722 <p>Handle reminders, calendar flow, endorsements, claims intake, and client servicing from one platform.</p> 2723 <a href="https://getprudens.ai/features/coi-eoi-endorsements">View servicing operations</a> 2724 </div> 2725 </div> 2726 </div> 2727 </div> 2728</section> 2729 2730<section id="ams-capabilities" class="ams-visual-section"> 2731 <div class="container"> 2732 <div class="section-header text-center"> 2733 <h2>See AMS Operations In Motion</h2> 2734 <p>Not just features in a list: one connected operating system from intake through service and renewal.</p> 2735 </div> 2736 <div class="row g-4 align-items-stretch"> 2737 <div class="col-lg-7"> 2738 <div class="ams-canvas"> 2739 <div class="ams-canvas__metrics"> 2740 <div class="ams-metric"><span>Accounts</span><strong>Unified</strong></div> 2741 <div class="ams-metric"><span>Policies</span><strong>Lifecycle</strong></div> 2742 <div class="ams-metric"><span>Risk</span><strong>Carrier Fit</strong></div> 2743 <div class="ams-metric"><span>Documents</span><strong>Automated</strong></div> 2744 </div> 2745 <div class="ams-canvas__board"> 2746 <div class="ams-board-col"> 2747 <h4>Today</h4> 2748 <div class="ams-ticket ams-ticket--blue"><i class="fas fa-user-plus"></i> 12 New Account Intakes</div> 2749 <div class="ams-ticket"><i class="fas fa-scale-balanced"></i> 9 Policies In Comparison</div> 2750 </div> 2751 <div class="ams-board-col"> 2752 <h4>Service Queue</h4> 2753 <div class="ams-ticket"><i class="fas fa-certificate"></i> 18 COI Requests</div> 2754 <div class="ams-ticket"><i class="fas fa-file-arrow-up"></i> 26 Uploaded Docs</div> 2755 </div> 2756 <div class="ams-board-col"> 2757 <h4>Automation</h4> 2758 <div class="ams-ticket ams-ticket--teal"><i class="fas fa-robot"></i> MCP Workflows Active</div> 2759 <div class="ams-ticket"><i class="fas fa-bell"></i> Renewal Reminders Synced</div> 2760 </div> 2761 </div> 2762 <div class="ams-canvas__timeline"> 2763 <div><i class="fas fa-headset"></i> Intake</div> 2764 <div><i class="fas fa-balance-scale"></i>
2764 Compare</div> 2765 <div><i class="fas fa-file-signature"></i> Propose</div> 2766 <div><i class="fas fa-credit-card"></i> Bind</div> 2767 <div><i class="fas fa-arrows-rotate"></i> Renew</div> 2768 </div> 2769 </div> 2770 </div> 2771 <div class="col-lg-5"> 2772 <div class="ams-spotlight-stack"> 2773 <article class="ams-spotlight-card"> 2774 <h3>Core Operations</h3> 2775 <p>Accounts, policies, risk, data viewing, and document uploads are built into everyday workflows for agents and service teams.</p> 2776 </article> 2777 <article class="ams-spotlight-card"> 2778 <h3>Service + Compliance</h3> 2779 <p>Form automation, endorsements, FNOL submission, SOP execution, and custom confirmations keep insured and carrier communications consistent at scale.</p> 2780 </article> 2781 <article class="ams-spotlight-card"> 2782 <h3>Automation + Oversight</h3> 2783 <p>Run with UI, API, or MCP server modes and keep control with reminders, approvals, and custom-defined reporting.</p> 2784 </article> 2785 </div> 2786 </div> 2787 </div> 2788 </div> 2789</section> 2790 2791<section class="omnichannel-section" id="omnichannel-communications"> 2792 <div class="container"> 2793 <div class="section-header text-center"> 2794 <h2>Omnichannel AI Receptionest and Communication Automation</h2> 2795 <p>Portal, email, SMS, phone, and online touchpoints orchestrated in one SOP-driven communication layer.</p> 2796 </div> 2797 <div class="row g-4 align-items-stretch"> 2798 <div class="col-lg-7"> 2799 <div class="omni-flow-card"> 2800 <h3>One Intake, Multiple Channels, One Source of Truth</h3> 2801 <div class="omni-flow-grid"> 2802 <div><i class="fas fa-users"></i><span>Client Portal</span></div> 2803 <div><i class="fas fa-envelope"></i><span>Email</span></div> 2804 <div><i class="fas fa-comment-dots"></i><span>SMS</span></div> 2805 <div><i class="fas fa-phone-volume"></i><span>Phone</span></div> 2806 <div><i class="fas fa-globe"></i><span>Online Intake</span></div> 2807 </div> 2808 <p>Prudens routes every signal into the same AMS workflow so teams can execute faster while clients get immediate, channel-appropriate responses.</p> 2809 </div> 2810 </div> 2811 <div class="col-lg-5"> 2812 <div class="omni-stack-card"> 2813 <h4>SOP + Custom Confirmation Engine</h4> 2814 <p>Automate operating procedures with trigger-based confirmations tailored by line of business, account profile, and carrier requirements.</p> 2815 <ul> 2816 <li>Insured communication playbooks by workflow stage</li> 2817 <li>COI and EOI confirmation sequences</li> 2818 <li>Carrier submission and follow-up templates</li> 2819 <li>Escalation logic when responses miss SLA windows</li> 2820 </ul> 2821 </div> 2822 </div> 2823 </div> 2824 </div> 2825</section> 2826 2827<section class="linked-features-section" id="linked-features"> 2828 <div class="container"> 2829 <div class="section-header text-center"> 2830 <h2>Explore Related Prudens Features</h2> 2831 <p>Browse by operational area and jump directly to the right capability page.</p> 2832 </div> 2833 <div class="row g-4"> 2834 <div class="col-lg-6"> 2835 <div class="ams-directory-card"> 2836 <h3><i class="fas fa-building mr-2"></i>Core AMS</h3> 2837 <p>Daily record and servicing workflows used by account teams.</p> 2838 <div class="ams-link-grid"> 2839 <a class="ams-link-chip" href="https://getprudens.ai/features/policy-comparison">Policy Comparison</a> 2840 <a class="ams-link-chip" href="https://getprudens.ai/features/proposal-builder">
2840Proposal Builder</a> 2841 <a class="ams-link-chip" href="https://getprudens.ai/features/binding-billing">Binding and Billing</a> 2842 <a class="ams-link-chip" href="https://getprudens.ai/features/coi-eoi-endorsements">COI/EOI/Endorsements</a> 2843 </div> 2844 </div> 2845 </div> 2846 <div class="col-lg-6"> 2847 <div class="ams-directory-card"> 2848 <h3><i class="fas fa-shield-halved mr-2"></i>Risk + Carrier</h3> 2849 <p>Carrier strategy, submission direction, and incident operations.</p> 2850 <div class="ams-link-grid"> 2851 <a class="ams-link-chip" href="https://getprudens.ai/resources/carrier-appetite">Carrier Appetite & Submission</a> 2852 <a class="ams-link-chip" href="https://getprudens.ai/features/fnol-submissions">FNOL Submission</a> 2853 <a class="ams-link-chip" href="https://getprudens.ai/features/crm-ams-integration">Intergraiton</a> 2854 <a class="ams-link-chip" href="https://getprudens.ai/features/ai-receptionist">AI Receptionist</a> 2855 </div> 2856 </div> 2857 </div> 2858 <div class="col-lg-6"> 2859 <div class="ams-directory-card"> 2860 <h3><i class="fas fa-file-lines mr-2"></i>Forms + Documents</h3> 2861 <p>From uploads to structured outputs and proposal-ready artifacts.</p> 2862 <div class="ams-link-grid"> 2863 <a class="ams-link-chip" href="https://getprudens.ai/features/acord-automation">Form Automation</a> 2864 <a class="ams-link-chip" href="https://getprudens.ai/ai-tools/form-fill-automatic">Upload and Extract Documents</a> 2865 <a class="ams-link-chip" href="https://getprudens.ai/ai-tools/pdf-to-proposal">PDF to Proposal</a> 2866 </div> 2867 </div> 2868 </div> 2869 <div class="col-lg-6"> 2870 <div class="ams-directory-card"> 2871 <h3><i class="fas fa-robot mr-2"></i>Automation + MCP</h3> 2872 <p>Agentic execution surfaces with controllable operational guardrails.</p> 2873 <div class="ams-link-grid"> 2874 <a class="ams-link-chip" href="https://getprudens.ai/ai-tools/mcp-management">MCP Server</a> 2875 <a class="ams-link-chip" href="https://getprudens.ai/features/ams#core-ams">Accounts and Policies</a> 2876 <a class="ams-link-chip" href="https://getprudens.ai/features/ams#demo">Book AMS Walkthrough</a> 2877 </div> 2878 </div> 2879 </div> 2880 </div> 2881 </div> 2882</section> 2883 2884<section class="process-section"> 2885 <div class="container"> 2886 <div class="section-header text-center"> 2887 <h2>Operate In The Mode That Fits Your Team</h2> 2888 <p>Prudens supports UI-first teams, API-first teams, and hybrid human + AI operations.</p> 2889 </div> 2890 <div class="row g-4"> 2891 <div class="col-md-4"> 2892 <div class="detail-card"> 2893 <div class="detail-icon"><i class="fas fa-desktop"></i></div> 2894 <h3>Agent Workspace</h3> 2895 <p>Run workflows directly in Prudens with guided screens for sales, service, and operations.</p> 2896 </div> 2897 </div> 2898 <div class="col-md-4"> 2899 <div class="detail-card"> 2900 <div class="detail-icon"><i class="fas fa-code"></i></div> 2901 <h3>API Orchestration</h3> 2902 <p>Trigger workflows from external tools, systems, and custom agency applications.</p> 2903 </div> 2904 </div> 2905 <div class="col-md-4"> 2906 <div class="detail-card"> 2907 <div class="detail-icon"><i class="fas fa-robot"></i></div> 2908 <h3>MCP Automation</h3> 2909 <p>Let AI clients execute tasks through MCP tools while your team defines approval guardrails.</p> 2910 </div> 2911 </div> 2912 </div> 2913 </div> 2914</section> 2915 2916<section id="demo" class="feature-cta-section"> 2917 <div class="container"> 2918 <div class="cta-content text-center"> 2919 <h2>See Prudens AMS End-To-End</h2> 2920 <p>Get a guided walkthrough of the capabilities your agency can activate now.</p> 2921 <a href="https://calendar.app.google/rYnBGjPGPPmYoizeA" class="btn-cta">Request Your AMS Demo</a> 2922 </div> 2923 </div> 2924</section> 2925 2926 </main> 2927 2928 2929 <!-- Footer --> 2930 <footer> 2931 <div class="container"> 2932 <div class="row footer-columns"> 2933 <div class="col-6 col-md-4 col-lg footer-col mb-4">
2934 <span class="footer-logo-badge"> 2935 <picture> 2936 <source srcset="https://getprudens.ai/prudens/prudenslogo.webp" type="image/webp"> 2937 <img src="https://getprudens.ai/prudens/prudenslogo.png" alt="Prudens AI" style="height: 40px;" width="128" height="40" loading="lazy" decoding="async"> 2938 </picture> 2939 </span> 2940 <p class="mb-3" style="color: var(--text-light); font-size: 0.9rem;"> 2941 Intelligent automation for modern insurance agencies. 2942 </p> 2943 <div class="social-icons"> 2944 <a href="https://www.linkedin.com/company/getprudens" target="_blank" rel="noopener noreferrer" aria-label="Prudens on LinkedIn"><i class="fab fa-linkedin-in"></i></a> 2945 <a href="#" aria-label="Prudens on Twitter"><i class="fab fa-twitter"></i></a> 2946 <a href="https://www.youtube.com/@getprudens" target="_blank" rel="noopener noreferrer" aria-label="Prudens on YouTube"><i class="fab fa-youtube"></i></a> 2947 </div> 2948 </div> 2949 <div class="col-6 col-md-4 col-lg footer-col mb-4"> 2950 <p class="footer-heading">FEATURES</p> 2951 <a href="https://getprudens.ai/features/ai-receptionist">AI Receptionist</a> 2952 <a href="https://getprudens.ai/features/client-portal">Client Portal</a> 2953 <a href="https://getprudens.ai/features/policy-comparison">Policy Comparison</a> 2954 <a href="https://getprudens.ai/features/proposal-builder">Proposal Builder</a> 2955 <a href="https://getprudens.ai/features/acord-automation">Form Automation</a> 2956 <a href="https://getprudens.ai/features/coi-eoi-endorsements">COI, EOI and Endorsements</a> 2957 <a href="https://getprudens.ai/features/fnol-submissions">FNOL Submissions</a> 2958 </div> 2959 <div class="col-6 col-md-4 col-lg footer-col mb-4"> 2960 <p class="footer-heading">SERVICES</p> 2961 <a href="https://getprudens.ai/services/custom-integrations">Custom Integrations</a> 2962 <a href="https://getprudens.ai/services/implementation">Implementation</a> 2963 <a href="https://getprudens.ai/services/customer-success">Customer Success</a> 2964 </div> 2965 <div class="col-6 col-md-4 col-lg footer-col mb-4"> 2966 <p class="footer-heading">RESOURCES</p> 2967 <a href="https://getprudens.ai/resources/guides">Guides</a> 2968 <a href="https://getprudens.ai/resources/roi-calculator">ROI Calculator</a> 2969 <a href="https://getprudens.ai/resources/carrier-appetite">Carrier Appetite</a> 2970 <a href="https://getprudens.ai/features/crm-ams-integration">Intergraiton</a> 2971 <a href="https://getprudens.ai/support">Support</a> 2972 <a href="https://getprudens.ai/privacy-policy">Privacy Policy</a> 2973 <a href="https://getprudens.ai/terms-of-service">Terms of Service</a> 2974 <a href="https://getprudens.ai/data-management">Data Management</a> 2975 </div> 2976 <div class="col-6 col-md-4 col-lg footer-col mb-4"> 2977 <p class="footer-heading">AI TOOLS</p> 2978 <a href="https://getprudens.ai/ai-tools/skills-for-insurance">Skills for Insurance</a> 2979 <a href="https://getprudens.ai/ai-tools/prospecting-for-insurance">Prospecting for Insurance</a> 2980 <a href="https://getprudens.ai/ai-tools/mcp-management">MCP Insurance Connect</a> 2981 <a href="https://getprudens.ai/ai-tools/form-fill-automatic">Form Fill Automation</a> 2982 <a href="https://getprudens.ai/ai-tools/pdf-to-proposal">PDF to Proposal</a> 2983 </div> 2984 </div> 2985 2986 <div class="footer-bottom"> 2987 <div class="row"> 2988 <div class="col-md-12 text-center"> 2989 <p class="mb-0">© 2026 Prudens AI. All Rights Reserved.</p> 2990 </div> 2991 </div> 2992 </div> 2993 </div> 2994 </footer> 2995 2996 <!-- Navbar Scroll Effect --> 2997
2997<script> 2998 window.addEventListener('scroll', function() { 2999 const navbar = document.querySelector('.main-navbar'); 3000 if (window.scrollY > 50) { 3001 navbar.classList.add('scrolled'); 3002 } else { 3003 navbar.classList.remove('scrolled'); 3004 } 3005 }); 3006 3007 document.addEventListener('DOMContentLoaded', function () { 3008 // Mobile menu (top sheet) 3009 const mobileMenu = document.getElementById('mobileMenu'); 3010 const mobileToggle = document.querySelector('.mobile-toggle'); 3011 const mobileBackdrop = document.querySelector('.mobile-menu-backdrop'); 3012 if (mobileMenu && mobileToggle) { 3013 const closeButtons = Array.from(document.querySelectorAll('[data-mobile-menu-close]')); 3014 const menuLinks = Array.from(mobileMenu.querySelectorAll('a')); 3015 3016 function openMobileMenu() { 3017 mobileMenu.classList.add('is-open'); 3018 mobileMenu.setAttribute('aria-hidden', 'false'); 3019 if (mobileBackdrop) mobileBackdrop.classList.add('is-open'); 3020 document.body.classList.add('mobile-menu-open'); 3021 } 3022 function closeMobileMenu() { 3023 mobileMenu.classList.remove('is-open'); 3024 mobileMenu.setAttribute('aria-hidden', 'true'); 3025 if (mobileBackdrop) mobileBackdrop.classList.remove('is-open'); 3026 document.body.classList.remove('mobile-menu-open'); 3027 } 3028 3029 mobileToggle.addEventListener('click', function () { 3030 mobileMenu.classList.contains('is-open') ? closeMobileMenu() : openMobileMenu(); 3031 }); 3032 closeButtons.forEach(function (btn) { btn.addEventListener('click', closeMobileMenu); }); 3033 menuLinks.forEach(function (link) { link.addEventListener('click', closeMobileMenu); }); 3034 document.addEventListener('keydown', function (event) { 3035 if (event.key === 'Escape' && mobileMenu.classList.contains('is-open')) closeMobileMenu(); 3036 }); 3037 } 3038 3039 const chatModal = document.getElementById('support-chat-modal'); 3040 const openButtons = Array.from(document.querySelectorAll('[data-support-chat-open]')); 3041 const closeButtons = Array.from(document.querySelectorAll('[data-support-chat-close]')); 3042 3043 if (!chatModal || openButtons.length === 0) { 3044 return; 3045 } 3046 3047 function openChatModal() { 3048 chatModal.classList.add('is-open'); 3049 chatModal.setAttribute('aria-hidden', 'false'); 3050 document.body.classList.add('support-chat-open'); 3051 } 3052 3053 function closeChatModal() { 3054 chatModal.classList.remove('is-open'); 3055 chatModal.setAttribute('aria-hidden', 'true'); 3056 document.body.classList.remove('support-chat-open'); 3057 } 3058 3059 openButtons.forEach(function (button) { 3060 button.addEventListener('click', openChatModal); 3061 }); 3062 3063 closeButtons.forEach(function (button) { 3064 button.addEventListener('click', closeChatModal); 3065 }); 3066 3067 document.addEventListener('keydown', function (event) { 3068 if (event.key === 'Escape' && chatModal.classList.contains('is-open')) { 3069 closeChatModal(); 3070 } 3071 }); 3072 }); 3073 </script>
3073 3074 3075 3076 3077
3077<script type="text/javascript" id="hs-script-loader" async defer src="https://js-eu1.hs-scripts.com/21143790.js"></script>
3077 3078 <!-- Google tag (gtag.js) loaded after initial paint --> 3079
3079<script> 3080 (function () { 3081 function loadAnalytics() { 3082 if (window.__prudensAnalyticsLoaded) { 3083 return; 3084 } 3085 3086 window.__prudensAnalyticsLoaded = true; 3087 window.dataLayer = window.dataLayer || []; 3088 window.gtag = window.gtag || function () { dataLayer.push(arguments); }; 3089 gtag('js', new Date()); 3090 gtag('config', 'G-57VSZBDG91'); 3091 3092 const script = document.createElement('script'); 3093 script.async = true; 3094 script.src = 'https://www.googletagmanager.com/gtag/js?id=G-57VSZBDG91'; 3095 document.head.appendChild(script); 3096 } 3097 3098 if ('requestIdleCallback' in window) { 3099 requestIdleCallback(loadAnalytics, { timeout: 3000 }); 3100 } else { 3101 window.addEventListener('load', function () { 3102 window.setTimeout(loadAnalytics, 1200); 3103 }); 3104 } 3105 })(); 3106 </script>
3106 3107</body> 3108</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.