PageSourceSearch

https://smplx.ai/contact

html smplx.ai collected 2026-10-05 14:51:32 UTC 311,260 bytes, 3,309 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 
2
3 :root{ --transparent: transparent;
4--primary: #37ca37;
5--secondary: #188bf6;
6--white: #ffffff;
7--gray: #cbd5e0;
8--black: #000000;
9--red: #e93d3d;
10--orange: #f6ad55;
11--yellow: #faf089;
12--green: #9ae6b4;
13--teal: #81e6d9;
14--malibu: #63b3ed;
15--indigo: #757BBD;
16--purple: #d6bcfa;
17--pink: #fbb6ce;
18--cobalt: #155eef;
19--smoke: #f5f5f5;
20--overlay: rgba(0, 0, 0, 0.5);
21--color-l95qo1xu: 	#000000;
22--color-ltohazk0: #353F4F;
23--color-ltohcsf2: #757575;
24--color-66c5b4f991201e717d357151: #667085;
25--color-66c5b4f991201e3958357152: #000000;
26--color-66daba3e496e4493ad72bac8: #1F98E4;
27--color-67580b9f462bf6f298b157e7: #FFFFFF;
28--poppins: 'Poppins';
29--inter: 'Inter';
30--space-grotesk: 'Space Grotesk';
31--headlinefont: 'Inter';
32--contentfont: 'Inter';
33--text-color: #000000;
34--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 
35            
36            .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white)}
37            
38          
39#hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup.popup-body{width:380px!important}} 
40  
41 /* ---- simplex ai nav menu styles ----- */ 
42:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-9E52fK422I,.hl_page-preview--content .row-goXgyaaSBM,.hl_page-preview--content .section-RlIr7r0Qc{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-9E52fK422I,.hl_page-preview--content .row-goXgyaaSBM{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-9E52fK422I{margin:0}.hl_page-preview--content .custom-code-OjOIBerRme{margin:0;width:auto;height:auto}#section-RlIr7r0Qc>.inner{max-width:100%}#col-9E52fK422I>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 
43 /* ---- Section styles ----- */ 
44:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-enkVeEBQtY,.hl_page-preview--content .row-ICtQgdT4JS,.hl_page-preview--content .section-ALPiNp9PMY{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-enkVeEBQtY,.hl_page-preview--content .row-ICtQgdT4JS{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-enkVeEBQtY{margin:0}.hl_page-preview--content .custom-code-pCKvltyTeS{margin:0;width:auto;height:auto}#section-ALPiNp9PMY>.inner{max-width:1170px}#col-enkVeEBQtY>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 
45 /* ---- simplex ai website footer & schema styles ----- */ 
46:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-BMDkjpeGVm,.hl_page-preview--content .row-w94gyaBcq_,.hl_page-preview--content .section-PwOMT-2Ltl{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-BMDkjpeGVm,.hl_page-preview--content .row-w94gyaBcq_{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-BMDkjpeGVm{margin:0}.hl_page-preview--content .custom-code-3OMN-dOmEH{margin:0;width:auto;height:auto}#section-PwOMT-2Ltl>.inner{max-width:1170px}#col-BMDkjpeGVm>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}
47
48@media (max-width: 1024px) {
49  #section-RlIr7r0Qc,
50  #row-goXgyaaSBM,
51  #col-9E52fK422I,
52  #section-ALPiNp9PMY,
53  #row-ICtQgdT4JS,
54  #col-enkVeEBQtY,
55  #section-PwOMT-2Ltl,
56  #row-w94gyaBcq_,
57  #col-BMDkjpeGVm {
58    animation: none !important;
59  }
60}
61</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPoppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" media="print" onload="this.media='all'"><style>:root {
62
63    /* ========================================
64       🎯 VERTICAL PRESET ACTIVE: UNIVERSAL (Simplex Default)
65       
66       TO DEPLOY A DIFFERENT VERTICAL:
67       Comment out this block and uncomment 
68       the matching preset below.
69       ======================================== */
70
71    /* PRIMARY — buttons, highlights, accents, CTAs */
72    --brand-primary: #34d399;
73    --brand-primary-hover: #10b981;
74    --brand-primary-rgb: 52, 211, 153;
75    
76    /* PRIMARY GRADIENT — CTA buttons, glow lines */
77    --brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-hover) 100%);
78    
79    /* URGENCY — scarcity, warnings, loss numbers, "X spots left" */
80    --brand-accent-red: #f87171;
81    --brand-accent-red-rgb: 248, 113, 113;
82    
83    /* ATTENTION — alerts, badges, "watch this" */
84    --brand-accent-yellow: #fbbf24;
85    --brand-accent-yellow-rgb: 251, 191, 36;
86    
87    /* SUCCESS — checkmarks, confirmations, positive proof */
88    --brand-success: #22c55e;
89    --brand-success-hover: #16a34a;
90    --brand-success-rgb: 34, 197, 94;
91
92
93    /* ========================================
94       🌗 THEME MODE
95       "dark" = dark background, light text
96       "light" = white background, dark text
97       ======================================== */
98    
99    --theme-mode: dark;
100
101
102    /* ========================================
103       TYPOGRAPHY
104       Change fonts here AND update the 
105       Google Fonts <link> below to match.
106       ======================================== */
107    
108    /* Display: Headlines, H1–H3, hero text */
109    --font-display: 'Inter', system-ui, sans-serif;
110    
111    /* Body: Paragraphs, descriptions, UI text */
112    --font-body: 'Inter', system-ui, sans-serif;
113    
114    /* Mono: Code blocks, technical labels */
115    --font-mono: 'JetBrains Mono', monospace;
116    
117    /* Headline style: capitalize | uppercase | none */
118    --title-transform: none;
119    
120    /* H1 weight — 700 for authority, 800 for impact */
121    --h1-weight: 800;
122
123
124    /* ========================================
125       SPACING SCALE
126       Base unit: 4px — Tailwind-compatible
127       Rarely needs changing per deployment
128       ======================================== */
129    
130    --space-0: 0;
131    --space-1: 4px;
132    --space-2: 8px;
133    --space-3: 12px;
134    --space-4: 16px;
135    --space-5: 20px;
136    --space-6: 24px;
137    --space-8: 32px;
138    --space-10: 40px;
139    --space-12: 48px;
140    --space-16: 64px;
141    --space-20: 80px;
142    --space-24: 96px;
143    --space-32: 128px;
144
145
146    /* ========================================
147       SECTION RHYTHM
148       Controls vertical breathing room.
149       Tuned for direct response sales pages.
150       ======================================== */
151    
152    --section-py: var(--space-24);          /* 96px — desktop sections */
153    --section-py-sm: var(--space-12);       /* 48px — compact sections */
154    --section-py-lg: 120px;                 /* 120px — hero, final CTA */
155    --section-py-mobile: var(--space-16);   /* 64px — mobile sections */
156    --section-px: var(--space-6);           /* 24px — horizontal */
157    --section-px-mobile: var(--space-4);    /* 16px — mobile horizontal */
158
159
160    /* ========================================
161       CONTAINER WIDTHS
162       ======================================== */
163    
164    --container-xs: 480px;
165    --container-sm: 640px;
166    --container-md: 768px;
167    --container-lg: 1024px;
168    --container-xl: 1200px;
169    --container-2xl: 1400px;
170
171
172    /* ========================================
173       BORDER RADII
174       ======================================== */
175    
176    --radius-sm: 6px;
177    --radius-md: 12px;
178    --radius-lg: 16px;
179    --radius-xl: 24px;
180    --radius-2xl: 32px;
181    --radius-full: 100px;
182    
183    --button-radius: var(--radius-md);
184    --card-radius: var(--radius-xl);
185    --badge-radius: var(--radius-full);
186    --input-radius: var(--radius-sm);
187
188
189    /* ========================================
190       TYPE SCALE
191       
192       Fixed sizes: xs–2xl (UI elements, cards, labels)
193       Fluid sizes: 3xl–7xl (headlines — scale smoothly
194       between mobile and desktop via clamp())
195       ======================================== */
196    
197    --text-xs: 12px;
198    --text-sm: 14px;
199    --text-base: 16px;
200    --text-base-mobile: 17px;      /* +1px for mobile readability */
201    --text-lg: 18px;
202    --text-xl: 20px;
203    --text-2xl: 24px;
204    --text-3xl: clamp(1.5rem, 2.5vw + 0.5rem, 1.875rem);    /* 24px → 30px */
205    --text-4xl: clamp(1.875rem, 3vw + 0.5rem, 2.25rem);     /* 30px → 36px */
206    --text-5xl: clamp(2.25rem, 4vw + 0.5rem, 3rem);          /* 36px → 48px */
207    --text-6xl: clamp(2.75rem, 5vw + 0.5rem, 3.75rem);       /* 44px → 60px */
208    --text-7xl: clamp(3rem, 6vw + 0.5rem, 4.5rem);           /* 48px → 72px */
209    
210    --leading-tight: 1.1;
211    --leading-snug: 1.25;
212    --leading-normal: 1.5;
213    --leading-relaxed: 1.7;
214    --leading-loose: 1.75;         /* Mobile body text */
215    
216    --tracking-tight: -0.02em;
217    --tracking-body: 0.01em;       /* Subtle positive tracking for body text */
218    --tracking-normal: 0;
219    --tracking-wide: 0.05em;
220
221
222    /* ========================================
223       SHADOWS
224       ======================================== */
225    
226    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
227    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
228    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
229    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
230    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
231    
232    /* Glow — auto-uses brand color */
233    --shadow-glow: 0 0 40px rgba(var(--brand-primary-rgb), 0.3);
234    --shadow-glow-lg: 0 0 80px rgba(var(--brand-primary-rgb), 0.4);
235    --shadow-glow-cta: 0 8px 30px rgba(var(--brand-primary-rgb), 0.4);
236    
237    /* Text glow — headlines on dark backgrounds */
238    --text-glow-headline: 0 0 40px rgba(255, 255, 255, 0.08);
239    --text-glow-brand: 0 0 30px rgba(var(--brand-primary-rgb), 0.3);
240
241
242    /* ========================================
243       TRANSITIONS
244       ======================================== */
245    
246    --transition-fast: 150ms ease;
247    --transition-normal: 200ms ease;
248    --transition-slow: 300ms ease;
249    --transition-slower: 500ms ease;
250
251
252    /* ========================================
253       Z-INDEX SCALE
254       ======================================== */
255    
256    --z-below: -1;
257    --z-base: 0;
258    --z-raised: 10;
259    --z-dropdown: 100;
260    --z-sticky: 200;
261    --z-overlay: 300;
262    --z-modal: 400;
263    --z-toast: 500;
264    --z-max: 9999;
265
266
267    /* ========================================
268       GLASS / SURFACE SYSTEM
269       Controls card visibility & section contrast
270       ======================================== */
271    
272    /* Card surface opacity — higher = more visible cards */
273    --surface-card: 0.06;
274    --surface-card-hover: 0.10;
275    
276    /* Card border opacity */
277    --surface-border: 0.10;
278    --surface-border-hover: 0.20;
279    
280    /* Section tint levels — controls alternating backgrounds */
281    --tint-subtle: 0.02;
282    --tint-light: 0.04;
283    --tint-medium: 0.07;
284  }</style><style>/* ==========================================
285     DARK THEME
286     ========================================== */
287  
288  [data-theme="dark"] {
289    --color-bg-primary: #0a0e17;
290    --color-bg-secondary: #141a24;
291    --color-bg-tertiary: #1c2430;
292    --color-bg-elevated: #222a36;
293    
294    --color-text: #ffffff;
295    --color-text-secondary: #e0e7ef;
296    --color-text-muted: #94a3b8;
297    --color-text-faint: #64748b;
298    
299    --color-border: rgba(255, 255, 255, var(--surface-border));
300    --color-border-strong: rgba(255, 255, 255, var(--surface-border-hover));
301    
302    --glass-bg: rgba(255, 255, 255, var(--surface-card));
303    --glass-bg-hover: rgba(255, 255, 255, var(--surface-card-hover));
304    --glass-border: rgba(255, 255, 255, var(--surface-border));
305    --glass-border-hover: rgba(255, 255, 255, var(--surface-border-hover));
306    
307    --overlay-light: rgba(255, 255, 255, 0.06);
308    --overlay-dark: rgba(0, 0, 0, 0.6);
309    
310    /* CTA text on brand-colored buttons (dark bg = white text if needed) */
311    --btn-primary-text: #0a0e17;
312  }
313  
314  
315  /* ==========================================
316     LIGHT THEME
317     ========================================== */
318  
319  [data-theme="light"] {
320    --color-bg-primary: #ffffff;
321    --color-bg-secondary: #f8fafc;
322    --color-bg-tertiary: #f1f5f9;
323    --color-bg-elevated: #ffffff;
324    
325    --color-text: #0f172a;
326    --color-text-secondary: #334155;
327    --color-text-muted: #64748b;
328    --color-text-faint: #94a3b8;
329    
330    --color-border: rgba(0, 0, 0, 0.08);
331    --color-border-strong: rgba(0, 0, 0, 0.15);
332    
333    --glass-bg: rgba(255, 255, 255, 0.7);
334    --glass-bg-hover: rgba(255, 255, 255, 0.85);
335    --glass-border: rgba(0, 0, 0, 0.08);
336    --glass-border-hover: rgba(0, 0, 0, 0.12);
337    
338    --overlay-light: rgba(0, 0, 0, 0.03);
339    --overlay-dark: rgba(0, 0, 0, 0.4);
340    
341    --btn-primary-text: #ffffff;
342  }
343  
344  
345  /* ==========================================
346     SEMANTIC MAPPINGS
347     ========================================== */
348  
349  :root {
350    --color-primary: var(--brand-primary);
351    --color-primary-hover: var(--brand-primary-hover);
352    --color-success: var(--brand-success);
353    --color-warning: var(--brand-accent-yellow);
354    --color-danger: var(--brand-accent-red);
355    
356    --blur-sm: 4px;
357    --blur-md: 12px;
358    --blur-lg: 24px;
359    --blur-xl: 40px;
360  }
361  
362  
363  /* ==========================================
364     LEGACY ALIASES (backward compat)
365     ========================================== */
366  
367  :root {
368    --bg-primary: var(--color-bg-primary);
369    --bg-secondary: var(--color-bg-secondary);
370    --bg-tertiary: var(--color-bg-tertiary);
371    --bg-elevated: var(--color-bg-elevated);
372    --text-primary: var(--color-text);
373    --text-secondary: var(--color-text-secondary);
374    --text-tertiary: var(--color-text-muted);
375    --text-muted: var(--color-text-muted);
376    --text-faint: var(--color-text-faint);
377    --border-color: var(--color-border);
378    --border-strong: var(--color-border-strong);
379  }
380  
381  
382  /* ==========================================
383     BASE RESET & TYPOGRAPHY
384     ========================================== */
385  
386  *, *::before, *::after {
387    box-sizing: border-box;
388    margin: 0;
389    padding: 0;
390  }
391  
392  html {
393    font-size: 16px;
394    -webkit-font-smoothing: antialiased;
395    -moz-osx-font-smoothing: grayscale;
396    scroll-behavior: smooth;
397    overflow-x: hidden;
398  }
399  
400  body {
401    font-family: var(--font-body);
402    font-size: var(--text-base);
403    line-height: var(--leading-normal);
404    letter-spacing: var(--tracking-body);
405    color: var(--color-text);
406    background-color: var(--color-bg-primary);
407    min-height: 100vh;
408    overflow-x: hidden;
409  }
410  
411  h1, h2, h3, h4, h5, h6 {
412    font-family: var(--font-display);
413    font-weight: 600;
414    line-height: var(--leading-tight);
415    letter-spacing: var(--tracking-tight);
416    color: var(--color-text);
417    text-transform: var(--title-transform, none);
418  }
419  
420  h1 {
421    font-size: var(--text-5xl);
422    font-weight: var(--h1-weight, 800);
423  }
424  h2 { font-size: var(--text-4xl); font-weight: 700; }
425  h3 { font-size: var(--text-3xl); }
426  h4 { font-size: var(--text-2xl); }
427  h5 { font-size: var(--text-xl); }
428  h6 { font-size: var(--text-lg); }
429  
430  p {
431    color: var(--color-text-secondary);
432    line-height: var(--leading-relaxed);
433    max-width: 65ch;
434  }
435  
436  a {
437    color: var(--color-primary);
438    text-decoration: none;
439    transition: color var(--transition-fast);
440  }
441  
442  a:hover {
443    color: var(--color-primary-hover);
444  }
445  
446  img, video {
447    max-width: 100%;
448    height: auto;
449    display: block;
450  }
451  
452  
453  /* ==========================================
454     RESPONSIVE TYPOGRAPHY
455     ========================================== */
456  
457  @media (max-width: 768px) {
458    h1 { font-size: var(--text-4xl); }
459    h2 { font-size: var(--text-3xl); }
460    h3 { font-size: var(--text-2xl); }
461    h4 { font-size: var(--text-xl); }
462    h5 { font-size: var(--text-lg); }
463    h6 { font-size: var(--text-base); font-weight: 700; }
464    
465    body, p {
466      font-size: var(--text-base-mobile, 17px);
467    }
468    
469    p {
470      line-height: var(--leading-loose, 1.75);
471    }
472  }
473  
474  
475  /* ==========================================
476     SECTION & CONTAINER SYSTEM
477     ========================================== */
478  
479  .section {
480    padding: var(--section-py) var(--section-px);
481    width: 100%;
482  }
483  
484  .section-sm { padding: var(--section-py-sm) var(--section-px); }
485  .section-lg { padding: var(--section-py-lg) var(--section-px); }
486  
487  .container {
488    width: 100%;
489    max-width: var(--container-xl);
490    margin: 0 auto;
491    padding: 0 var(--space-4);
492  }
493  
494  .container-sm { max-width: var(--container-sm); }
495  .container-md { max-width: var(--container-md); }
496  .container-lg { max-width: var(--container-lg); }
497  .container-xl { max-width: var(--container-xl); }
498  .container-2xl { max-width: var(--container-2xl); }
499  
500  @media (max-width: 768px) {
501    .section { padding: var(--section-py-mobile) var(--section-px-mobile); }
502    .section-sm { padding: var(--space-10) var(--section-px-mobile); }
503    .section-lg { padding: var(--section-py) var(--section-px-mobile); }
504  }
505  
506  
507  /* ==========================================
508     GLASSMORPHISM SYSTEM
509     ========================================== */
510  
511  .glass {
512    background: var(--glass-bg);
513    backdrop-filter: blur(var(--blur-md));
514    -webkit-backdrop-filter: blur(var(--blur-md));
515    border: 1px solid var(--glass-border);
516    transition: all var(--transition-normal);
517  }
518  
519  .glass:hover {
520    background: var(--glass-bg-hover);
521    border-color: var(--glass-border-hover);
522  }
523  
524  .glass-card {
525    background: var(--glass-bg);
526    backdrop-filter: blur(var(--blur-md));
527    -webkit-backdrop-filter: blur(var(--blur-md));
528    border: 1px solid var(--glass-border);
529    border-radius: var(--card-radius);
530    padding: var(--space-6);
531    transition: all var(--transition-normal);
532  }
533  
534  .glass-card:hover {
535    background: var(--glass-bg-hover);
536    border-color: var(--glass-border-hover);
537    transform: translateY(-2px);
538  }
539  
540  
541  /* ==========================================
542     BUTTON SYSTEM
543     ========================================== */
544  
545  .btn {
546    display: inline-flex;
547    align-items: center;
548    justify-content: center;
549    gap: var(--space-2);
550    padding: var(--space-3) var(--space-6);
551    font-family: var(--font-body);
552    font-size: var(--text-base);
553    font-weight: 600;
554    line-height: 1;
555    text-decoration: none;
556    border: none;
557    border-radius: var(--button-radius);
558    cursor: pointer;
559    transition: all var(--transition-fast);
560  }
561  
562  .btn:disabled {
563    opacity: 0.5;
564    cursor: not-allowed;
565  }
566  
567  .btn-primary {
568    background: var(--brand-gradient, var(--brand-primary));
569    color: var(--btn-primary-text, #000);
570    box-shadow: 
571      0 2px 8px rgba(0, 0, 0, 0.08),
572      0 4px 20px rgba(var(--brand-primary-rgb), 0.2);
573  }
574  
575  .btn-primary:hover {
576    transform: translateY(-2px);
577    box-shadow: var(--shadow-glow-cta);
578  }
579  
580  .btn-primary:active {
581    transform: translateY(0);
582    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
583  }
584  
585  .btn-secondary {
586    background: transparent;
587    color: var(--color-text);
588    border: 1px solid var(--color-border-strong);
589  }
590  
591  .btn-secondary:hover {
592    background: var(--overlay-light);
593    border-color: var(--color-text-muted);
594  }
595  
596  .btn-ghost {
597    background: transparent;
598    color: var(--color-text-muted);
599  }
600  
601  .btn-ghost:hover {
602    color: var(--color-text);
603    background: var(--overlay-light);
604  }
605  
606  .btn-sm { padding: var(--space-2) var(--space-4); font-size: var(--text-sm); }
607  .btn-lg { padding: var(--space-4) var(--space-8); font-size: var(--text-lg); }
608  .btn-cta { 
609    padding: var(--space-4) var(--space-10, 40px); 
610    font-size: var(--text-lg); 
611    font-weight: 700; 
612    letter-spacing: 0.02em; 
613  }
614  .btn-pill { border-radius: var(--radius-full); }
615  
616  
617  /* ==========================================
618     CARD SYSTEM
619     ========================================== */
620  
621  .card {
622    background: var(--color-bg-elevated);
623    border: 1px solid var(--color-border);
624    border-radius: var(--card-radius);
625    padding: var(--space-6);
626  }
627  
628  .card-hover {
629    transition: all var(--transition-normal);
630  }
631  
632  .card-hover:hover {
633    border-color: var(--color-border-strong);
634    transform: translateY(-2px);
635    box-shadow: var(--shadow-lg);
636  }
637  
638  
639  /* ==========================================
640     BADGE SYSTEM
641     ========================================== */
642  
643  .badge {
644    display: inline-flex;
645    align-items: center;
646    gap: var(--space-1);
647    padding: var(--space-1) var(--space-3);
648    font-size: var(--text-xs);
649    font-weight: 600;
650    text-transform: uppercase;
651    letter-spacing: var(--tracking-wide);
652    border-radius: var(--badge-radius);
653    background: var(--overlay-light);
654    color: var(--color-text-muted);
655  }
656  
657  .badge-primary {
658    background: rgba(var(--brand-primary-rgb), 0.15);
659    color: var(--brand-primary);
660  }
661  
662  .badge-success {
663    background: rgba(var(--brand-success-rgb), 0.15);
664    color: var(--brand-success);
665  }
666  
667  .badge-warning {
668    background: rgba(var(--brand-accent-yellow-rgb), 0.15);
669    color: var(--brand-accent-yellow);
670  }
671  
672  .badge-danger {
673    background: rgba(var(--brand-accent-red-rgb), 0.15);
674    color: var(--brand-accent-red);
675  }
676  
677  
678  /* ==========================================
679     FORM ELEMENTS
680     ========================================== */
681  
682  .input,
683  input[type="text"],
684  input[type="email"],
685  input[type="tel"],
686  input[type="number"],
687  input[type="password"],
688  textarea,
689  select {
690    width: 100%;
691    padding: var(--space-3) var(--space-4);
692    font-family: var(--font-body);
693    font-size: var(--text-base);
694    color: var(--color-text);
695    background: var(--color-bg-tertiary);
696    border: 1px solid var(--color-border);
697    border-radius: var(--input-radius);
698    transition: all var(--transition-fast);
699  }
700  
701  .input:focus,
702  input:focus,
703  textarea:focus,
704  select:focus {
705    outline: none;
706    border-color: var(--brand-primary);
707    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.15);
708  }
709  
710  .input::placeholder,
711  input::placeholder,
712  textarea::placeholder {
713    color: var(--color-text-faint);
714  }
715  
716  label {
717    display: block;
718    margin-bottom: var(--space-2);
719    font-size: var(--text-sm);
720    font-weight: 500;
721    color: var(--color-text-secondary);
722  }
723  
724  
725  /* ==========================================
726     UTILITY CLASSES
727     ========================================== */
728  
729  .text-left { text-align: left; }
730  .text-center { text-align: center; }
731  .text-right { text-align: right; }
732  .text-primary { color: var(--color-text); }
733  .text-secondary { color: var(--color-text-secondary); }
734  .text-muted { color: var(--color-text-muted); }
735  .text-brand { color: var(--brand-primary); }
736  .text-success { color: var(--brand-success); }
737  .text-warning { color: var(--brand-accent-yellow); }
738  .text-danger { color: var(--brand-accent-red); }
739  
740  .font-normal { font-weight: 400; }
741  .font-medium { font-weight: 500; }
742  .font-semibold { font-weight: 600; }
743  .font-bold { font-weight: 700; }
744  
745  .hidden { display: none; }
746  .block { display: block; }
747  .inline-block { display: inline-block; }
748  .flex { display: flex; }
749  .inline-flex { display: inline-flex; }
750  .grid { display: grid; }
751  .flex-col { flex-direction: column; }
752  .flex-wrap { flex-wrap: wrap; }
753  .items-start { align-items: flex-start; }
754  .items-center { align-items: center; }
755  .items-end { align-items: flex-end; }
756  .justify-start { justify-content: flex-start; }
757  .justify-center { justify-content: center; }
758  .justify-end { justify-content: flex-end; }
759  .justify-between { justify-content: space-between; }
760  .gap-1 { gap: var(--space-1); }
761  .gap-2 { gap: var(--space-2); }
762  .gap-3 { gap: var(--space-3); }
763  .gap-4 { gap: var(--space-4); }
764  .gap-6 { gap: var(--space-6); }
765  .gap-8 { gap: var(--space-8); }
766  
767  .m-0 { margin: 0; }
768  .m-auto { margin: auto; }
769  .mx-auto { margin-left: auto; margin-right: auto; }
770  .mb-2 { margin-bottom: var(--space-2); }
771  .mb-4 { margin-bottom: var(--space-4); }
772  .mb-6 { margin-bottom: var(--space-6); }
773  .mb-8 { margin-bottom: var(--space-8); }
774  .mt-4 { margin-top: var(--space-4); }
775  .mt-6 { margin-top: var(--space-6); }
776  .mt-8 { margin-top: var(--space-8); }
777  
778  .p-0 { padding: 0; }
779  .p-4 { padding: var(--space-4); }
780  .p-6 { padding: var(--space-6); }
781  .p-8 { padding: var(--space-8); }
782  .py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
783  .py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
784  .px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
785  .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }
786  
787  .w-full { width: 100%; }
788  .max-w-xs { max-width: var(--container-xs); }
789  .max-w-sm { max-width: var(--container-sm); }
790  .max-w-md { max-width: var(--container-md); }
791  .max-w-lg { max-width: var(--container-lg); }
792  .max-w-xl { max-width: var(--container-xl); }
793  
794  .rounded { border-radius: var(--radius-md); }
795  .rounded-lg { border-radius: var(--radius-lg); }
796  .rounded-xl { border-radius: var(--radius-xl); }
797  .rounded-full { border-radius: var(--radius-full); }
798  
799  .shadow { box-shadow: var(--shadow-md); }
800  .shadow-lg { box-shadow: var(--shadow-lg); }
801  .shadow-xl { box-shadow: var(--shadow-xl); }
802  .shadow-glow { box-shadow: var(--shadow-glow); }
803  
804  .opacity-50 { opacity: 0.5; }
805  .opacity-75 { opacity: 0.75; }
806  .transition { transition: all var(--transition-normal); }
807  .transition-fast { transition: all var(--transition-fast); }
808  .cursor-pointer { cursor: pointer; }
809  .overflow-hidden { overflow: hidden; }
810  .overflow-auto { overflow: auto; }
811  
812  .relative { position: relative; }
813  .absolute { position: absolute; }
814  .fixed { position: fixed; }
815  .sticky { position: sticky; }
816  .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
817  .z-10 { z-index: var(--z-raised); }
818  .z-50 { z-index: var(--z-modal); }
819  
820  
821  /* ==========================================
822     EMPHASIS & SCANNING SYSTEM
823     Direct-response patterns for scan-stopping
824     ========================================== */
825  
826  /* Italic utilities */
827  .font-italic { font-style: italic; }
828  .text-subhead { 
829    font-style: italic; 
830    color: var(--color-text-secondary); 
831    font-size: var(--text-lg); 
832    line-height: var(--leading-relaxed); 
833  }
834  
835  /* Inline emphasis — brand-colored text for key phrases */
836  .text-emphasis { 
837    color: var(--brand-primary); 
838    font-weight: 600; 
839  }
840  
841  /* Highlighted text — soft brand background for callout phrases */
842  .text-highlight {
843    background: rgba(var(--brand-primary-rgb), 0.15);
844    padding: 2px 6px;
845    border-radius: 4px;
846    font-weight: 500;
847  }
848  
849  /* Strikethrough + replacement — classic DR price/value pattern */
850  .text-strike { 
851    text-decoration: line-through; 
852    color: var(--color-text-muted); 
853  }
854  .text-replace { 
855    color: var(--brand-primary); 
856    font-weight: 700; 
857  }
858  
859  /* Stat callout — oversized number with label */
860  .stat-callout {
861    font-family: var(--font-display);
862    font-size: var(--text-5xl);
863    font-weight: 800;
864    line-height: 1;
865    color: var(--color-text);
866    font-variant-numeric: tabular-nums;
867  }
868  .stat-callout-label {
869    font-size: var(--text-sm);
870    font-weight: 500;
871    color: var(--color-text-muted);
872    text-transform: uppercase;
873    letter-spacing: var(--tracking-wide);
874    margin-top: var(--space-1);
875  }
876  
877  /* Tabular nums — prevent layout shift on animated numbers */
878  .tabular-nums,
879  [data-counter],
880  .smplx-result-card,
881  .smplx-metric-card {
882    font-variant-numeric: tabular-nums;
883  }
884  
885  
886  /* ==========================================
887     DARK THEME — HEADLINE DEPTH
888     Ambient glow matching glass/CTA language
889     ========================================== */
890  
891  [data-theme="dark"] h1,
892  [data-theme="dark"] h2 {
893    text-shadow: var(--text-glow-headline, 0 0 40px rgba(255, 255, 255, 0.08));
894  }
895  
896  [data-theme="dark"] .text-brand,
897  [data-theme="dark"] .text-emphasis {
898    text-shadow: var(--text-glow-brand, 0 0 30px rgba(var(--brand-primary-rgb), 0.3));
899  }
900  
901  
902  /* ==========================================
903     ANIMATIONS
904     ========================================== */
905  
906  @keyframes fadeIn {
907    from { opacity: 0; }
908    to { opacity: 1; }
909  }
910  
911  @keyframes fadeInUp {
912    from { opacity: 0; transform: translateY(20px); }
913    to { opacity: 1; transform: translateY(0); }
914  }
915  
916  @keyframes pulse {
917    0%, 100% { opacity: 1; }
918    50% { opacity: 0.5; }
919  }
920  
921  @keyframes spin {
922    from { transform: rotate(0deg); }
923    to { transform: rotate(360deg); }
924  }
925  
926  .animate-fade-in { animation: fadeIn 0.5s ease forwards; }
927  .animate-fade-in-up { animation: fadeInUp 0.5s ease forwards; }
928  .animate-pulse { animation: pulse 2s ease-in-out infinite; }
929  .animate-spin { animation: spin 1s linear infinite; }
930  
931  .stagger-1 { animation-delay: 0.1s; }
932  .stagger-2 { animation-delay: 0.2s; }
933  .stagger-3 { animation-delay: 0.3s; }
934  .stagger-4 { animation-delay: 0.4s; }
935  .stagger-5 { animation-delay: 0.5s; }
936  
937  
938  /* ==========================================
939     ACCESSIBILITY
940     ========================================== */
941  
942  :focus-visible {
943    outline: 2px solid var(--brand-primary);
944    outline-offset: 2px;
945  }
946  
947  @media (prefers-reduced-motion: reduce) {
948    *, *::before, *::after {
949      animation-duration: 0.01ms !important;
950      animation-iteration-count: 1 !important;
951      transition-duration: 0.01ms !important;
952    }
953  }
954  
955  .sr-only {
956    position: absolute;
957    width: 1px;
958    height: 1px;
959    padding: 0;
960    margin: -1px;
961    overflow: hidden;
962    clip: rect(0, 0, 0, 0);
963    white-space: nowrap;
964    border: 0;
965  }
966  
967  
968  /* ==========================================
969     PRINT STYLESHEET
970     Ensures pricing/comparison pages print
971     cleanly for B2B decision-makers
972     ========================================== */
973  
974  @media print {
975    body {
976      background: white !important;
977      color: black !important;
978      font-size: 12pt !important;
979    }
980    
981    h1, h2, h3, h4, h5, h6 {
982      color: black !important;
983      text-shadow: none !important;
984    }
985    
986    .glass, .glass-card {
987      background: white !important;
988      border: 1px solid #ccc !important;
989      backdrop-filter: none !important;
990      -webkit-backdrop-filter: none !important;
991      box-shadow: none !important;
992    }
993    
994    .btn-primary {
995      background: #333 !important;
996      color: white !important;
997      box-shadow: none !important;
998    }
999    
1000    .animate-pulse,
1001    .animate-spin,
1002    [class*="animate-"] {
1003      animation: none !important;
1004    }
1005  }</style><style>/* ==========================================
1006     PAGE BACKGROUND — Variable-driven
1007     ========================================== */
1008  
1009  body,
1010  html,
1011  .page-wrapper,
1012  .hl-page-creator,
1013  .hl-page-preview,
1014  #preview-container,
1015  .c-editor,
1016  [data-page-element="true"] {
1017    background: var(--color-bg-primary) !important;
1018  }
1019  
1020  
1021  /* ==========================================
1022     GHL CONTAINER RESETS
1023     ========================================== */
1024  
1025  .hl-page-creator *,
1026  .row,
1027  .container,
1028  .container-fluid,
1029  .inner-section,
1030  .section-wrapper,
1031  [class*="col-"],
1032  [class*="hl-"] {
1033    background-color: transparent !important;
1034  }
1035  
1036  
1037  /* ==========================================
1038     GHL <p> MARGIN RESET
1039     GHL injects Bootstrap CSS that adds margin
1040     to <p> tags. This kills it site-wide.
1041     ========================================== */
1042  
1043  [class*="smplx-section-"] p,
1044  .smplx-hero p,
1045  .smplx-section-inner p,
1046  .smplx-section-inner-fullwidth p {
1047    margin-top: 0 !important;
1048    margin-bottom: 0 !important;
1049  }
1050  
1051  
1052  /* ==========================================
1053     FORCE ALL SECTIONS FULL WIDTH
1054     ========================================== */
1055  
1056  .smplx-section,
1057  .smplx-hero,
1058  [class*="smplx-section-"] {
1059    width: 100vw !important;
1060    max-width: 100vw !important;
1061    margin-left: calc(-50vw + 50%) !important;
1062    position: relative !important;
1063    box-sizing: border-box !important;
1064    display: block !important;
1065  }
1066  
1067  .smplx-section > .smplx-section-inner,
1068  [class*="smplx-section-"] > .smplx-section-inner {
1069    margin-left: auto !important;
1070    margin-right: auto !important;
1071    float: none !important;
1072    position: relative !important;
1073  }
1074  
1075  
1076  /* ==========================================
1077     SECTION BACKGROUNDS — Variable-driven
1078     Primary = bg-primary (darker in dark mode)
1079     Secondary = tinted for contrast
1080     ========================================== */
1081  
1082  /* Primary sections */
1083  .smplx-section-problem,
1084  .smplx-section-excuses,
1085  .smplx-section-how,
1086  .smplx-section-switch,
1087  .smplx-section-cta,
1088  .smplx-footer {
1089    background: var(--color-bg-primary) !important;
1090  }
1091  
1092  /* Secondary sections (tinted for contrast) */
1093  .smplx-section-solution,
1094  .smplx-section-usecases,
1095  .smplx-section-proof {
1096    background: var(--color-bg-secondary) !important;
1097    border-top: 1px solid var(--color-border);
1098    border-bottom: 1px solid var(--color-border);
1099  }
1100  
1101  /* Hero section */
1102  .smplx-hero {
1103    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%) !important;
1104  }
1105  
1106  
1107  /* ==========================================
1108     SECTION INNER CONTAINERS
1109     ========================================== */
1110  
1111  .smplx-section-inner {
1112    width: 100% !important;
1113    max-width: 768px !important;
1114    margin: 0 auto !important;
1115    padding-left: 24px !important;
1116    padding-right: 24px !important;
1117    box-sizing: border-box !important;
1118  }
1119  
1120  .smplx-section-inner-wide { max-width: 960px !important; }
1121  .smplx-section-inner-narrow { max-width: 576px !important; }
1122  
1123  .smplx-section-inner-fullwidth {
1124    width: 100% !important;
1125    max-width: var(--container-xl, 1200px) !important;
1126    margin: 0 auto !important;
1127    padding-left: 32px !important;
1128    padding-right: 32px !important;
1129    box-sizing: border-box !important;
1130  }
1131  
1132  /* Center paragraphs within containers (works with max-width: 65ch) */
1133  .smplx-section-inner p,
1134  .smplx-section-inner-fullwidth p {
1135    margin-left: auto !important;
1136    margin-right: auto !important;
1137  }
1138  
1139  .smplx-section-villain .smplx-section-inner-fullwidth { max-width: 1400px !important; }
1140  .smplx-section-solution .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1141  .smplx-section-usecases .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1142  .smplx-section-coverage .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1143  .smplx-section-niche .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1144  
1145  /* Keep grids inside containers */
1146  .smplx-solution-cards,
1147  .smplx-solution-stack,
1148  .smplx-steps-grid,
1149  .smplx-industry-grid,
1150  .smplx-results-grid,
1151  .smplx-metrics-grid,
1152  .smplx-testimonials-grid,
1153  .smplx-pain-stack,
1154  .smplx-different-stack {
1155    width: 100% !important;
1156    max-width: 100% !important;
1157    margin-left: 0 !important;
1158    margin-right: 0 !important;
1159  }
1160  
1161  
1162  /* ==========================================
1163     SECTION HEADLINE & CONTENT WIDTH
1164     ========================================== */
1165  
1166  .smplx-section-headline,
1167  .smplx-contrast-headline,
1168  .smplx-big-statement {
1169    width: 100% !important;
1170    max-width: 100% !important;
1171  }
1172  
1173  
1174  /* ==========================================
1175     CENTER ALL SECTION CONTENT
1176     ========================================== */
1177  
1178  .smplx-section-inner {
1179    text-align: center !important;
1180  }
1181  
1182  /* Force center on headlines */
1183  .smplx-section-headline,
1184  .smplx-contrast-headline,
1185  .smplx-big-statement,
1186  .smplx-section-inner h2,
1187  .smplx-section-inner h3,
1188  .smplx-section h2,
1189  .smplx-section h3,
1190  [class*="smplx-section-"] h2,
1191  [class*="smplx-section-"] h3 {
1192    text-align: center !important;
1193    width: 100% !important;
1194    margin-left: auto !important;
1195    margin-right: auto !important;
1196    display: block !important;
1197  }
1198  
1199  /* Left-align card content */
1200  .smplx-pain-stack,
1201  .smplx-solution-stack,
1202  .smplx-different-stack,
1203  .smplx-bullet-list-muted,
1204  .smplx-solution-card,
1205  .smplx-pain-item,
1206  .smplx-different-item,
1207  .smplx-solution-card span,
1208  .smplx-different-item span,
1209  .smplx-pain-item span,
1210  .smplx-industry-card {
1211    text-align: left !important;
1212  }
1213  
1214  /* Results cards centered */
1215  .smplx-result-card,
1216  .smplx-result-card * {
1217    text-align: center !important;
1218  }
1219  
1220  
1221  /* ==========================================
1222     GLASS CARDS — Brand-color driven
1223     ========================================== */
1224  
1225  .smplx-solution-card,
1226  .smplx-step-card,
1227  .smplx-industry-card,
1228  .smplx-result-card,
1229  .smplx-metric-card,
1230  .smplx-testimonial-card,
1231  .smplx-callout-glow,
1232  .smplx-trust-bar {
1233    background: var(--glass-bg) !important;
1234    border: 1px solid var(--glass-border) !important;
1235    border-radius: var(--radius-md) !important;
1236    box-shadow: 
1237      0 4px 20px rgba(0, 0, 0, 0.3),
1238      inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
1239    backdrop-filter: blur(10px) !important;
1240    -webkit-backdrop-filter: blur(10px) !important;
1241  }
1242  
1243  .smplx-solution-card:hover,
1244  .smplx-step-card:hover,
1245  .smplx-industry-card:hover,
1246  .smplx-result-card:hover,
1247  .smplx-metric-card:hover,
1248  .smplx-testimonial-card:hover {
1249    background: var(--glass-bg-hover) !important;
1250    border-color: rgba(var(--brand-primary-rgb), 0.3) !important;
1251    box-shadow: 
1252      0 8px 30px rgba(0, 0, 0, 0.4),
1253      0 0 20px rgba(var(--brand-primary-rgb), 0.15),
1254      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
1255    transform: translateY(-2px);
1256  }
1257  
1258  
1259  /* ==========================================
1260     SOLUTION CARDS
1261     ========================================== */
1262  
1263  .smplx-solution-cards {
1264    display: flex !important;
1265    flex-direction: column !important;
1266    gap: 12px !important;
1267    max-width: 100% !important;
1268  }
1269  
1270  .smplx-solution-card {
1271    padding: 16px 20px !important;
1272    display: flex !important;
1273    align-items: center !important;
1274    gap: 16px !important;
1275  }
1276  
1277  
1278  /* ==========================================
1279     STEP CARDS — 2x2 GRID
1280     ========================================== */
1281  
1282  .smplx-steps-grid {
1283    display: grid !important;
1284    grid-template-columns: repeat(2, 1fr) !important;
1285    gap: 16px !important;
1286    max-width: 100% !important;
1287  }
1288  
1289  .smplx-step-card { padding: 24px !important; }
1290  
1291  
1292  /* ==========================================
1293     INDUSTRY CARDS GRID
1294     ========================================== */
1295  
1296  .smplx-industry-grid {
1297    display: grid !important;
1298    grid-template-columns: repeat(3, 1fr) !important;
1299    gap: 12px !important;
1300    max-width: 100% !important;
1301  }
1302  
1303  .smplx-industry-card {
1304    padding: 16px 20px !important;
1305    display: flex !important;
1306    align-items: center !important;
1307    gap: 12px !important;
1308  }
1309  
1310  
1311  /* ==========================================
1312     METRICS / RESULTS GRIDS
1313     ========================================== */
1314  
1315  .smplx-results-grid,
1316  .smplx-metrics-grid {
1317    display: grid !important;
1318    grid-template-columns: repeat(3, 1fr) !important;
1319    gap: 16px !important;
1320  }
1321  
1322  .smplx-result-card,
1323  .smplx-metric-card {
1324    padding: 24px !important;
1325    text-align: center !important;
1326  }
1327  
1328  
1329  /* ==========================================
1330     RESPONSIVE GRIDS
1331     ========================================== */
1332  
1333  @media (max-width: 768px) {
1334    .smplx-steps-grid,
1335    .smplx-industry-grid,
1336    .smplx-results-grid,
1337    .smplx-metrics-grid {
1338      grid-template-columns: 1fr !important;
1339    }
1340  }
1341  
1342  @media (max-width: 1024px) {
1343    .smplx-industry-grid {
1344      grid-template-columns: repeat(2, 1fr) !important;
1345    }
1346  }
1347  
1348  
1349  /* ==========================================
1350     NAVIGATION — Variable-driven
1351     ========================================== */
1352  
1353  .smplx-nav {
1354    width: 100vw !important;
1355    margin-left: calc(-50vw + 50%) !important;
1356    background: rgba(10, 14, 23, 0.9) !important;
1357    backdrop-filter: blur(12px) !important;
1358    -webkit-backdrop-filter: blur(12px) !important;
1359  }
1360  
1361  [data-theme="light"] .smplx-nav {
1362    background: rgba(255, 255, 255, 0.9) !important;
1363  }
1364  
1365  
1366  /* ==========================================
1367     FOOTER — Variable-driven
1368     ========================================== */
1369  
1370  .smplx-footer {
1371    width: 100vw !important;
1372    margin-left: calc(-50vw + 50%) !important;
1373    border-top: 1px solid var(--color-border) !important;
1374  }
1375  
1376  
1377  /* ==========================================
1378     DIVIDER GLOW — Brand-color driven
1379     ========================================== */
1380  
1381  .smplx-divider-glow {
1382    width: 100%;
1383    max-width: 768px;
1384    margin: 0 auto;
1385    padding: 0 24px;
1386  }
1387  
1388  .smplx-divider-line {
1389    height: 1px;
1390    background: linear-gradient(90deg, 
1391      transparent 0%, 
1392      rgba(var(--brand-primary-rgb), 0.4) 30%,
1393      rgba(var(--brand-primary-rgb), 0.6) 50%,
1394      rgba(var(--brand-primary-rgb), 0.4) 70%,
1395      transparent 100%
1396    );
1397    box-shadow: 0 0 15px rgba(var(--brand-primary-rgb), 0.3);
1398  }
1399  
1400  
1401  /* ==========================================
1402     SECTION BADGES
1403     ========================================== */
1404  
1405  .smplx-section-how .smplx-section-inner,
1406  .smplx-section-proof .smplx-section-inner {
1407    text-align: center !important;
1408  }
1409  
1410  .smplx-section-how .smplx-section-inner > *:not(.smplx-section-badge),
1411  .smplx-section-proof .smplx-section-inner > *:not(.smplx-section-badge) {
1412    text-align: left !important;
1413  }
1414  
1415  .smplx-section-how .smplx-heading-lg,
1416  .smplx-section-proof .smplx-heading-lg {
1417    text-align: center !important;
1418  }
1419  
1420  .smplx-section-badge {
1421    display: inline-flex !important;
1422    width: auto !important;
1423    max-width: fit-content !important;
1424    padding: 8px 16px !important;
1425    margin-bottom: 24px !important;
1426    border-radius: 100px !important;
1427  }
1428  
1429  
1430  /* ==========================================
1431     CENTERING FIX — Nuclear override
1432     ========================================== */
1433  
1434  [class*="smplx-section"] h2,
1435  [class*="smplx-section"] h2[style],
1436  .smplx-section-inner > h2,
1437  .smplx-section-inner > h2[style],
1438  h2.smplx-section-headline,
1439  h2.smplx-section-headline[style],
1440  h2.smplx-contrast-headline,
1441  h2.smplx-contrast-headline[style],
1442  h2.smplx-big-statement,
1443  h2.smplx-big-statement[style] {
1444    text-align: center !important;
1445    margin-left: auto !important;
1446    margin-right: auto !important;
1447    width: 100% !important;
1448    max-width: 100% !important;
1449    display: block !important;
1450    float: none !important;
1451    position: relative !important;
1452    left: 0 !important;
1453    right: 0 !important;
1454    transform: none !important;
1455  }
1456  
1457  .smplx-section-inner,
1458  .smplx-section-inner[style],
1459  [class*="smplx-section"] > div:first-child {
1460    text-align: center !important;
1461    display: block !important;
1462    margin-left: auto !important;
1463    margin-right: auto !important;
1464  }
1465  
1466  [class*="smplx-section"] .row,
1467  [class*="smplx-section"] [class*="col-"],
1468  [class*="smplx-section"] .inner-section {
1469    text-align: center !important;
1470    justify-content: center !important;
1471    align-items: center !important;
1472  }
1473  
1474  /* Keep list items left-aligned */
1475  .smplx-solution-stack,
1476  .smplx-pain-stack,
1477  .smplx-different-stack,
1478  .smplx-solution-card,
1479  .smplx-pain-item,
1480  .smplx-different-item,
1481  .smplx-industry-card {
1482    text-align: left !important;
1483  }
1484  
1485  .smplx-result-card,
1486  .smplx-result-card * {
1487    text-align: center !important;
1488  }
1489  
1490  
1491  /* ==========================================
1492     RESPONSIVE
1493     ========================================== */
1494  
1495  @media (max-width: 768px) {
1496    .smplx-section-inner,
1497    .smplx-section-inner-wide,
1498    .smplx-section-inner-narrow {
1499      padding-left: 20px !important;
1500      padding-right: 20px !important;
1501    }
1502    
1503    /* Tighter card padding on mobile */
1504    .smplx-solution-card {
1505      padding: 14px 16px !important;
1506    }
1507    
1508    .smplx-step-card,
1509    .smplx-result-card,
1510    .smplx-metric-card,
1511    .smplx-testimonial-card {
1512      padding: 16px !important;
1513    }
1514    
1515    .smplx-industry-card {
1516      padding: 12px 16px !important;
1517    }
1518  }
1519  
1520  
1521  /* ==========================================
1522     TABLET BREAKPOINT (769px–1023px)
1523     ========================================== */
1524  
1525  @media (min-width: 769px) and (max-width: 1023px) {
1526    .smplx-section-inner {
1527      max-width: 90% !important;
1528    }
1529    
1530    .smplx-section-inner-fullwidth {
1531      max-width: 92% !important;
1532      padding-left: 24px !important;
1533      padding-right: 24px !important;
1534    }
1535    
1536    .smplx-steps-grid {
1537      grid-template-columns: repeat(2, 1fr) !important;
1538    }
1539    
1540    .smplx-results-grid,
1541    .smplx-metrics-grid {
1542      grid-template-columns: repeat(2, 1fr) !important;
1543    }
1544    
1545    .smplx-industry-grid {
1546      grid-template-columns: repeat(2, 1fr) !important;
1547    }
1548  }
1549  
1550  
1551  @media (min-width: 1024px) {
1552    .smplx-section-inner {
1553      padding-left: 32px !important;
1554      padding-right: 32px !important;
1555    }
1556  }</style><style>/* ==========================================
1557     MOTION TOKENS — SITE-WIDE
1558     Extend Theme Config with motion-specific
1559     variables. These do NOT exist in Config,
1560     Foundation, or GHL Overrides.
1561     ========================================== */
1562  :root {
1563    /* Easing curves */
1564    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
1565    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
1566    --ease-in-out-smooth: cubic-bezier(0.4, 0, 0.2, 1);
1567    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
1568
1569    /* Duration scale (complements --transition-fast/normal/slow in Theme Config) */
1570    --motion-instant: 100ms;
1571    --motion-fast: 180ms;
1572    --motion-normal: 280ms;
1573    --motion-slow: 400ms;
1574    --motion-dramatic: 600ms;
1575
1576    /* Distance scale */
1577    --motion-shift-xs: 2px;
1578    --motion-shift-sm: 4px;
1579    --motion-shift-md: 8px;
1580    --motion-shift-lg: 16px;
1581    --motion-shift-xl: 24px;
1582
1583    /* Scale values */
1584    --motion-scale-subtle: 1.02;
1585    --motion-scale-medium: 1.05;
1586
1587    /* Glow scale (complements --shadow-glow in Theme Config) */
1588    --glow-sm: 0 0 10px rgba(var(--brand-primary-rgb), 0.15);
1589    --glow-md: 0 0 25px rgba(var(--brand-primary-rgb), 0.2);
1590    --glow-lg: 0 0 40px rgba(var(--brand-primary-rgb), 0.25);
1591  }
1592
1593
1594  /* ==========================================
1595     SCROLL REVEAL — Universal
1596     JS adds .smplx-reveal to containers,
1597     IntersectionObserver adds .visible
1598     ========================================== */
1599  .smplx-reveal {
1600    opacity: 0;
1601    transform: translateY(var(--motion-shift-lg));
1602    transition:
1603      opacity var(--motion-dramatic) var(--ease-out-expo),
1604      transform var(--motion-dramatic) var(--ease-out-expo);
1605  }
1606  .smplx-reveal.visible {
1607    opacity: 1;
1608    transform: translateY(0);
1609  }
1610
1611  /* Stagger children in grids */
1612  .smplx-reveal-stagger > * {
1613    opacity: 0;
1614    transform: translateY(var(--motion-shift-md));
1615    transition:
1616      opacity var(--motion-slow) var(--ease-out-expo),
1617      transform var(--motion-slow) var(--ease-out-expo);
1618  }
1619  .smplx-reveal-stagger.visible > *:nth-child(1) { transition-delay: 0ms; opacity: 1; transform: translateY(0); }
1620  .smplx-reveal-stagger.visible > *:nth-child(2) { transition-delay: 80ms; opacity: 1; transform: translateY(0); }
1621  .smplx-reveal-stagger.visible > *:nth-child(3) { transition-delay: 120ms; opacity: 1; transform: translateY(0); }
1622  .smplx-reveal-stagger.visible > *:nth-child(4) { transition-delay: 200ms; opacity: 1; transform: translateY(0); }
1623  .smplx-reveal-stagger.visible > *:nth-child(5) { transition-delay: 280ms; opacity: 1; transform: translateY(0); }
1624  .smplx-reveal-stagger.visible > *:nth-child(6) { transition-delay: 360ms; opacity: 1; transform: translateY(0); }
1625
1626
1627  /* ==========================================
1628     RIPPLE EFFECT — Universal CTA feedback
1629     ========================================== */
1630  .smplx-ripple {
1631    position: absolute;
1632    border-radius: 50%;
1633    background: rgba(255,255,255,0.4);
1634    transform: scale(0);
1635    animation: smplx-ripple-expand var(--motion-dramatic) var(--ease-out-expo) forwards;
1636    pointer-events: none;
1637    z-index: 10;
1638  }
1639  @keyframes smplx-ripple-expand { to { transform: scale(4); opacity: 0; } }
1640
1641
1642  /* ==========================================
1643     ARROW NUDGE — Universal CTA hover
1644     Any element with [data-arrow-nudge] or
1645     matching CTA classes gets arrow shift
1646     ========================================== */
1647  [data-arrow-nudge] svg,
1648  .smplx-cta-arrow svg {
1649    transition: transform var(--motion-normal) var(--ease-out-back);
1650  }
1651  [data-arrow-nudge]:hover svg,
1652  .smplx-cta-arrow:hover svg {
1653    transform: translateX(var(--motion-shift-sm));
1654  }
1655
1656
1657  /* ==========================================
1658     SOCIAL PROOF POPUP — Universal base
1659     Content + timing controlled by page JS
1660     ========================================== */
1661  .smplx-proof-popup {
1662    position: fixed;
1663    bottom: 24px;
1664    left: 24px;
1665    z-index: var(--z-toast, 500);
1666    display: flex;
1667    align-items: center;
1668    gap: 12px;
1669    padding: 12px 20px 12px 12px;
1670    background: var(--color-bg-elevated);
1671    border: 1px solid var(--glass-border);
1672    border-radius: var(--radius-lg);
1673    box-shadow: var(--shadow-xl);
1674    backdrop-filter: blur(var(--blur-lg, 16px));
1675    -webkit-backdrop-filter: blur(var(--blur-lg, 16px));
1676    max-width: 320px;
1677    transform: translateX(-120%) scale(0.95);
1678    opacity: 0;
1679    transition:
1680      transform var(--motion-slow) var(--ease-out-expo),
1681      opacity var(--motion-slow) var(--ease-out-expo);
1682  }
1683  .smplx-proof-popup.visible {
1684    transform: translateX(0) scale(1);
1685    opacity: 1;
1686  }
1687  [data-theme="light"] .smplx-proof-popup {
1688    background: var(--glass-bg);
1689    border-color: var(--glass-border);
1690    box-shadow: var(--shadow-lg);
1691  }
1692  .smplx-proof-avatar {
1693    width: 36px; height: 36px;
1694    border-radius: var(--radius-lg);
1695    background: rgba(var(--brand-primary-rgb), 0.12);
1696    display: flex; align-items: center; justify-content: center;
1697    flex-shrink: 0; font-size: 1.1rem;
1698  }
1699  .smplx-proof-text { display: flex; flex-direction: column; gap: 1px; }
1700  .smplx-proof-name { font-size: var(--text-sm); font-weight: 700; color: var(--color-text); }
1701  .smplx-proof-action { font-size: var(--text-xs); color: var(--color-text-secondary); }
1702  .smplx-proof-time { font-size: 10px; color: var(--color-text-muted); }
1703  .smplx-proof-close {
1704    position: absolute; top: 6px; right: 8px;
1705    background: none; border: none;
1706    color: var(--color-text-muted);
1707    font-size: var(--text-xs); cursor: pointer;
1708    padding: 2px; line-height: 1; opacity: 0.5;
1709    transition: opacity var(--motion-fast) ease;
1710  }
1711  .smplx-proof-close:hover { opacity: 1; }
1712
1713  @media (max-width: 768px) {
1714    .smplx-proof-popup { bottom: 72px; left: 12px; right: 12px; max-width: none; }
1715  }
1716
1717
1718  /* ==========================================
1719     STAT COUNTER — Tabular nums for animation
1720     ========================================== */
1721  [data-count] {
1722    font-variant-numeric: tabular-nums;
1723  }
1724
1725
1726  /* ==========================================
1727     REDUCED MOTION — Motion-stack additions
1728     (Foundation handles base *, *::before rule)
1729     ========================================== */
1730  @media (prefers-reduced-motion: reduce) {
1731    .smplx-reveal,
1732    .smplx-reveal-stagger > * {
1733      opacity: 1 !important;
1734      transform: none !important;
1735    }
1736    .smplx-proof-popup { display: none !important; }
1737  }</style><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}.noBorder{border:none!important}.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/[email protected])}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}
1737.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}
1737#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important}</style><style>@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}
1737@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{dis
1737play:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}
1737.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}
1737.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}
1737.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder
1737-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}
1737.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
1737.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}
1737.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder
1737-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}}</style><style>@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-display:swap;
1737font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
1737.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}</style><style>:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}</style><style>.testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}}</style><link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPoppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BRIcfofL.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/cXX0Yv1e.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Cg3fcW1V.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CoBEZGEQ.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CiIs0Onl.js">
1737<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/BRIcfofL.js" crossorigin></script>
1737<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/698258d9b7e49847120afd6d.png"><meta name="theme-color" content="#0a0e17"><meta name="msapplication-TileColor" content="#0a0e17"><meta property="og:type" content="website"><meta property="og:site_name" content="Simplex AI"><meta property="og:title" content="Simplex AI — AI Receptionist for Gyms, MedSpas & Wellness"><meta property="og:description" content="Sammy answers calls, texts leads, and books appointments 24/7. 5 appointments or you don't pay."><meta property="og:url" content="https://smplx.ai"><meta property="og:image" content="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/698255f799f1bf561d744a5d.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Simplex AI — AI Receptionist for Gyms, MedSpas & Wellness"><meta name="twitter:description" content="Sammy answers calls, texts leads, and books appointments 24/7. 5 appointments or you don't pay."><meta name="twitter:image" content="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/698255f799f1bf561d744a5d.png">
1737<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Simplex AI","url":"https://smplx.ai","logo":"https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/simplex-logo.png","description":"AI receptionist for gyms, medspas, and wellness businesses. Answers calls, texts leads, and books appointments 24/7.","contactPoint":{"@type":"ContactPoint","telephone":"+1-909-552-8700","contactType":"sales","availableLanguage":["English","Spanish"]},"sameAs":["https://www.facebook.com/simplexai","https://www.instagram.com/theaigrowthengine/"]}</script>
1737</head><body><div id="__nuxt"><!--[--><div></div><!--[--><div class="bgCover bg-fixed"></div><div><!--[--><div><!----><!----><div><div id="nav-menu-popup" style="display:none;" class="hide"><div class="nav-menu-body"><i class="close-menu fas fa-times"></i><ul class="nav-menu"><!--[--><!--]--></ul></div></div></div><!----><!--[--><!--]--><div id="preview-container" class="preview-container hl_page-preview--content"><div><!----><!--[--><!--[--><div id="section-RlIr7r0Qc" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-RlIr7r0Qc"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-goXgyaaSBM" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-goXgyaaSBM"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-9E52fK422I" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-9E52fK422I"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-OjOIBerRme" data-animation-class style="" class="c-custom-code c-wrapper custom-code-OjOIBerRme"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-OjOIBerRme__custom-code" class="custom-code-container ccustom-code-OjOIBerRme"><!-- ============================================
1738     HEADER / NAVIGATION
1739     Simplex AI - smplx.ai
1740     
1741     Nav: Home | How It Works | Pricing | Industries ↓ | About
1742     CTA: "What You're Missing" → /roi-calculator
1743     Contact: Footer only
1744     
1745     FIX APPLIED:
1746       ✓ Nav overlap with logo — switched from flex:1
1747         centering to absolute viewport-center so nav
1748         links never collide with logo at any width.
1749       ✓ Added min-gap safety via logo/CTA z-index
1750         and nav pointer-events fallback.
1751     ============================================ -->
1752
1753<header class="smplx-header" id="siteHeader">
1754  <div class="smplx-header-inner">
1755    <a href="/" class="smplx-site-logo" style="display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; gap: 8px; text-decoration: none; position: relative; z-index: 100;">
1756      <img src="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/697b2b7804b05b83b8441460.png" alt="Simplex AI" class="smplx-site-logo-img" style="display: block !important; visibility: visible !important; opacity: 1 !important; height: 36px; width: auto; position: relative; z-index: 100;">
1757      <span class="smplx-site-logo-text" style="display: block !important; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 100;">Simplex AI</span>
1758    </a>
1759    <nav class="smplx-nav" id="mainNav">
1760      <ul class="smplx-nav-list">
1761        <li class="smplx-nav-item"><a href="/" class="smplx-nav-link">Home</a></li>
1762        <li class="smplx-nav-item"><a href="/ai-receptionist" class="smplx-nav-link">How It Works</a></li>
1763        <li class="smplx-nav-item"><a href="/pricing" class="smplx-nav-link">Pricing</a></li>
1764        <li class="smplx-nav-item smplx-nav-dropdown">
1765          <button class="smplx-nav-link smplx-dropdown-trigger" aria-expanded="false" aria-haspopup="true">
1766            Industries
1767            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
1768          </button>
1769          <ul class="smplx-dropdown-menu">
1770            <li><a href="/ai-receptionist-for-gyms" class="smplx-dropdown-link"><span class="smplx-dropdown-icon">🏋️</span><span class="smplx-dropdown-text"><strong>Gyms</strong><small>Fitness studios & health clubs</small></span></a></li>
1771            <li><a href="/ai-receptionist-for-personal-trainers" class="smplx-dropdown-link"><span class="smplx-dropdown-icon">💪</span><span class="smplx-dropdown-text"><strong>Personal Trainers</strong><small>Independent trainers & coaches</small></span></a></li>
1772            <li><a href="/ai-receptionist-for-medspas" class="smplx-dropdown-link"><span class="smplx-dropdown-icon">✨</span><span class="smplx-dropdown-text"><strong>Medspas</strong><small>Aesthetic clinics & wellness centers</small></span></a></li>
1773            <li><a href="/ai-receptionist-for-photo-booths" class="smplx-dropdown-link"><span class="smplx-dropdown-icon">📸</span><span class="smplx-dropdown-text"><strong>Photo Booths</strong><small>Event rental companies</small></span></a></li>
1774          </ul>
1775        </li>
1776        <li class="smplx-nav-item"><a href="/about" class="smplx-nav-link">About</a></li>
1777      </ul>
1778    </nav>
1779    <a href="/roi-calculator" class="smplx-header-cta">
1780      What You're Missing
1781      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1782    </a>
1783    <button class="smplx-mobile-toggle" id="mobileToggle" aria-label="Toggle menu" aria-expanded="false">
1784      <span class="smplx-hamburger"></span>
1785    </button>
1786  </div>
1787  <div class="smplx-mobile-nav" id="mobileNav">
1788    <ul class="smplx-mobile-nav-list">
1789      <li><a href="/" class="smplx-mobile-nav-link">Home</a></li>
1790      <li><a href="/ai-receptionist" class="smplx-mobile-nav-link">How It Works</a></li>
1791      <li><a href="/pricing" class="smplx-mobile-nav-link">Pricing</a></li>
1792      <li class="smplx-mobile-dropdown">
1793        <button class="smplx-mobile-nav-link smplx-mobile-dropdown-trigger">
1794          Industries
1795          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
1796        </button>
1797        <ul class="smplx-mobile-dropdown-menu">
1798          <li><a href="/ai-receptionist-for-gyms">🏋️ Gyms</a></li>
1799          <li><a href="/ai-receptionist-for-personal-trainers">💪 Personal Trainers</a></li>
1800          <li><a href="/ai-receptionist-for-medspas">✨ Medspas</a></li>
1801          <li><a href="/ai-receptionist-for-photo-booths">📸 Photo Booths</a></li>
1802        </ul>
1803      </li>
1804      <li><a href="/about" class="smplx-mobile-nav-link">About</a></li>
1805      <li class="smplx-mobile-cta-wrap">
1806        <a href="/roi-calculator" class="smplx-mobile-cta">What You're Missing →</a>
1807      </li>
1808    </ul>
1809  </div>
1810</header>
1811
1812<style>
1813  /* ==========================================
1814     HEADER SHELL
1815     ========================================== */
1816  .smplx-header {
1817    position: fixed;
1818    top: 0;
1819    left: 0;
1820    right: 0;
1821    z-index: 1000;
1822    background: rgba(10, 14, 23, 0.9);
1823    backdrop-filter: blur(12px);
1824    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
1825    transition: all 0.3s ease;
1826  }
1827  .smplx-header.scrolled {
1828    background: rgba(10, 14, 23, 0.98);
1829    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
1830  }
1831
1832  /* ==========================================
1833     HEADER INNER — Logo left, CTA right,
1834     Nav absolute-centered in viewport
1835     ========================================== */
1836  .smplx-header-inner {
1837    max-width: 1200px;
1838    margin: 0 auto;
1839    padding: 0 var(--space-4);
1840    height: 72px;
1841    display: flex;
1842    align-items: center;
1843    justify-content: space-between;
1844    position: relative;
1845    z-index: 10;
1846  }
1847
1848  /* ==========================================
1849     LOGO
1850     ========================================== */
1851  .smplx-site-logo {
1852    display: flex !important;
1853    align-items: center;
1854    gap: 8px;
1855    text-decoration: none;
1856    flex-shrink: 0;
1857    visibility: visible !important;
1858    opacity: 1 !important;
1859    position: relative;
1860    z-index: 100;
1861  }
1862  .smplx-site-logo-img {
1863    display: block !important;
1864    visibility: visible !important;
1865    opacity: 1 !important;
1866    height: 36px;
1867    width: auto;
1868    max-height: 36px;
1869    object-fit: contain;
1870    position: relative;
1871    z-index: 100;
1872    transition: filter 0.2s ease;
1873  }
1874  .smplx-site-logo-text {
1875    font-family: var(--font-display);
1876    font-size: var(--text-xl);
1877    font-weight: 700;
1878    color: var(--color-text);
1879    display: block !important;
1880    visibility: visible !important;
1881    opacity: 1 !important;
1882    position: relative;
1883    z-index: 100;
1884    transition: color 0.2s ease;
1885  }
1886  .smplx-site-logo:hover .smplx-site-logo-img {
1887    filter: brightness(1.15) drop-shadow(0 0 10px rgba(52, 211, 153, 0.35));
1888  }
1889  .smplx-site-logo:hover .smplx-site-logo-text {
1890    color: var(--brand-primary);
1891  }
1892
1893  /* ==========================================
1894     NAV — Flex-centered with safe gap from logo
1895     Uses flex:1 to fill middle space and centers
1896     links within it. padding-left creates a
1897     minimum gap so links never collide with logo.
1898     ========================================== */
1899  .smplx-nav {
1900    flex: 1;
1901    display: flex;
1902    justify-content: center;
1903    padding-left: 120px;
1904    z-index: 50;
1905  }
1906  .smplx-nav-list {
1907    display: flex;
1908    align-items: center;
1909    gap: var(--space-1);
1910    list-style: none;
1911    margin: 0;
1912    padding: 0;
1913  }
1914  .smplx-nav-item {
1915    position: relative;
1916  }
1917  .smplx-nav-link {
1918    display: flex;
1919    align-items: center;
1920    gap: 6px;
1921    padding: 10px 16px;
1922    font-size: var(--text-sm);
1923    font-weight: 500;
1924    color: var(--color-text-secondary);
1925    text-decoration: none;
1926    border-radius: 8px;
1927    transition: all 0.2s ease;
1928    background: transparent;
1929    border: none;
1930    cursor: pointer;
1931    white-space: nowrap;
1932  }
1933  .smplx-nav-link:hover {
1934    color: var(--color-text);
1935    background: rgba(255, 255, 255, 0.05);
1936  }
1937  .smplx-nav-link svg {
1938    transition: transform 0.2s ease;
1939  }
1940
1941  /* ==========================================
1942     DROPDOWN
1943     ========================================== */
1944  .smplx-nav-dropdown {
1945    position: relative;
1946  }
1947  .smplx-dropdown-menu {
1948    position: absolute;
1949    top: 100%;
1950    left: 50%;
1951    transform: translateX(-50%) translateY(8px);
1952    min-width: 280px;
1953    background: rgba(20, 25, 35, 0.98);
1954    backdrop-filter: blur(12px);
1955    border: 1px solid rgba(255, 255, 255, 0.1);
1956    border-radius: 16px;
1957    padding: var(--space-2);
1958    list-style: none;
1959    margin: 0;
1960    opacity: 0;
1961    visibility: hidden;
1962    transition: all 0.2s ease;
1963    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
1964  }
1965  .smplx-nav-dropdown:hover .smplx-dropdown-menu,
1966  .smplx-nav-dropdown:focus-within .smplx-dropdown-menu {
1967    opacity: 1;
1968    visibility: visible;
1969    transform: translateX(-50%) translateY(0);
1970  }
1971  .smplx-nav-dropdown:hover .smplx-nav-link svg,
1972  .smplx-nav-dropdown:focus-within .smplx-nav-link svg {
1973    transform: rotate(180deg);
1974  }
1975  .smplx-dropdown-link {
1976    display: flex;
1977    align-items: center;
1978    gap: var(--space-3);
1979    padding: var(--space-3) var(--space-4);
1980    text-decoration: none;
1981    border-radius: 10px;
1982    transition: all 0.15s ease;
1983  }
1984  .smplx-dropdown-link:hover {
1985    background: rgba(52, 211, 153, 0.1);
1986  }
1987  .smplx-dropdown-icon {
1988    font-size: 1.25rem;
1989    flex-shrink: 0;
1990  }
1991  .smplx-dropdown-text {
1992    display: flex;
1993    flex-direction: column;
1994    gap: 2px;
1995  }
1996  .smplx-dropdown-text strong {
1997    font-size: var(--text-sm);
1998    font-weight: 600;
1999    color: var(--color-text);
2000  }
2001  .smplx-dropdown-text small {
2002    font-size: var(--text-xs);
2003    color: var(--color-text-muted);
2004  }
2005
2006  /* ==========================================
2007     HEADER CTA
2008     ========================================== */
2009  .smplx-header-cta {
2010    display: inline-flex;
2011    align-items: center;
2012    gap: 6px;
2013    padding: 10px 20px;
2014    font-size: var(--text-sm);
2015    font-weight: 700;
2016    color: #0a0e17;
2017    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2018    border-radius: 10px;
2019    text-decoration: none;
2020    transition: all 0.2s ease;
2021    flex-shrink: 0;
2022    white-space: nowrap;
2023    position: relative;
2024    z-index: 100;
2025  }
2026  .smplx-header-cta:hover {
2027    transform: translateY(-1px);
2028    box-shadow: 0 4px 15px rgba(52, 211, 153, 0.4);
2029  }
2030
2031  /* ==========================================
2032     MOBILE TOGGLE
2033     ========================================== */
2034  .smplx-mobile-toggle {
2035    display: none;
2036    width: 44px;
2037    height: 44px;
2038    align-items: center;
2039    justify-content: center;
2040    background: transparent;
2041    border: none;
2042    cursor: pointer;
2043    padding: 0;
2044  }
2045  .smplx-hamburger {
2046    position: relative;
2047    width: 24px;
2048    height: 2px;
2049    background: var(--color-text);
2050    border-radius: 2px;
2051    transition: all 0.3s ease;
2052  }
2053  .smplx-hamburger::before,
2054  .smplx-hamburger::after {
2055    content: '';
2056    position: absolute;
2057    left: 0;
2058    width: 24px;
2059    height: 2px;
2060    background: var(--color-text);
2061    border-radius: 2px;
2062    transition: all 0.3s ease;
2063  }
2064  .smplx-hamburger::before { top: -7px; }
2065  .smplx-hamburger::after { bottom: -7px; }
2066  .smplx-mobile-toggle.active .smplx-hamburger { background: transparent; }
2067  .smplx-mobile-toggle.active .smplx-hamburger::before { top: 0; transform: rotate(45deg); }
2068  .smplx-mobile-toggle.active .smplx-hamburger::after { bottom: 0; transform: rotate(-45deg); }
2069
2070  /* ==========================================
2071     MOBILE NAV
2072     ========================================== */
2073  .smplx-mobile-nav {
2074    display: none;
2075    position: absolute;
2076    top: 100%;
2077    left: 0;
2078    right: 0;
2079    background: rgba(10, 14, 23, 0.98);
2080    backdrop-filter: blur(12px);
2081    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
2082    padding: var(--space-4) var(--space-6);
2083    max-height: 0;
2084    overflow: hidden;
2085    transition: max-height 0.3s ease;
2086  }
2087  .smplx-mobile-nav.open { max-height: 500px; }
2088  .smplx-mobile-nav-list {
2089    list-style: none;
2090    margin: 0;
2091    padding: 0;
2092  }
2093  .smplx-mobile-nav-link {
2094    display: flex;
2095    align-items: center;
2096    justify-content: space-between;
2097    width: 100%;
2098    padding: var(--space-3) 0;
2099    font-size: var(--text-base);
2100    font-weight: 500;
2101    color: var(--color-text-secondary);
2102    text-decoration: none;
2103    border: none;
2104    background: transparent;
2105    cursor: pointer;
2106    text-align: left;
2107  }
2108  .smplx-mobile-nav-link:hover { color: var(--color-text); }
2109  .smplx-mobile-dropdown-menu {
2110    list-style: none;
2111    margin: 0;
2112    padding: 0 0 0 var(--space-4);
2113    max-height: 0;
2114    overflow: hidden;
2115    transition: max-height 0.3s ease;
2116  }
2117  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-menu { max-height: 300px; }
2118  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-trigger svg { transform: rotate(180deg); }
2119  .smplx-mobile-dropdown-menu a {
2120    display: block;
2121    padding: var(--space-2) 0;
2122    font-size: var(--text-sm);
2123    color: var(--color-text-muted);
2124    text-decoration: none;
2125  }
2126  .smplx-mobile-dropdown-menu a:hover { color: #34d399; }
2127  .smplx-mobile-cta-wrap {
2128    padding-top: var(--space-4);
2129    margin-top: var(--space-2);
2130    border-top: 1px solid rgba(255, 255, 255, 0.08);
2131  }
2132  .smplx-mobile-cta {
2133    display: block;
2134    width: 100%;
2135    padding: var(--space-3) var(--space-4);
2136    font-size: var(--text-base);
2137    font-weight: 700;
2138    color: #0a0e17;
2139    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2140    border-radius: 10px;
2141    text-decoration: none;
2142    text-align: center;
2143  }
2144
2145  /* ==========================================
2146     RESPONSIVE — Mobile breakpoint
2147     ========================================== */
2148  @media (max-width: 900px) {
2149    .smplx-nav,
2150    .smplx-header-cta {
2151      display: none;
2152    }
2153    .smplx-mobile-toggle {
2154      display: flex;
2155    }
2156    .smplx-mobile-nav {
2157      display: block;
2158    }
2159  }
2160
2161  /* ==========================================
2162     RESPONSIVE — Narrow desktop safety
2163     Prevents nav overlap on 901–1100px screens
2164     where logo + nav + CTA compete for space
2165     ========================================== */
2166  @media (min-width: 901px) and (max-width: 1100px) {
2167    .smplx-nav-link {
2168      padding: 10px 12px;
2169      font-size: 13px;
2170    }
2171    .smplx-header-cta {
2172      padding: 10px 16px;
2173      font-size: 13px;
2174    }
2175  }
2176
2177  /* Body offset for fixed header */
2178  body { padding-top: 72px; }
2179</style>
2180
2181<script>
2182(function() {
2183  var header = document.getElementById('siteHeader');
2184  function handleScroll() {
2185    if (window.scrollY > 50) { header.classList.add('scrolled'); }
2186    else { header.classList.remove('scrolled'); }
2187  }
2188  window.addEventListener('scroll', handleScroll, { passive: true });
2189  handleScroll();
2190
2191  var mobileToggle = document.getElementById('mobileToggle');
2192  var mobileNav = document.getElementById('mobileNav');
2193  if (mobileToggle && mobileNav) {
2194    mobileToggle.addEventListener('click', function() {
2195      mobileToggle.classList.toggle('active');
2196      mobileNav.classList.toggle('open');
2197      mobileToggle.setAttribute('aria-expanded', mobileNav.classList.contains('open'));
2198    });
2199  }
2200
2201  document.querySelectorAll('.smplx-mobile-dropdown-trigger').forEach(function(trigger) {
2202    trigger.addEventListener('click', function() {
2203      this.closest('.smplx-mobile-dropdown').classList.toggle('open');
2204    });
2205  });
2206
2207  document.querySelectorAll('.smplx-mobile-nav a').forEach(function(link) {
2208    link.addEventListener('click', function() {
2209      mobileToggle.classList.remove('active');
2210      mobileNav.classList.remove('open');
2211    });
2212  });
2213})();
2214</script>
2214</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-ALPiNp9PMY" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-ALPiNp9PMY"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-ICtQgdT4JS" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-ICtQgdT4JS"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-enkVeEBQtY" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-enkVeEBQtY"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-pCKvltyTeS" data-animation-class style="" class="c-custom-code c-wrapper custom-code-pCKvltyTeS"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-pCKvltyTeS__custom-code" class="custom-code-container ccustom-code-pCKvltyTeS"><!-- ============================================
2215     CONTACT PAGE
2216     Sammy AI - gotsammy.com/contact
2217     ============================================ -->
2218
2219<!-- Schema: ContactPage -->
2220<script type="application/ld+json">
2221{
2222  "@context": "https://schema.org",
2223  "@type": "ContactPage",
2224  "name": "Contact Sammy AI",
2225  "description": "Get in touch with the Sammy AI team. Questions about our AI receptionist? We're here to help.",
2226  "url": "https://gotsammy.com/contact",
2227  "mainEntity": {
2228    "@type": "Organization",
2229    "name": "Simplex AI",
2230    "telephone": "+1-909-922-1324",
2231    "email": "[email protected]",
2232    "address": {
2233      "@type": "PostalAddress",
2234      "addressLocality": "Chino Hills",
2235      "addressRegion": "CA",
2236      "addressCountry": "US"
2237    }
2238  }
2239}
2240</script>
2240
2241
2242
2243<!-- ==========================================
2244     SECTION 1: HERO
2245     ========================================== -->
2246<section class="smplx-section smplx-contact-hero">
2247  <div class="smplx-section-inner">
2248    
2249    <div class="smplx-contact-hero-content">
2250      <h1 class="smplx-contact-headline">
2251        Let's Talk
2252      </h1>
2253      <p class="smplx-contact-subhead">
2254        Have a question about Sammy? Want to see how she'd work for your business? We're here to help.
2255      </p>
2256    </div>
2257    
2258  </div>
2259</section>
2260
2261
2262<!-- ==========================================
2263     SECTION 2: CONTACT GRID
2264     ========================================== -->
2265<section class="smplx-section smplx-contact-main">
2266  <div class="smplx-section-inner">
2267    
2268    <div class="smplx-contact-grid">
2269      
2270      <!-- Left: Contact Info -->
2271      <div class="smplx-contact-info">
2272        
2273        <div class="smplx-contact-card">
2274          <div class="smplx-contact-card-icon">
2275            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2276              <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
2277            </svg>
2278          </div>
2279          <div class="smplx-contact-card-content">
2280            <h3 class="smplx-contact-card-title">Call Sammy</h3>
2281            <p class="smplx-contact-card-text">Experience the AI receptionist yourself</p>
2282            <a href="tel:+19099221324" class="smplx-contact-card-link">(909) 922-1324</a>
2283          </div>
2284        </div>
2285        
2286        <div class="smplx-contact-card">
2287          <div class="smplx-contact-card-icon">
2288            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2289              <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
2290              <polyline points="22,6 12,13 2,6"/>
2291            </svg>
2292          </div>
2293          <div class="smplx-contact-card-content">
2294            <h3 class="smplx-contact-card-title">Email Us</h3>
2295            <p class="smplx-contact-card-text">We typically respond within 24 hours</p>
2296            <a href="/cdn-cgi/l/email-protection#94fdfaf2fbd4e7f9e4f8ecbaf5fd" class="smplx-contact-card-link"><span class="__cf_email__" data-cfemail="2c45424a436c5f415c4054024d45">[email&#160;protected]</span></a>
2297          </div>
2298        </div>
2299        
2300        <div class="smplx-contact-card">
2301          <div class="smplx-contact-card-icon">
2302            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2303              <circle cx="12" cy="12" r="10"/>
2304              <polyline points="12 6 12 12 16 14"/>
2305            </svg>
2306          </div>
2307          <div class="smplx-contact-card-content">
2308            <h3 class="smplx-contact-card-title">Business Hours</h3>
2309            <p class="smplx-contact-card-text">Mon–Fri: 9am–6pm PT</p>
2310            <span class="smplx-contact-card-note">Sammy's available 24/7 though 😉</span>
2311          </div>
2312        </div>
2313        
2314        <div class="smplx-contact-card">
2315          <div class="smplx-contact-card-icon">
2316            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2317              <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
2318              <circle cx="12" cy="10" r="3"/>
2319            </svg>
2320          </div>
2321          <div class="smplx-contact-card-content">
2322            <h3 class="smplx-contact-card-title">Location</h3>
2323            <p class="smplx-contact-card-text">Based in Southern California</p>
2324            <span class="smplx-contact-card-note">Chino Hills, CA</span>
2325          </div>
2326        </div>
2327        
2328      </div>
2329      
2330      <!-- Right: Contact Form -->
2331      <div class="smplx-contact-form-wrap">
2332        
2333        <div class="smplx-contact-form-card">
2334          <h2 class="smplx-contact-form-title">
2334Send Us a Message</h2>
2335          <p class="smplx-contact-form-subtitle">Fill out the form below and we'll get back to you shortly.</p>
2336          
2337          <form class="smplx-contact-form" id="contactForm">
2338            
2339            <div class="smplx-form-row">
2340              <div class="smplx-form-group">
2341                <label for="firstName" class="smplx-form-label">First Name *</label>
2342                <input type="text" id="firstName" name="firstName" class="smplx-form-input" required>
2343              </div>
2344              <div class="smplx-form-group">
2345                <label for="lastName" class="smplx-form-label">Last Name *</label>
2346                <input type="text" id="lastName" name="lastName" class="smplx-form-input" required>
2347              </div>
2348            </div>
2349            
2350            <div class="smplx-form-group">
2351              <label for="email" class="smplx-form-label">Email *</label>
2352              <input type="email" id="email" name="email" class="smplx-form-input" required>
2353            </div>
2354            
2355            <div class="smplx-form-group">
2356              <label for="company" class="smplx-form-label">Company Name</label>
2357              <input type="text" id="company" name="company" class="smplx-form-input" placeholder="Your business name">
2358            </div>
2359            
2360            <div class="smplx-form-group">
2361              <label for="phone" class="smplx-form-label">Phone</label>
2362              <input type="tel" id="phone" name="phone" class="smplx-form-input">
2363            </div>
2364            
2365            <div class="smplx-form-group">
2366              <label for="businessType" class="smplx-form-label">Business Type</label>
2367              <select id="businessType" name="businessType" class="smplx-form-select">
2368                <option value="">Select your industry...</option>
2369                <option value="gym">Gym / Fitness Studio</option>
2370                <option value="trainer">Personal Trainer / Coach</option>
2371                <option value="medspa">Medspa / Aesthetic Clinic</option>
2372                <option value="photobooth">Photo Booth / Event Rental</option>
2373                <option value="other">Other Service Business</option>
2374              </select>
2375            </div>
2376            
2377            <div class="smplx-form-group">
2378              <label for="message" class="smplx-form-label">Message *</label>
2379              <textarea id="message" name="message" class="smplx-form-textarea" rows="4" required placeholder="How can we help?"></textarea>
2380            </div>
2381            
2382            <button type="submit" class="smplx-form-submit">
2383              Send Message
2384              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
2385                <path d="M5 12h14M12 5l7 7-7 7"/>
2386              </svg>
2387            </button>
2388            
2389          </form>
2390        </div>
2391        
2392      </div>
2393      
2394    </div>
2395    
2396  </div>
2397</section>
2398
2399
2400<!-- ==========================================
2401     SECTION 3: CTA
2402     ========================================== -->
2403<section class="smplx-section smplx-contact-cta">
2404  <div class="smplx-section-inner">
2405    
2406    <div class="smplx-contact-cta-card">
2407      <h2 class="smplx-contact-cta-headline">Rather See Sammy in Action?</h2>
2408      <p class="smplx-contact-cta-text">Skip the form and experience the AI receptionist yourself with a live demo.</p>
2409      <a href="/ai-receptionist#try-sammy" class="smplx-btn-primary smplx-btn-large">
2410        Try Sammy Now
2411        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
2412          <path d="M5 12h14M12 5l7 7-7 7"/>
2413        </svg>
2414      </a>
2415    </div>
2416    
2417  </div>
2418</section>
2419
2420
2421<!-- ==========================================
2422     STYLES
2423     ========================================== -->
2424<style>
2425  /* ==========================================
2426     BASE
2427     ========================================== */
2428  
2429  .smplx-section {
2430    padding: var(--space-16) var(--space-6);
2431    position: relative;
2432  }
2433  
2434  .smplx-section-inner {
2435    max-width: 1100px;
2436    margin: 0 auto;
2437    position: relative;
2438    z-index: 1;
2439  }
2440  
2441  @media (max-width: 600px) {
2442    .smplx-section {
2443      padding: var(--space-12) var(--space-4);
2444    }
2445  }
2446
2447  /* ==========================================
2448     HERO
2449     ========================================== */
2450  
2451  .smplx-contact-hero {
2452    padding-top: var(--space-12);
2453    padding-bottom: var(--space-8);
2454    text-align: center;
2455  }
2456  
2457  .smplx-contact-headline {
2458    font-family: var(--font-display);
2459    font-size: clamp(var(--text-3xl), 6vw, var(--text-4xl));
2460    font-weight: 800;
2461    color: var(--color-text);
2462    margin: 0 0 var(--space-4);
2463    line-height: 1.1;
2464  }
2465  
2466  .smplx-contact-subhead {
2467    font-size: var(--text-lg);
2468    color: var(--color-text-secondary);
2469    margin: 0 auto;
2470    max-width: 500px;
2471    line-height: 1.6;
2472  }
2473
2474  /* ==========================================
2475     CONTACT GRID
2476     ========================================== */
2477  
2478  .smplx-contact-main {
2479    padding-top: var(--space-8);
2480  }
2481  
2482  .smplx-contact-grid {
2483    display: grid;
2484    grid-template-columns: 1fr 1.4fr;
2485    gap: var(--space-10);
2486    align-items: start;
2487  }
2488  
2489  @media (max-width: 900px) {
2490    .smplx-contact-grid {
2491      grid-template-columns: 1fr;
2492      gap: var(--space-8);
2493    }
2494  }
2495
2496  /* ==========================================
2497     CONTACT INFO CARDS
2498     ========================================== */
2499  
2500  .smplx-contact-info {
2501    display: flex;
2502    flex-direction: column;
2503    gap: var(--space-4);
2504  }
2505  
2506  .smplx-contact-card {
2507    display: flex;
2508    align-items: flex-start;
2509    gap: var(--space-4);
2510    padding: var(--space-5);
2511    background: rgba(255, 255, 255, 0.03);
2512    border: 1px solid rgba(255, 255, 255, 0.08);
2513    border-radius: 16px;
2514    transition: all 0.2s ease;
2515  }
2516  
2517  .smplx-contact-card:hover {
2518    border-color: rgba(52, 211, 153, 0.2);
2519    background: rgba(255, 255, 255, 0.05);
2520  }
2521  
2522  .smplx-contact-card-icon {
2523    width: 48px;
2524    height: 48px;
2525    display: flex;
2526    align-items: center;
2527    justify-content: center;
2528    background: rgba(52, 211, 153, 0.1);
2529    border-radius: 12px;
2530    color: #34d399;
2531    flex-shrink: 0;
2532  }
2533  
2534  .smplx-contact-card-content {
2535    flex: 1;
2536  }
2537  
2538  .smplx-contact-card-title {
2539    font-size: var(--text-base);
2540    font-weight: 700;
2541    color: var(--color-text);
2542    margin: 0 0 var(--space-1);
2543  }
2544  
2545  .smplx-contact-card-text {
2546    font-size: var(--text-sm);
2547    color: var(--color-text-muted);
2548    margin: 0 0 var(--space-2);
2549    line-height: 1.5;
2550  }
2551  
2552  .smplx-contact-card-link {
2553    font-size: var(--text-sm);
2554    font-weight: 600;
2555    color: #34d399;
2556    text-decoration: none;
2557    transition: opacity 0.2s ease;
2558  }
2559  
2560  .smplx-contact-card-link:hover {
2561    opacity: 0.8;
2562  }
2563  
2564  .smplx-contact-card-note {
2565    font-size: var(--text-sm);
2566    color: var(--color-text-secondary);
2567  }
2568
2569  /* ==========================================
2570     CONTACT FORM
2571     ========================================== */
2572  
2573  .smplx-contact-form-card {
2574    background: rgba(255, 255, 255, 0.03);
2575    border: 1px solid rgba(255, 255, 255, 0.1);
2576    border-radius: 24px;
2577    padding: var(--space-8);
2578  }
2579  
2580  .smplx-contact-form-title {
2581    font-family: var(--font-display);
2582    font-size: var(--text-xl);
2583    font-weight: 700;
2584    color: var(--color-text);
2585    margin: 0 0 var(--space-2);
2586  }
2587  
2588  .smplx-contact-form-subtitle {
2589    font-size: var(--text-sm);
2590    color: var(--color-text-muted);
2591    margin: 0 0 var(--space-6);
2592  }
2593  
2594  .smplx-contact-form {
2595    display: flex;
2596    flex-direction: column;
2597    gap: var(--space-4);
2598  }
2599  
2600  .smplx-form-row {
2601    display: grid;
2602    grid-template-columns: 1fr 1fr;
2603    gap: var(--space-4);
2604  }
2605  
2606  @media (max-width: 500px) {
2607    .smplx-form-row {
2608      grid-template-columns: 1fr;
2609    }
2610  }
2611  
2612  .smplx-form-group {
2613    display: flex;
2614    flex-direction: column;
2615    gap: var(--space-2);
2616  }
2617  
2618  .smplx-form-label {
2619    font-size: var(--text-sm);
2620    font-weight: 600;
2621    color: var(--color-text-secondary);
2622  }
2623  
2624  .smplx-form-input,
2625  .smplx-form-select,
2626  .smplx-form-textarea {
2627    width: 100%;
2628    padding: var(--space-3) var(--space-4);
2629    font-size: var(--text-base);
2630    font-family: inherit;
2631    color: var(--color-text);
2632    background: rgba(255, 255, 255, 0.05);
2633    border: 1px solid rgba(255, 255, 255, 0.12);
2634    border-radius: 10px;
2635    transition: all 0.2s ease;
2636    outline: none;
2637  }
2638  
2639  .smplx-form-input:focus,
2640  .smplx-form-select:focus,
2641  .smplx-form-textarea:focus {
2642    border-color: rgba(52, 211, 153, 0.5);
2643    background: rgba(255, 255, 255, 0.08);
2644    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.1);
2645  }
2646  
2647  .smplx-form-input::placeholder,
2648  .smplx-form-textarea::placeholder {
2649    color: var(--color-text-muted);
2650  }
2651  
2652  .smplx-form-select {
2653    appearance: none;
2654    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
2655    background-repeat: no-repeat;
2656    background-position: right 16px center;
2657    padding-right: 44px;
2658  }
2659  
2660  .smplx-form-select option {
2661    background: #1a1f2e;
2662    color: var(--color-text);
2663  }
2664  
2665  .smplx-form-textarea {
2666    resize: vertical;
2667    min-height: 120px;
2668  }
2669  
2670  .smplx-form-submit {
2671    display: inline-flex;
2672    align-items: center;
2673    justify-content: center;
2674    gap: 8px;
2675    width: 100%;
2676    padding: var(--space-4) var(--space-6);
2677    font-size: var(--text-base);
2678    font-weight: 700;
2679    font-family: inherit;
2680    color: #0a0e17;
2681    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2682    border: none;
2683    border-radius: 12px;
2684    cursor: pointer;
2685    transition: all 0.2s ease;
2686    margin-top: var(--space-2);
2687  }
2688  
2689  .smplx-form-submit:hover {
2690    transform: translateY(-2px);
2691    box-shadow: 0 8px 25px rgba(52, 211, 153, 0.4);
2692  }
2693  
2694  @media (max-width: 600px) {
2695    .smplx-contact-form-card {
2696      padding: var(--space-6);
2697    }
2698  }
2699
2700  /* ==========================================
2701     CTA SECTION
2702     ========================================== */
2703  
2704  .smplx-contact-cta {
2705    padding-top: var(--space-12);
2706  }
2707  
2708  .smplx-contact-cta-card {
2709    text-align: center;
2710    padding: var(--space-10);
2711    background: linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, rgba(16, 185, 129, 0.03) 100%);
2712    border: 1px solid rgba(52, 211, 153, 0.15);
2713    border-radius: 24px;
2714  }
2715  
2716  .smplx-contact-cta-headline {
2717    font-family: var(--font-display);
2718    font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
2719    font-weight: 700;
2720    color: var(--color-text);
2721    margin: 0 0 var(--space-3);
2722  }
2723  
2724  .smplx-contact-cta-text {
2725    font-size: var(--text-base);
2726    color: var(--color-text-secondary);
2727    margin: 0 0 var(--space-6);
2728    max-width: 450px;
2729    margin-left: auto;
2730    margin-right: auto;
2731  }
2732  
2733  .smplx-btn-primary {
2734    display: inline-flex;
2735    align-items: center;
2736    gap: 8px;
2737    padding: 14px 28px;
2738    font-size: var(--text-base);
2739    font-weight: 700;
2740    color: #0a0e17;
2741    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2742    border: none;
2743    border-radius: 12px;
2744    text-decoration: none;
2745    transition: all 0.2s ease;
2746    cursor: pointer;
2747  }
2748  
2749  .smplx-btn-primary:hover {
2750    transform: translateY(-2px);
2751    box-shadow: 0 8px 25px rgba(52, 211, 153, 0.4);
2752  }
2753  
2754  .smplx-btn-large {
2755    padding: 18px 36px;
2756    font-size: var(--text-lg);
2757  }
2758
2759  /* ==========================================
2760     TOAST NOTIFICATIONS
2761     ========================================== */
2762  
2763  .smplx-toast-container {
2764    position: fixed;
2765    top: 100px;
2766    right: 20px;
2767    z-index: 9999;
2768    display: flex;
2769    flex-direction: column;
2770    gap: 12px;
2771    pointer-events: none;
2772  }
2773  
2774  .smplx-toast {
2775    display: flex;
2776    align-items: flex-start;
2777    gap: 14px;
2778    min-width: 320px;
2779    max-width: 420px;
2780    padding: 18px 20px;
2781    background: rgba(20, 25, 35, 0.98);
2782    backdrop-filter: blur(12px);
2783    border-radius: 16px;
2784    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
2785    transform: translateX(120%);
2786    opacity: 0;
2787    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
2788    pointer-events: auto;
2789  }
2790  
2791  .smplx-toast-visible {
2792    transform: translateX(0);
2793    opacity: 1;
2794  }
2795  
2796  .smplx-toast-icon {
2797    flex-shrink: 0;
2798    width: 40px;
2799    height: 40px;
2800    display: flex;
2801    align-items: center;
2802    justify-content: center;
2803    border-radius: 10px;
2804  }
2805  
2806  .smplx-toast-success .smplx-toast-icon {
2807    background: rgba(52, 211, 153, 0.15);
2808    color: #34d399;
2809  }
2810  
2811  .smplx-toast-error .smplx-toast-icon {
2812    background: rgba(239, 68, 68, 0.15);
2813    color: #ef4444;
2814  }
2815  
2816  .smplx-toast-loading .smplx-toast-icon {
2817    background: rgba(59, 130, 246, 0.15);
2818  }
2819  
2820  .smplx-toast-content {
2821    flex: 1;
2822    min-width: 0;
2823  }
2824  
2825  .smplx-toast-title {
2826    display: block;
2827    font-size: 15px;
2828    font-weight: 700;
2829    color: var(--color-text);
2830    margin-bottom: 4px;
2831  }
2832  
2833  .smplx-toast-message {
2834    font-size: 14px;
2835    color: var(--color-text-muted);
2836    margin: 0;
2837    line-height: 1.5;
2838  }
2839  
2840  /* Spinner */
2841  .smplx-toast-spinner {
2842    width: 24px;
2843    height: 24px;
2844    border: 3px solid rgba(59, 130, 246, 0.2);
2845    border-top-color: #3b82f6;
2846    border-radius: 50%;
2847    animation: smplx-spin 0.8s linear infinite;
2848  }
2849  
2850  @keyframes smplx-spin {
2851    to { transform: rotate(360deg); }
2852  }
2853  
2854  /* Toast border accents */
2855  .smplx-toast-success {
2856    border-left: 4px solid #34d399;
2857  }
2858  
2859  .smplx-toast-error {
2860    border-left: 4px solid #ef4444;
2861  }
2862  
2863  .smplx-toast-loading {
2864    border-left: 4px solid #3b82f6;
2865  }
2866  
2867  @media (max-width: 500px) {
2868    .smplx-toast-container {
2869      top: auto;
2870      bottom: 20px;
2871      left: 20px;
2872      right: 20px;
2873    }
2874    
2875    .smplx-toast {
2876      min-width: 0;
2877      width: 100%;
2878      transform: translateY(120%);
2879    }
2880    
2881    .smplx-toast-visible {
2882      transform: translateY(0);
2883    }
2884  }
2885
2886  /* ==========================================
2887     FORM STATES
2888     ========================================== */
2889  
2890  .smplx-contact-form-card {
2891    transition: all 0.3s ease;
2892  }
2893  
2894  .smplx-form-submitting {
2895    opacity: 0.7;
2896    pointer-events: none;
2897  }
2898  
2899  .smplx-form-submitting::after {
2900    content: '';
2901    position: absolute;
2902    inset: 0;
2903    background: rgba(10, 14, 23, 0.3);
2904    border-radius: 24px;
2905    animation: smplx-pulse 1.5s ease-in-out infinite;
2906  }
2907  
2908  @keyframes smplx-pulse {
2909    0%, 100% { opacity: 0.3; }
2910    50% { opacity: 0.6; }
2911  }
2912  
2913  .smplx-form-success {
2914    border-color: rgba(52, 211, 153, 0.4) !important;
2915    box-shadow: 0 0 30px rgba(52, 211, 153, 0.15);
2916  }
2917  
2918  .smplx-form-error {
2919    border-color: rgba(239, 68, 68, 0.4) !important;
2920    box-shadow: 0 0 30px rgba(239, 68, 68, 0.15);
2921    animation: smplx-shake 0.5s ease-in-out;
2922  }
2923  
2924  @keyframes smplx-shake {
2925    0%, 100% { transform: translateX(0); }
2926    20%, 60% { transform: translateX(-8px); }
2927    40%, 80% { transform: translateX(8px); }
2928  }
2929  
2930  /* Form card needs position relative for overlay */
2931  .smplx-contact-form-card {
2932    position: relative;
2933  }
2934</style>
2935
2936
2937<!-- ==========================================
2938     FORM SCRIPT (Basic validation + submission)
2939     ========================================== -->
vendor: 109 bytes, lines 2939-2940
2939
2940<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2940<script>
2941(function() {
2942  var form = document.getElementById('contactForm');
2943  
2944  // Create toast container
2945  var toastContainer = document.createElement('div');
2946  toastContainer.className = 'smplx-toast-container';
2947  toastContainer.id = 'toastContainer';
2948  document.body.appendChild(toastContainer);
2949  
2950  function showToast(type, title, message) {
2951    var toast = document.createElement('div');
2952    toast.className = 'smplx-toast smplx-toast-' + type;
2953    
2954    var icon = '';
2955    if (type === 'success') {
2956      icon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><polyline points="9 12 11 14 15 10"/></svg>';
2957    } else if (type === 'error') {
2958      icon = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>';
2959    } else if (type === 'loading') {
2960      icon = '<div class="smplx-toast-spinner"></div>';
2961    }
2962    
2963    toast.innerHTML = '<div class="smplx-toast-icon">' + icon + '</div><div class="smplx-toast-content"><strong class="smplx-toast-title">' + title + '</strong><p class="smplx-toast-message">' + message + '</p></div>';
2964    
2965    toastContainer.appendChild(toast);
2966    
2967    // Trigger animation
2968    setTimeout(function() {
2969      toast.classList.add('smplx-toast-visible');
2970    }, 10);
2971    
2972    return toast;
2973  }
2974  
2975  function hideToast(toast, delay) {
2976    setTimeout(function() {
2977      toast.classList.remove('smplx-toast-visible');
2978      setTimeout(function() {
2979        toast.remove();
2980      }, 300);
2981    }, delay || 0);
2982  }
2983  
2984  if (form) {
2985    form.addEventListener('submit', function(e) {
2986      e.preventDefault();
2987      
2988      // Get form data
2989      var formData = new FormData(form);
2990      var data = {};
2991      formData.forEach(function(value, key) {
2992        data[key] = value;
2993      });
2994      
2995      // Basic validation
2996      if (!data.firstName || !data.lastName || !data.email || !data.message) {
2997        showToast('error', 'Missing Fields', 'Please fill in all required fields.');
2998        hideToast(document.querySelector('.smplx-toast-error'), 4000);
2999        return;
3000      }
3001      
3002      // Email validation
3003      var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3004      if (!emailRegex.test(data.email)) {
3005        showToast('error', 'Invalid Email', 'Please enter a valid email address.');
3006        hideToast(document.querySelector('.smplx-toast-error'), 4000);
3007        return;
3008      }
3009      
3010      // Disable form
3011      var submitBtn = form.querySelector('.smplx-form-submit');
3012      var formCard = form.closest('.smplx-contact-form-card');
3013      submitBtn.disabled = true;
3014      formCard.classList.add('smplx-form-submitting');
3015      
3016      // Show loading toast
3017      var loadingToast = showToast('loading', 'Sending Message...', 'Please wait while we submit your message.');
3018      
3019      // Send to GHL webhook
3020      fetch('https://services.leadconnectorhq.com/hooks/v0UDuMtlxhpmmixe4bwB/webhook-trigger/d3d7e7e0-6c99-4d5a-85e2-4db1469de210', {
3021        method: 'POST',
3022        headers: {
3023          'Content-Type': 'application/json'
3024        },
3025        body: JSON.stringify({
3026          firstName: data.firstName,
3027          lastName: data.lastName,
3028          email: data.email,
3029          phone: data.phone || '',
3030          company: data.company || '',
3031          businessType: data.businessType || '',
3032          message: data.message,
3033          source: 'Contact Page',
3034          submittedAt: new Date().toISOString()
3035        })
3036      })
3037      .then(function(response) {
3038        hideToast(loadingToast, 0);
3039        
3040        if (response.ok) {
3041          // Success
3042          formCard.classList.remove('smplx-form-submitting');
3043          formCard.classList.add('smplx-form-success');
3044          
3045          showToast('success', 'Message Sent!', 'Thanks for reaching out. We\'ll get back to you within 24 hours.');
3046          hideToast(document.querySelector('.smplx-toast-success'), 5000);
3047          
3048          form.reset();
3049          
3050          // Reset form state after delay
3051          setTimeout(function() {
3052            formCard.classList.remove('smplx-form-success');
3053            submitBtn.disabled = false;
3054          }, 3000);
3055        } else {
3056          throw new Error('Submission failed');
3057        }
3058      })
3059      .catch(function(error) {
3060        console.error('Form submission error:', error);
3061        hideToast(loadingToast, 0);
3062        
3063        formCard.classList.remove('smplx-form-submitting');
3064        formCard.classList.add('smplx-form-error');
3065        
3066        showToast('error', 'Something Went Wrong', 'Please try again or email us directly at [email protected]');
3067        hideToast(document.querySelector('.smplx-toast-error'), 5000);
3068        
3069        submitBtn.disabled = false;
3070        
3071        setTimeout(function() {
3072          formCard.classList.remove('smplx-form-error');
3073        }, 3000);
3074      });
3075      
3076    });
3077  }
3078})();
3079</script>
3079</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-PwOMT-2Ltl" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-PwOMT-2Ltl"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-w94gyaBcq_" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-w94gyaBcq_"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-BMDkjpeGVm" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-BMDkjpeGVm"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-3OMN-dOmEH" data-animation-class style="" class="c-custom-code c-wrapper custom-code-3OMN-dOmEH"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-3OMN-dOmEH__custom-code" class="custom-code-container ccustom-code-3OMN-dOmEH"><!-- ============================================
3080     FOOTER
3081     Sammy AI - gotsammy.com
3082     
3083     Updated:
3084     - Added /pricing
3085     - Added /roi-calculator as "What You're Missing"
3086     - Added /contact (already existed)
3087     ============================================ -->
3088
3089<footer class="smplx-footer">
3090  <div class="smplx-footer-inner">
3091    
3092    <!-- Footer Main -->
3093    <div class="smplx-footer-main">
3094      
3095      <!-- Brand Column -->
3096      <div class="smplx-footer-brand">
3097        <a href="/" class="smplx-footer-logo">
3098          <img src="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/697b2b7804b05b83b8441460.png" alt="Simplex AI" class="smplx-footer-logo-img">
3099          <span class="smplx-footer-logo-text">Simplex AI</span>
3100        </a>
3101        <p class="smplx-footer-tagline">
3102          The AI receptionist that books 53% more appointments. Available 24/7.
3103        </p>
3104        <a href="tel:+19099221324" class="smplx-footer-phone">
3105          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3106            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
3107          </svg>
3108          (909) 922-1324
3109        </a>
3110      </div>
3111      
3112      <!-- Links Columns -->
3113      <div class="smplx-footer-links">
3114        
3115        <!-- Product -->
3116        <div class="smplx-footer-col">
3117          <h4 class="smplx-footer-heading">Product</h4>
3118          <ul class="smplx-footer-list">
3119            <li><a href="/ai-receptionist">How It Works</a></li>
3120            <li><a href="/pricing">Pricing</a></li>
3121            <li><a href="/roi-calculator">What You're Missing</a></li>
3122            <li><a href="/demo">Demo Calendar</a></li>
3123          </ul>
3124        </div>
3125        
3126        <!-- Industries -->
3127        <div class="smplx-footer-col">
3128          <h4 class="smplx-footer-heading">Industries</h4>
3129          <ul class="smplx-footer-list">
3130            <li><a href="/ai-receptionist-for-gyms">Gyms</a></li>
3131            <li><a href="/ai-receptionist-for-personal-trainers">Personal Trainers</a></li>
3132            <li><a href="/ai-receptionist-for-medspas">Medspas</a></li>
3133            <li><a href="/ai-receptionist-for-photo-booths">Photo Booths</a></li>
3134          </ul>
3135        </div>
3136        
3137        <!-- Company -->
3138        <div class="smplx-footer-col">
3139          <h4 class="smplx-footer-heading">Company</h4>
3140          <ul class="smplx-footer-list">
3141            <li><a href="/about">About</a></li>
3142            <li><a href="/contact">Contact</a></li>
3143          </ul>
3144        </div>
3145        
3146      </div>
3147      
3148    </div>
3149    
3150    <!-- Footer Bottom -->
3151    <div class="smplx-footer-bottom">
3152      <p class="smplx-footer-copyright">
3153        © 2023–2026 Simplex AI. All rights reserved.
3154      </p>
3155      <div class="smplx-footer-legal">
3156        <a href="/privacy">Privacy Policy</a>
3157        <span class="smplx-footer-divider">·</span>
3158        <a href="/terms">Terms of Service</a>
3159      </div>
3160    </div>
3161    
3162  </div>
3163</footer>
3164
3165
3166<!-- ==========================================
3167     FOOTER STYLES
3168     ========================================== -->
3169<style>
3170  .smplx-footer {
3171    background: linear-gradient(180deg, var(--color-bg-primary) 0%, rgba(5, 8, 12, 1) 100%);
3172    border-top: 1px solid rgba(255, 255, 255, 0.06);
3173    padding: var(--space-16) var(--space-6) var(--space-8);
3174  }
3175  
3176  .smplx-footer-inner {
3177    max-width: 1100px;
3178    margin: 0 auto;
3179  }
3180  
3181  .smplx-footer-main {
3182    display: grid;
3183    grid-template-columns: 1.5fr 2fr;
3184    gap: var(--space-12);
3185    padding-bottom: var(--space-10);
3186    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
3187  }
3188  
3189  @media (max-width: 768px) {
3190    .smplx-footer-main {
3191      grid-template-columns: 1fr;
3192      gap: var(--space-10);
3193    }
3194  }
3195  
3196  .smplx-footer-logo {
3197    display: inline-flex;
3198    align-items: center;
3199    gap: var(--space-2);
3200    text-decoration: none;
3201    margin-bottom: var(--space-4);
3202  }
3203  
3204  .smplx-footer-logo-img { height: 32px; width: auto; }
3205  
3206  .smplx-footer-logo-text {
3207    font-family: var(--font-display);
3208    font-size: var(--text-lg);
3209    font-weight: 700;
3210    color: var(--color-text);
3211  }
3212  
3213  .smplx-footer-tagline {
3214    font-size: var(--text-sm);
3215    color: var(--color-text-muted);
3216    line-height: 1.6;
3217    margin: 0 0 var(--space-4);
3218    max-width: 280px;
3219  }
3220  
3221  .smplx-footer-phone {
3222    display: inline-flex;
3223    align-items: center;
3224    gap: var(--space-2);
3225    font-size: var(--text-sm);
3226    font-weight: 600;
3227    color: #34d399;
3228    text-decoration: none;
3229    transition: opacity 0.2s ease;
3230  }
3231  
3232  .smplx-footer-phone:hover { opacity: 0.8; }
3233  .smplx-footer-phone svg { flex-shrink: 0; }
3234  
3235  .smplx-footer-links {
3236    display: grid;
3237    grid-template-columns: repeat(3, 1fr);
3238    gap: var(--space-8);
3239  }
3240  
3241  @media (max-width: 600px) {
3242    .smplx-footer-links {
3243      grid-template-columns: repeat(2, 1fr);
3244      gap: var(--space-6);
3245    }
3246    .smplx-footer-col:last-child { grid-column: span 2; }
3247  }
3248  
3249  .smplx-footer-heading {
3250    font-size: var(--text-xs);
3251    font-weight: 700;
3252    color: var(--color-text);
3253    text-transform: uppercase;
3254    letter-spacing: 1px;
3255    margin: 0 0 var(--space-4);
3256  }
3257  
3258  .smplx-footer-list { list-style: none; margin: 0; padding: 0; }
3259  .smplx-footer-list li { margin-bottom: var(--space-2); }
3260  
3261  .smplx-footer-list a {
3262    font-size: var(--text-sm);
3263    color: var(--color-text-muted);
3264    text-decoration: none;
3265    transition: color 0.2s ease;
3266  }
3267  
3268  .smplx-footer-list a:hover { color: var(--color-text); }
3269  
3270  .smplx-footer-bottom {
3271    display: flex;
3272    align-items: center;
3273    justify-content: space-between;
3274    padding-top: var(--space-6);
3275    flex-wrap: wrap;
3276    gap: var(--space-4);
3277  }
3278  
3279  .smplx-footer-copyright {
3280    font-size: var(--text-xs);
3281    color: var(--color-text-muted);
3282    margin: 0;
3283  }
3284  
3285  .smplx-footer-legal {
3286    display: flex;
3287    align-items: center;
3288    gap: var(--space-2);
3289  }
3290  
3291  .smplx-footer-legal a {
3292    font-size: var(--text-xs);
3293    color: var(--color-text-muted);
3294    text-decoration: none;
3295    transition: color 0.2s ease;
3296  }
3297  
3298  .smplx-footer-legal a:hover { color: var(--color-text); }
3299  
3300  .smplx-footer-divider { color: var(--color-text-muted); opacity: 0.5; }
3301  
3302  @media (max-width: 500px) {
3303    .smplx-footer-bottom {
3304      flex-direction: column;
3305      align-items: flex-start;
3306    }
3307  }
3308</style></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><div><!--[--><!----><div id="gb-track-hl-custom-code"></div><!--]--></div><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
3308<script>window.__NUXT__={};window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",newBaseURL:"https://backend.leadconnectorhq.com/appengine",serverBaseUrl:"https://apisystem.tech",NODE_ENV:"production",OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",OLD_STORAGE_API_URL2_CDN:"https://assets.cdn.msgsndr.com",STORAGE_API_URL1_CDN:"https://cdn.filesafe.space",STORAGE_API_URL2_CDN:"https://assets.cdn.filesafe.space",REVIEW_WIDGET_URL:"https://backend.leadconnectorhq.com/appengine/reviews/get_widget/",REST_API_URLS:"https://backend.leadconnectorhq.com",STATS_API_URL:"https://backend.leadconnectorhq.com",paymentsServiceUrl:"https://backend.leadconnectorhq.com",pciIframeEnabled:true,paymentEmbedOrigin:"https://payment-embed.leadconnectorhq.com",pciIframeLocations:"uF0vaUyrN6rdVdctJldw,xab25XqX1o1xdmYkKqBs",HLS_URL:"https://content.apisystem.tech",IMAGE_CDN:"https://images.leadconnectorhq.com",IMAGE_CDN_WHITELIST:["assets.cdn.msgsndr.com","cdn.msgsndr.com","cdn.filesafe.space","assets.cdn.filesafe.space","storage.googleapis.com","firebasestorage.googleapis.com"],authorizeAcceptJsUrlTestMode:"https://jstest.authorize.net/v1/Accept.js",authorizeAcceptJsUrlLiveMode:"https://js.authorize.net/v1/Accept.js",nmiPaymentProviderScriptUrl:"https://secure.safewebservices.com/token/Collect.js",FORMS_SERVICE_URL:"https://backend.leadconnectorhq.com",SURVEYS_SERVICE_URL:"https://backend.leadconnectorhq.com",QR_CODE_SERVICE_URL:"https://backend.leadconnectorhq.com",GOOGLE_API_SERVICE_URL:"https://services.leadconnectorhq.com/common-google",ECOMMERCE_SERVICE_URL:"https://backend.leadconnectorhq.com/ecommerce",HL_HOMEPAGE_STEPID:"6dcfb06b-9734-44bd-bbcc-8bd4b7fec976",STRIPE_BNPL_CONFIGURATION_TEST:"pmc_1OaAR1FpU9DlKp7RH0HHU4xH",STRIPE_BNPL_CONFIGURATION_LIVE:"pmc_1OlnyOFpU9DlKp7R4tTHuihw",STRIPE_PMC_KEY_TEST:"pmc_1Ps2bTFpU9DlKp7RmgTzmJUL",STRIPE_PMC_KEY_LIVE:"pmc_1PzYYpFpU9DlKp7RcgxVmcvS",STRIPE_DEFAULT_CONFIGURATION_TEST:"pmc_1M95aRFpU9DlKp7ReIqqY0PP",STRIPE_DEFAULT_CONFIGURATION_LIVE:"pmc_1NYilsFpU9DlKp7RkMiUNrKE",STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:"pmc_1QrvB7FpU9DlKp7RcL9L2idV",STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:"pmc_1Qwds7FpU9DlKp7RMCBlclQ0",STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:"pmc_1Qodu1FpU9DlKp7RoWHB8Txx",STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:"pmc_1QwcV0FpU9DlKp7RORUHPK8B",STRIPE_CARD_ONLY_TEST_PMC:"pmc_1PVvmcFpU9DlKp7RFsjX5G7G",STRIPE_CARD_ONLY_LIVE_PMC:"pmc_1PVvogFpU9DlKp7Rj8F0ITLV",ENTERPRISE_RECAPTCHA_SITE_KEY:"6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX",ENTERPRISE_RECAPTCHA_CHECKBOX_SITE_KEY:"6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7",STRIPE_ONE_STEP_PMC_ID_TEST:"pmc_1QodqYFpU9DlKp7R8EIapiwE",STRIPE_TWO_STEP_PMC_ID_TEST:"pmc_1QodsEFpU9DlKp7RHRyay2KC",STRIPE_ONE_STEP_PMC_ID_LIVE:"pmc_1QwcLrFpU9DlKp7Rl9zb07x1",STRIPE_TWO_STEP_PMC_ID_LIVE:"pmc_1QwcP4FpU9DlKp7R4L0ytWkJ",RECAPTCHA_SITE_KEY:"6LfcbMseAAAAAI-EJoB-lUh7_TJaYloLbcbmnhEO",TURNSTILE_INVISIBLE_SITE_KEY:"0x4AAAAAACCpVlau-4k7cJ33",TURNSTILE_VISIBLE_SITE_KEY:"0x4AAAAAACDfuwSBQ2sYO1VD",TURNSTILE_INVISIBLE_TEST_SITE_KEY:"1x00000000000000000000BB",TURNSTILE_VISIBLE_TEST_SITE_KEY:"1x00000000000000000000AA",ENCRYPTED_STORAGE_SECRET_KEY:"daffd34c5f824e455827b0c87cbbf64f8b0cd32b79b6d73100fc4bdf41f095ea",formFunnelWrapperEnabled:true,formCalendarWrapperEnabled:true,formNativeWrapperEnabled:true,formCalendarServiceWrapperEnabled:true,formCalendarRentalWrapperEnabled:true,surveyFunnelWrapperEnabled:true,surveyNativeWrapperEnabled:true,quizNativeWrapperEnabled:true,i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:true,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:""},de:{domain:""},en:{domain:""},es:{domain:""},fi:{domain:""},"fr-ca":{domain:""},fr:{domain:""},hu:{domain:""},it:{domain:""},nl:{domain:""},no:{domain:""},pl:{domain:""},"pt-br":{domain:""},pt:{domain:""},sv:{domain:""}}}},app:{baseURL:"/",buildId:"6c7dc3fa-0bfb-493e-84f3-f4539414ac49",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
3308<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":327,"once":547,"_errors":548,"serverRendered":41},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":309,"fontsToLoad":310,"customFonts":311,"meta":312,"domainName":313,"pageUrl":314,"pageId":315,"pageName":316,"locationId":317,"headerCode":38,"footerCode":38,"popupsList":318,"favicon":319,"globalHeadTrackingCode":320,"globalBodyTrackingCode":321,"funnelId":322,"funnelName":323,"stepId":324,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":34,"pixelToInit":325,"isOptimisePageLoad":41,"backgroundSettingsClass":40,"schemaMarkup":326,"isGeolocationNeeded":34},[6,12,52,119,149,162,184,202,223,234,258,276,298],{"id":7,"child":8},"hl_main",[9,10,11],"section-RlIr7r0Qc","section-ALPiNp9PMY","section-PwOMT-2Ltl",{"id":9,"type":13,"child":14,"class":16,"styles":25,"extra":29,"meta":13,"tagName":47,"title":48,"_id":9,"prebuiltSectionTemplate":49},"section",[15],"row-goXgyaaSBM",{"width":17,"borders":19,"borderRadius":21,"radiusEdge":23},{"value":18},"fullSection",{"value":20},"noBorder",{"value":22},"radius0",{"value":24},"none",{"borderWidth":26},{"value":27,"unit":28},"2","px",{"sticky":30,"visibility":32,"bgImage":35,"allowRowMaxWidth":42,"customClass":43,"elementScreenshot":45},{"value":31},"noneSticky",{"value":33},{"hideDesktop":34,"hideMobile":34},false,{"value":36},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},"image","","1","bgCover",true,{"value":41},{"value":44},[],{"value":46},[],"c-section","simplex ai nav menu",{"_id":50,"name":48,"prebuiltSectionTemplateType":51,"deleted":34},"697b1bbbb24c1baebcd01f88","sync",{"id":15,"type":53,"child":54,"class":56,"styles":62,"extra":64,"tagName":74,"meta":53,"title":75,"element":76},"row",[55],"col-9E52fK422I",{"alignRow":57,"borders":59,"borderRadius":60,"radiusEdge":61},{"value":58},"row-align-center",{"value":20},{"value":22},{"value":24},{"borderWidth":63},{"value":27,"unit":28},{"visibility":65,"bgImage":67,"rowWidth":69,"customClass":72},{"value":66},{"hideDesktop":34,"hideMobile":34},{"value":68},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":70,"unit":71},100,"%",{"value":73},[],"c-row","1 Column Row",{"id":77,"type":53,"child":78,"class":80,"styles":85,"extra":102,"wrapper":110,"tagName":74,"meta":53,"mobileStyles":117,"mobileWrapper":118,"title":75,"updated":41},"row-FYgIknlmL4",[79],"col-j8IZNZGUAW",{"alignRow":81,"borders":82,"borderRadius":83,"radiusEdge":84},{"value":58},{"value":20},{"value":22},{"value":24},{"boxShadow":86,"paddingLeft":87,"paddingRight":89,"paddingTop":90,"paddingBottom":92,"backgroundColor":93,"background":95,"backdropFilter":96,"borderColor":97,"borderWidth":99,"borderStyle":100},{"value":24},{"value":88,"unit":28},5,{"value":88,"unit":28},{"value":91,"unit":28},10,{"value":91,"unit":28},{"value":94},"var(--transparent)",{"value":24},{"value":24},{"value":98},"var(--black)",{"value":27,"unit":28},{"value":101},"solid",{"visibility":103,"bgImage":105,"rowWidth":107,"customClass":108},{"value":104},{"hideDesktop":34,"hideMobile":34},{"value":106},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":70,"unit":71},{"value":109},[],{"marginTop":111,"marginBottom":113,"marginLeft":114,"marginRight":116},{"unit":28,"value":112},0,{"unit":28,"value":112},{"unit":38,"value":115},"auto",{"unit":38,"value":115},{},{},{"id":55,"type":120,"child":121,"class":123,"styles":128,"extra":130,"tagName":146,"meta":120,"title":147,"noOfColumns":148},"col",[122],"custom-code-OjOIBerRme",{"borders":124,"borderRadius":125,"radiusEdge":126,"nestedColumn":127},{"value":20},{"value":22},{"value":24},{"value":38},{"borderWidth":129},{"value":27,"unit":28},{"visibility":131,"bgImage":133,"columnLayout":135,"justifyContentColumnLayout":137,"alignContentColumnLayout":139,"forceColumnLayoutForMobile":141,"customClass":142,"elementVersion":144},{"value":132},{"hideDesktop":34,"hideMobile":34},{"value":134},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":136},"column",{"value":138},"center",{"value":140},"inherit",{"value":41},{"value":143},[],{"value":145},2,"c-column","1st Column",1,{"extra":150,"id":122,"meta":159,"tagName":160,"class":161},{"visibility":151,"customCode":153,"customClass":156,"nodeId":158},{"value":152},{"hideMobile":38,"hideDesktop":38},{"value":154},{"rawCustomCode":155},"\u003C!-- ============================================\n     HEADER \u002F NAVIGATION\n     Simplex AI - smplx.ai\n     \n     Nav: Home | How It Works | Pricing | Industries ↓ | About\n     CTA: \"What You're Missing\" → \u002Froi-calculator\n     Contact: Footer only\n     \n     FIX APPLIED:\n       ✓ Nav overlap with logo — switched from flex:1\n         centering to absolute viewport-center so nav\n         links never collide with logo at any width.\n       ✓ Added min-gap safety via logo\u002FCTA z-index\n         and nav pointer-events fallback.\n     ============================================ -->\n\n\u003Cheader class=\"smplx-header\" id=\"siteHeader\">\n  \u003Cdiv class=\"smplx-header-inner\">\n    \u003Ca href=\"\u002F\" class=\"smplx-site-logo\" style=\"display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; gap: 8px; text-decoration: none; position: relative; z-index: 100;\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F697b2b7804b05b83b8441460.png\" alt=\"Simplex AI\" class=\"smplx-site-logo-img\" style=\"display: block !important; visibility: visible !important; opacity: 1 !important; height: 36px; width: auto; position: relative; z-index: 100;\">\n      \u003Cspan class=\"smplx-site-logo-text\" style=\"display: block !important; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 100;\">Simplex AI\u003C\u002Fspan>\n    \u003C\u002Fa>\n    \u003Cnav class=\"smplx-nav\" id=\"mainNav\">\n      \u003Cul class=\"smplx-nav-list\">\n        \u003Cli class=\"smplx-nav-item\">\u003Ca href=\"\u002F\" class=\"smplx-nav-link\">Home\u003C\u002Fa>\u003C\u002Fli>\n        \u003Cli class=\"smplx-nav-item\">\u003Ca href=\"\u002Fai-receptionist\" class=\"smplx-nav-link\">How It Works\u003C\u002Fa>\u003C\u002Fli>\n        \u003Cli class=\"smplx-nav-item\">\u003Ca href=\"\u002Fpricing\" class=\"smplx-nav-link\">Pricing\u003C\u002Fa>\u003C\u002Fli>\n        \u003Cli class=\"smplx-nav-item smplx-nav-dropdown\">\n          \u003Cbutton class=\"smplx-nav-link smplx-dropdown-trigger\" aria-expanded=\"false\" aria-haspopup=\"true\">\n            Industries\n            \u003Csvg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"6 9 12 15 18 9\"\u002F>\u003C\u002Fsvg>\n          \u003C\u002Fbutton>\n          \u003Cul class=\"smplx-dropdown-menu\">\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-gyms\" class=\"smplx-dropdown-link\">\u003Cspan class=\"smplx-dropdown-icon\">🏋️\u003C\u002Fspan>\u003Cspan class=\"smplx-dropdown-text\">\u003Cstrong>Gyms\u003C\u002Fstrong>\u003Csmall>Fitness studios & health clubs\u003C\u002Fsmall>\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-personal-trainers\" class=\"smplx-dropdown-link\">\u003Cspan class=\"smplx-dropdown-icon\">💪\u003C\u002Fspan>\u003Cspan class=\"smplx-dropdown-text\">\u003Cstrong>Personal Trainers\u003C\u002Fstrong>\u003Csmall>Independent trainers & coaches\u003C\u002Fsmall>\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-medspas\" class=\"smplx-dropdown-link\">\u003Cspan class=\"smplx-dropdown-icon\">✨\u003C\u002Fspan>\u003Cspan class=\"smplx-dropdown-text\">\u003Cstrong>Medspas\u003C\u002Fstrong>\u003Csmall>Aesthetic clinics & wellness centers\u003C\u002Fsmall>\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-photo-booths\" class=\"smplx-dropdown-link\">\u003Cspan class=\"smplx-dropdown-icon\">📸\u003C\u002Fspan>\u003Cspan class=\"smplx-dropdown-text\">\u003Cstrong>Photo Booths\u003C\u002Fstrong>\u003Csmall>Event rental companies\u003C\u002Fsmall>\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n          \u003C\u002Ful>\n        \u003C\u002Fli>\n        \u003Cli class=\"smplx-nav-item\">\u003Ca href=\"\u002Fabout\" class=\"smplx-nav-link\">About\u003C\u002Fa>\u003C\u002Fli>\n      \u003C\u002Ful>\n    \u003C\u002Fnav>\n    \u003Ca href=\"\u002Froi-calculator\" class=\"smplx-header-cta\">\n      What You're Missing\n      \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpath d=\"M5 12h14M12 5l7 7-7 7\"\u002F>\u003C\u002Fsvg>\n    \u003C\u002Fa>\n    \u003Cbutton class=\"smplx-mobile-toggle\" id=\"mobileToggle\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n      \u003Cspan class=\"smplx-hamburger\">\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"smplx-mobile-nav\" id=\"mobileNav\">\n    \u003Cul class=\"smplx-mobile-nav-list\">\n      \u003Cli>\u003Ca href=\"\u002F\" class=\"smplx-mobile-nav-link\">Home\u003C\u002Fa>\u003C\u002Fli>\n      \u003Cli>\u003Ca href=\"\u002Fai-receptionist\" class=\"smplx-mobile-nav-link\">How It Works\u003C\u002Fa>\u003C\u002Fli>\n      \u003Cli>\u003Ca href=\"\u002Fpricing\" class=\"smplx-mobile-nav-link\">Pricing\u003C\u002Fa>\u003C\u002Fli>\n      \u003Cli class=\"smplx-mobile-dropdown\">\n        \u003Cbutton class=\"smplx-mobile-nav-link smplx-mobile-dropdown-trigger\">\n          Industries\n          \u003Csvg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"6 9 12 15 18 9\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fbutton>\n        \u003Cul class=\"smplx-mobile-dropdown-menu\">\n          \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-gyms\">🏋️ Gyms\u003C\u002Fa>\u003C\u002Fli>\n          \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-personal-trainers\">💪 Personal Trainers\u003C\u002Fa>\u003C\u002Fli>\n          \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-medspas\">✨ Medspas\u003C\u002Fa>\u003C\u002Fli>\n          \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-photo-booths\">📸 Photo Booths\u003C\u002Fa>\u003C\u002Fli>\n        \u003C\u002Ful>\n      \u003C\u002Fli>\n      \u003Cli>\u003Ca href=\"\u002Fabout\" class=\"smplx-mobile-nav-link\">About\u003C\u002Fa>\u003C\u002Fli>\n      \u003Cli class=\"smplx-mobile-cta-wrap\">\n        \u003Ca href=\"\u002Froi-calculator\" class=\"smplx-mobile-cta\">What You're Missing →\u003C\u002Fa>\n      \u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fdiv>\n\u003C\u002Fheader>\n\n\u003Cstyle>\n  \u002F* ==========================================\n     HEADER SHELL\n     ========================================== *\u002F\n  .smplx-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 1000;\n    background: rgba(10, 14, 23, 0.9);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    transition: all 0.3s ease;\n  }\n  .smplx-header.scrolled {\n    background: rgba(10, 14, 23, 0.98);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n  }\n\n  \u002F* ==========================================\n     HEADER INNER — Logo left, CTA right,\n     Nav absolute-centered in viewport\n     ========================================== *\u002F\n  .smplx-header-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 var(--space-4);\n    height: 72px;\n    display: flex;
3308\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n    z-index: 10;\n  }\n\n  \u002F* ==========================================\n     LOGO\n     ========================================== *\u002F\n  .smplx-site-logo {\n    display: flex !important;\n    align-items: center;\n    gap: 8px;\n    text-decoration: none;\n    flex-shrink: 0;\n    visibility: visible !important;\n    opacity: 1 !important;\n    position: relative;\n    z-index: 100;\n  }\n  .smplx-site-logo-img {\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    height: 36px;\n    width: auto;\n    max-height: 36px;\n    object-fit: contain;\n    position: relative;\n    z-index: 100;\n    transition: filter 0.2s ease;\n  }\n  .smplx-site-logo-text {\n    font-family: var(--font-display);\n    font-size: var(--text-xl);\n    font-weight: 700;\n    color: var(--color-text);\n    display: block !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    position: relative;\n    z-index: 100;\n    transition: color 0.2s ease;\n  }\n  .smplx-site-logo:hover .smplx-site-logo-img {\n    filter: brightness(1.15) drop-shadow(0 0 10px rgba(52, 211, 153, 0.35));\n  }\n  .smplx-site-logo:hover .smplx-site-logo-text {\n    color: var(--brand-primary);\n  }\n\n  \u002F* ==========================================\n     NAV — Flex-centered with safe gap from logo\n     Uses flex:1 to fill middle space and centers\n     links within it. padding-left creates a\n     minimum gap so links never collide with logo.\n     ========================================== *\u002F\n  .smplx-nav {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    padding-left: 120px;\n    z-index: 50;\n  }\n  .smplx-nav-list {\n    display: flex;\n    align-items: center;\n    gap: var(--space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .smplx-nav-item {\n    position: relative;\n  }\n  .smplx-nav-link {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    font-size: var(--text-sm);\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    text-decoration: none;\n    border-radius: 8px;\n    transition: all 0.2s ease;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n  }\n  .smplx-nav-link:hover {\n    color: var(--color-text);\n    background: rgba(255, 255, 255, 0.05);\n  }\n  .smplx-nav-link svg {\n    transition: transform 0.2s ease;\n  }\n\n  \u002F* ==========================================\n     DROPDOWN\n     ========================================== *\u002F\n  .smplx-nav-dropdown {\n    position: relative;\n  }\n  .smplx-dropdown-menu {\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%) translateY(8px);\n    min-width: 280px;\n    background: rgba(20, 25, 35, 0.98);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 16px;\n    padding: var(--space-2);\n    list-style: none;\n    margin: 0;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.2s ease;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n  }\n  .smplx-nav-dropdown:hover .smplx-dropdown-menu,\n  .smplx-nav-dropdown:focus-within .smplx-dropdown-menu {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(-50%) translateY(0);\n  }\n  .smplx-nav-dropdown:hover .smplx-nav-link svg,\n  .smplx-nav-dropdown:focus-within .smplx-nav-link svg {\n    transform: rotate(180deg);\n  }\n  .smplx-dropdown-link {\n    display: flex;\n    align-items: center;\n    gap: var(--space-3);\n    padding: var(--space-3) var(--space-4);\n    text-decoration: none;\n    border-radius: 10px;\n    transition: all 0.15s ease;\n  }\n  .smplx-dropdown-link:hover {\n    background: rgba(52, 211, 153, 0.1);\n  }\n  .smplx-dropdown-icon {\n    font-size: 1.25rem;\n    flex-shrink: 0;\n  }\n  .smplx-dropdown-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n  .smplx-dropdown-text strong {\n    font-size: var(--text-sm);\n    font-weight: 600;\n    color: var(--color-text);\n  }\n  .smplx-dropdown-text small {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n  }\n\n  \u002F* ==========================================\n     HEADER CTA\n     ========================================== *\u002F\n  .smplx-header-cta {\n    display: inline-flex;
3308\n    align-items: center;\n    gap: 6px;\n    padding: 10px 20px;\n    font-size: var(--text-sm);\n    font-weight: 700;\n    color: #0a0e17;\n    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);\n    border-radius: 10px;\n    text-decoration: none;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n    white-space: nowrap;\n    position: relative;\n    z-index: 100;\n  }\n  .smplx-header-cta:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 15px rgba(52, 211, 153, 0.4);\n  }\n\n  \u002F* ==========================================\n     MOBILE TOGGLE\n     ========================================== *\u002F\n  .smplx-mobile-toggle {\n    display: none;\n    width: 44px;\n    height: 44px;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n  }\n  .smplx-hamburger {\n    position: relative;\n    width: 24px;\n    height: 2px;\n    background: var(--color-text);\n    border-radius: 2px;\n    transition: all 0.3s ease;\n  }\n  .smplx-hamburger::before,\n  .smplx-hamburger::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 24px;\n    height: 2px;\n    background: var(--color-text);\n    border-radius: 2px;\n    transition: all 0.3s ease;\n  }\n  .smplx-hamburger::before { top: -7px; }\n  .smplx-hamburger::after { bottom: -7px; }\n  .smplx-mobile-toggle.active .smplx-hamburger { background: transparent; }\n  .smplx-mobile-toggle.active .smplx-hamburger::before { top: 0; transform: rotate(45deg); }\n  .smplx-mobile-toggle.active .smplx-hamburger::after { bottom: 0; transform: rotate(-45deg); }\n\n  \u002F* ==========================================\n     MOBILE NAV\n     ========================================== *\u002F\n  .smplx-mobile-nav {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    background: rgba(10, 14, 23, 0.98);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    padding: var(--space-4) var(--space-6);\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n  }\n  .smplx-mobile-nav.open { max-height: 500px; }\n  .smplx-mobile-nav-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .smplx-mobile-nav-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: var(--space-3) 0;\n    font-size: var(--text-base);\n    font-weight: 500;\n    color: var(--color-text-secondary);\n    text-decoration: none;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    text-align: left;\n  }\n  .smplx-mobile-nav-link:hover { color: var(--color-text); }\n  .smplx-mobile-dropdown-menu {\n    list-style: none;\n    margin: 0;\n    padding: 0 0 0 var(--space-4);\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n  }\n  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-menu { max-height: 300px; }\n  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-trigger svg { transform: rotate(180deg); }\n  .smplx-mobile-dropdown-menu a {\n    display: block;\n    padding: var(--space-2) 0;\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    text-decoration: none;\n  }\n  .smplx-mobile-dropdown-menu a:hover { color: #34d399; }\n  .smplx-mobile-cta-wrap {\n    padding-top: var(--space-4);\n    margin-top: var(--space-2);\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  .smplx-mobile-cta {\n    display: block;\n    width: 100%;\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-base);\n    font-weight: 700;\n    color: #0a0e17;\n    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);\n    border-radius: 10px;\n    text-decoration: none;\n    text-align: center;\n  }\n\n  \u002F* ==========================================\n     RESPONSIVE — Mobile breakpoint\n     ========================================== *\u002F\n  @media (max-width: 900px) {\n    .smplx-nav,\n    .smplx-header-cta {\n      display: none;\n    }\n    .smplx-mobile-toggle {\n      display: flex;\n    }\n    .smplx-mobile-nav {\n      display: block;\n    }\n  }\n\n  \u002F* ==========================================\n     RESPONSIVE — Narrow desktop safety\n     Prevents nav overlap on 901–1100px screens\n     where logo + nav + CTA compete for space\n     ========================================== *\u002F\n  @media (min-width: 901px) and (max-width: 1100px) {\n    .smplx-nav-link {\n      padding: 10px 12px;\n      font-size: 13px;\n    }\n    .smplx-header-cta {\n      padding: 10px 16px;\n      font-size: 13px;\n    }\n  }\n\n  \u002F* Body offset for fixed header *\u002F\n  body { padding-top: 72px; }\n\u003C\u002Fstyle>\n\n\u003Cscript>
3308\n(function() {\n  var header = document.getElementById('siteHeader');\n  function handleScroll() {\n    if (window.scrollY > 50) { header.classList.add('scrolled'); }\n    else { header.classList.remove('scrolled'); }\n  }\n  window.addEventListener('scroll', handleScroll, { passive: true });\n  handleScroll();\n\n  var mobileToggle = document.getElementById('mobileToggle');\n  var mobileNav = document.getElementById('mobileNav');\n  if (mobileToggle && mobileNav) {\n    mobileToggle.addEventListener('click', function() {\n      mobileToggle.classList.toggle('active');\n      mobileNav.classList.toggle('open');\n      mobileToggle.setAttribute('aria-expanded', mobileNav.classList.contains('open'));\n    });\n  }\n\n  document.querySelectorAll('.smplx-mobile-dropdown-trigger').forEach(function(trigger) {\n    trigger.addEventListener('click', function() {\n      this.closest('.smplx-mobile-dropdown').classList.toggle('open');\n    });\n  });\n\n  document.querySelectorAll('.smplx-mobile-nav a').forEach(function(link) {\n    link.addEventListener('click', function() {\n      mobileToggle.classList.remove('active');\n      mobileNav.classList.remove('open');\n    });\n  });\n})();\n\u003C\u002Fscript>",{"value":157},[],"ccustom-code-OjOIBerRme","custom-code","c-custom-code",{},{"id":10,"type":13,"child":163,"class":165,"styles":170,"extra":172,"meta":13,"tagName":47,"title":183,"_id":10},[164],"row-ICtQgdT4JS",{"width":166,"borders":167,"borderRadius":168,"radiusEdge":169},{"value":18},{"value":20},{"value":22},{"value":24},{"borderWidth":171},{"value":27,"unit":28},{"sticky":173,"visibility":174,"bgImage":176,"allowRowMaxWidth":178,"customClass":179,"elementScreenshot":181},{"value":31},{"value":175},{"hideDesktop":34,"hideMobile":34},{"value":177},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":34},{"value":180},[],{"value":182},[],"Section",{"id":164,"type":53,"child":185,"class":187,"styles":192,"extra":194,"tagName":74,"meta":53,"title":75},[186],"col-enkVeEBQtY",{"alignRow":188,"borders":189,"borderRadius":190,"radiusEdge":191},{"value":58},{"value":20},{"value":22},{"value":24},{"borderWidth":193},{"value":27,"unit":28},{"visibility":195,"bgImage":197,"rowWidth":199,"customClass":200},{"value":196},{"hideDesktop":34,"hideMobile":34},{"value":198},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":70,"unit":71},{"value":201},[],{"id":186,"type":120,"child":203,"class":205,"styles":209,"extra":211,"tagName":146,"meta":120,"title":147,"noOfColumns":148},[204],"custom-code-pCKvltyTeS",{"borders":206,"borderRadius":207,"radiusEdge":208},{"value":20},{"value":22},{"value":24},{"borderWidth":210},{"value":27,"unit":28},{"visibility":212,"bgImage":214,"columnLayout":216,"justifyContentColumnLayout":217,"alignContentColumnLayout":218,"forceColumnLayoutForMobile":219,"customClass":220,"elementVersion":222},{"value":213},{"hideDesktop":34,"hideMobile":34},{"value":215},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":136},{"value":138},{"value":140},{"value":41},{"value":221},[],{"value":145},{"extra":224,"id":204,"meta":159,"tagName":160,"class":233},{"visibility":225,"customCode":227,"customClass":230,"nodeId":232},{"value":226},{"hideMobile":38,"hideDesktop":38},{"value":228},{"rawCustomCode":229},"\u003C!-- ============================================\n     CONTACT PAGE\n     Sammy AI - gotsammy.com\u002Fcontact\n     ============================================ -->\n\n\u003C!-- Schema: ContactPage -->\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"ContactPage\",\n  \"name\": \"Contact Sammy AI\",\n  \"description\": \"Get in touch with the Sammy AI team. Questions about our AI receptionist? We're here to help.\",\n  \"url\": \"https:\u002F\u002Fgotsammy.com\u002Fcontact\",\n  \"mainEntity\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Simplex AI\",\n    \"telephone\": \"+1-909-922-1324\",\n    \"email\": \"[email protected]\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"addressLocality\": \"Chino Hills\",\n      \"addressRegion\": \"CA\",\n      \"addressCountry\": \"US\"\n    }\n  }\n}\n\u003C\u002Fscript>\n\n\n\u003C!-- ==========================================\n     SECTION 1: HERO\n     ========================================== -->\n\u003Csection class=\"smplx-section smplx-contact-hero\">\n  \u003Cdiv class=\"smplx-section-inner\">\n    \n    \u003Cdiv class=\"smplx-contact-hero-content\">\n      \u003Ch1 class=\"smplx-contact-headline\">\n        Let's Talk\n      \u003C\u002Fh1>\n      \u003Cp class=\"smplx-contact-subhead\">\n        Have a question about Sammy? Want to see how she'd work for your business? We're here to help.\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n    \n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 2: CONTACT GRID\n     ========================================== -->\n\u003Csection class=\"smplx-section smplx-contact-main\">\n  \u003Cdiv class=\"smplx-section-inner\">\n    \n    \u003Cdiv class=\"smplx-contact-grid\">\n      \n      \u003C!-- Left: Contact Info -->\n      \u003Cdiv class=\"smplx-contact-info\">\n        \n        \u003Cdiv class=\"smplx-contact-card\">\n          \u003Cdiv class=\"smplx-contact-card-icon\">\n            \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              \u003Cpath d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"smplx-contact-card-content\">\n            \u003Ch3 class=\"smplx-contact-card-title\">Call Sammy\u003C\u002Fh3>\n            \u003Cp class=\"smplx-contact-card-text\">Experience the AI receptionist yourself\u003C\u002Fp>\n            \u003Ca href=\"tel:+19099221324\" class=\"smplx-contact-card-link\">(909) 922-1324\u003C\u002Fa>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \n        \u003Cdiv class=\"smplx-contact-card\">\n          \u003Cdiv class=\"smplx-contact-card-icon\">\n            \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              \u003Cpath d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\u002F>\n              \u003Cpolyline points=\"22,6 12,13 2,6\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"smplx-contact-card-content\">\n            \u003Ch3 class=\"smplx-contact-card-title\">Email Us\u003C\u002Fh3>\n            \u003Cp class=\"smplx-contact-card-text\">We typically respond within 24 hours\u003C\u002Fp>\n            \u003Ca href=\"mailto:[email protected]\" class=\"smplx-contact-card-link\">[email protected]\u003C\u002Fa>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \n        \u003Cdiv class=\"smplx-contact-card\">\n          \u003Cdiv class=\"smplx-contact-card-icon\">\n            \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              \u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\n              \u003Cpolyline points=\"12 6 12 12 16 14\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"smplx-contact-card-content\">\n            \u003Ch3 class=\"smplx-contact-card-title\">Business Hours\u003C\u002Fh3>\n            \u003Cp class=\"smplx-contact-card-text\">Mon–Fri: 9am–6pm PT\u003C\u002Fp>\n            \u003Cspan class=\"smplx-contact-card-note\">Sammy's available 24\u002F7 though 😉\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \n        \u003Cdiv class=\"smplx-contact-card\">\n          \u003Cdiv class=\"smplx-contact-card-icon\">\n            \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              \u003Cpath d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\u002F>\n              \u003Ccircle cx=\"12\" cy=\"10\" r=\"3\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"smplx-contact-card-content\">\n            \u003Ch3 class=\"smplx-contact-card-title\">Location\u003C\u002Fh3>\n            \u003Cp class=\"smplx-contact-card-text\">Based in Southern California\u003C\u002Fp>\n            \u003Cspan class=\"smplx-contact-card-note\">Chino Hills, CA\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \n      \u003C\u002Fdiv>\n      \n      \u003C!-- Right: Contact Form -->\n      \u003Cdiv class=\"smplx-contact-form-wrap\">\n        \n        \u003Cdiv class=\"smplx-contact-form-card\">\n          \u003Ch2 class=\"smplx-contact-form-title\">Send Us a Message\u003C\u002Fh2>\n          \u003Cp class=\"smplx-contact-form-subtitle\">Fill out the form below and we'll get back to you shortly.\u003C\u002Fp>\n          \n          \u003Cform class=\"smplx-contact-form\" id=\"contactForm\">\n            \n            \u003Cdiv class=\"smplx-form-row\">\n              \u003Cdiv class=\"smplx-form-group\">\n                \u003Clabel for=\"firstName\" class=\"smplx-form-label\">First Name *\u003C\u002Flabel>\n                \u003Cinput type=\"text\" id=\"firstName\" name=\"firstName\" class=\"smplx-form-input\" required>\n              \u003C\u002Fdiv>\n              \u003Cdiv class=\"smplx-form-group\">\n                \u003Clabel for=\"lastName\" class=\"smplx-form-label\">Last Name *\u003C\u002Flabel>\n                \u003Cinput type=\"text\" id=\"lastName\" name=\"lastName\" class=\"smplx-form-input\" required>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \n            \u003Cdiv class=\"smplx-form-group\">\n              \u003Clabel for=\"email\" class=\"smplx-form-label\">Email *\u003C\u002Flabel>\n              \u003Cinput type=\"email\" id=\"email\" name=\"email\" class=\"smplx-form-input\" required>\n            \u003C\u002Fdiv>\n            \n            \u003Cdiv class=\"smplx-form-group\">\n              \u003Clabel for=\"company\" class=\"smplx-form-label\">Company Name\u003C\u002Flabel>\n              \u003Cinput type=\"text\" id=\"company\" name=\"company\" class=\"smplx-form-input\" placeholder=\"Your business name\">\n            \u003C\u002Fdiv>\n            \n            \u003Cdiv class=\"smplx-form-group\">
3308\n              \u003Clabel for=\"phone\" class=\"smplx-form-label\">Phone\u003C\u002Flabel>\n              \u003Cinput type=\"tel\" id=\"phone\" name=\"phone\" class=\"smplx-form-input\">\n            \u003C\u002Fdiv>\n            \n            \u003Cdiv class=\"smplx-form-group\">\n              \u003Clabel for=\"businessType\" class=\"smplx-form-label\">Business Type\u003C\u002Flabel>\n              \u003Cselect id=\"businessType\" name=\"businessType\" class=\"smplx-form-select\">\n                \u003Coption value=\"\">Select your industry...\u003C\u002Foption>\n                \u003Coption value=\"gym\">Gym \u002F Fitness Studio\u003C\u002Foption>\n                \u003Coption value=\"trainer\">Personal Trainer \u002F Coach\u003C\u002Foption>\n                \u003Coption value=\"medspa\">Medspa \u002F Aesthetic Clinic\u003C\u002Foption>\n                \u003Coption value=\"photobooth\">Photo Booth \u002F Event Rental\u003C\u002Foption>\n                \u003Coption value=\"other\">Other Service Business\u003C\u002Foption>\n              \u003C\u002Fselect>\n            \u003C\u002Fdiv>\n            \n            \u003Cdiv class=\"smplx-form-group\">\n              \u003Clabel for=\"message\" class=\"smplx-form-label\">Message *\u003C\u002Flabel>\n              \u003Ctextarea id=\"message\" name=\"message\" class=\"smplx-form-textarea\" rows=\"4\" required placeholder=\"How can we help?\">\u003C\u002Ftextarea>\n            \u003C\u002Fdiv>\n            \n            \u003Cbutton type=\"submit\" class=\"smplx-form-submit\">\n              Send Message\n              \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                \u003Cpath d=\"M5 12h14M12 5l7 7-7 7\"\u002F>\n              \u003C\u002Fsvg>\n            \u003C\u002Fbutton>\n            \n          \u003C\u002Fform>\n        \u003C\u002Fdiv>\n        \n      \u003C\u002Fdiv>\n      \n    \u003C\u002Fdiv>\n    \n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 3: CTA\n     ========================================== -->\n\u003Csection class=\"smplx-section smplx-contact-cta\">\n  \u003Cdiv class=\"smplx-section-inner\">\n    \n    \u003Cdiv class=\"smplx-contact-cta-card\">\n      \u003Ch2 class=\"smplx-contact-cta-headline\">Rather See Sammy in Action?\u003C\u002Fh2>\n      \u003Cp class=\"smplx-contact-cta-text\">Skip the form and experience the AI receptionist yourself with a live demo.\u003C\u002Fp>\n      \u003Ca href=\"\u002Fai-receptionist#try-sammy\" class=\"smplx-btn-primary smplx-btn-large\">\n        Try Sammy Now\n        \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n          \u003Cpath d=\"M5 12h14M12 5l7 7-7 7\"\u002F>\n        \u003C\u002Fsvg>\n      \u003C\u002Fa>\n    \u003C\u002Fdiv>\n    \n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     STYLES\n     ========================================== -->\n\u003Cstyle>\n  \u002F* ==========================================\n     BASE\n     ========================================== *\u002F\n  \n  .smplx-section {\n    padding: var(--space-16) var(--space-6);\n    position: relative;\n  }\n  \n  .smplx-section-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \n  @media (max-width: 600px) {\n    .smplx-section {\n      padding: var(--space-12) var(--space-4);\n    }\n  }\n\n  \u002F* ==========================================\n     HERO\n     ========================================== *\u002F\n  \n  .smplx-contact-hero {\n    padding-top: var(--space-12);\n    padding-bottom: var(--space-8);\n    text-align: center;\n  }\n  \n  .smplx-contact-headline {\n    font-family: var(--font-display);\n    font-size: clamp(var(--text-3xl), 6vw, var(--text-4xl));\n    font-weight: 800;\n    color: var(--color-text);\n    margin: 0 0 var(--space-4);\n    line-height: 1.1;\n  }\n  \n  .smplx-contact-subhead {\n    font-size: var(--text-lg);\n    color: var(--color-text-secondary);\n    margin: 0 auto;\n    max-width: 500px;\n    line-height: 1.6;\n  }\n\n  \u002F* ==========================================\n     CONTACT GRID\n     ========================================== *\u002F\n  \n  .smplx-contact-main {\n    padding-top: var(--space-8);\n  }\n  \n  .smplx-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.4fr;\n    gap: var(--space-10);
3308\n    align-items: start;\n  }\n  \n  @media (max-width: 900px) {\n    .smplx-contact-grid {\n      grid-template-columns: 1fr;\n      gap: var(--space-8);\n    }\n  }\n\n  \u002F* ==========================================\n     CONTACT INFO CARDS\n     ========================================== *\u002F\n  \n  .smplx-contact-info {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-4);\n  }\n  \n  .smplx-contact-card {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--space-4);\n    padding: var(--space-5);\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    transition: all 0.2s ease;\n  }\n  \n  .smplx-contact-card:hover {\n    border-color: rgba(52, 211, 153, 0.2);\n    background: rgba(255, 255, 255, 0.05);\n  }\n  \n  .smplx-contact-card-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(52, 211, 153, 0.1);\n    border-radius: 12px;\n    color: #34d399;\n    flex-shrink: 0;\n  }\n  \n  .smplx-contact-card-content {\n    flex: 1;\n  }\n  \n  .smplx-contact-card-title {\n    font-size: var(--text-base);\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-1);\n  }\n  \n  .smplx-contact-card-text {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin: 0 0 var(--space-2);\n    line-height: 1.5;\n  }\n  \n  .smplx-contact-card-link {\n    font-size: var(--text-sm);\n    font-weight: 600;\n    color: #34d399;\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n  }\n  \n  .smplx-contact-card-link:hover {\n    opacity: 0.8;\n  }\n  \n  .smplx-contact-card-note {\n    font-size: var(--text-sm);\n    color: var(--color-text-secondary);\n  }\n\n  \u002F* ==========================================\n     CONTACT FORM\n     ========================================== *\u002F\n  \n  .smplx-contact-form-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 24px;\n    padding: var(--space-8);\n  }\n  \n  .smplx-contact-form-title {\n    font-family: var(--font-display);\n    font-size: var(--text-xl);\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-2);\n  }\n  \n  .smplx-contact-form-subtitle {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin: 0 0 var(--space-6);\n  }\n  \n  .smplx-contact-form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-4);\n  }\n  \n  .smplx-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--space-4);\n  }\n  \n  @media (max-width: 500px) {\n    .smplx-form-row {\n      grid-template-columns: 1fr;\n    }\n  }\n  \n  .smplx-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-2);\n  }\n  \n  .smplx-form-label {\n    font-size: var(--text-sm);\n    font-weight: 600;\n    color: var(--color-text-secondary);\n  }\n  \n  .smplx-form-input,\n  .smplx-form-select,\n  .smplx-form-textarea {\n    width: 100%;\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-base);\n    font-family: inherit;\n    color: var(--color-text);\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 10px;\n    transition: all 0.2s ease;\n    outline: none;\n  }\n  \n  .smplx-form-input:focus,\n  .smplx-form-select:focus,\n  .smplx-form-textarea:focus {\n    border-color: rgba(52, 211, 153, 0.5);\n    background: rgba(255, 255, 255, 0.08);\n    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.1);\n  }\n  \n  .smplx-form-input::placeholder,\n  .smplx-form-textarea::placeholder {\n    color: var(--color-text-muted);\n  }\n  \n  .smplx-form-select {\n    appearance: none;\n    background-image: url(\"data:image\u002Fsvg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\u002F%3E%3C\u002Fsvg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 44px;\n  }\n  \n  .smplx-form-select option {\n    background: #1a1f2e;
3308\n    color: var(--color-text);\n  }\n  \n  .smplx-form-textarea {\n    resize: vertical;\n    min-height: 120px;\n  }\n  \n  .smplx-form-submit {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: var(--space-4) var(--space-6);\n    font-size: var(--text-base);\n    font-weight: 700;\n    font-family: inherit;\n    color: #0a0e17;\n    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    margin-top: var(--space-2);\n  }\n  \n  .smplx-form-submit:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(52, 211, 153, 0.4);\n  }\n  \n  @media (max-width: 600px) {\n    .smplx-contact-form-card {\n      padding: var(--space-6);\n    }\n  }\n\n  \u002F* ==========================================\n     CTA SECTION\n     ========================================== *\u002F\n  \n  .smplx-contact-cta {\n    padding-top: var(--space-12);\n  }\n  \n  .smplx-contact-cta-card {\n    text-align: center;\n    padding: var(--space-10);\n    background: linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, rgba(16, 185, 129, 0.03) 100%);\n    border: 1px solid rgba(52, 211, 153, 0.15);\n    border-radius: 24px;\n  }\n  \n  .smplx-contact-cta-headline {\n    font-family: var(--font-display);\n    font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-3);\n  }\n  \n  .smplx-contact-cta-text {\n    font-size: var(--text-base);\n    color: var(--color-text-secondary);\n    margin: 0 0 var(--space-6);\n    max-width: 450px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .smplx-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-size: var(--text-base);\n    font-weight: 700;\n    color: #0a0e17;\n    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);\n    border: none;\n    border-radius: 12px;\n    text-decoration: none;\n    transition: all 0.2s ease;\n    cursor: pointer;\n  }\n  \n  .smplx-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(52, 211, 153, 0.4);\n  }\n  \n  .smplx-btn-large {\n    padding: 18px 36px;\n    font-size: var(--text-lg);\n  }\n\n  \u002F* ==========================================\n     TOAST NOTIFICATIONS\n     ========================================== *\u002F\n  \n  .smplx-toast-container {\n    position: fixed;\n    top: 100px;\n    right: 20px;\n    z-index: 9999;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    pointer-events: none;\n  }\n  \n  .smplx-toast {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-width: 320px;\n    max-width: 420px;\n    padding: 18px 20px;\n    background: rgba(20, 25, 35, 0.98);\n    backdrop-filter: blur(12px);\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);\n    transform: translateX(120%);\n    opacity: 0;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    pointer-events: auto;\n  }\n  \n  .smplx-toast-visible {\n    transform: translateX(0);\n    opacity: 1;\n  }\n  \n  .smplx-toast-icon {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n  }\n  \n  .smplx-toast-success .smplx-toast-icon {\n    background: rgba(52, 211, 153, 0.15);\n    color: #34d399;\n  }\n  \n  .smplx-toast-error .smplx-toast-icon {\n    background: rgba(239, 68, 68, 0.15);\n    color: #ef4444;\n  }\n  \n  .smplx-toast-loading .smplx-toast-icon {\n    background: rgba(59, 130, 246, 0.15);\n  }\n  \n  .smplx-toast-content {\n    flex: 1;\n    min-width: 0;\n  }\n  \n  .smplx-toast-title {\n    display: block;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--color-text);\n    margin-bottom: 4px;\n  }\n  \n  .smplx-toast-message {\n    font-size: 14px;\n    color: var(--color-text-muted);\n    margin: 0;\n    line-height: 1.5;\n  }\n  \n  \u002F* Spinner *\u002F\n  .smplx-toast-spinner {\n    width: 24px;\n    height: 24px;\n    border: 3px solid rgba(59, 130, 246, 0.2);\n    border-top-color: #3b82f6;\n    border-radius: 50%;\n    animation: smplx-spin 0.8s linear infinite;\n  }\n  \n  @keyframes smplx-spin {\n    to { transform: rotate(360deg); }\n  }\n  \n  \u002F* Toast border accents *\u002F\n  .smplx-toast-success {\n    border-left: 4px solid #34d399;\n  }\n  \n  .smplx-toast-error {\n    border-left: 4px solid #ef4444;\n  }\n  \n  .smplx-toast-loading {\n    border-left: 4px solid #3b82f6;\n  }\n  \n  @media (max-width: 500px) {\n    .smplx-toast-container {\n      top: auto;\n      bottom: 20px;\n      left: 20px;\n      right: 20px;\n    }\n    \n    .smplx-toast {\n      min-width: 0;\n      width: 100%;\n      transform: translateY(120%);\n    }\n    \n    .smplx-toast-visible {\n      transform: translateY(0);\n    }\n  }\n\n  \u002F* ==========================================\n     FORM STATES\n     ========================================== *\u002F\n  \n  .smplx-contact-form-card {\n    transition: all 0.3s ease;\n  }\n  \n  .smplx-form-submitting {\n    opacity: 0.7;\n    pointer-events: none;\n  }\n  \n  .smplx-form-submitting::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(10, 14, 23, 0.3);\n    border-radius: 24px;\n    animation: smplx-pulse 1.5s ease-in-out infinite;\n  }\n  \n  @keyframes smplx-pulse {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 0.6; }\n  }\n  \n  .smplx-form-success {\n    border-color: rgba(52, 211, 153, 0.4) !important;\n    box-shadow: 0 0 30px rgba(52, 211, 153, 0.15);\n  }\n  \n  .smplx-form-error {\n    border-color: rgba(239, 68, 68, 0.4) !important;\n    box-shadow: 0 0 30px rgba(239, 68, 68, 0.15);\n    animation: smplx-shake 0.5s ease-in-out;\n  }\n  \n  @keyframes smplx-shake {\n    0%, 100% { transform: translateX(0); }\n    20%, 60% { transform: translateX(-8px); }\n    40%, 80% { transform: translateX(8px); }\n  }\n  \n  \u002F* Form card needs position relative for overlay *\u002F\n  .smplx-contact-form-card {\n    position: relative;\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ==========================================\n     FORM SCRIPT (Basic validation + submission)\n     ========================================== -->\n\u003Cscript>
3308\n(function() {\n  var form = document.getElementById('contactForm');\n  \n  \u002F\u002F Create toast container\n  var toastContainer = document.createElement('div');\n  toastContainer.className = 'smplx-toast-container';\n  toastContainer.id = 'toastContainer';\n  document.body.appendChild(toastContainer);\n  \n  function showToast(type, title, message) {\n    var toast = document.createElement('div');\n    toast.className = 'smplx-toast smplx-toast-' + type;\n    \n    var icon = '';\n    if (type === 'success') {\n      icon = '\u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpolyline points=\"9 12 11 14 15 10\"\u002F>\u003C\u002Fsvg>';\n    } else if (type === 'error') {\n      icon = '\u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cline x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\u002F>\u003Cline x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\u002F>\u003C\u002Fsvg>';\n    } else if (type === 'loading') {\n      icon = '\u003Cdiv class=\"smplx-toast-spinner\">\u003C\u002Fdiv>';\n    }\n    \n    toast.innerHTML = '\u003Cdiv class=\"smplx-toast-icon\">' + icon + '\u003C\u002Fdiv>\u003Cdiv class=\"smplx-toast-content\">\u003Cstrong class=\"smplx-toast-title\">' + title + '\u003C\u002Fstrong>\u003Cp class=\"smplx-toast-message\">' + message + '\u003C\u002Fp>\u003C\u002Fdiv>';\n    \n    toastContainer.appendChild(toast);\n    \n    \u002F\u002F Trigger animation\n    setTimeout(function() {\n      toast.classList.add('smplx-toast-visible');\n    }, 10);\n    \n    return toast;\n  }\n  \n  function hideToast(toast, delay) {\n    setTimeout(function() {\n      toast.classList.remove('smplx-toast-visible');\n      setTimeout(function() {\n        toast.remove();\n      }, 300);\n    }, delay || 0);\n  }\n  \n  if (form) {\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n      \n      \u002F\u002F Get form data\n      var formData = new FormData(form);\n      var data = {};\n      formData.forEach(function(value, key) {\n        data[key] = value;\n      });\n      \n      \u002F\u002F Basic validation\n      if (!data.firstName || !data.lastName || !data.email || !data.message) {\n        showToast('error', 'Missing Fields', 'Please fill in all required fields.');\n        hideToast(document.querySelector('.smplx-toast-error'), 4000);\n        return;\n      }\n      \n      \u002F\u002F Email validation\n      var emailRegex = \u002F^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\u002F;\n      if (!emailRegex.test(data.email)) {\n        showToast('error', 'Invalid Email', 'Please enter a valid email address.');\n        hideToast(document.querySelector('.smplx-toast-error'), 4000);\n        return;\n      }\n      \n      \u002F\u002F Disable form\n      var submitBtn = form.querySelector('.smplx-form-submit');\n      var formCard = form.closest('.smplx-contact-form-card');\n      submitBtn.disabled = true;\n      formCard.classList.add('smplx-form-submitting');\n      \n      \u002F\u002F Show loading toast\n      var loadingToast = showToast('loading', 'Sending Message...', 'Please wait while we submit your message.');\n      \n      \u002F\u002F Send to GHL webhook\n      fetch('https:\u002F\u002Fservices.leadconnectorhq.com\u002Fhooks\u002Fv0UDuMtlxhpmmixe4bwB\u002Fwebhook-trigger\u002Fd3d7e7e0-6c99-4d5a-85e2-4db1469de210', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\u002Fjson'\n        },\n        body: JSON.stringify({\n          firstName: data.firstName,\n          lastName: data.lastName,\n          email: data.email,\n          phone: data.phone || '',\n          company: data.company || '',\n          businessType: data.businessType || '',\n          message: data.message,\n          source: 'Contact Page',\n          submittedAt: new Date().toISOString()\n        })\n      })\n      .then(function(response) {\n        hideToast(loadingToast, 0);\n        \n        if (response.ok) {\n          \u002F\u002F Success\n          formCard.classList.remove('smplx-form-submitting');\n          formCard.classList.add('smplx-form-success');\n          \n          showToast('success', 'Message Sent!', 'Thanks for reaching out. We\\'ll get back to you within 24 hours.');\n          hideToast(document.querySelector('.smplx-toast-success'), 5000);\n          \n          form.reset();\n          \n          \u002F\u002F Reset form state after delay\n          setTimeout(function() {\
3308n            formCard.classList.remove('smplx-form-success');\n            submitBtn.disabled = false;\n          }, 3000);\n        } else {\n          throw new Error('Submission failed');\n        }\n      })\n      .catch(function(error) {\n        console.error('Form submission error:', error);\n        hideToast(loadingToast, 0);\n        \n        formCard.classList.remove('smplx-form-submitting');\n        formCard.classList.add('smplx-form-error');\n        \n        showToast('error', 'Something Went Wrong', 'Please try again or email us directly at [email protected]');\n        hideToast(document.querySelector('.smplx-toast-error'), 5000);\n        \n        submitBtn.disabled = false;\n        \n        setTimeout(function() {\n          formCard.classList.remove('smplx-form-error');\n        }, 3000);\n      });\n      \n    });\n  }\n})();\n\u003C\u002Fscript>",{"value":231},[],"ccustom-code-pCKvltyTeS",{},{"id":11,"type":13,"child":235,"class":237,"styles":242,"extra":244,"meta":13,"tagName":47,"title":255,"prebuiltSectionTemplate":256,"_id":11},[236],"row-w94gyaBcq_",{"width":238,"borders":239,"borderRadius":240,"radiusEdge":241},{"value":18},{"value":20},{"value":22},{"value":24},{"borderWidth":243},{"value":27,"unit":28},{"sticky":245,"visibility":246,"bgImage":248,"allowRowMaxWidth":250,"customClass":251,"elementScreenshot":253},{"value":31},{"value":247},{"hideDesktop":34,"hideMobile":34},{"value":249},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":34},{"value":252},[],{"value":254},[],"simplex ai website footer & schema",{"_id":257,"name":255,"prebuiltSectionTemplateType":51,"deleted":34},"697afd61269d00362b0216d5",{"id":236,"type":53,"child":259,"class":261,"styles":266,"extra":268,"tagName":74,"meta":53,"title":75},[260],"col-BMDkjpeGVm",{"alignRow":262,"borders":263,"borderRadius":264,"radiusEdge":265},{"value":58},{"value":20},{"value":22},{"value":24},{"borderWidth":267},{"value":27,"unit":28},{"visibility":269,"bgImage":271,"rowWidth":273,"customClass":274},{"value":270},{"hideDesktop":34,"hideMobile":34},{"value":272},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":70,"unit":71},{"value":275},[],{"id":260,"type":120,"child":277,"class":279,"styles":284,"extra":286,"tagName":146,"meta":120,"title":147,"noOfColumns":148},[278],"custom-code-3OMN-dOmEH",{"borders":280,"borderRadius":281,"radiusEdge":282,"nestedColumn":283},{"value":20},{"value":22},{"value":24},{"value":38},{"borderWidth":285},{"value":27,"unit":28},{"visibility":287,"bgImage":289,"columnLayout":291,"justifyContentColumnLayout":292,"alignContentColumnLayout":293,"forceColumnLayoutForMobile":294,"customClass":295,"elementVersion":297},{"value":288},{"hideDesktop":34,"hideMobile":34},{"value":290},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":136},{"value":138},{"value":140},{"value":41},{"value":296},[],{"value":145},{"extra":299,"id":278,"meta":159,"tagName":160,"class":308},{"visibility":300,"customCode":302,"customClass":305,"nodeId":307},{"value":301},{"hideMobile":38,"hideDesktop":38},{"value":303},{"rawCustomCode":304},"\u003C!-- ============================================\n     FOOTER\n     Sammy AI - gotsammy.com\n     \n     Updated:\n     - Added \u002Fpricing\n     - Added \u002Froi-calculator as \"What You're Missing\"\n     - Added \u002Fcontact (already existed)\n     ============================================ -->\n\n\u003Cfooter class=\"smplx-footer\">\n  \u003Cdiv class=\"smplx-footer-inner\">\n    \n    \u003C!-- Footer Main -->\n    \u003Cdiv class=\"smplx-footer-main\">\n      \n      \u003C!-- Brand Column -->\n      \u003Cdiv class=\"smplx-footer-brand\">\n        \u003Ca href=\"\u002F\" class=\"smplx-footer-logo\">\n          \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F697b2b7804b05b83b8441460.png\" alt=\"Simplex AI\" class=\"smplx-footer-logo-img\">\n          \u003Cspan class=\"smplx-footer-logo-text\">Simplex AI\u003C\u002Fspan>\n        \u003C\u002Fa>\n        \u003Cp class=\"smplx-footer-tagline\">\n          The AI receptionist that books 53% more appointments. Available 24\u002F7.\n        \u003C\u002Fp>\n        \u003Ca href=\"tel:+19099221324\" class=\"smplx-footer-phone\">\n          \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            \u003Cpath d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\u002F>\n          \u003C\u002Fsvg>\n          (909) 922-1324\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n      \n      \u003C!-- Links Columns -->\n      \u003Cdiv class=\"smplx-footer-links\">\n        \n        \u003C!-- Product -->\n        \u003Cdiv class=\"smplx-footer-col\">\n          \u003Ch4 class=\"smplx-footer-heading\">Product\u003C\u002Fh4>\n          \u003Cul class=\"smplx-footer-list\">\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist\">How It Works\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fpricing\">Pricing\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Froi-calculator\">What You're Missing\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fdemo\">Demo Calendar\u003C\u002Fa>\u003C\u002Fli>\n          \u003C\u002Ful>\n        \u003C\u002Fdiv>\n        \n        \u003C!-- Industries -->\n        \u003Cdiv class=\"smplx-footer-col\">\n          \u003Ch4 class=\"smplx-footer-heading\">Industries\u003C\u002Fh4>\n          \u003Cul class=\"smplx-footer-list\">\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-gyms\">Gyms\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-personal-trainers\">Personal Trainers\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-medspas\">Medspas\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fai-receptionist-for-photo-booths\">Photo Booths\u003C\u002Fa>\u003C\u002Fli>\n          \u003C\u002Ful>\n        \u003C\u002Fdiv>\n        \n        \u003C!-- Company -->\n        \u003Cdiv class=\"smplx-footer-col\">\n          \u003Ch4 class=\"smplx-footer-heading\">Company\u003C\u002Fh4>\n          \u003Cul class=\"smplx-footer-list\">\n            \u003Cli>\u003Ca href=\"\u002Fabout\">About\u003C\u002Fa>\u003C\u002Fli>\n            \u003Cli>\u003Ca href=\"\u002Fcontact\">Contact\u003C\u002Fa>\u003C\u002Fli>\n          \u003C\u002Ful>\n        \u003C\u002Fdiv>\n        \n      \u003C\u002Fdiv>\n      \n    \u003C\u002Fdiv>\n    \n    \u003C!-- Footer Bottom -->\n    \u003Cdiv class=\"smplx-footer-bottom\">\n      \u003Cp class=\"smplx-footer-copyright\">\n        © 2023–2026 Simplex AI. All rights reserved.\n      \u003C\u002Fp>\n      \u003Cdiv class=\"smplx-footer-legal\">\n        \u003Ca href=\"\u002Fprivacy\">Privacy Policy\u003C\u002Fa>\n        \u003Cspan class=\"smplx-footer-divider\">·\u003C\u002Fspan>\n        \u003Ca href=\"\u002Fterms\">Terms of Service\u003C\u002Fa>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \n  \u003C\u002Fdiv>\n\u003C\u002Ffooter>\n\n\n\u003C!-- ==========================================\n     FOOTER STYLES\n     ========================================== -->\n\u003Cstyle>\n  .smplx-footer {\n    background: linear-gradient(180deg, var(--color-bg-primary) 0%, rgba(5, 8, 12, 1) 100%);\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\n    padding: var(--space-16) var(--space-6) var(--space-8);\n  }\n  \n  .smplx-footer-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  \n  .smplx-footer-main {\n    display: grid;\n    grid-template-columns: 1.5fr 2fr;\n    gap: var(--space-12);\n    padding-bottom: var(--space-10);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  \n  @media (max-width: 768px) {\n    .smplx-footer-main {\n      grid-template-columns: 1fr;\n      gap: var(--space-10);\n    }\n  }\n  \n  .smplx-footer-logo {\n    display: inline-flex;
3308\n    align-items: center;\n    gap: var(--space-2);\n    text-decoration: none;\n    margin-bottom: var(--space-4);\n  }\n  \n  .smplx-footer-logo-img { height: 32px; width: auto; }\n  \n  .smplx-footer-logo-text {\n    font-family: var(--font-display);\n    font-size: var(--text-lg);\n    font-weight: 700;\n    color: var(--color-text);\n  }\n  \n  .smplx-footer-tagline {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    line-height: 1.6;\n    margin: 0 0 var(--space-4);\n    max-width: 280px;\n  }\n  \n  .smplx-footer-phone {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--space-2);\n    font-size: var(--text-sm);\n    font-weight: 600;\n    color: #34d399;\n    text-decoration: none;\n    transition: opacity 0.2s ease;\n  }\n  \n  .smplx-footer-phone:hover { opacity: 0.8; }\n  .smplx-footer-phone svg { flex-shrink: 0; }\n  \n  .smplx-footer-links {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: var(--space-8);\n  }\n  \n  @media (max-width: 600px) {\n    .smplx-footer-links {\n      grid-template-columns: repeat(2, 1fr);\n      gap: var(--space-6);\n    }\n    .smplx-footer-col:last-child { grid-column: span 2; }\n  }\n  \n  .smplx-footer-heading {\n    font-size: var(--text-xs);\n    font-weight: 700;\n    color: var(--color-text);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 var(--space-4);\n  }\n  \n  .smplx-footer-list { list-style: none; margin: 0; padding: 0; }\n  .smplx-footer-list li { margin-bottom: var(--space-2); }\n  \n  .smplx-footer-list a {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    text-decoration: none;\n    transition: color 0.2s ease;\n  }\n  \n  .smplx-footer-list a:hover { color: var(--color-text); }\n  \n  .smplx-footer-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: var(--space-6);\n    flex-wrap: wrap;\n    gap: var(--space-4);\n  }\n  \n  .smplx-footer-copyright {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n    margin: 0;\n  }\n  \n  .smplx-footer-legal {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n  }\n  \n  .smplx-footer-legal a {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n    text-decoration: none;\n    transition: color 0.2s ease;\n  }\n  \n  .smplx-footer-legal a:hover { color: var(--color-text); }\n  \n  .smplx-footer-divider { color: var(--color-text-muted); opacity: 0.5; }\n  \n  @media (max-width: 500px) {\n    .smplx-footer-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n\u003C\u002Fstyle>",{"value":306},[],"ccustom-code-3OMN-dOmEH",{},[],"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CSpace%20Grotesk:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPoppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap",[],{"title":38,"description":38,"author":38,"imageUrl":38,"isPreviewUrl":34},"smplx.ai","\u002Fcontact","9WLbY5HZMzHzUBhPftFN","Contact","v0UDuMtlxhpmmixe4bwB",[],"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698258d9b7e49847120afd6d.png","\u003C!-- ============================================\n     🎨 THEME CONFIGURATION v3.1 — DYNAMIC TEMPLATE\n     \n     ⚡ THIS IS THE ONLY FILE YOU EDIT PER DEPLOYMENT\n     \n     Place FIRST in GHL Head Tracking.\n     Everything below drives every color, font, \n     and visual decision across the entire site.\n     \n     DEPLOYMENT CHECKLIST:\n     [ ] Pick vertical preset OR set custom values\n     [ ] Confirm theme mode (dark\u002Flight)\n     [ ] Confirm font imports match --font-display \u002F --font-body\n     [ ] Save and preview\n     ============================================ -->\n\n\u003Cstyle>\n  :root {\n\n    \u002F* ========================================\n       🎯 VERTICAL PRESET ACTIVE: UNIVERSAL (Simplex Default)\n       \n       TO DEPLOY A DIFFERENT VERTICAL:\n       Comment out this block and uncomment \n       the matching preset below.\n       ======================================== *\u002F\n\n    \u002F* PRIMARY — buttons, highlights, accents, CTAs *\u002F\n    --brand-primary: #34d399;\n    --brand-primary-hover: #10b981;\n    --brand-primary-rgb: 52, 211, 153;\n    \n    \u002F* PRIMARY GRADIENT — CTA buttons, glow lines *\u002F\n    --brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-hover) 100%);\n    \n    \u002F* URGENCY — scarcity, warnings, loss numbers, \"X spots left\" *\u002F\n    --brand-accent-red: #f87171;\n    --brand-accent-red-rgb: 248, 113, 113;\n    \n    \u002F* ATTENTION — alerts, badges, \"watch this\" *\u002F\n    --brand-accent-yellow: #fbbf24;\n    --brand-accent-yellow-rgb: 251, 191, 36;\n    \n    \u002F* SUCCESS — checkmarks, confirmations, positive proof *\u002F\n    --brand-success: #22c55e;\n    --brand-success-hover: #16a34a;\n    --brand-success-rgb: 34, 197, 94;\n\n\n    \u002F* ========================================\n       🌗 THEME MODE\n       \"dark\" = dark background, light text\n       \"light\" = white background, dark text\n       ======================================== *\u002F\n    \n    --theme-mode: dark;\n\n\n    \u002F* ========================================\n       TYPOGRAPHY\n       Change fonts here AND update the \n       Google Fonts \u003Clink> below to match.\n       ======================================== *\u002F\n    \n    \u002F* Display: Headlines, H1–H3, hero text *\u002F\n    --font-display: 'Inter', system-ui, sans-serif;\n    \n    \u002F* Body: Paragraphs, descriptions, UI text *\u002F\n    --font-body: 'Inter', system-ui, sans-serif;\n    \n    \u002F* Mono: Code blocks, technical labels *\u002F\n    --font-mono: 'JetBrains Mono', monospace;\n    \n    \u002F* Headline style: capitalize | uppercase | none *\u002F\n    --title-transform: none;\n    \n    \u002F* H1 weight — 700 for authority, 800 for impact *\u002F\n    --h1-weight: 800;\n\n\n    \u002F* ========================================\n       SPACING SCALE\n       Base unit: 4px — Tailwind-compatible\n       Rarely needs changing per deployment\n       ======================================== *\u002F\n    \n    --space-0: 0;\n    --space-1: 4px;\n    --space-2: 8px;\n    --space-3: 12px;\n    --space-4: 16px;\n    --space-5: 20px;\n    --space-6: 24px;\n    --space-8: 32px;\n    --space-10: 40px;\n    --space-12: 48px;\n    --space-16: 64px;\n    --space-20: 80px;\n    --space-24: 96px;
3308\n    --space-32: 128px;\n\n\n    \u002F* ========================================\n       SECTION RHYTHM\n       Controls vertical breathing room.\n       Tuned for direct response sales pages.\n       ======================================== *\u002F\n    \n    --section-py: var(--space-24);          \u002F* 96px — desktop sections *\u002F\n    --section-py-sm: var(--space-12);       \u002F* 48px — compact sections *\u002F\n    --section-py-lg: 120px;                 \u002F* 120px — hero, final CTA *\u002F\n    --section-py-mobile: var(--space-16);   \u002F* 64px — mobile sections *\u002F\n    --section-px: var(--space-6);           \u002F* 24px — horizontal *\u002F\n    --section-px-mobile: var(--space-4);    \u002F* 16px — mobile horizontal *\u002F\n\n\n    \u002F* ========================================\n       CONTAINER WIDTHS\n       ======================================== *\u002F\n    \n    --container-xs: 480px;\n    --container-sm: 640px;\n    --container-md: 768px;\n    --container-lg: 1024px;\n    --container-xl: 1200px;\n    --container-2xl: 1400px;\n\n\n    \u002F* ========================================\n       BORDER RADII\n       ======================================== *\u002F\n    \n    --radius-sm: 6px;\n    --radius-md: 12px;\n    --radius-lg: 16px;\n    --radius-xl: 24px;\n    --radius-2xl: 32px;\n    --radius-full: 100px;\n    \n    --button-radius: var(--radius-md);\n    --card-radius: var(--radius-xl);\n    --badge-radius: var(--radius-full);\n    --input-radius: var(--radius-sm);\n\n\n    \u002F* ========================================\n       TYPE SCALE\n       \n       Fixed sizes: xs–2xl (UI elements, cards, labels)\n       Fluid sizes: 3xl–7xl (headlines — scale smoothly\n       between mobile and desktop via clamp())\n       ======================================== *\u002F\n    \n    --text-xs: 12px;\n    --text-sm: 14px;\n    --text-base: 16px;\n    --text-base-mobile: 17px;      \u002F* +1px for mobile readability *\u002F\n    --text-lg: 18px;\n    --text-xl: 20px;\n    --text-2xl: 24px;\n    --text-3xl: clamp(1.5rem, 2.5vw + 0.5rem, 1.875rem);    \u002F* 24px → 30px *\u002F\n    --text-4xl: clamp(1.875rem, 3vw + 0.5rem, 2.25rem);     \u002F* 30px → 36px *\u002F\n    --text-5xl: clamp(2.25rem, 4vw + 0.5rem, 3rem);          \u002F* 36px → 48px *\u002F\n    --text-6xl: clamp(2.75rem, 5vw + 0.5rem, 3.75rem);       \u002F* 44px → 60px *\u002F\n    --text-7xl: clamp(3rem, 6vw + 0.5rem, 4.5rem);           \u002F* 48px → 72px *\u002F\n    \n    --leading-tight: 1.1;\n    --leading-snug: 1.25;\n    --leading-normal: 1.5;\n    --leading-relaxed: 1.7;\n    --leading-loose: 1.75;         \u002F* Mobile body text *\u002F\n    \n    --tracking-tight: -0.02em;\n    --tracking-body: 0.01em;       \u002F* Subtle positive tracking for body text *\u002F\n    --tracking-normal: 0;\n    --tracking-wide: 0.05em;\n\n\n    \u002F* ========================================\n       SHADOWS\n       ======================================== *\u002F\n    \n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    \n    \u002F* Glow — auto-uses brand color *\u002F\n    --shadow-glow: 0 0 40px rgba(var(--brand-primary-rgb), 0.3);\n    --shadow-glow-lg: 0 0 80px rgba(var(--brand-primary-rgb), 0.4);\n    --shadow-glow-cta: 0 8px 30px rgba(var(--brand-primary-rgb), 0.4);\n    \n    \u002F* Text glow — headlines on dark backgrounds *\u002F\n    --text-glow-headline: 0 0 40px rgba(255, 255, 255, 0.08);\n    --text-glow-brand: 0 0 30px rgba(var(--brand-primary-rgb), 0.3);\n\n\n    \u002F* ========================================\n       TRANSITIONS\n       ======================================== *\u002F\n    \n    --transition-fast: 150ms ease;\n    --transition-normal: 200ms ease;\n    --transition-slow: 300ms ease;
3308\n    --transition-slower: 500ms ease;\n\n\n    \u002F* ========================================\n       Z-INDEX SCALE\n       ======================================== *\u002F\n    \n    --z-below: -1;\n    --z-base: 0;\n    --z-raised: 10;\n    --z-dropdown: 100;\n    --z-sticky: 200;\n    --z-overlay: 300;\n    --z-modal: 400;\n    --z-toast: 500;\n    --z-max: 9999;\n\n\n    \u002F* ========================================\n       GLASS \u002F SURFACE SYSTEM\n       Controls card visibility & section contrast\n       ======================================== *\u002F\n    \n    \u002F* Card surface opacity — higher = more visible cards *\u002F\n    --surface-card: 0.06;\n    --surface-card-hover: 0.10;\n    \n    \u002F* Card border opacity *\u002F\n    --surface-border: 0.10;\n    --surface-border-hover: 0.20;\n    \n    \u002F* Section tint levels — controls alternating backgrounds *\u002F\n    --tint-subtle: 0.02;\n    --tint-light: 0.04;\n    --tint-medium: 0.07;\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ============================================\n     📝 GOOGLE FONTS\n     \n     ⚠️  UPDATE THIS when you change --font-display\n          or --font-body above.\n     ============================================ -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.com\" crossorigin>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n\n\u003C!-- ============================================\n     🌗 THEME MODE ACTIVATOR\n     Reads --theme-mode and sets data-theme\n     ============================================ -->\n\u003Cscript>\n  (function() {\n    var mode = getComputedStyle(document.documentElement)\n      .getPropertyValue('--theme-mode').trim();\n    document.documentElement.setAttribute('data-theme', mode || 'dark');\n  })();\n\u003C\u002Fscript>\n\n\n\u003C!-- ============================================\n     =========================================\n     VERTICAL PRESETS — Uncomment ONE block\n     =========================================\n     \n     🏋️ GYM \u002F FITNESS\n     Energy, grit, transformation. Green drives\n     \"go\" psychology — action, health, results.\n     Font: Outfit (geometric, modern, strong)\n     \n     --brand-primary: #34d399;\n     --brand-primary-hover: #10b981;\n     --brand-primary-rgb: 52, 211, 153;\n     --font-display: 'Outfit', system-ui, sans-serif;\n     --font-body: 'Inter', system-ui, sans-serif;\n     --h1-weight: 800;\n     --title-transform: none;\n     Google Font: family=Outfit:wght@500;600;700;800&family=Inter:wght@400;500;600;700\n     \n     =========================================\n     \n     ✨ MEDSPA \u002F AESTHETICS\n     Luxury, trust, transformation. Teal conveys\n     clinical calm + premium feel. Serif headlines\n     signal sophistication without being stuffy.\n     Font: DM Serif Display (elegant, editorial)\n     \n     --brand-primary: #67e8f9;\n     --brand-primary-hover: #22d3ee;\n     --brand-primary-rgb: 103, 232, 249;\n     --font-display: 'DM Serif Display', serif;\n     --font-body: 'DM Sans', system-ui, sans-serif;\n     --h1-weight: 400;\n     --title-transform: none;\n     Google Font: family=DM+Serif+Display&family=DM+Sans:wght@400;500;600;700\n     \n     =========================================\n     \n     📸 PHOTO BOOTH \u002F EVENTS\n     Fun, premium, celebration. Gold signals\n     \"event-worthy\" and premium pricing. Display\n     font adds personality without being childish.\n     Font: Sora (friendly, modern, distinctive)\n     \n     --brand-primary: #fbbf24;\n     --brand-primary-hover: #f59e0b;\n     --brand-primary-rgb: 251, 191, 36;\n     --brand-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n     --font-display: 'Sora', system-ui, sans-serif;\n     --font-body: 'Inter', system-ui, sans-serif;\n     --h1-weight: 700;\n     --title-transform: none;\n     Google Font: family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600;700\n     \n     =========================================\n     \n     💪 PERSONAL TRAINER \u002F COACHING\n     Authority, expertise, transformation. Coral\n     is energetic without being aggressive — says\n     \"I'll push you\" not \"bootcamp bro.\"\n     Font: Plus Jakarta Sans (clean, confident)\n     \n     --brand-primary: #fb923c;\n     --brand-primary-hover: #f97316;\n     --brand-primary-rgb: 251, 146, 60;\n     --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;\n     --font-body: 'Inter', system-ui, sans-serif;\n     --h1-weight: 800;\n     --title-transform: none;\n     Google Font: family=Plus+Jakarta+Sans:wght@500;600;700;
3308800&family=Inter:wght@400;500;600;700\n     \n     =========================================\n     \n     🏥 DENTAL \u002F MEDICAL\n     Trust, cleanliness, professionalism. Blue is\n     the universal \"trust\" color in healthcare.\n     Clean sans-serif keeps it clinical but warm.\n     Font: Manrope (precise, trustworthy, modern)\n     \n     --brand-primary: #60a5fa;\n     --brand-primary-hover: #3b82f6;\n     --brand-primary-rgb: 96, 165, 250;\n     --font-display: 'Manrope', system-ui, sans-serif;\n     --font-body: 'Inter', system-ui, sans-serif;\n     --h1-weight: 700;\n     --title-transform: none;\n     Google Font: family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700\n     \n     =========================================\n     \n     💜 SALON \u002F BEAUTY\n     Creative, expressive, premium. Purple signals\n     luxury and creativity — perfect for salons\n     and beauty brands that charge premium rates.\n     Font: Instrument Serif (editorial, refined)\n     \n     --brand-primary: #a78bfa;\n     --brand-primary-hover: #8b5cf6;\n     --brand-primary-rgb: 167, 139, 250;\n     --font-display: 'Instrument Serif', serif;\n     --font-body: 'DM Sans', system-ui, sans-serif;\n     --h1-weight: 400;\n     --title-transform: none;\n     Google Font: family=Instrument+Serif&family=DM+Sans:wght@400;500;600;700\n     \n     =========================================\n\n     🔴 WHITE LABEL (NEUTRAL)\n     For client deployments where you don't want\n     the vertical to dictate the brand. Clean,\n     professional, works for anything.\n     Font: Geist (sharp, techy, premium)\n     \n     --brand-primary: #e2e8f0;\n     --brand-primary-hover: #cbd5e1;\n     --brand-primary-rgb: 226, 232, 240;\n     --font-display: 'Geist', system-ui, sans-serif;\n     --font-body: 'Geist', system-ui, sans-serif;\n     --h1-weight: 700;\n     --title-transform: none;\n     Google Font: family=Geist:wght@400;500;600;700\n     \n     ============================================ -->\n\n\n\u003C!-- ============================================\n     🏗️ GLOBAL FOUNDATION v3.1\n     \n     Place AFTER Theme Config + Fonts + Activator\n     ⚠️  NEVER EDIT THIS FILE PER DEPLOYMENT\n     \n     This file:\n     • Reads theme variables from config\n     • Applies dark\u002Flight theme colors\n     • Builds component primitives (buttons, cards, glass)\n     • Provides utility classes\n     • Handles responsive typography\n     ============================================ -->\n\n\u003Cstyle>\n  \u002F* ==========================================\n     DARK THEME\n     ========================================== *\u002F\n  \n  [data-theme=\"dark\"] {\n    --color-bg-primary: #0a0e17;\n    --color-bg-secondary: #141a24;\n    --color-bg-tertiary: #1c2430;\n    --color-bg-elevated: #222a36;\n    \n    --color-text: #ffffff;\n    --color-text-secondary: #e0e7ef;\n    --color-text-muted: #94a3b8;\n    --color-text-faint: #64748b;\n    \n    --color-border: rgba(255, 255, 255, var(--surface-border));\n    --color-border-strong: rgba(255, 255, 255, var(--surface-border-hover));\n    \n    --glass-bg: rgba(255, 255, 255, var(--surface-card));\n    --glass-bg-hover: rgba(255, 255, 255, var(--surface-card-hover));\n    --glass-border: rgba(255, 255, 255, var(--surface-border));\n    --glass-border-hover: rgba(255, 255, 255, var(--surface-border-hover));\n    \n    --overlay-light: rgba(255, 255, 255, 0.06);\n    --overlay-dark: rgba(0, 0, 0, 0.6);\n    \n    \u002F* CTA text on brand-colored buttons (dark bg = white text if needed) *\u002F\n    --btn-primary-text: #0a0e17;\n  }\n  \n  \n  \u002F* ==========================================\n     LIGHT THEME\n     ========================================== *\u002F\n  \n  [data-theme=\"light\"] {\n    --color-bg-primary: #ffffff;\n    --color-bg-secondary: #f8fafc;\n    --color-bg-tertiary: #f1f5f9;\n    --color-bg-elevated: #ffffff;\n    \n    --color-text: #0f172a;\n    --color-text-secondary: #334155;\n    --color-text-muted: #64748b;\n    --color-text-faint: #94a3b8;\n    \n    --color-border: rgba(0, 0, 0, 0.08);\n    --color-border-strong: rgba(0, 0, 0, 0.15);\n    \n    --glass-bg: rgba(255, 255, 255, 0.7);\n    --glass-bg-hover: rgba(255, 255, 255, 0.85);\n    --glass-border: rgba(0, 0, 0, 0.08);\n    --glass-border-hover: rgba(0, 0, 0, 0.12);\n    \n    --overlay-light: rgba(0, 0, 0, 0.03);\n    --overlay-dark: rgba(0, 0, 0, 0.4);\n    \n    --btn-primary-text: #ffffff;\n  }\n  \n  \n  \u002F* ==========================================\n     SEMANTIC MAPPINGS\n     ========================================== *\u002F\n  \n  :root {\n    --color-primary: var(--brand-primary);\n    --color-primary-hover: var(--brand-primary-hover);\n    --color-success: var(--brand-success);\n    --color-warning: var(--brand-accent-yellow);\n    --color-danger: var(--brand-accent-red);\n    \n    --blur-sm: 4px;\n    --blur-md: 12px;\n    --blur-lg: 24px;\n    --blur-xl: 40px;\n  }\n  \n  \n  \u002F* ==========================================\n     LEGACY ALIASES (backward compat)\n     ========================================== *\u002F\n  \n  :root {\n    --bg-primary: var(--color-bg-primary);\n    --bg-secondary: var(--color-bg-secondary);\n    --bg-tertiary: var(--color-bg-tertiary);\n    --bg-elevated: var(--color-bg-elevated);\n    --text-primary: var(--color-text);\n    --text-secondary: var(--color-text-secondary);\n    --text-tertiary: var(--color-text-muted);\n    --text-muted: var(--color-text-muted);\n    --text-faint: var(--color-text-faint);\n    --border-color: var(--color-border);\n    --border-strong: var(--color-border-strong);\n  }\n  \n  \n  \u002F* ==========================================\n     BASE RESET & TYPOGRAPHY\n     ========================================== *\u002F\n  \n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  html {\n    font-size: 16px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    scroll-behavior: smooth;\n    overflow-x: hidden;\n  }\n  \n  body {\n    font-family: var(--font-body);\n    font-size: var(--text-base);\n    line-height: var(--leading-normal);\n    letter-spacing: var(--tracking-body);\n    color: var(--color-text);\n    background-color: var(--color-bg-primary);\n    min-height: 100vh;\n    overflow-x: hidden;\n  }\n  \n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-display);\n    font-weight: 600;\n    line-height: var(--leading-tight);\n    letter-spacing: var(--tracking-tight);\n    color: var(--color-text);\n    text-transform: var(--title-transform, none);\n  }\n  \n  h1 {\n    font-size: var(--text-5xl);\n    font-weight: var(--h1-weight, 800);\n  }\n  h2 { font-size: var(--text-4xl); font-weight: 700; }\n  h3 { font-size: var(--text-3xl); }\n  h4 { font-size: var(--text-2xl); }\n  h5 { font-size: var(--text-xl); }\n  h6 { font-size: var(--text-lg); }\n  \n  p {\n    color: var(--color-text-secondary);\n    line-height: var(--leading-relaxed);\n    max-width: 65ch;\n  }\n  \n  a {\n    color: var(--color-primary);\n    text-decoration: none;\n    transition: color var(--transition-fast);\n  }\n  \n  a:hover {\n    color: var(--color-primary-hover);\n  }\n  \n  img, video {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  \n  \u002F* ==========================================\n     RESPONSIVE TYPOGRAPHY\n     ========================================== *\u002F\n  \n  @media (max-width: 768px) {\n    h1 { font-size: var(--text-4xl); }\n    h2 { font-size: var(--text-3xl); }\n    h3 { font-size: var(--text-2xl); }\n    h4 { font-size: var(--text-xl); }\n    h5 { font-size: var(--text-lg); }\n    h6 { font-size: var(--text-base); font-weight: 700; }\n    \n    body, p {\n      font-size: var(--text-base-mobile, 17px);\n    }\n    \n    p {\n      line-height: var(--leading-loose, 1.75);\n    }\n  }\n  \n  \n  \u002F* ==========================================\n     SECTION & CONTAINER SYSTEM\n     ========================================== *\u002F\n  \n  .section {\n    padding: var(--section-py) var(--section-px);\n    width: 100%;\n  }\n  \n  .section-sm { padding: var(--section-py-sm) var(--section-px); }\n  .section-lg { padding: var(--section-py-lg) var(--section-px); }\n  \n  .container {\n    width: 100%;\n    max-width: var(--container-xl);\n    margin: 0 auto;\n    padding: 0 var(--space-4);\n  }\n  \n  .container-sm { max-width: var(--container-sm); }\n  .container-md { max-width: var(--container-md); }\n  .container-lg { max-width: var(--container-lg); }\n  .container-xl { max-width: var(--container-xl); }\n  .container-2xl { max-width: var(--container-2xl); }\n  \n  @media (max-width: 768px) {\n    .section { padding: var(--section-py-mobile) var(--section-px-mobile); }\n    .section-sm { padding: var(--space-10) var(--section-px-mobile); }\n    .section-lg { padding: var(--section-py) var(--section-px-mobile); }\n  }\n  \n  \n  \u002F* ==========================================\n     GLASSMORPHISM SYSTEM\n     ========================================== *\u002F\n  \n  .glass {\n    background: var(--glass-bg);\n    backdrop-filter: blur(var(--blur-md));\n    -webkit-backdrop-filter: blur(var(--blur-md));\n    border: 1px solid var(--glass-border);\n    transition: all var(--transition-normal);\n  }\n  \n  .glass:hover {\n    background: var(--glass-bg-hover);\n    border-color: var(--glass-border-hover);\n  }\n  \n  .glass-card {\n    background: var(--glass-bg);\n    backdrop-filter: blur(var(--blur-md));\n    -webkit-backdrop-filter: blur(var(--blur-md));\n    border: 1px solid var(--glass-border);\n    border-radius: var(--card-radius);\n    padding: var(--space-6);\n    transition: all var(--transition-normal);\n  }\n  \n  .glass-card:hover {\n    background: var(--glass-bg-hover);\n    border-color: var(--glass-border-hover);\n    transform: translateY(-2px);\n  }\n  \n  \n  \u002F* ==========================================\n     BUTTON SYSTEM\n     ========================================== *\u002F\n  \n  .btn {\n    display: inline-flex;
3308\n    align-items: center;\n    justify-content: center;\n    gap: var(--space-2);\n    padding: var(--space-3) var(--space-6);\n    font-family: var(--font-body);\n    font-size: var(--text-base);\n    font-weight: 600;\n    line-height: 1;\n    text-decoration: none;\n    border: none;\n    border-radius: var(--button-radius);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n  }\n  \n  .btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  \n  .btn-primary {\n    background: var(--brand-gradient, var(--brand-primary));\n    color: var(--btn-primary-text, #000);\n    box-shadow: \n      0 2px 8px rgba(0, 0, 0, 0.08),\n      0 4px 20px rgba(var(--brand-primary-rgb), 0.2);\n  }\n  \n  .btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-glow-cta);\n  }\n  \n  .btn-primary:active {\n    transform: translateY(0);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\n  }\n  \n  .btn-secondary {\n    background: transparent;\n    color: var(--color-text);\n    border: 1px solid var(--color-border-strong);\n  }\n  \n  .btn-secondary:hover {\n    background: var(--overlay-light);\n    border-color: var(--color-text-muted);\n  }\n  \n  .btn-ghost {\n    background: transparent;\n    color: var(--color-text-muted);\n  }\n  \n  .btn-ghost:hover {\n    color: var(--color-text);\n    background: var(--overlay-light);\n  }\n  \n  .btn-sm { padding: var(--space-2) var(--space-4); font-size: var(--text-sm); }\n  .btn-lg { padding: var(--space-4) var(--space-8); font-size: var(--text-lg); }\n  .btn-cta { \n    padding: var(--space-4) var(--space-10, 40px); \n    font-size: var(--text-lg); \n    font-weight: 700; \n    letter-spacing: 0.02em; \n  }\n  .btn-pill { border-radius: var(--radius-full); }\n  \n  \n  \u002F* ==========================================\n     CARD SYSTEM\n     ========================================== *\u002F\n  \n  .card {\n    background: var(--color-bg-elevated);\n    border: 1px solid var(--color-border);\n    border-radius: var(--card-radius);\n    padding: var(--space-6);\n  }\n  \n  .card-hover {\n    transition: all var(--transition-normal);\n  }\n  \n  .card-hover:hover {\n    border-color: var(--color-border-strong);\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-lg);\n  }\n  \n  \n  \u002F* ==========================================\n     BADGE SYSTEM\n     ========================================== *\u002F\n  \n  .badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--space-1);\n    padding: var(--space-1) var(--space-3);\n    font-size: var(--text-xs);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wide);\n    border-radius: var(--badge-radius);\n    background: var(--overlay-light);\n    color: var(--color-text-muted);\n  }\n  \n  .badge-primary {\n    background: rgba(var(--brand-primary-rgb), 0.15);\n    color: var(--brand-primary);\n  }\n  \n  .badge-success {\n    background: rgba(var(--brand-success-rgb), 0.15);\n    color: var(--brand-success);\n  }\n  \n  .badge-warning {\n    background: rgba(var(--brand-accent-yellow-rgb), 0.15);\n    color: var(--brand-accent-yellow);\n  }\n  \n  .badge-danger {\n    background: rgba(var(--brand-accent-red-rgb), 0.15);\n    color: var(--brand-accent-red);\n  }\n  \n  \n  \u002F* ==========================================\n     FORM ELEMENTS\n     ========================================== *\u002F\n  \n  .input,\n  input[type=\"text\"],\n  input[type=\"email\"],\n  input[type=\"tel\"],\n  input[type=\"number\"],\n  input[type=\"password\"],\n  textarea,\n  select {\n    width: 100%;\n    padding: var(--space-3) var(--space-4);\n    font-family: var(--font-body);\n    font-size: var(--text-base);\n    color: var(--color-text);\n    background: var(--color-bg-tertiary);\n    border: 1px solid var(--color-border);\n    border-radius: var(--input-radius);\n    transition: all var(--transition-fast);\n  }\n  \n  .input:focus,\n  input:focus,\n  textarea:focus,\n  select:focus {\n    outline: none;\n    border-color: var(--brand-primary);\n    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.15);\n  }\n  \n  .input::placeholder,\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-text-faint);\n  }\n  \n  label {\n    display: block;\n    margin-bottom: var(--space-2);\n    font-size: var(--text-sm);\n    font-weight: 500;\n    color: var(--color-text-secondary);\n  }\n  \n  \n  \u002F* ==========================================\n     UTILITY CLASSES\n     ========================================== *\u002F\n  \n  .text-left { text-align: left; }\n  .text-center { text-align: center; }\n  .text-right { text-align: right; }\n  .text-primary { color: var(--color-text); }\n  .text-secondary { color: var(--color-text-secondary); }\n  .text-muted { color: var(--color-text-muted); }\n  .text-brand { color: var(--brand-primary); }\n  .text-success { color: var(--brand-success); }\n  .text-warning { color: var(--brand-accent-yellow); }\n  .text-danger { color: var(--brand-accent-red); }\n  \n  .font-normal { font-weight: 400; }\n  .font-medium { font-weight: 500; }\n  .font-semibold { font-weight: 600; }\n  .font-bold { font-weight: 700; }\n  \n  .hidden { display: none; }\n  .block { display: block; }\n  .inline-block { display: inline-block; }\n  .flex { display: flex; }\n  .inline-flex { display: inline-flex; }\n  .grid { display: grid; }\n  .flex-col { flex-direction: column; }\n  .flex-wrap { flex-wrap: wrap; }\n  .items-start { align-items: flex-start; }\n  .items-center { align-items: center; }\n  .items-end { align-items: flex-end; }\n  .justify-start { justify-content: flex-start; }\n  .justify-center { justify-content: center; }\n  .justify-end { justify-content: flex-end; }\n  .justify-between { justify-content: space-between; }\n  .gap-1 { gap: var(--space-1); }\n  .gap-2 { gap: var(--space-2); }\n  .gap-3 { gap: var(--space-3); }\n  .gap-4 { gap: var(--space-4); }\n  .gap-6 { gap: var(--space-6); }\n  .gap-8 { gap: var(--space-8); }\n  \n  .m-0 { margin: 0; }\n  .m-auto { margin: auto; }\n  .mx-auto { margin-left: auto; margin-right: auto; }\n  .mb-2 { margin-bottom: var(--space-2); }\n  .mb-4 { margin-bottom: var(--space-4); }\n  .mb-6 { margin-bottom: var(--space-6); }\n  .mb-8 { margin-bottom: var(--space-8); }\n  .mt-4 { margin-top: var(--space-4); }\n  .mt-6 { margin-top: var(--space-6); }\n  .mt-8 { margin-top: var(--space-8); }\n  \n  .p-0 { padding: 0; }\n  .p-4 { padding: var(--space-4); }\n  .p-6 { padding: var(--space-6); }\n  .p-8 { padding: var(--space-8); }\n  .py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }\n  .py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }\n  .px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }\n  .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }\n  \n  .w-full { width: 100%; }\n  .max-w-xs { max-width: var(--container-xs); }\n  .max-w-sm { max-width: var(--container-sm); }\n  .max-w-md { max-width: var(--container-md); }\n  .max-w-lg { max-width: var(--container-lg); }\n  .max-w-xl { max-width: var(--container-xl); }\n  \n  .rounded { border-radius: var(--radius-md); }\n  .rounded-lg { border-radius: var(--radius-lg); }\n  .rounded-xl { border-radius: var(--radius-xl); }\n  .rounded-full { border-radius: var(--radius-full); }\n  \n  .shadow { box-shadow: var(--shadow-md); }\n  .shadow-lg { box-shadow: var(--shadow-lg); }\n  .shadow-xl { box-shadow: var(--shadow-xl); }\n  .shadow-glow { box-shadow: var(--shadow-glow); }\n  \n  .opacity-50 { opacity: 0.5; }\n  .opacity-75 { opacity: 0.75; }\n  .transition { transition: all var(--transition-normal); }\n  .transition-fast { transition: all var(--transition-fast); }\n  .cursor-pointer { cursor: pointer; }\n  .overflow-hidden { overflow: hidden; }\n  .overflow-auto { overflow: auto; }\n  \n  .relative { position: relative; }\n  .absolute { position: absolute; }\n  .fixed { position: fixed; }\n  .sticky { position: sticky; }\n  .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\n  .z-10 { z-index: var(--z-raised); }\n  .z-50 { z-index: var(--z-modal); }\n  \n  \n  \u002F* ==========================================\n     EMPHASIS & SCANNING SYSTEM\n     Direct-response patterns for scan-stopping\n     ========================================== *\u002F\n  \n  \u002F* Italic utilities *\u002F\n  .font-italic { font-style: italic; }\n  .text-subhead { \n    font-style: italic; \n    color: var(--color-text-secondary); \n    font-size: var(--text-lg); \n    line-height: var(--leading-relaxed); \n  }\n  \n  \u002F* Inline emphasis — brand-colored text for key phrases *\u002F\n  .text-emphasis { \n    color: var(--brand-primary); \n    font-weight: 600; \n  }\n  \n  \u002F* Highlighted text — soft brand background for callout phrases *\u002F\n  .text-highlight {\n    background: rgba(var(--brand-primary-rgb), 0.15);\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n  \n  \u002F* Strikethrough + replacement — classic DR price\u002Fvalue pattern *\u002F\n  .text-strike { \n    text-decoration: line-through; \n    color: var(--color-text-muted); \n  }\n  .text-replace { \n    color: var(--brand-primary); \n    font-weight: 700; \n  }
3308\n  \n  \u002F* Stat callout — oversized number with label *\u002F\n  .stat-callout {\n    font-family: var(--font-display);\n    font-size: var(--text-5xl);\n    font-weight: 800;\n    line-height: 1;\n    color: var(--color-text);\n    font-variant-numeric: tabular-nums;\n  }\n  .stat-callout-label {\n    font-size: var(--text-sm);\n    font-weight: 500;\n    color: var(--color-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wide);\n    margin-top: var(--space-1);\n  }\n  \n  \u002F* Tabular nums — prevent layout shift on animated numbers *\u002F\n  .tabular-nums,\n  [data-counter],\n  .smplx-result-card,\n  .smplx-metric-card {\n    font-variant-numeric: tabular-nums;\n  }\n  \n  \n  \u002F* ==========================================\n     DARK THEME — HEADLINE DEPTH\n     Ambient glow matching glass\u002FCTA language\n     ========================================== *\u002F\n  \n  [data-theme=\"dark\"] h1,\n  [data-theme=\"dark\"] h2 {\n    text-shadow: var(--text-glow-headline, 0 0 40px rgba(255, 255, 255, 0.08));\n  }\n  \n  [data-theme=\"dark\"] .text-brand,\n  [data-theme=\"dark\"] .text-emphasis {\n    text-shadow: var(--text-glow-brand, 0 0 30px rgba(var(--brand-primary-rgb), 0.3));\n  }\n  \n  \n  \u002F* ==========================================\n     ANIMATIONS\n     ========================================== *\u002F\n  \n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  \n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  \n  @keyframes pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n  }\n  \n  @keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  \n  .animate-fade-in { animation: fadeIn 0.5s ease forwards; }\n  .animate-fade-in-up { animation: fadeInUp 0.5s ease forwards; }\n  .animate-pulse { animation: pulse 2s ease-in-out infinite; }\n  .animate-spin { animation: spin 1s linear infinite; }\n  \n  .stagger-1 { animation-delay: 0.1s; }\n  .stagger-2 { animation-delay: 0.2s; }\n  .stagger-3 { animation-delay: 0.3s; }\n  .stagger-4 { animation-delay: 0.4s; }\n  .stagger-5 { animation-delay: 0.5s; }\n  \n  \n  \u002F* ==========================================\n     ACCESSIBILITY\n     ========================================== *\u002F\n  \n  :focus-visible {\n    outline: 2px solid var(--brand-primary);\n    outline-offset: 2px;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n  \n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n  \n  \n  \u002F* ==========================================\n     PRINT STYLESHEET\n     Ensures pricing\u002Fcomparison pages print\n     cleanly for B2B decision-makers\n     ========================================== *\u002F\n  \n  @media print {\n    body {\n      background: white !important;\n      color: black !important;\n      font-size: 12pt !important;\n    }\n    \n    h1, h2, h3, h4, h5, h6 {\n      color: black !important;\n      text-shadow: none !important;\n    }\n    \n    .glass, .glass-card {\n      background: white !important;\n      border: 1px solid #ccc !important;\n      backdrop-filter: none !important;\n      -webkit-backdrop-filter: none !important;\n      box-shadow: none !important;\n    }\n    \n    .btn-primary {\n      background: #333 !important;\n      color: white !important;\n      box-shadow: none !important;\n    }\n    \n    .animate-pulse,\n    .animate-spin,\n    [class*=\"animate-\"] {\n      animation: none !important;\n    }\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ============================================\n     🔧 GHL PLATFORM OVERRIDES v3.1\n     \n     Place AFTER Global Foundation\n     ⚠️  NEVER EDIT THIS FILE PER DEPLOYMENT\n     \n     This file:\n     • Fights GHL default styles\n     • Forces full-width sections\n     • Applies section background rhythm\n     • Styles glass cards with brand color\n     • All values driven by theme-config variables\n     \n     v3.1 CHANGES:\n     • REMOVED all section padding rules — each page\n       controls its own padding via inline styles.\n       This eliminates !important cascade conflicts.\n     • ADDED site-wide \u003Cp> margin reset with !important\n       to defeat GHL's injected Bootstrap margins.\n     • REMOVED hero-specific padding (120px) — homepage\n       and other pages set hero padding inline.\n     ============================================ -->\n\n\u003Cstyle>\n  \u002F* ==========================================\n     PAGE BACKGROUND — Variable-driven\n     ========================================== *\u002F\n  \n  body,\n  html,\n  .page-wrapper,\n  .hl-page-creator,\n  .hl-page-preview,\n  #preview-container,\n  .c-editor,\n  [data-page-element=\"true\"] {\n    background: var(--color-bg-primary) !important;\n  }\n  \n  \n  \u002F* ==========================================\n     GHL CONTAINER RESETS\n     ========================================== *\u002F\n  \n  .hl-page-creator *,\n  .row,\n  .container,\n  .container-fluid,\n  .inner-section,\n  .section-wrapper,\n  [class*=\"col-\"],\n  [class*=\"hl-\"] {\n    background-color: transparent !important;\n  }\n  \n  \n  \u002F* ==========================================\n     GHL \u003Cp> MARGIN RESET\n     GHL injects Bootstrap CSS that adds margin\n     to \u003Cp> tags. This kills it site-wide.\n     ========================================== *\u002F\n  \n  [class*=\"smplx-section-\"] p,\n  .smplx-hero p,\n  .smplx-section-inner p,\n  .smplx-section-inner-fullwidth p {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n  \n  \n  \u002F* ==========================================\n     FORCE ALL SECTIONS FULL WIDTH\n     ========================================== *\u002F\n  \n  .smplx-section,\n  .smplx-hero,\n  [class*=\"smplx-section-\"] {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    position: relative !important;\n    box-sizing: border-box !important;\n    display: block !important;\n  }\n  \n  .smplx-section > .smplx-section-inner,\n  [class*=\"smplx-section-\"] > .smplx-section-inner {\n    margin-left: auto !important;\n    margin-right: auto !important;\n    float: none !important;\n    position: relative !important;\n  }\n  \n  \n  \u002F* ==========================================\n     SECTION BACKGROUNDS — Variable-driven\n     Primary = bg-primary (darker in dark mode)\n     Secondary = tinted for contrast\n     ========================================== *\u002F\n  \n  \u002F* Primary sections *\u002F\n  .smplx-section-problem,\n  .smplx-section-excuses,\n  .smplx-section-how,\n  .smplx-section-switch,\n  .smplx-section-cta,\n  .smplx-footer {\n    background: var(--color-bg-primary) !important;\n  }\n  \n  \u002F* Secondary sections (tinted for contrast) *\u002F\n  .smplx-section-solution,\n  .smplx-section-usecases,\n  .smplx-section-proof {\n    background: var(--color-bg-secondary) !important;\n    border-top: 1px solid var(--color-border);\n    border-bottom: 1px solid var(--color-border);\n  }\n  \n  \u002F* Hero section *\u002F\n  .smplx-hero {\n    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%) !important;\n  }\n  \n  \n  \u002F* ==========================================\n     SECTION INNER CONTAINERS\n     ========================================== *\u002F\n  \n  .smplx-section-inner {\n    width: 100% !important;\n    max-width: 768px !important;\n    margin: 0 auto !important;\n    padding-left: 24px !important;\n    padding-right: 24px !important;\n    box-sizing: border-box !important;\n  }\n  \n  .smplx-section-inner-wide { max-width: 960px !important; }\n  .smplx-section-inner-narrow { max-width: 576px !important; }\n  \n  .smplx-section-inner-fullwidth {\n    width: 100% !important;\n    max-width: var(--container-xl, 1200px) !important;\n    margin: 0 auto !important;\n    padding-left: 32px !important;\n    padding-right: 32px !important;\n    box-sizing: border-box !important;\n  }\n  \n  \u002F* Center paragraphs within containers (works with max-width: 65ch) *\u002F\n  .smplx-section-inner p,\n  .smplx-section-inner-fullwidth p {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  \n  .smplx-section-villain .smplx-section-inner-fullwidth { max-width: 1400px !important; }\n  .smplx-section-solution .smplx-section-inner-fullwidth { max-width: 1100px !important; }\n  .smplx-section-usecases .smplx-section-inner-fullwidth { max-width: 1100px !important; }\n  .smplx-section-coverage .smplx-section-inner-fullwidth { max-width: 1100px !important; }\n  .smplx-section-niche .smplx-section-inner-fullwidth { max-width: 1100px !important; }\n  \n  \u002F* Keep grids inside containers *\u002F\n  .smplx-solution-cards,\n  .smplx-solution-stack,\n  .smplx-steps-grid,\n  .smplx-industry-grid,\
3308n  .smplx-results-grid,\n  .smplx-metrics-grid,\n  .smplx-testimonials-grid,\n  .smplx-pain-stack,\n  .smplx-different-stack {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  \n  \n  \u002F* ==========================================\n     SECTION HEADLINE & CONTENT WIDTH\n     ========================================== *\u002F\n  \n  .smplx-section-headline,\n  .smplx-contrast-headline,\n  .smplx-big-statement {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  \n  \n  \u002F* ==========================================\n     CENTER ALL SECTION CONTENT\n     ========================================== *\u002F\n  \n  .smplx-section-inner {\n    text-align: center !important;\n  }\n  \n  \u002F* Force center on headlines *\u002F\n  .smplx-section-headline,\n  .smplx-contrast-headline,\n  .smplx-big-statement,\n  .smplx-section-inner h2,\n  .smplx-section-inner h3,\n  .smplx-section h2,\n  .smplx-section h3,\n  [class*=\"smplx-section-\"] h2,\n  [class*=\"smplx-section-\"] h3 {\n    text-align: center !important;\n    width: 100% !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    display: block !important;\n  }\n  \n  \u002F* Left-align card content *\u002F\n  .smplx-pain-stack,\n  .smplx-solution-stack,\n  .smplx-different-stack,\n  .smplx-bullet-list-muted,\n  .smplx-solution-card,\n  .smplx-pain-item,\n  .smplx-different-item,\n  .smplx-solution-card span,\n  .smplx-different-item span,\n  .smplx-pain-item span,\n  .smplx-industry-card {\n    text-align: left !important;\n  }\n  \n  \u002F* Results cards centered *\u002F\n  .smplx-result-card,\n  .smplx-result-card * {\n    text-align: center !important;\n  }\n  \n  \n  \u002F* ==========================================\n     GLASS CARDS — Brand-color driven\n     ========================================== *\u002F\n  \n  .smplx-solution-card,\n  .smplx-step-card,\n  .smplx-industry-card,\n  .smplx-result-card,\n  .smplx-metric-card,\n  .smplx-testimonial-card,\n  .smplx-callout-glow,\n  .smplx-trust-bar {\n    background: var(--glass-bg) !important;\n    border: 1px solid var(--glass-border) !important;\n    border-radius: var(--radius-md) !important;\n    box-shadow: \n      0 4px 20px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;\n    backdrop-filter: blur(10px) !important;\n    -webkit-backdrop-filter: blur(10px) !important;\n  }\n  \n  .smplx-solution-card:hover,\n  .smplx-step-card:hover,\n  .smplx-industry-card:hover,\n  .smplx-result-card:hover,\n  .smplx-metric-card:hover,\n  .smplx-testimonial-card:hover {\n    background: var(--glass-bg-hover) !important;\n    border-color: rgba(var(--brand-primary-rgb), 0.3) !important;\n    box-shadow: \n      0 8px 30px rgba(0, 0, 0, 0.4),\n      0 0 20px rgba(var(--brand-primary-rgb), 0.15),\n      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;\n    transform: translateY(-2px);\n  }\n  \n  \n  \u002F* ==========================================\n     SOLUTION CARDS\n     ========================================== *\u002F\n  \n  .smplx-solution-cards {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important;\n    max-width: 100% !important;\n  }\n  \n  .smplx-solution-card {\n    padding: 16px 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 16px !important;\n  }\n  \n  \n  \u002F* ==========================================\n     STEP CARDS — 2x2 GRID\n     ========================================== *\u002F\n  \n  .smplx-steps-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 16px !important;\n    max-width: 100% !important;\n  }\n  \n  .smplx-step-card { padding: 24px !important; }\n  \n  \n  \u002F* ==========================================\n     INDUSTRY CARDS GRID\n     ========================================== *\u002F\n  \n  .smplx-industry-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 12px !important;\n    max-width: 100% !important;\n  }\n  \n  .smplx-industry-card {\n    padding: 16px 20px !important;\n    display: flex !important;
3308\n    align-items: center !important;\n    gap: 12px !important;\n  }\n  \n  \n  \u002F* ==========================================\n     METRICS \u002F RESULTS GRIDS\n     ========================================== *\u002F\n  \n  .smplx-results-grid,\n  .smplx-metrics-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 16px !important;\n  }\n  \n  .smplx-result-card,\n  .smplx-metric-card {\n    padding: 24px !important;\n    text-align: center !important;\n  }\n  \n  \n  \u002F* ==========================================\n     RESPONSIVE GRIDS\n     ========================================== *\u002F\n  \n  @media (max-width: 768px) {\n    .smplx-steps-grid,\n    .smplx-industry-grid,\n    .smplx-results-grid,\n    .smplx-metrics-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n  \n  @media (max-width: 1024px) {\n    .smplx-industry-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n  \n  \n  \u002F* ==========================================\n     NAVIGATION — Variable-driven\n     ========================================== *\u002F\n  \n  .smplx-nav {\n    width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    background: rgba(10, 14, 23, 0.9) !important;\n    backdrop-filter: blur(12px) !important;\n    -webkit-backdrop-filter: blur(12px) !important;\n  }\n  \n  [data-theme=\"light\"] .smplx-nav {\n    background: rgba(255, 255, 255, 0.9) !important;\n  }\n  \n  \n  \u002F* ==========================================\n     FOOTER — Variable-driven\n     ========================================== *\u002F\n  \n  .smplx-footer {\n    width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    border-top: 1px solid var(--color-border) !important;\n  }\n  \n  \n  \u002F* ==========================================\n     DIVIDER GLOW — Brand-color driven\n     ========================================== *\u002F\n  \n  .smplx-divider-glow {\n    width: 100%;\n    max-width: 768px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  \n  .smplx-divider-line {\n    height: 1px;\n    background: linear-gradient(90deg, \n      transparent 0%, \n      rgba(var(--brand-primary-rgb), 0.4) 30%,\n      rgba(var(--brand-primary-rgb), 0.6) 50%,\n      rgba(var(--brand-primary-rgb), 0.4) 70%,\n      transparent 100%\n    );\n    box-shadow: 0 0 15px rgba(var(--brand-primary-rgb), 0.3);\n  }\n  \n  \n  \u002F* ==========================================\n     SECTION BADGES\n     ========================================== *\u002F\n  \n  .smplx-section-how .smplx-section-inner,\n  .smplx-section-proof .smplx-section-inner {\n    text-align: center !important;\n  }\n  \n  .smplx-section-how .smplx-section-inner > *:not(.smplx-section-badge),\n  .smplx-section-proof .smplx-section-inner > *:not(.smplx-section-badge) {\n    text-align: left !important;\n  }\n  \n  .smplx-section-how .smplx-heading-lg,\n  .smplx-section-proof .smplx-heading-lg {\n    text-align: center !important;\n  }\n  \n  .smplx-section-badge {\n    display: inline-flex !important;\n    width: auto !important;\n    max-width: fit-content !important;\n    padding: 8px 16px !important;\n    margin-bottom: 24px !important;\n    border-radius: 100px !important;\n  }\n  \n  \n  \u002F* ==========================================\n     CENTERING FIX — Nuclear override\n     ========================================== *\u002F\n  \n  [class*=\"smplx-section\"] h2,\n  [class*=\"smplx-section\"] h2[style],\n  .smplx-section-inner > h2,\n  .smplx-section-inner > h2[style],\n  h2.smplx-section-headline,\n  h2.smplx-section-headline[style],\n  h2.smplx-contrast-headline,\n  h2.smplx-contrast-headline[style],\n  h2.smplx-big-statement,\n  h2.smplx-big-statement[style] {\n    text-align: center !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    display: block !important;\n    float: none !important;\n    position: relative !important;\n    left: 0 !important;\n    right: 0 !important;\n    transform: none !important;\n  }\n  \n  .smplx-section-inner,\n  .smplx-section-inner[style],\n  [class*=\"smplx-section\"] > div:first-child {\n    text-align: center !important;\n    display: block !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n  \n  [class*=\"smplx-section\"] .row,\n  [class*=\"smplx-section\"] [class*=\"col-\"],\n  [class*=\"smplx-section\"] .inner-section {\n    text-align: center !important;\n    justify-content: center !important;
3308\n    align-items: center !important;\n  }\n  \n  \u002F* Keep list items left-aligned *\u002F\n  .smplx-solution-stack,\n  .smplx-pain-stack,\n  .smplx-different-stack,\n  .smplx-solution-card,\n  .smplx-pain-item,\n  .smplx-different-item,\n  .smplx-industry-card {\n    text-align: left !important;\n  }\n  \n  .smplx-result-card,\n  .smplx-result-card * {\n    text-align: center !important;\n  }\n  \n  \n  \u002F* ==========================================\n     RESPONSIVE\n     ========================================== *\u002F\n  \n  @media (max-width: 768px) {\n    .smplx-section-inner,\n    .smplx-section-inner-wide,\n    .smplx-section-inner-narrow {\n      padding-left: 20px !important;\n      padding-right: 20px !important;\n    }\n    \n    \u002F* Tighter card padding on mobile *\u002F\n    .smplx-solution-card {\n      padding: 14px 16px !important;\n    }\n    \n    .smplx-step-card,\n    .smplx-result-card,\n    .smplx-metric-card,\n    .smplx-testimonial-card {\n      padding: 16px !important;\n    }\n    \n    .smplx-industry-card {\n      padding: 12px 16px !important;\n    }\n  }\n  \n  \n  \u002F* ==========================================\n     TABLET BREAKPOINT (769px–1023px)\n     ========================================== *\u002F\n  \n  @media (min-width: 769px) and (max-width: 1023px) {\n    .smplx-section-inner {\n      max-width: 90% !important;\n    }\n    \n    .smplx-section-inner-fullwidth {\n      max-width: 92% !important;\n      padding-left: 24px !important;\n      padding-right: 24px !important;\n    }\n    \n    .smplx-steps-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n    \n    .smplx-results-grid,\n    .smplx-metrics-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n    \n    .smplx-industry-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n  \n  \n  @media (min-width: 1024px) {\n    .smplx-section-inner {\n      padding-left: 32px !important;\n      padding-right: 32px !important;\n    }\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ============================================\n     ⚡ SMPLX MOTION FOUNDATION v1.0\n     \n     Place in GHL Head Tracking AFTER:\n     Theme Config → Foundation → GHL Overrides\n     \n     SITE-WIDE — applies to ALL pages.\n     \n     Contains:\n     • Motion easing + duration + distance tokens\n     • Glow scale tokens\n     • Scroll reveal base system (.smplx-reveal)\n     • Ripple effect (all CTAs)\n     • Arrow nudge (all CTAs with SVG arrows)\n     • Social proof popup base styles\n     • Reduced motion accessibility\n     \n     PAGE-SPECIFIC layers load AFTER this.\n     ============================================ -->\n\n\u003Cstyle>\n  \u002F* ==========================================\n     MOTION TOKENS — SITE-WIDE\n     Extend Theme Config with motion-specific\n     variables. These do NOT exist in Config,\n     Foundation, or GHL Overrides.\n     ========================================== *\u002F\n  :root {\n    \u002F* Easing curves *\u002F\n    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);\n    --ease-in-out-smooth: cubic-bezier(0.4, 0, 0.2, 1);\n    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n    \u002F* Duration scale (complements --transition-fast\u002Fnormal\u002Fslow in Theme Config) *\u002F\n    --motion-instant: 100ms;\n    --motion-fast: 180ms;\n    --motion-normal: 280ms;\n    --motion-slow: 400ms;\n    --motion-dramatic: 600ms;\n\n    \u002F* Distance scale *\u002F\n    --motion-shift-xs: 2px;\n    --motion-shift-sm: 4px;\n    --motion-shift-md: 8px;\n    --motion-shift-lg: 16px;\n    --motion-shift-xl: 24px;\n\n    \u002F* Scale values *\u002F\n    --motion-scale-subtle: 1.02;\n    --motion-scale-medium: 1.05;\n\n    \u002F* Glow scale (complements --shadow-glow in Theme Config) *\u002F\n    --glow-sm: 0 0 10px rgba(var(--brand-primary-rgb), 0.15);\n    --glow-md: 0 0 25px rgba(var(--brand-primary-rgb), 0.2);\n    --glow-lg: 0 0 40px rgba(var(--brand-primary-rgb), 0.25);\n  }\n\n\n  \u002F* ==========================================\n     SCROLL REVEAL — Universal\n     JS adds .smplx-reveal to containers,\n     IntersectionObserver adds .visible\n     ========================================== *\u002F\n  .smplx-reveal {\n    opacity: 0;
3308\n    transform: translateY(var(--motion-shift-lg));\n    transition:\n      opacity var(--motion-dramatic) var(--ease-out-expo),\n      transform var(--motion-dramatic) var(--ease-out-expo);\n  }\n  .smplx-reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \u002F* Stagger children in grids *\u002F\n  .smplx-reveal-stagger > * {\n    opacity: 0;\n    transform: translateY(var(--motion-shift-md));\n    transition:\n      opacity var(--motion-slow) var(--ease-out-expo),\n      transform var(--motion-slow) var(--ease-out-expo);\n  }\n  .smplx-reveal-stagger.visible > *:nth-child(1) { transition-delay: 0ms; opacity: 1; transform: translateY(0); }\n  .smplx-reveal-stagger.visible > *:nth-child(2) { transition-delay: 80ms; opacity: 1; transform: translateY(0); }\n  .smplx-reveal-stagger.visible > *:nth-child(3) { transition-delay: 120ms; opacity: 1; transform: translateY(0); }\n  .smplx-reveal-stagger.visible > *:nth-child(4) { transition-delay: 200ms; opacity: 1; transform: translateY(0); }\n  .smplx-reveal-stagger.visible > *:nth-child(5) { transition-delay: 280ms; opacity: 1; transform: translateY(0); }\n  .smplx-reveal-stagger.visible > *:nth-child(6) { transition-delay: 360ms; opacity: 1; transform: translateY(0); }\n\n\n  \u002F* ==========================================\n     RIPPLE EFFECT — Universal CTA feedback\n     ========================================== *\u002F\n  .smplx-ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.4);\n    transform: scale(0);\n    animation: smplx-ripple-expand var(--motion-dramatic) var(--ease-out-expo) forwards;\n    pointer-events: none;\n    z-index: 10;\n  }\n  @keyframes smplx-ripple-expand { to { transform: scale(4); opacity: 0; } }\n\n\n  \u002F* ==========================================\n     ARROW NUDGE — Universal CTA hover\n     Any element with [data-arrow-nudge] or\n     matching CTA classes gets arrow shift\n     ========================================== *\u002F\n  [data-arrow-nudge] svg,\n  .smplx-cta-arrow svg {\n    transition: transform var(--motion-normal) var(--ease-out-back);\n  }\n  [data-arrow-nudge]:hover svg,\n  .smplx-cta-arrow:hover svg {\n    transform: translateX(var(--motion-shift-sm));\n  }\n\n\n  \u002F* ==========================================\n     SOCIAL PROOF POPUP — Universal base\n     Content + timing controlled by page JS\n     ========================================== *\u002F\n  .smplx-proof-popup {\n    position: fixed;\n    bottom: 24px;\n    left: 24px;\n    z-index: var(--z-toast, 500);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 12px;\n    background: var(--color-bg-elevated);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-xl);\n    backdrop-filter: blur(var(--blur-lg, 16px));\n    -webkit-backdrop-filter: blur(var(--blur-lg, 16px));\n    max-width: 320px;\n    transform: translateX(-120%) scale(0.95);\n    opacity: 0;\n    transition:\n      transform var(--motion-slow) var(--ease-out-expo),\n      opacity var(--motion-slow) var(--ease-out-expo);\n  }\n  .smplx-proof-popup.visible {\n    transform: translateX(0) scale(1);\n    opacity: 1;\n  }\n  [data-theme=\"light\"] .smplx-proof-popup {\n    background: var(--glass-bg);\n    border-color: var(--glass-border);\n    box-shadow: var(--shadow-lg);\n  }\n  .smplx-proof-avatar {\n    width: 36px; height: 36px;\n    border-radius: var(--radius-lg);\n    background: rgba(var(--brand-primary-rgb), 0.12);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; font-size: 1.1rem;\n  }\n  .smplx-proof-text { display: flex; flex-direction: column; gap: 1px; }\n  .smplx-proof-name { font-size: var(--text-sm); font-weight: 700; color: var(--color-text); }\n  .smplx-proof-action { font-size: var(--text-xs); color: var(--color-text-secondary); }\n  .smplx-proof-time { font-size: 10px; color: var(--color-text-muted); }\n  .smplx-proof-close {\n    position: absolute; top: 6px; right: 8px;\n    background: none; border: none;\n    color: var(--color-text-muted);\n    font-size: var(--text-xs); cursor: pointer;\n    padding: 2px; line-height: 1; opacity: 0.5;\n    transition: opacity var(--motion-fast) ease;\n  }\n  .smplx-proof-close:hover { opacity: 1; }\n\n  @media (max-width: 768px) {\n    .smplx-proof-popup { bottom: 72px; left: 12px; right: 12px; max-width: none; }\n  }\n\n\n  \u002F* ==========================================\n     STAT COUNTER — Tabular nums for animation\n     ========================================== *\u002F\n  [data-count] {\n    font-variant-numeric: tabular-nums;\n  }\n\n\n  \u002F* ==========================================\n     REDUCED MOTION — Motion-stack additions\n     (Foundation handles base *, *::before rule)\n     ========================================== *\u002F\n  @media (prefers-reduced-motion: reduce) {\n    .smplx-reveal,\n    .smplx-reveal-stagger > * {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n    .smplx-proof-popup { display: none !important; }\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ============================================\n     🏢 SITE IDENTITY v3.1\n     \n     Place LAST in GHL Head Tracking.\n     ⚡ EDIT THIS PER DEPLOYMENT\n     \n     This file contains brand-specific metadata:\n     • Favicon\n     • Organization schema\n     • OG \u002F social meta\n     • Performance preconnects\n     \n     DEPLOYMENT CHECKLIST:\n     [ ] Update org name, URL, phone\n     [ ] Upload and link favicon\n     [ ] Upload and link apple-touch-icon\n     [ ] Upload and link logo\n     [ ] Update social URLs\n     [ ] Upload and link OG image\n     [ ] Update OG title, description, URL\n     ============================================ -->\n\n\n\u003C!-- ==========================================\n     FAV
3308ICON & THEME\n     ========================================== -->\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F697b2b7804b05b83b8441460.png\">\n\u003Clink rel=\"apple-touch-icon\" href=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F697b2b7804b05b83b8441460.png\">\n\u003Cmeta name=\"theme-color\" content=\"#0a0e17\">\n\u003Cmeta name=\"msapplication-TileColor\" content=\"#0a0e17\">\n\n\n\u003C!-- ==========================================\n     PRECONNECT (Performance)\n     Google Fonts preconnects are in Theme Config.\n     Only non-font preconnects go here.\n     ========================================== -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Fassets.cdn.filesafe.space\">\n\n\n\u003C!-- ==========================================\n     OG \u002F SOCIAL META\n     ========================================== -->\n\u003Cmeta property=\"og:type\" content=\"website\">\n\u003Cmeta property=\"og:site_name\" content=\"Simplex AI\">\n\u003Cmeta property=\"og:title\" content=\"Simplex AI — AI Receptionist for Gyms, MedSpas & Wellness\">\n\u003Cmeta property=\"og:description\" content=\"Sammy answers calls, texts leads, and books appointments 24\u002F7. 5 appointments or you don't pay.\">\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fsmplx.ai\">\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698255f799f1bf561d744a5d.png\">\n\u003Cmeta property=\"og:image:width\" content=\"1200\">\n\u003Cmeta property=\"og:image:height\" content=\"630\">\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\">\n\u003Cmeta name=\"twitter:title\" content=\"Simplex AI — AI Receptionist for Gyms, MedSpas & Wellness\">\n\u003Cmeta name=\"twitter:description\" content=\"Sammy answers calls, texts leads, and books appointments 24\u002F7. 5 appointments or you don't pay.\">\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698255f799f1bf561d744a5d.png\">\n\n\n\u003C!-- ==========================================\n     SCHEMA: ORGANIZATION\n     ========================================== -->\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"Simplex AI\",\n  \"url\": \"https:\u002F\u002Fsmplx.ai\",\n  \"logo\": \"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002Fsimplex-logo.png\",\n  \"description\": \"AI receptionist for gyms, medspas, and wellness businesses. Answers calls, texts leads, and books appointments 24\u002F7.\",\n  \"contactPoint\": {\n    \"@type\": \"ContactPoint\",\n    \"telephone\": \"+1-909-552-8700\",\n    \"contactType\": \"sales\",\n    \"availableLanguage\": [\"English\", \"Spanish\"]\n  },\n  \"sameAs\": [\n    \"https:\u002F\u002Fwww.facebook.com\u002Fsimplexai\",\n    \"https:\u002F\u002Fwww.instagram.com\u002Ftheaigrowthengine\u002F\"\n  ]\n}\n\u003C\u002Fscript>\n\u003Cscript>\n  fetch('https:\u002F\u002Fhb-provision.andrew-833.workers.dev\u002Fschema\u002Finject?url=' +\n    encodeURIComponent(location.href) + '&key=hb_3663ab07fbdb446ab14f09b5d4aebf88')\n    .then(r => r.text())\n    .then(h => { if (h) document.head.insertAdjacentHTML('beforeend', h); });\n\u003C\u002Fscript>","\u003C!-- ============================================\n     ⚡ SMPLX MOTION ENGINE v1.0\n     \n     Place in GHL → Settings → Body Tracking Code\n     (or Footer Tracking Code)\n     \n     SITE-WIDE — runs on ALL pages.\n     \n     Contains:\n     • IntersectionObserver (scroll reveal + counters)\n     • Ripple click handler (auto-binds to [data-ripple])\n     • Stat counter animation\n     • Social proof popup engine\n     • Sticky CTA show\u002Fhide\n     \n     PAGE-SPECIFIC wiring (which elements get\n     which classes) is done in page-level scripts.\n     ============================================ -->
3308\n\n\u003C!-- SOCIAL PROOF POPUP — HTML shell (universal) -->\n\u003Cdiv class=\"smplx-proof-popup\" id=\"smplxProofPopup\">\n  \u003Cdiv class=\"smplx-proof-avatar\" id=\"smplxProofAvatar\">🏋️\u003C\u002Fdiv>\n  \u003Cdiv class=\"smplx-proof-text\">\n    \u003Cdiv class=\"smplx-proof-name\" id=\"smplxProofName\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-action\" id=\"smplxProofAction\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-time\" id=\"smplxProofTime\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cbutton class=\"smplx-proof-close\" onclick=\"window.smplxMotion&&window.smplxMotion.dismissProof()\" aria-label=\"Dismiss\">✕\u003C\u002Fbutton>\n\u003C\u002Fdiv>\n\n\n\u003Cscript>\n\u002F**\n * SMPLX Motion Engine — Site-Wide\n * Exposes window.smplxMotion for page-level scripts to configure.\n *\u002F\n(function() {\n  'use strict';\n\n  var engine = {};\n\n\n  \u002F* ==========================================\n     1. SCROLL REVEAL — IntersectionObserver\n     ========================================== *\u002F\n  var revealObserver;\n\n  engine.initReveals = function() {\n    revealObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n\n          \u002F\u002F Auto-trigger counters inside revealed elements\n          var counters = entry.target.querySelectorAll('[data-count]:not([data-animated])');\n          if (counters.length) engine.animateCounters(counters);\n\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n\n    document.querySelectorAll('.smplx-reveal, .smplx-reveal-stagger').forEach(function(el) {\n      revealObserver.observe(el);\n    });\n  };\n\n  \u002F\u002F Allow pages to register additional elements after init\n  engine.observeReveal = function(el) {\n    if (revealObserver && el) revealObserver.observe(el);\n  };\n\n\n  \u002F* ==========================================\n     2. STAT COUNTER ANIMATION\n     ========================================== *\u002F\n  engine.animateCounters = function(counters) {\n    counters.forEach(function(el) {\n      if (el.dataset.animated) return;\n      el.dataset.animated = 'true';\n\n      var target = parseFloat(el.dataset.count);\n      var prefix = el.dataset.prefix || '';\n      var suffix = el.dataset.suffix || '';\n      var duration = parseInt(el.dataset.duration) || 1500;\n      var start = performance.now();\n\n      function update(now) {\n        var elapsed = now - start;\n        var progress = Math.min(elapsed \u002F duration, 1);\n        var eased = 1 - Math.pow(1 - progress, 4); \u002F\u002F ease-out quart\n        var current = Math.round(target * eased);\n        el.textContent = prefix + current.toLocaleString() + suffix;\n        if (progress \u003C 1) requestAnimationFrame(update);\n      }\n      requestAnimationFrame(update);\n    });\n  };\n\n\n  \u002F* ==========================================\n     3. RIPPLE EFFECT\n     Auto-binds to any element with [data-ripple]\n     ========================================== *\u002F\n  engine.initRipple = function() {\n    document.addEventListener('click', function(e) {\n      var btn = e.target.closest('[data-ripple]');\n      if (!btn) return;\n\n      var ripple = document.createElement('span');\n      ripple.classList.add('smplx-ripple');\n      var rect = btn.getBoundingClientRect();\n      var size = Math.max(rect.width, rect.height);\n      ripple.style.width = ripple.style.height = size + 'px';\n      ripple.style.left = (e.clientX - rect.left - size \u002F 2) + 'px';\n      ripple.style.top = (e.clientY - rect.top - size \u002F 2) + 'px';\n      btn.appendChild(ripple);\n      setTimeout(function() { ripple.remove(); }, 700);\n    });\n  };\n\n\n  \u002F* ==========================================\n     4. SOCIAL PROOF POPUP\n     Page scripts call engine.startProof(config)\n     ========================================== *\u002F\n  var proofDismissed = false;\n  var proofInterval = null;\n\n  \u002F**\n   * @param {Object} config\n   * @param {Array}  config.entries  - [{avatar, name, action, time}]\n   * @param {number} config.delay    - ms before first popup (default 6000)\n   * @param {number} config.interval - ms between popups (default 10000)\n   * @param {number} config.display  - ms popup stays visible (default 4000)\n   *\u002F\n  engine.startProof = function(config) {\n    if (!config || !config.entries || !config.entries.length) return;\n\n    var popup = document.getElementById('smplxProofPopup');\n    if (!popup) return;\n\n    var nameEl = document.getElementById('smplxProofName');\n    var actionEl = document.getElementById('smplxProofAction');\n    var timeEl = document.getElementById('smplxProofTime');\n    var avatarEl = document.getElementById('smplxProofAvatar');
3308\n\n    var delay = config.delay || 6000;\n    var interval = config.interval || 10000;\n    var display = config.display || 4000;\n    var index = 0;\n\n    function show() {\n      if (proofDismissed) return;\n      var d = config.entries[index];\n      nameEl.textContent = d.name;\n      actionEl.textContent = d.action;\n      timeEl.textContent = d.time;\n      avatarEl.textContent = d.avatar;\n      popup.classList.add('visible');\n\n      setTimeout(function() {\n        popup.classList.remove('visible');\n      }, display);\n\n      index = (index + 1) % config.entries.length;\n    }\n\n    setTimeout(function() {\n      show();\n      proofInterval = setInterval(show, interval);\n    }, delay);\n  };\n\n  engine.dismissProof = function() {\n    proofDismissed = true;\n    if (proofInterval) clearInterval(proofInterval);\n    var popup = document.getElementById('smplxProofPopup');\n    if (popup) popup.classList.remove('visible');\n  };\n\n\n  \u002F* ==========================================\n     5. STICKY CTA — Show\u002FHide on scroll\n     Page scripts call engine.initSticky(config)\n     ========================================== *\u002F\n\n  \u002F**\n   * @param {Object} config\n   * @param {string} config.selector   - CSS selector for sticky element\n   * @param {number} config.showAfter  - px scroll before showing (default: hero height)\n   * @param {number} config.hideBeforeBottom - px from bottom to hide (default: 300)\n   *\u002F\n  engine.initSticky = function(config) {\n    if (!config || !config.selector) return;\n    var el = document.querySelector(config.selector);\n    if (!el) return;\n\n    var showAfter = config.showAfter || 600;\n    var hideBuffer = config.hideBeforeBottom || 300;\n\n    \u002F\u002F Auto-detect hero height if present\n    var hero = document.querySelector('.smplx-hero, [class*=\"smplx-hero\"]');\n    if (hero && !config.showAfter) showAfter = hero.offsetHeight;\n\n    function check() {\n      var y = window.scrollY;\n      var docH = document.documentElement.scrollHeight;\n      var winH = window.innerHeight;\n\n      if (y > showAfter && y \u003C (docH - winH - hideBuffer)) {\n        el.classList.add('visible');\n      } else {\n        el.classList.remove('visible');\n      }\n    }\n\n    window.addEventListener('scroll', check, { passive: true });\n    check();\n  };\n\n\n  \u002F* ==========================================\n     6. FAQ ACCORDION — Universal smooth toggle\n     ========================================== *\u002F\n  engine.toggleFaq = function(btn) {\n    var item = btn.closest('.smplx-faq-item');\n    if (!item) return;\n    var isActive = item.classList.contains('active');\n\n    \u002F\u002F Close all siblings\n    var parent = item.parentElement;\n    if (parent) {\n      parent.querySelectorAll('.smplx-faq-item').forEach(function(i) {\n        i.classList.remove('active');\n      });\n    }\n\n    if (!isActive) item.classList.add('active');\n  };\n\n  \u002F\u002F Expose globally so onclick=\"toggleFaq(this)\" works\n  window.toggleFaq = engine.toggleFaq;\n\n\n  \u002F* ==========================================\n     INIT — Auto-run universal systems\n     ========================================== *\u002F\n  function init() {\n    engine.initRipple();\n    \n    \u002F\u002F Reveals init after a frame so page-level scripts\n    \u002F\u002F can add .smplx-reveal classes first\n    requestAnimationFrame(function() {\n      engine.initReveals();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  \u002F\u002F Expose engine for page-level scripts\n  window.smplxMotion = engine;\n\n})();\n\u003C\u002Fscript>","ul2RiTJnoDfc09QMKleZ","Simplex AI","4fd9e71b-8a0b-4441-b34d-bdab9355f1b6",[],null,["Reactive",328],{"$snuxt-i18n-meta":329,"$spreviewState":330,"$smetaPixelOptions":543},{},{"defaultSettings":331,"mobileDevice":34,"tabletDevice":34,"funnelId":322,"funnelDomain":313,"stepId":324,"locationId":317,"funnelPageId":315,"locationCode":414,"funnelNextStep":415,"fingerprint":38,"funnelNextPageId":416,"stripePublishableKey":417,"enablePaymentElement":41,"merchantLoginId":38,"paypalPublishableKey":38,"merchantAccountId":-1,"stripeAccountId":418,"isLivePaymentMode":41,"version":419,"funnelSteps":420,"cartItems":519,"funnelName":323,"orderFormVersion":145,"currency":520,"businessCurrency":520,"blogSlug":38,"domain":313,"pageUrl":314,"pageName":316,"pageSeo":521,"affiliateId":-1,"videoExists
3308InPage":34,"pageType":522,"contactId":-1,"email":-1,"phone":38,"categoryId":38,"blogSearchTerm":38,"categoryUrlSlug":38,"authorSlug":38,"tagSlug":38,"authorId":38,"defaultPaymentProvider":38,"productCollections":523,"ecomSelectedCollection":38,"imageOptimizationEnabled":41,"nmiMerchantGatewayId":38,"squareMerchantGatewayId":38,"mercadoPagoUserId":38,"fontsToLoad":524,"ecomProductId":38,"isGdprCompliant":34,"isOptimisePageLoad":41,"ecommercePage":148,"isBlogActive":34,"blogData":527,"blogPaths":-1,"blogId":322,"allowedCookies":528,"paymentProviderDetails":-1,"events":529,"searchTerm":38,"countryList":530,"pixelToInit":325,"formAction":38,"ecomProduct":531,"requireCreditCard":41,"haveBlogWidget":34,"isFacebookIAB":34,"companyId":532,"customerLoginToken":38,"savedAddresses":533,"savedAddressesLoaded":34,"savedAddressesFailed":34,"cookieConsentList":534,"cookieConsentExpiry":535,"hostCookieConsentData":326,"isHostCookieConsentExpected":34,"mediaFormats":536,"adyenMerchantGatewayId":38,"webinarProperties":326,"webinarSession":326,"userWebinarSession":326,"turnstileToken":38,"turnstileType":538,"turnstileSiteKeys":539,"upsellInFlight":34,"mobileVisibilityDelays":542,"productDetailPageStyles":326,"geoCountry":326,"isCurrencyFormattingEnabled":34},{"typography":332,"background":352,"percentWidth":357,"offsetColor":391,"progressBarSize":404},{"fonts":333,"colors":344},{"headlineFont":334,"contentFont":340},{"id":335,"text":336,"value":337},"headlinefont","Headline Font",{"text":338,"value":339},"Inter","var(--inter)",{"id":341,"text":342,"value":343},"contentfont","Content Font",{"text":338,"value":339},{"textColor":345,"linkColor":348},{"value":346},{"label":98,"value":347},"#000000",{"value":349},{"label":350,"value":351},"var(--blue)","#188bf6",{"bgImage":353,"backgroundColor":355},{"value":354},{"url":38,"options":40},{"value":356},"var(--white)",[358,361,364,367,370,373,376,379,382,385,388],{"text":359,"value":360},"0 Percent","progress0",{"text":362,"value":363},"10 Percent","progress10",{"text":365,"value":366},"20 Percent","progress20",{"text":368,"value":369},"30 Percent","progress30",{"text":371,"value":372},"40 Percent","progress40",{"text":374,"value":375},"50 Percent","progress50",{"text":377,"value":378},"60 Percent","progress60",{"text":380,"value":381},"70 Percent","progress70",{"text":383,"value":384},"80 Percent","progress80",{"text":386,"value":387},"90 Percent","progress90",{"text":389,"value":390},"100 Percent","progress100",[392,395,398,401],{"text":393,"value":394},"White","progressbarOffsetWhite",{"text":396,"value":397},"Transparent White","progressbarOffsetTransparentWhite",{"text":399,"value":400},"Black","progressbarOffsetBlack",{"text":402,"value":403},"Transparent Black","progressbarOffsetTransparentBlack",[405,408,411],{"text":406,"value":407},"Small","progressbarSmall",{"text":409,"value":410},"Medium","progressbarMedium",{"text":412,"value":413},"Large","progressbarLarge","US","\u002Fguarantee-terms","0LyMPh1wQghPmckyHFzi","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1MZlraF0KPvG74es",4,[421,427,432,438,443,448,454,460,466,472,477,483,489,491,495,501,507,513],{"url":422,"value":423,"type":424,"sequence":148,"id":425,"name":426},"\u002Fhome-877590","0158b27d-6a7f-450e-bb6d-73c0955c2cce","optin_funnel_page","RCnTu90BrUV8jzYYGGtm","Home",{"url":428,"value":429,"type":424,"sequence":145,"id":430,"name":431,"split":34},"\u002Fpricing","b0e37ddf-44ad-4337-ad88-4b10850b903e","AXCDTPMeay7J2JSoJAlH","Pricing",{"url":433,"value":434,"type":424,"sequence":435,"id":436,"name":437,"split":34},"\u002Fdemo","7b24f538-3f18-4135-94a3-7b592d7cae00",3,"qDfuutEfNnDW4dROFjiJ","Demo Page",{"url":439,"value":440,"type":424,"sequence":419,"id":441,"name":442,"split":34},"\u002Fai-receptionist-for-gyms","4e857827-1be2-419d-9255-a002c31e2d5f","NkFIvPAVN3Ac1YZBS6F1","Gym Page",{"url":444,"value":445,"type":424,"sequence":88,"id":446,"name":447,"split":34},"\u002Fai-receptionist-for-medspas","0ca1eb00-13ac-4716-8d81-ac40fddd13cd","03rOO50XCBRTEQb36V5I","Medspas",{"url":449,"value":450,"type":424,"sequence":451,"id":452,"name":453,"split":34}
3308,"\u002Fabout","2a15886b-29ea-424e-bb7f-b4abc81c7232",6,"10HAHewaIfIEA5pMaPZN","About",{"url":455,"value":456,"type":424,"sequence":457,"id":458,"name":459,"split":34},"\u002Fai-receptionist-for-photo-booths","f5ff70c5-ce75-47b3-8061-c2f584c46949",7,"2HTmAoRgfM8ih9puGkRR","Photo Booth",{"url":461,"value":462,"type":424,"sequence":463,"id":464,"name":465,"split":34},"\u002Fai-receptionist-for-personal-trainers","c45bb7f0-8434-42be-ba20-832f387979f4",8,"Va8Gd57dnEDTbU09rWdL","Fitness Trainer",{"url":467,"value":468,"type":424,"sequence":469,"id":470,"name":471},"\u002Fterms","33ad0674-0555-48c7-87dd-1b50de7f2a54",9,"M10EWKH7vwXyuHKSc1Fd","Terms & Conditions",{"url":473,"value":474,"type":424,"sequence":91,"id":475,"name":476},"\u002Fprivacy","96e28d84-063e-4413-8579-22058f6603c2","cqLlte6umkxpL6UVEvrz","Privacy Policy",{"url":478,"value":479,"type":424,"sequence":480,"id":481,"name":482,"split":34},"\u002Froi-calculator","2e0135f7-8609-4b78-9a91-31e01a47d62e",11,"yUAnvOfYCe83k41uGbgg","ROI Calculator",{"url":484,"value":485,"type":424,"sequence":486,"id":487,"name":488,"split":34},"\u002Fai-receptionist","526318a6-d515-4d68-bb5e-1400f8d528e5",12,"4DyRcipvV986mH3lVzUV","Sammy",{"url":314,"value":324,"type":424,"sequence":490,"id":315,"name":316,"split":34},13,{"url":415,"value":492,"type":424,"sequence":493,"id":416,"name":494},"fe4e3933-380b-4993-bb2c-dee29c150389",14,"Guarantee Terms",{"url":496,"value":497,"type":424,"sequence":498,"id":499,"name":500,"split":34},"\u002Fcheck-out-core","ece12a50-4e16-42fb-bfac-00cc9157ca90",15,"metLmyclBuMzuNRqDlDM","Core Checkout",{"url":502,"value":503,"type":424,"sequence":504,"id":505,"name":506},"\u002Fcheck-out-momentum","f4de7f08-b5c2-4ef2-bf37-a4f50bbab749",16,"vBzgHVovrykTdBs5UsKe","Momentum Checkout",{"url":508,"value":509,"type":424,"sequence":510,"id":511,"name":512},"\u002Fcheck-out-apex","5e1a299b-13d1-44c5-9eda-318950270b49",17,"ayrbMDk7h1JZXEVjpHJ3","Apex Checkout",{"url":514,"value":515,"type":424,"sequence":516,"id":517,"name":518,"split":34},"\u002Fgrowth-engine","0cf619fc-4f21-4f0a-bffb-8ea32b33c545",18,"spcM0l6OQ1fuiDrnJBy2","Growth Engine",[],"USD",{"title":38,"description":38,"imageUrl":38},"website",[],[338,525,526],"Space Grotesk","Poppins",{},[],[],[],{},"dyDtmrQVHrHvWXYD4pqO",[],[],["Date","2026-10-05T10:10:56.885Z"],{"formats":537},[],"invisible",{"invisibleSiteKey":540,"visibleSiteKey":541},"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":326,"disabled":34,"track":544,"version":545,"isEnabled":41,"pixelLoaded":34,"manualMode":41,"userData":326,"eventsQueue":546},"PageView","2.0",[],["Set"],["ShallowReactive",549],{"pageData":-1}]</script>
3308<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d56c0fb9091e40fc8f3829f8a67134fa","spa":2}' crossorigin="anonymous"></script>
3308
3309</body></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.