PageSourceSearch

https://getprudens.ai/features/ams

html getprudens.ai collected 2026-10-05 12:00:09 UTC 104,598 bytes, 3,108 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5            <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <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 &amp; 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 &amp; 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 &amp; 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">&copy; 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.