PageSourceSearch

https://smplx.ai/pricing

html smplx.ai collected 2026-10-05 14:51:30 UTC 398,290 bytes, 3,967 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--inter: 'Inter';
29--space-grotesk: 'Space Grotesk';
30--poppins: 'Poppins';
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);width:720px}
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            .drop-zone-draggable .hl_main_popup-RihWnuAR3m{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}
42            
43          
44#hl_main_popup-RihWnuAR3m.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-RihWnuAR3m.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup-RihWnuAR3m.popup-body{width:380px!important}}  
45 /* ---- simplex ai nav menu styles ----- */ 
46: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} 
47 /* ---- Section styles ----- */ 
48:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-qwcg8PVFDe,.hl_page-preview--content .row-NxTKVCkzDV,.hl_page-preview--content .section-G9I0Gh7XoY{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-qwcg8PVFDe,.hl_page-preview--content .row-NxTKVCkzDV{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-qwcg8PVFDe{padding:0 5px;margin:0}.hl_page-preview--content .custom-code-zLSzmt-uSp{margin:0;width:auto;height:auto}#section-G9I0Gh7XoY>.inner{max-width:1170px}#col-qwcg8PVFDe>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} 
49 /* ---- simplex ai website footer & schema styles ----- */ 
50: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}
51
52@media (max-width: 1024px) {
53  #section-RlIr7r0Qc,
54  #row-goXgyaaSBM,
55  #col-9E52fK422I,
56  #section-G9I0Gh7XoY,
57  #row-NxTKVCkzDV,
58  #col-qwcg8PVFDe,
59  #section-PwOMT-2Ltl,
60  #row-w94gyaBcq_,
61  #col-BMDkjpeGVm {
62    animation: none !important;
63  }
64}
65</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 {
66
67    /* ========================================
68       🎯 VERTICAL PRESET ACTIVE: UNIVERSAL (Simplex Default)
69       
70       TO DEPLOY A DIFFERENT VERTICAL:
71       Comment out this block and uncomment 
72       the matching preset below.
73       ======================================== */
74
75    /* PRIMARY — buttons, highlights, accents, CTAs */
76    --brand-primary: #34d399;
77    --brand-primary-hover: #10b981;
78    --brand-primary-rgb: 52, 211, 153;
79    
80    /* PRIMARY GRADIENT — CTA buttons, glow lines */
81    --brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-hover) 100%);
82    
83    /* URGENCY — scarcity, warnings, loss numbers, "X spots left" */
84    --brand-accent-red: #f87171;
85    --brand-accent-red-rgb: 248, 113, 113;
86    
87    /* ATTENTION — alerts, badges, "watch this" */
88    --brand-accent-yellow: #fbbf24;
89    --brand-accent-yellow-rgb: 251, 191, 36;
90    
91    /* SUCCESS — checkmarks, confirmations, positive proof */
92    --brand-success: #22c55e;
93    --brand-success-hover: #16a34a;
94    --brand-success-rgb: 34, 197, 94;
95
96
97    /* ========================================
98       🌗 THEME MODE
99       "dark" = dark background, light text
100       "light" = white background, dark text
101       ======================================== */
102    
103    --theme-mode: dark;
104
105
106    /* ========================================
107       TYPOGRAPHY
108       Change fonts here AND update the 
109       Google Fonts <link> below to match.
110       ======================================== */
111    
112    /* Display: Headlines, H1–H3, hero text */
113    --font-display: 'Inter', system-ui, sans-serif;
114    
115    /* Body: Paragraphs, descriptions, UI text */
116    --font-body: 'Inter', system-ui, sans-serif;
117    
118    /* Mono: Code blocks, technical labels */
119    --font-mono: 'JetBrains Mono', monospace;
120    
121    /* Headline style: capitalize | uppercase | none */
122    --title-transform: none;
123    
124    /* H1 weight — 700 for authority, 800 for impact */
125    --h1-weight: 800;
126
127
128    /* ========================================
129       SPACING SCALE
130       Base unit: 4px — Tailwind-compatible
131       Rarely needs changing per deployment
132       ======================================== */
133    
134    --space-0: 0;
135    --space-1: 4px;
136    --space-2: 8px;
137    --space-3: 12px;
138    --space-4: 16px;
139    --space-5: 20px;
140    --space-6: 24px;
141    --space-8: 32px;
142    --space-10: 40px;
143    --space-12: 48px;
144    --space-16: 64px;
145    --space-20: 80px;
146    --space-24: 96px;
147    --space-32: 128px;
148
149
150    /* ========================================
151       SECTION RHYTHM
152       Controls vertical breathing room.
153       Tuned for direct response sales pages.
154       ======================================== */
155    
156    --section-py: var(--space-24);          /* 96px — desktop sections */
157    --section-py-sm: var(--space-12);       /* 48px — compact sections */
158    --section-py-lg: 120px;                 /* 120px — hero, final CTA */
159    --section-py-mobile: var(--space-16);   /* 64px — mobile sections */
160    --section-px: var(--space-6);           /* 24px — horizontal */
161    --section-px-mobile: var(--space-4);    /* 16px — mobile horizontal */
162
163
164    /* ========================================
165       CONTAINER WIDTHS
166       ======================================== */
167    
168    --container-xs: 480px;
169    --container-sm: 640px;
170    --container-md: 768px;
171    --container-lg: 1024px;
172    --container-xl: 1200px;
173    --container-2xl: 1400px;
174
175
176    /* ========================================
177       BORDER RADII
178       ======================================== */
179    
180    --radius-sm: 6px;
181    --radius-md: 12px;
182    --radius-lg: 16px;
183    --radius-xl: 24px;
184    --radius-2xl: 32px;
185    --radius-full: 100px;
186    
187    --button-radius: var(--radius-md);
188    --card-radius: var(--radius-xl);
189    --badge-radius: var(--radius-full);
190    --input-radius: var(--radius-sm);
191
192
193    /* ========================================
194       TYPE SCALE
195       
196       Fixed sizes: xs–2xl (UI elements, cards, labels)
197       Fluid sizes: 3xl–7xl (headlines — scale smoothly
198       between mobile and desktop via clamp())
199       ======================================== */
200    
201    --text-xs: 12px;
202    --text-sm: 14px;
203    --text-base: 16px;
204    --text-base-mobile: 17px;      /* +1px for mobile readability */
205    --text-lg: 18px;
206    --text-xl: 20px;
207    --text-2xl: 24px;
208    --text-3xl: clamp(1.5rem, 2.5vw + 0.5rem, 1.875rem);    /* 24px → 30px */
209    --text-4xl: clamp(1.875rem, 3vw + 0.5rem, 2.25rem);     /* 30px → 36px */
210    --text-5xl: clamp(2.25rem, 4vw + 0.5rem, 3rem);          /* 36px → 48px */
211    --text-6xl: clamp(2.75rem, 5vw + 0.5rem, 3.75rem);       /* 44px → 60px */
212    --text-7xl: clamp(3rem, 6vw + 0.5rem, 4.5rem);           /* 48px → 72px */
213    
214    --leading-tight: 1.1;
215    --leading-snug: 1.25;
216    --leading-normal: 1.5;
217    --leading-relaxed: 1.7;
218    --leading-loose: 1.75;         /* Mobile body text */
219    
220    --tracking-tight: -0.02em;
221    --tracking-body: 0.01em;       /* Subtle positive tracking for body text */
222    --tracking-normal: 0;
223    --tracking-wide: 0.05em;
224
225
226    /* ========================================
227       SHADOWS
228       ======================================== */
229    
230    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
231    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
232    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
233    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
234    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
235    
236    /* Glow — auto-uses brand color */
237    --shadow-glow: 0 0 40px rgba(var(--brand-primary-rgb), 0.3);
238    --shadow-glow-lg: 0 0 80px rgba(var(--brand-primary-rgb), 0.4);
239    --shadow-glow-cta: 0 8px 30px rgba(var(--brand-primary-rgb), 0.4);
240    
241    /* Text glow — headlines on dark backgrounds */
242    --text-glow-headline: 0 0 40px rgba(255, 255, 255, 0.08);
243    --text-glow-brand: 0 0 30px rgba(var(--brand-primary-rgb), 0.3);
244
245
246    /* ========================================
247       TRANSITIONS
248       ======================================== */
249    
250    --transition-fast: 150ms ease;
251    --transition-normal: 200ms ease;
252    --transition-slow: 300ms ease;
253    --transition-slower: 500ms ease;
254
255
256    /* ========================================
257       Z-INDEX SCALE
258       ======================================== */
259    
260    --z-below: -1;
261    --z-base: 0;
262    --z-raised: 10;
263    --z-dropdown: 100;
264    --z-sticky: 200;
265    --z-overlay: 300;
266    --z-modal: 400;
267    --z-toast: 500;
268    --z-max: 9999;
269
270
271    /* ========================================
272       GLASS / SURFACE SYSTEM
273       Controls card visibility & section contrast
274       ======================================== */
275    
276    /* Card surface opacity — higher = more visible cards */
277    --surface-card: 0.06;
278    --surface-card-hover: 0.10;
279    
280    /* Card border opacity */
281    --surface-border: 0.10;
282    --surface-border-hover: 0.20;
283    
284    /* Section tint levels — controls alternating backgrounds */
285    --tint-subtle: 0.02;
286    --tint-light: 0.04;
287    --tint-medium: 0.07;
288  }</style><style>/* ==========================================
289     DARK THEME
290     ========================================== */
291  
292  [data-theme="dark"] {
293    --color-bg-primary: #0a0e17;
294    --color-bg-secondary: #141a24;
295    --color-bg-tertiary: #1c2430;
296    --color-bg-elevated: #222a36;
297    
298    --color-text: #ffffff;
299    --color-text-secondary: #e0e7ef;
300    --color-text-muted: #94a3b8;
301    --color-text-faint: #64748b;
302    
303    --color-border: rgba(255, 255, 255, var(--surface-border));
304    --color-border-strong: rgba(255, 255, 255, var(--surface-border-hover));
305    
306    --glass-bg: rgba(255, 255, 255, var(--surface-card));
307    --glass-bg-hover: rgba(255, 255, 255, var(--surface-card-hover));
308    --glass-border: rgba(255, 255, 255, var(--surface-border));
309    --glass-border-hover: rgba(255, 255, 255, var(--surface-border-hover));
310    
311    --overlay-light: rgba(255, 255, 255, 0.06);
312    --overlay-dark: rgba(0, 0, 0, 0.6);
313    
314    /* CTA text on brand-colored buttons (dark bg = white text if needed) */
315    --btn-primary-text: #0a0e17;
316  }
317  
318  
319  /* ==========================================
320     LIGHT THEME
321     ========================================== */
322  
323  [data-theme="light"] {
324    --color-bg-primary: #ffffff;
325    --color-bg-secondary: #f8fafc;
326    --color-bg-tertiary: #f1f5f9;
327    --color-bg-elevated: #ffffff;
328    
329    --color-text: #0f172a;
330    --color-text-secondary: #334155;
331    --color-text-muted: #64748b;
332    --color-text-faint: #94a3b8;
333    
334    --color-border: rgba(0, 0, 0, 0.08);
335    --color-border-strong: rgba(0, 0, 0, 0.15);
336    
337    --glass-bg: rgba(255, 255, 255, 0.7);
338    --glass-bg-hover: rgba(255, 255, 255, 0.85);
339    --glass-border: rgba(0, 0, 0, 0.08);
340    --glass-border-hover: rgba(0, 0, 0, 0.12);
341    
342    --overlay-light: rgba(0, 0, 0, 0.03);
343    --overlay-dark: rgba(0, 0, 0, 0.4);
344    
345    --btn-primary-text: #ffffff;
346  }
347  
348  
349  /* ==========================================
350     SEMANTIC MAPPINGS
351     ========================================== */
352  
353  :root {
354    --color-primary: var(--brand-primary);
355    --color-primary-hover: var(--brand-primary-hover);
356    --color-success: var(--brand-success);
357    --color-warning: var(--brand-accent-yellow);
358    --color-danger: var(--brand-accent-red);
359    
360    --blur-sm: 4px;
361    --blur-md: 12px;
362    --blur-lg: 24px;
363    --blur-xl: 40px;
364  }
365  
366  
367  /* ==========================================
368     LEGACY ALIASES (backward compat)
369     ========================================== */
370  
371  :root {
372    --bg-primary: var(--color-bg-primary);
373    --bg-secondary: var(--color-bg-secondary);
374    --bg-tertiary: var(--color-bg-tertiary);
375    --bg-elevated: var(--color-bg-elevated);
376    --text-primary: var(--color-text);
377    --text-secondary: var(--color-text-secondary);
378    --text-tertiary: var(--color-text-muted);
379    --text-muted: var(--color-text-muted);
380    --text-faint: var(--color-text-faint);
381    --border-color: var(--color-border);
382    --border-strong: var(--color-border-strong);
383  }
384  
385  
386  /* ==========================================
387     BASE RESET & TYPOGRAPHY
388     ========================================== */
389  
390  *, *::before, *::after {
391    box-sizing: border-box;
392    margin: 0;
393    padding: 0;
394  }
395  
396  html {
397    font-size: 16px;
398    -webkit-font-smoothing: antialiased;
399    -moz-osx-font-smoothing: grayscale;
400    scroll-behavior: smooth;
401    overflow-x: hidden;
402  }
403  
404  body {
405    font-family: var(--font-body);
406    font-size: var(--text-base);
407    line-height: var(--leading-normal);
408    letter-spacing: var(--tracking-body);
409    color: var(--color-text);
410    background-color: var(--color-bg-primary);
411    min-height: 100vh;
412    overflow-x: hidden;
413  }
414  
415  h1, h2, h3, h4, h5, h6 {
416    font-family: var(--font-display);
417    font-weight: 600;
418    line-height: var(--leading-tight);
419    letter-spacing: var(--tracking-tight);
420    color: var(--color-text);
421    text-transform: var(--title-transform, none);
422  }
423  
424  h1 {
425    font-size: var(--text-5xl);
426    font-weight: var(--h1-weight, 800);
427  }
428  h2 { font-size: var(--text-4xl); font-weight: 700; }
429  h3 { font-size: var(--text-3xl); }
430  h4 { font-size: var(--text-2xl); }
431  h5 { font-size: var(--text-xl); }
432  h6 { font-size: var(--text-lg); }
433  
434  p {
435    color: var(--color-text-secondary);
436    line-height: var(--leading-relaxed);
437    max-width: 65ch;
438  }
439  
440  a {
441    color: var(--color-primary);
442    text-decoration: none;
443    transition: color var(--transition-fast);
444  }
445  
446  a:hover {
447    color: var(--color-primary-hover);
448  }
449  
450  img, video {
451    max-width: 100%;
452    height: auto;
453    display: block;
454  }
455  
456  
457  /* ==========================================
458     RESPONSIVE TYPOGRAPHY
459     ========================================== */
460  
461  @media (max-width: 768px) {
462    h1 { font-size: var(--text-4xl); }
463    h2 { font-size: var(--text-3xl); }
464    h3 { font-size: var(--text-2xl); }
465    h4 { font-size: var(--text-xl); }
466    h5 { font-size: var(--text-lg); }
467    h6 { font-size: var(--text-base); font-weight: 700; }
468    
469    body, p {
470      font-size: var(--text-base-mobile, 17px);
471    }
472    
473    p {
474      line-height: var(--leading-loose, 1.75);
475    }
476  }
477  
478  
479  /* ==========================================
480     SECTION & CONTAINER SYSTEM
481     ========================================== */
482  
483  .section {
484    padding: var(--section-py) var(--section-px);
485    width: 100%;
486  }
487  
488  .section-sm { padding: var(--section-py-sm) var(--section-px); }
489  .section-lg { padding: var(--section-py-lg) var(--section-px); }
490  
491  .container {
492    width: 100%;
493    max-width: var(--container-xl);
494    margin: 0 auto;
495    padding: 0 var(--space-4);
496  }
497  
498  .container-sm { max-width: var(--container-sm); }
499  .container-md { max-width: var(--container-md); }
500  .container-lg { max-width: var(--container-lg); }
501  .container-xl { max-width: var(--container-xl); }
502  .container-2xl { max-width: var(--container-2xl); }
503  
504  @media (max-width: 768px) {
505    .section { padding: var(--section-py-mobile) var(--section-px-mobile); }
506    .section-sm { padding: var(--space-10) var(--section-px-mobile); }
507    .section-lg { padding: var(--section-py) var(--section-px-mobile); }
508  }
509  
510  
511  /* ==========================================
512     GLASSMORPHISM SYSTEM
513     ========================================== */
514  
515  .glass {
516    background: var(--glass-bg);
517    backdrop-filter: blur(var(--blur-md));
518    -webkit-backdrop-filter: blur(var(--blur-md));
519    border: 1px solid var(--glass-border);
520    transition: all var(--transition-normal);
521  }
522  
523  .glass:hover {
524    background: var(--glass-bg-hover);
525    border-color: var(--glass-border-hover);
526  }
527  
528  .glass-card {
529    background: var(--glass-bg);
530    backdrop-filter: blur(var(--blur-md));
531    -webkit-backdrop-filter: blur(var(--blur-md));
532    border: 1px solid var(--glass-border);
533    border-radius: var(--card-radius);
534    padding: var(--space-6);
535    transition: all var(--transition-normal);
536  }
537  
538  .glass-card:hover {
539    background: var(--glass-bg-hover);
540    border-color: var(--glass-border-hover);
541    transform: translateY(-2px);
542  }
543  
544  
545  /* ==========================================
546     BUTTON SYSTEM
547     ========================================== */
548  
549  .btn {
550    display: inline-flex;
551    align-items: center;
552    justify-content: center;
553    gap: var(--space-2);
554    padding: var(--space-3) var(--space-6);
555    font-family: var(--font-body);
556    font-size: var(--text-base);
557    font-weight: 600;
558    line-height: 1;
559    text-decoration: none;
560    border: none;
561    border-radius: var(--button-radius);
562    cursor: pointer;
563    transition: all var(--transition-fast);
564  }
565  
566  .btn:disabled {
567    opacity: 0.5;
568    cursor: not-allowed;
569  }
570  
571  .btn-primary {
572    background: var(--brand-gradient, var(--brand-primary));
573    color: var(--btn-primary-text, #000);
574    box-shadow: 
575      0 2px 8px rgba(0, 0, 0, 0.08),
576      0 4px 20px rgba(var(--brand-primary-rgb), 0.2);
577  }
578  
579  .btn-primary:hover {
580    transform: translateY(-2px);
581    box-shadow: var(--shadow-glow-cta);
582  }
583  
584  .btn-primary:active {
585    transform: translateY(0);
586    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
587  }
588  
589  .btn-secondary {
590    background: transparent;
591    color: var(--color-text);
592    border: 1px solid var(--color-border-strong);
593  }
594  
595  .btn-secondary:hover {
596    background: var(--overlay-light);
597    border-color: var(--color-text-muted);
598  }
599  
600  .btn-ghost {
601    background: transparent;
602    color: var(--color-text-muted);
603  }
604  
605  .btn-ghost:hover {
606    color: var(--color-text);
607    background: var(--overlay-light);
608  }
609  
610  .btn-sm { padding: var(--space-2) var(--space-4); font-size: var(--text-sm); }
611  .btn-lg { padding: var(--space-4) var(--space-8); font-size: var(--text-lg); }
612  .btn-cta { 
613    padding: var(--space-4) var(--space-10, 40px); 
614    font-size: var(--text-lg); 
615    font-weight: 700; 
616    letter-spacing: 0.02em; 
617  }
618  .btn-pill { border-radius: var(--radius-full); }
619  
620  
621  /* ==========================================
622     CARD SYSTEM
623     ========================================== */
624  
625  .card {
626    background: var(--color-bg-elevated);
627    border: 1px solid var(--color-border);
628    border-radius: var(--card-radius);
629    padding: var(--space-6);
630  }
631  
632  .card-hover {
633    transition: all var(--transition-normal);
634  }
635  
636  .card-hover:hover {
637    border-color: var(--color-border-strong);
638    transform: translateY(-2px);
639    box-shadow: var(--shadow-lg);
640  }
641  
642  
643  /* ==========================================
644     BADGE SYSTEM
645     ========================================== */
646  
647  .badge {
648    display: inline-flex;
649    align-items: center;
650    gap: var(--space-1);
651    padding: var(--space-1) var(--space-3);
652    font-size: var(--text-xs);
653    font-weight: 600;
654    text-transform: uppercase;
655    letter-spacing: var(--tracking-wide);
656    border-radius: var(--badge-radius);
657    background: var(--overlay-light);
658    color: var(--color-text-muted);
659  }
660  
661  .badge-primary {
662    background: rgba(var(--brand-primary-rgb), 0.15);
663    color: var(--brand-primary);
664  }
665  
666  .badge-success {
667    background: rgba(var(--brand-success-rgb), 0.15);
668    color: var(--brand-success);
669  }
670  
671  .badge-warning {
672    background: rgba(var(--brand-accent-yellow-rgb), 0.15);
673    color: var(--brand-accent-yellow);
674  }
675  
676  .badge-danger {
677    background: rgba(var(--brand-accent-red-rgb), 0.15);
678    color: var(--brand-accent-red);
679  }
680  
681  
682  /* ==========================================
683     FORM ELEMENTS
684     ========================================== */
685  
686  .input,
687  input[type="text"],
688  input[type="email"],
689  input[type="tel"],
690  input[type="number"],
691  input[type="password"],
692  textarea,
693  select {
694    width: 100%;
695    padding: var(--space-3) var(--space-4);
696    font-family: var(--font-body);
697    font-size: var(--text-base);
698    color: var(--color-text);
699    background: var(--color-bg-tertiary);
700    border: 1px solid var(--color-border);
701    border-radius: var(--input-radius);
702    transition: all var(--transition-fast);
703  }
704  
705  .input:focus,
706  input:focus,
707  textarea:focus,
708  select:focus {
709    outline: none;
710    border-color: var(--brand-primary);
711    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.15);
712  }
713  
714  .input::placeholder,
715  input::placeholder,
716  textarea::placeholder {
717    color: var(--color-text-faint);
718  }
719  
720  label {
721    display: block;
722    margin-bottom: var(--space-2);
723    font-size: var(--text-sm);
724    font-weight: 500;
725    color: var(--color-text-secondary);
726  }
727  
728  
729  /* ==========================================
730     UTILITY CLASSES
731     ========================================== */
732  
733  .text-left { text-align: left; }
734  .text-center { text-align: center; }
735  .text-right { text-align: right; }
736  .text-primary { color: var(--color-text); }
737  .text-secondary { color: var(--color-text-secondary); }
738  .text-muted { color: var(--color-text-muted); }
739  .text-brand { color: var(--brand-primary); }
740  .text-success { color: var(--brand-success); }
741  .text-warning { color: var(--brand-accent-yellow); }
742  .text-danger { color: var(--brand-accent-red); }
743  
744  .font-normal { font-weight: 400; }
745  .font-medium { font-weight: 500; }
746  .font-semibold { font-weight: 600; }
747  .font-bold { font-weight: 700; }
748  
749  .hidden { display: none; }
750  .block { display: block; }
751  .inline-block { display: inline-block; }
752  .flex { display: flex; }
753  .inline-flex { display: inline-flex; }
754  .grid { display: grid; }
755  .flex-col { flex-direction: column; }
756  .flex-wrap { flex-wrap: wrap; }
757  .items-start { align-items: flex-start; }
758  .items-center { align-items: center; }
759  .items-end { align-items: flex-end; }
760  .justify-start { justify-content: flex-start; }
761  .justify-center { justify-content: center; }
762  .justify-end { justify-content: flex-end; }
763  .justify-between { justify-content: space-between; }
764  .gap-1 { gap: var(--space-1); }
765  .gap-2 { gap: var(--space-2); }
766  .gap-3 { gap: var(--space-3); }
767  .gap-4 { gap: var(--space-4); }
768  .gap-6 { gap: var(--space-6); }
769  .gap-8 { gap: var(--space-8); }
770  
771  .m-0 { margin: 0; }
772  .m-auto { margin: auto; }
773  .mx-auto { margin-left: auto; margin-right: auto; }
774  .mb-2 { margin-bottom: var(--space-2); }
775  .mb-4 { margin-bottom: var(--space-4); }
776  .mb-6 { margin-bottom: var(--space-6); }
777  .mb-8 { margin-bottom: var(--space-8); }
778  .mt-4 { margin-top: var(--space-4); }
779  .mt-6 { margin-top: var(--space-6); }
780  .mt-8 { margin-top: var(--space-8); }
781  
782  .p-0 { padding: 0; }
783  .p-4 { padding: var(--space-4); }
784  .p-6 { padding: var(--space-6); }
785  .p-8 { padding: var(--space-8); }
786  .py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
787  .py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
788  .px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
789  .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }
790  
791  .w-full { width: 100%; }
792  .max-w-xs { max-width: var(--container-xs); }
793  .max-w-sm { max-width: var(--container-sm); }
794  .max-w-md { max-width: var(--container-md); }
795  .max-w-lg { max-width: var(--container-lg); }
796  .max-w-xl { max-width: var(--container-xl); }
797  
798  .rounded { border-radius: var(--radius-md); }
799  .rounded-lg { border-radius: var(--radius-lg); }
800  .rounded-xl { border-radius: var(--radius-xl); }
801  .rounded-full { border-radius: var(--radius-full); }
802  
803  .shadow { box-shadow: var(--shadow-md); }
804  .shadow-lg { box-shadow: var(--shadow-lg); }
805  .shadow-xl { box-shadow: var(--shadow-xl); }
806  .shadow-glow { box-shadow: var(--shadow-glow); }
807  
808  .opacity-50 { opacity: 0.5; }
809  .opacity-75 { opacity: 0.75; }
810  .transition { transition: all var(--transition-normal); }
811  .transition-fast { transition: all var(--transition-fast); }
812  .cursor-pointer { cursor: pointer; }
813  .overflow-hidden { overflow: hidden; }
814  .overflow-auto { overflow: auto; }
815  
816  .relative { position: relative; }
817  .absolute { position: absolute; }
818  .fixed { position: fixed; }
819  .sticky { position: sticky; }
820  .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
821  .z-10 { z-index: var(--z-raised); }
822  .z-50 { z-index: var(--z-modal); }
823  
824  
825  /* ==========================================
826     EMPHASIS & SCANNING SYSTEM
827     Direct-response patterns for scan-stopping
828     ========================================== */
829  
830  /* Italic utilities */
831  .font-italic { font-style: italic; }
832  .text-subhead { 
833    font-style: italic; 
834    color: var(--color-text-secondary); 
835    font-size: var(--text-lg); 
836    line-height: var(--leading-relaxed); 
837  }
838  
839  /* Inline emphasis — brand-colored text for key phrases */
840  .text-emphasis { 
841    color: var(--brand-primary); 
842    font-weight: 600; 
843  }
844  
845  /* Highlighted text — soft brand background for callout phrases */
846  .text-highlight {
847    background: rgba(var(--brand-primary-rgb), 0.15);
848    padding: 2px 6px;
849    border-radius: 4px;
850    font-weight: 500;
851  }
852  
853  /* Strikethrough + replacement — classic DR price/value pattern */
854  .text-strike { 
855    text-decoration: line-through; 
856    color: var(--color-text-muted); 
857  }
858  .text-replace { 
859    color: var(--brand-primary); 
860    font-weight: 700; 
861  }
862  
863  /* Stat callout — oversized number with label */
864  .stat-callout {
865    font-family: var(--font-display);
866    font-size: var(--text-5xl);
867    font-weight: 800;
868    line-height: 1;
869    color: var(--color-text);
870    font-variant-numeric: tabular-nums;
871  }
872  .stat-callout-label {
873    font-size: var(--text-sm);
874    font-weight: 500;
875    color: var(--color-text-muted);
876    text-transform: uppercase;
877    letter-spacing: var(--tracking-wide);
878    margin-top: var(--space-1);
879  }
880  
881  /* Tabular nums — prevent layout shift on animated numbers */
882  .tabular-nums,
883  [data-counter],
884  .smplx-result-card,
885  .smplx-metric-card {
886    font-variant-numeric: tabular-nums;
887  }
888  
889  
890  /* ==========================================
891     DARK THEME — HEADLINE DEPTH
892     Ambient glow matching glass/CTA language
893     ========================================== */
894  
895  [data-theme="dark"] h1,
896  [data-theme="dark"] h2 {
897    text-shadow: var(--text-glow-headline, 0 0 40px rgba(255, 255, 255, 0.08));
898  }
899  
900  [data-theme="dark"] .text-brand,
901  [data-theme="dark"] .text-emphasis {
902    text-shadow: var(--text-glow-brand, 0 0 30px rgba(var(--brand-primary-rgb), 0.3));
903  }
904  
905  
906  /* ==========================================
907     ANIMATIONS
908     ========================================== */
909  
910  @keyframes fadeIn {
911    from { opacity: 0; }
912    to { opacity: 1; }
913  }
914  
915  @keyframes fadeInUp {
916    from { opacity: 0; transform: translateY(20px); }
917    to { opacity: 1; transform: translateY(0); }
918  }
919  
920  @keyframes pulse {
921    0%, 100% { opacity: 1; }
922    50% { opacity: 0.5; }
923  }
924  
925  @keyframes spin {
926    from { transform: rotate(0deg); }
927    to { transform: rotate(360deg); }
928  }
929  
930  .animate-fade-in { animation: fadeIn 0.5s ease forwards; }
931  .animate-fade-in-up { animation: fadeInUp 0.5s ease forwards; }
932  .animate-pulse { animation: pulse 2s ease-in-out infinite; }
933  .animate-spin { animation: spin 1s linear infinite; }
934  
935  .stagger-1 { animation-delay: 0.1s; }
936  .stagger-2 { animation-delay: 0.2s; }
937  .stagger-3 { animation-delay: 0.3s; }
938  .stagger-4 { animation-delay: 0.4s; }
939  .stagger-5 { animation-delay: 0.5s; }
940  
941  
942  /* ==========================================
943     ACCESSIBILITY
944     ========================================== */
945  
946  :focus-visible {
947    outline: 2px solid var(--brand-primary);
948    outline-offset: 2px;
949  }
950  
951  @media (prefers-reduced-motion: reduce) {
952    *, *::before, *::after {
953      animation-duration: 0.01ms !important;
954      animation-iteration-count: 1 !important;
955      transition-duration: 0.01ms !important;
956    }
957  }
958  
959  .sr-only {
960    position: absolute;
961    width: 1px;
962    height: 1px;
963    padding: 0;
964    margin: -1px;
965    overflow: hidden;
966    clip: rect(0, 0, 0, 0);
967    white-space: nowrap;
968    border: 0;
969  }
970  
971  
972  /* ==========================================
973     PRINT STYLESHEET
974     Ensures pricing/comparison pages print
975     cleanly for B2B decision-makers
976     ========================================== */
977  
978  @media print {
979    body {
980      background: white !important;
981      color: black !important;
982      font-size: 12pt !important;
983    }
984    
985    h1, h2, h3, h4, h5, h6 {
986      color: black !important;
987      text-shadow: none !important;
988    }
989    
990    .glass, .glass-card {
991      background: white !important;
992      border: 1px solid #ccc !important;
993      backdrop-filter: none !important;
994      -webkit-backdrop-filter: none !important;
995      box-shadow: none !important;
996    }
997    
998    .btn-primary {
999      background: #333 !important;
1000      color: white !important;
1001      box-shadow: none !important;
1002    }
1003    
1004    .animate-pulse,
1005    .animate-spin,
1006    [class*="animate-"] {
1007      animation: none !important;
1008    }
1009  }</style><style>/* ==========================================
1010     PAGE BACKGROUND — Variable-driven
1011     ========================================== */
1012  
1013  body,
1014  html,
1015  .page-wrapper,
1016  .hl-page-creator,
1017  .hl-page-preview,
1018  #preview-container,
1019  .c-editor,
1020  [data-page-element="true"] {
1021    background: var(--color-bg-primary) !important;
1022  }
1023  
1024  
1025  /* ==========================================
1026     GHL CONTAINER RESETS
1027     ========================================== */
1028  
1029  .hl-page-creator *,
1030  .row,
1031  .container,
1032  .container-fluid,
1033  .inner-section,
1034  .section-wrapper,
1035  [class*="col-"],
1036  [class*="hl-"] {
1037    background-color: transparent !important;
1038  }
1039  
1040  
1041  /* ==========================================
1042     GHL <p> MARGIN RESET
1043     GHL injects Bootstrap CSS that adds margin
1044     to <p> tags. This kills it site-wide.
1045     ========================================== */
1046  
1047  [class*="smplx-section-"] p,
1048  .smplx-hero p,
1049  .smplx-section-inner p,
1050  .smplx-section-inner-fullwidth p {
1051    margin-top: 0 !important;
1052    margin-bottom: 0 !important;
1053  }
1054  
1055  
1056  /* ==========================================
1057     FORCE ALL SECTIONS FULL WIDTH
1058     ========================================== */
1059  
1060  .smplx-section,
1061  .smplx-hero,
1062  [class*="smplx-section-"] {
1063    width: 100vw !important;
1064    max-width: 100vw !important;
1065    margin-left: calc(-50vw + 50%) !important;
1066    position: relative !important;
1067    box-sizing: border-box !important;
1068    display: block !important;
1069  }
1070  
1071  .smplx-section > .smplx-section-inner,
1072  [class*="smplx-section-"] > .smplx-section-inner {
1073    margin-left: auto !important;
1074    margin-right: auto !important;
1075    float: none !important;
1076    position: relative !important;
1077  }
1078  
1079  
1080  /* ==========================================
1081     SECTION BACKGROUNDS — Variable-driven
1082     Primary = bg-primary (darker in dark mode)
1083     Secondary = tinted for contrast
1084     ========================================== */
1085  
1086  /* Primary sections */
1087  .smplx-section-problem,
1088  .smplx-section-excuses,
1089  .smplx-section-how,
1090  .smplx-section-switch,
1091  .smplx-section-cta,
1092  .smplx-footer {
1093    background: var(--color-bg-primary) !important;
1094  }
1095  
1096  /* Secondary sections (tinted for contrast) */
1097  .smplx-section-solution,
1098  .smplx-section-usecases,
1099  .smplx-section-proof {
1100    background: var(--color-bg-secondary) !important;
1101    border-top: 1px solid var(--color-border);
1102    border-bottom: 1px solid var(--color-border);
1103  }
1104  
1105  /* Hero section */
1106  .smplx-hero {
1107    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%) !important;
1108  }
1109  
1110  
1111  /* ==========================================
1112     SECTION INNER CONTAINERS
1113     ========================================== */
1114  
1115  .smplx-section-inner {
1116    width: 100% !important;
1117    max-width: 768px !important;
1118    margin: 0 auto !important;
1119    padding-left: 24px !important;
1120    padding-right: 24px !important;
1121    box-sizing: border-box !important;
1122  }
1123  
1124  .smplx-section-inner-wide { max-width: 960px !important; }
1125  .smplx-section-inner-narrow { max-width: 576px !important; }
1126  
1127  .smplx-section-inner-fullwidth {
1128    width: 100% !important;
1129    max-width: var(--container-xl, 1200px) !important;
1130    margin: 0 auto !important;
1131    padding-left: 32px !important;
1132    padding-right: 32px !important;
1133    box-sizing: border-box !important;
1134  }
1135  
1136  /* Center paragraphs within containers (works with max-width: 65ch) */
1137  .smplx-section-inner p,
1138  .smplx-section-inner-fullwidth p {
1139    margin-left: auto !important;
1140    margin-right: auto !important;
1141  }
1142  
1143  .smplx-section-villain .smplx-section-inner-fullwidth { max-width: 1400px !important; }
1144  .smplx-section-solution .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1145  .smplx-section-usecases .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1146  .smplx-section-coverage .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1147  .smplx-section-niche .smplx-section-inner-fullwidth { max-width: 1100px !important; }
1148  
1149  /* Keep grids inside containers */
1150  .smplx-solution-cards,
1151  .smplx-solution-stack,
1152  .smplx-steps-grid,
1153  .smplx-industry-grid,
1154  .smplx-results-grid,
1155  .smplx-metrics-grid,
1156  .smplx-testimonials-grid,
1157  .smplx-pain-stack,
1158  .smplx-different-stack {
1159    width: 100% !important;
1160    max-width: 100% !important;
1161    margin-left: 0 !important;
1162    margin-right: 0 !important;
1163  }
1164  
1165  
1166  /* ==========================================
1167     SECTION HEADLINE & CONTENT WIDTH
1168     ========================================== */
1169  
1170  .smplx-section-headline,
1171  .smplx-contrast-headline,
1172  .smplx-big-statement {
1173    width: 100% !important;
1174    max-width: 100% !important;
1175  }
1176  
1177  
1178  /* ==========================================
1179     CENTER ALL SECTION CONTENT
1180     ========================================== */
1181  
1182  .smplx-section-inner {
1183    text-align: center !important;
1184  }
1185  
1186  /* Force center on headlines */
1187  .smplx-section-headline,
1188  .smplx-contrast-headline,
1189  .smplx-big-statement,
1190  .smplx-section-inner h2,
1191  .smplx-section-inner h3,
1192  .smplx-section h2,
1193  .smplx-section h3,
1194  [class*="smplx-section-"] h2,
1195  [class*="smplx-section-"] h3 {
1196    text-align: center !important;
1197    width: 100% !important;
1198    margin-left: auto !important;
1199    margin-right: auto !important;
1200    display: block !important;
1201  }
1202  
1203  /* Left-align card content */
1204  .smplx-pain-stack,
1205  .smplx-solution-stack,
1206  .smplx-different-stack,
1207  .smplx-bullet-list-muted,
1208  .smplx-solution-card,
1209  .smplx-pain-item,
1210  .smplx-different-item,
1211  .smplx-solution-card span,
1212  .smplx-different-item span,
1213  .smplx-pain-item span,
1214  .smplx-industry-card {
1215    text-align: left !important;
1216  }
1217  
1218  /* Results cards centered */
1219  .smplx-result-card,
1220  .smplx-result-card * {
1221    text-align: center !important;
1222  }
1223  
1224  
1225  /* ==========================================
1226     GLASS CARDS — Brand-color driven
1227     ========================================== */
1228  
1229  .smplx-solution-card,
1230  .smplx-step-card,
1231  .smplx-industry-card,
1232  .smplx-result-card,
1233  .smplx-metric-card,
1234  .smplx-testimonial-card,
1235  .smplx-callout-glow,
1236  .smplx-trust-bar {
1237    background: var(--glass-bg) !important;
1238    border: 1px solid var(--glass-border) !important;
1239    border-radius: var(--radius-md) !important;
1240    box-shadow: 
1241      0 4px 20px rgba(0, 0, 0, 0.3),
1242      inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
1243    backdrop-filter: blur(10px) !important;
1244    -webkit-backdrop-filter: blur(10px) !important;
1245  }
1246  
1247  .smplx-solution-card:hover,
1248  .smplx-step-card:hover,
1249  .smplx-industry-card:hover,
1250  .smplx-result-card:hover,
1251  .smplx-metric-card:hover,
1252  .smplx-testimonial-card:hover {
1253    background: var(--glass-bg-hover) !important;
1254    border-color: rgba(var(--brand-primary-rgb), 0.3) !important;
1255    box-shadow: 
1256      0 8px 30px rgba(0, 0, 0, 0.4),
1257      0 0 20px rgba(var(--brand-primary-rgb), 0.15),
1258      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
1259    transform: translateY(-2px);
1260  }
1261  
1262  
1263  /* ==========================================
1264     SOLUTION CARDS
1265     ========================================== */
1266  
1267  .smplx-solution-cards {
1268    display: flex !important;
1269    flex-direction: column !important;
1270    gap: 12px !important;
1271    max-width: 100% !important;
1272  }
1273  
1274  .smplx-solution-card {
1275    padding: 16px 20px !important;
1276    display: flex !important;
1277    align-items: center !important;
1278    gap: 16px !important;
1279  }
1280  
1281  
1282  /* ==========================================
1283     STEP CARDS — 2x2 GRID
1284     ========================================== */
1285  
1286  .smplx-steps-grid {
1287    display: grid !important;
1288    grid-template-columns: repeat(2, 1fr) !important;
1289    gap: 16px !important;
1290    max-width: 100% !important;
1291  }
1292  
1293  .smplx-step-card { padding: 24px !important; }
1294  
1295  
1296  /* ==========================================
1297     INDUSTRY CARDS GRID
1298     ========================================== */
1299  
1300  .smplx-industry-grid {
1301    display: grid !important;
1302    grid-template-columns: repeat(3, 1fr) !important;
1303    gap: 12px !important;
1304    max-width: 100% !important;
1305  }
1306  
1307  .smplx-industry-card {
1308    padding: 16px 20px !important;
1309    display: flex !important;
1310    align-items: center !important;
1311    gap: 12px !important;
1312  }
1313  
1314  
1315  /* ==========================================
1316     METRICS / RESULTS GRIDS
1317     ========================================== */
1318  
1319  .smplx-results-grid,
1320  .smplx-metrics-grid {
1321    display: grid !important;
1322    grid-template-columns: repeat(3, 1fr) !important;
1323    gap: 16px !important;
1324  }
1325  
1326  .smplx-result-card,
1327  .smplx-metric-card {
1328    padding: 24px !important;
1329    text-align: center !important;
1330  }
1331  
1332  
1333  /* ==========================================
1334     RESPONSIVE GRIDS
1335     ========================================== */
1336  
1337  @media (max-width: 768px) {
1338    .smplx-steps-grid,
1339    .smplx-industry-grid,
1340    .smplx-results-grid,
1341    .smplx-metrics-grid {
1342      grid-template-columns: 1fr !important;
1343    }
1344  }
1345  
1346  @media (max-width: 1024px) {
1347    .smplx-industry-grid {
1348      grid-template-columns: repeat(2, 1fr) !important;
1349    }
1350  }
1351  
1352  
1353  /* ==========================================
1354     NAVIGATION — Variable-driven
1355     ========================================== */
1356  
1357  .smplx-nav {
1358    width: 100vw !important;
1359    margin-left: calc(-50vw + 50%) !important;
1360    background: rgba(10, 14, 23, 0.9) !important;
1361    backdrop-filter: blur(12px) !important;
1362    -webkit-backdrop-filter: blur(12px) !important;
1363  }
1364  
1365  [data-theme="light"] .smplx-nav {
1366    background: rgba(255, 255, 255, 0.9) !important;
1367  }
1368  
1369  
1370  /* ==========================================
1371     FOOTER — Variable-driven
1372     ========================================== */
1373  
1374  .smplx-footer {
1375    width: 100vw !important;
1376    margin-left: calc(-50vw + 50%) !important;
1377    border-top: 1px solid var(--color-border) !important;
1378  }
1379  
1380  
1381  /* ==========================================
1382     DIVIDER GLOW — Brand-color driven
1383     ========================================== */
1384  
1385  .smplx-divider-glow {
1386    width: 100%;
1387    max-width: 768px;
1388    margin: 0 auto;
1389    padding: 0 24px;
1390  }
1391  
1392  .smplx-divider-line {
1393    height: 1px;
1394    background: linear-gradient(90deg, 
1395      transparent 0%, 
1396      rgba(var(--brand-primary-rgb), 0.4) 30%,
1397      rgba(var(--brand-primary-rgb), 0.6) 50%,
1398      rgba(var(--brand-primary-rgb), 0.4) 70%,
1399      transparent 100%
1400    );
1401    box-shadow: 0 0 15px rgba(var(--brand-primary-rgb), 0.3);
1402  }
1403  
1404  
1405  /* ==========================================
1406     SECTION BADGES
1407     ========================================== */
1408  
1409  .smplx-section-how .smplx-section-inner,
1410  .smplx-section-proof .smplx-section-inner {
1411    text-align: center !important;
1412  }
1413  
1414  .smplx-section-how .smplx-section-inner > *:not(.smplx-section-badge),
1415  .smplx-section-proof .smplx-section-inner > *:not(.smplx-section-badge) {
1416    text-align: left !important;
1417  }
1418  
1419  .smplx-section-how .smplx-heading-lg,
1420  .smplx-section-proof .smplx-heading-lg {
1421    text-align: center !important;
1422  }
1423  
1424  .smplx-section-badge {
1425    display: inline-flex !important;
1426    width: auto !important;
1427    max-width: fit-content !important;
1428    padding: 8px 16px !important;
1429    margin-bottom: 24px !important;
1430    border-radius: 100px !important;
1431  }
1432  
1433  
1434  /* ==========================================
1435     CENTERING FIX — Nuclear override
1436     ========================================== */
1437  
1438  [class*="smplx-section"] h2,
1439  [class*="smplx-section"] h2[style],
1440  .smplx-section-inner > h2,
1441  .smplx-section-inner > h2[style],
1442  h2.smplx-section-headline,
1443  h2.smplx-section-headline[style],
1444  h2.smplx-contrast-headline,
1445  h2.smplx-contrast-headline[style],
1446  h2.smplx-big-statement,
1447  h2.smplx-big-statement[style] {
1448    text-align: center !important;
1449    margin-left: auto !important;
1450    margin-right: auto !important;
1451    width: 100% !important;
1452    max-width: 100% !important;
1453    display: block !important;
1454    float: none !important;
1455    position: relative !important;
1456    left: 0 !important;
1457    right: 0 !important;
1458    transform: none !important;
1459  }
1460  
1461  .smplx-section-inner,
1462  .smplx-section-inner[style],
1463  [class*="smplx-section"] > div:first-child {
1464    text-align: center !important;
1465    display: block !important;
1466    margin-left: auto !important;
1467    margin-right: auto !important;
1468  }
1469  
1470  [class*="smplx-section"] .row,
1471  [class*="smplx-section"] [class*="col-"],
1472  [class*="smplx-section"] .inner-section {
1473    text-align: center !important;
1474    justify-content: center !important;
1475    align-items: center !important;
1476  }
1477  
1478  /* Keep list items left-aligned */
1479  .smplx-solution-stack,
1480  .smplx-pain-stack,
1481  .smplx-different-stack,
1482  .smplx-solution-card,
1483  .smplx-pain-item,
1484  .smplx-different-item,
1485  .smplx-industry-card {
1486    text-align: left !important;
1487  }
1488  
1489  .smplx-result-card,
1490  .smplx-result-card * {
1491    text-align: center !important;
1492  }
1493  
1494  
1495  /* ==========================================
1496     RESPONSIVE
1497     ========================================== */
1498  
1499  @media (max-width: 768px) {
1500    .smplx-section-inner,
1501    .smplx-section-inner-wide,
1502    .smplx-section-inner-narrow {
1503      padding-left: 20px !important;
1504      padding-right: 20px !important;
1505    }
1506    
1507    /* Tighter card padding on mobile */
1508    .smplx-solution-card {
1509      padding: 14px 16px !important;
1510    }
1511    
1512    .smplx-step-card,
1513    .smplx-result-card,
1514    .smplx-metric-card,
1515    .smplx-testimonial-card {
1516      padding: 16px !important;
1517    }
1518    
1519    .smplx-industry-card {
1520      padding: 12px 16px !important;
1521    }
1522  }
1523  
1524  
1525  /* ==========================================
1526     TABLET BREAKPOINT (769px–1023px)
1527     ========================================== */
1528  
1529  @media (min-width: 769px) and (max-width: 1023px) {
1530    .smplx-section-inner {
1531      max-width: 90% !important;
1532    }
1533    
1534    .smplx-section-inner-fullwidth {
1535      max-width: 92% !important;
1536      padding-left: 24px !important;
1537      padding-right: 24px !important;
1538    }
1539    
1540    .smplx-steps-grid {
1541      grid-template-columns: repeat(2, 1fr) !important;
1542    }
1543    
1544    .smplx-results-grid,
1545    .smplx-metrics-grid {
1546      grid-template-columns: repeat(2, 1fr) !important;
1547    }
1548    
1549    .smplx-industry-grid {
1550      grid-template-columns: repeat(2, 1fr) !important;
1551    }
1552  }
1553  
1554  
1555  @media (min-width: 1024px) {
1556    .smplx-section-inner {
1557      padding-left: 32px !important;
1558      padding-right: 32px !important;
1559    }
1560  }</style><style>/* ==========================================
1561     MOTION TOKENS — SITE-WIDE
1562     Extend Theme Config with motion-specific
1563     variables. These do NOT exist in Config,
1564     Foundation, or GHL Overrides.
1565     ========================================== */
1566  :root {
1567    /* Easing curves */
1568    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
1569    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
1570    --ease-in-out-smooth: cubic-bezier(0.4, 0, 0.2, 1);
1571    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
1572
1573    /* Duration scale (complements --transition-fast/normal/slow in Theme Config) */
1574    --motion-instant: 100ms;
1575    --motion-fast: 180ms;
1576    --motion-normal: 280ms;
1577    --motion-slow: 400ms;
1578    --motion-dramatic: 600ms;
1579
1580    /* Distance scale */
1581    --motion-shift-xs: 2px;
1582    --motion-shift-sm: 4px;
1583    --motion-shift-md: 8px;
1584    --motion-shift-lg: 16px;
1585    --motion-shift-xl: 24px;
1586
1587    /* Scale values */
1588    --motion-scale-subtle: 1.02;
1589    --motion-scale-medium: 1.05;
1590
1591    /* Glow scale (complements --shadow-glow in Theme Config) */
1592    --glow-sm: 0 0 10px rgba(var(--brand-primary-rgb), 0.15);
1593    --glow-md: 0 0 25px rgba(var(--brand-primary-rgb), 0.2);
1594    --glow-lg: 0 0 40px rgba(var(--brand-primary-rgb), 0.25);
1595  }
1596
1597
1598  /* ==========================================
1599     SCROLL REVEAL — Universal
1600     JS adds .smplx-reveal to containers,
1601     IntersectionObserver adds .visible
1602     ========================================== */
1603  .smplx-reveal {
1604    opacity: 0;
1605    transform: translateY(var(--motion-shift-lg));
1606    transition:
1607      opacity var(--motion-dramatic) var(--ease-out-expo),
1608      transform var(--motion-dramatic) var(--ease-out-expo);
1609  }
1610  .smplx-reveal.visible {
1611    opacity: 1;
1612    transform: translateY(0);
1613  }
1614
1615  /* Stagger children in grids */
1616  .smplx-reveal-stagger > * {
1617    opacity: 0;
1618    transform: translateY(var(--motion-shift-md));
1619    transition:
1620      opacity var(--motion-slow) var(--ease-out-expo),
1621      transform var(--motion-slow) var(--ease-out-expo);
1622  }
1623  .smplx-reveal-stagger.visible > *:nth-child(1) { transition-delay: 0ms; opacity: 1; transform: translateY(0); }
1624  .smplx-reveal-stagger.visible > *:nth-child(2) { transition-delay: 80ms; opacity: 1; transform: translateY(0); }
1625  .smplx-reveal-stagger.visible > *:nth-child(3) { transition-delay: 120ms; opacity: 1; transform: translateY(0); }
1626  .smplx-reveal-stagger.visible > *:nth-child(4) { transition-delay: 200ms; opacity: 1; transform: translateY(0); }
1627  .smplx-reveal-stagger.visible > *:nth-child(5) { transition-delay: 280ms; opacity: 1; transform: translateY(0); }
1628  .smplx-reveal-stagger.visible > *:nth-child(6) { transition-delay: 360ms; opacity: 1; transform: translateY(0); }
1629
1630
1631  /* ==========================================
1632     RIPPLE EFFECT — Universal CTA feedback
1633     ========================================== */
1634  .smplx-ripple {
1635    position: absolute;
1636    border-radius: 50%;
1637    background: rgba(255,255,255,0.4);
1638    transform: scale(0);
1639    animation: smplx-ripple-expand var(--motion-dramatic) var(--ease-out-expo) forwards;
1640    pointer-events: none;
1641    z-index: 10;
1642  }
1643  @keyframes smplx-ripple-expand { to { transform: scale(4); opacity: 0; } }
1644
1645
1646  /* ==========================================
1647     ARROW NUDGE — Universal CTA hover
1648     Any element with [data-arrow-nudge] or
1649     matching CTA classes gets arrow shift
1650     ========================================== */
1651  [data-arrow-nudge] svg,
1652  .smplx-cta-arrow svg {
1653    transition: transform var(--motion-normal) var(--ease-out-back);
1654  }
1655  [data-arrow-nudge]:hover svg,
1656  .smplx-cta-arrow:hover svg {
1657    transform: translateX(var(--motion-shift-sm));
1658  }
1659
1660
1661  /* ==========================================
1662     SOCIAL PROOF POPUP — Universal base
1663     Content + timing controlled by page JS
1664     ========================================== */
1665  .smplx-proof-popup {
1666    position: fixed;
1667    bottom: 24px;
1668    left: 24px;
1669    z-index: var(--z-toast, 500);
1670    display: flex;
1671    align-items: center;
1672    gap: 12px;
1673    padding: 12px 20px 12px 12px;
1674    background: var(--color-bg-elevated);
1675    border: 1px solid var(--glass-border);
1676    border-radius: var(--radius-lg);
1677    box-shadow: var(--shadow-xl);
1678    backdrop-filter: blur(var(--blur-lg, 16px));
1679    -webkit-backdrop-filter: blur(var(--blur-lg, 16px));
1680    max-width: 320px;
1681    transform: translateX(-120%) scale(0.95);
1682    opacity: 0;
1683    transition:
1684      transform var(--motion-slow) var(--ease-out-expo),
1685      opacity var(--motion-slow) var(--ease-out-expo);
1686  }
1687  .smplx-proof-popup.visible {
1688    transform: translateX(0) scale(1);
1689    opacity: 1;
1690  }
1691  [data-theme="light"] .smplx-proof-popup {
1692    background: var(--glass-bg);
1693    border-color: var(--glass-border);
1694    box-shadow: var(--shadow-lg);
1695  }
1696  .smplx-proof-avatar {
1697    width: 36px; height: 36px;
1698    border-radius: var(--radius-lg);
1699    background: rgba(var(--brand-primary-rgb), 0.12);
1700    display: flex; align-items: center; justify-content: center;
1701    flex-shrink: 0; font-size: 1.1rem;
1702  }
1703  .smplx-proof-text { display: flex; flex-direction: column; gap: 1px; }
1704  .smplx-proof-name { font-size: var(--text-sm); font-weight: 700; color: var(--color-text); }
1705  .smplx-proof-action { font-size: var(--text-xs); color: var(--color-text-secondary); }
1706  .smplx-proof-time { font-size: 10px; color: var(--color-text-muted); }
1707  .smplx-proof-close {
1708    position: absolute; top: 6px; right: 8px;
1709    background: none; border: none;
1710    color: var(--color-text-muted);
1711    font-size: var(--text-xs); cursor: pointer;
1712    padding: 2px; line-height: 1; opacity: 0.5;
1713    transition: opacity var(--motion-fast) ease;
1714  }
1715  .smplx-proof-close:hover { opacity: 1; }
1716
1717  @media (max-width: 768px) {
1718    .smplx-proof-popup { bottom: 72px; left: 12px; right: 12px; max-width: none; }
1719  }
1720
1721
1722  /* ==========================================
1723     STAT COUNTER — Tabular nums for animation
1724     ========================================== */
1725  [data-count] {
1726    font-variant-numeric: tabular-nums;
1727  }
1728
1729
1730  /* ==========================================
1731     REDUCED MOTION — Motion-stack additions
1732     (Foundation handles base *, *::before rule)
1733     ========================================== */
1734  @media (prefers-reduced-motion: reduce) {
1735    .smplx-reveal,
1736    .smplx-reveal-stagger > * {
1737      opacity: 1 !important;
1738      transform: none !important;
1739    }
1740    .smplx-proof-popup { display: none !important; }
1741  }</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%}
1741.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}
1741#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)}}
1741@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
1741play: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}
1741.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)}
1741.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}
1741.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
1741-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)}}
1741.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)}}
1741.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}
1741.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
1741-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;
1741font-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")}
1741.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/B_l5wQCG.js">
1741<link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BwwOgyfr.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CbZShd2k.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/B9CX4QhD.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/DBaE-Mmi.js">
1741<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/B_l5wQCG.js" crossorigin></script>
1741<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"><meta property="og:type" content="website"><meta property="og:title" content="Simplex AI Pricing — 53% More Appointments from $297/mo"><meta property="og:description" content="Compare plans: Core ($297/mo), Momentum ($397/mo), Apex ($597/mo). AI receptionist that answers calls, books appointments, and follows up 24/7. 14-day free trial."><meta property="og:url" content="https://smplx.ai/pricing"><meta property="og:site_name" content="Simplex 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 property="og:image:alt" content="Simplex AI pricing plans — Core, Momentum, and Apex"><meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Simplex AI Pricing — 53% More Appointments from $297/mo"><meta name="twitter:description" content="AI receptionist plans from $297/mo. 14-day free trial. No setup fees. Cancel anytime."><meta name="twitter:image" content="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/698255f799f1bf561d744a5d.png"><meta name="twitter:image:alt" content="Simplex AI pricing plans"><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
1741<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>
1741<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Simplex AI","description":"AI-powered virtual receptionist and business platform for gyms, medspas, and service businesses. Answers calls, texts leads, and books appointments 24/7.","url":"https://smplx.ai/pricing","provider":{"@type":"Organization","name":"Simplex AI","url":"https://smplx.ai","logo":"https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/697b2b7804b05b83b8441460.png","contactPoint":{"@type":"ContactPoint","telephone":"+1-909-922-1324","contactType":"sales","availableLanguage":["English","Spanish"]}},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Simplex AI Plans","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Core Plan","description":"Full CRM, automated follow-ups, booking system, and marketing tools. Every call answered, missed calls texted back, appointments auto-booked, no-shows recovered."},"price":"297","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"297","priceCurrency":"USD","unitText":"MONTH","referenceQuantity":{"@type":"QuantitativeValue","value":"1","unitCode":"MON"}},"availability":"https://schema.org/InStock","priceValidUntil":"2026-12-31"},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Momentum Plan","description":"Everything in Core plus custom AI trained on your business, team support tools, hiring automation, and internal knowledge base."},"price":"397","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"397","priceCurrency":"USD","unitText":"MONTH","referenceQuantity":{"@type":"QuantitativeValue","value":"1","unitCode":"MON"}},"availability":"https://schema.org/InStock","priceValidUntil":"2026-12-31"},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Apex Plan","description":"Everything in Momentum plus brand voice engineering, AI trained on exact offers, custom hooks and scripts, and full brand playbook delivered."},"price":"597","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"597","priceCurrency":"USD","unitText":"MONTH","referenceQuantity":{"@type":"QuantitativeValue","value":"1","unitCode":"MON"}},"availability":"https://schema.org/InStock","priceValidUntil":"2026-12-31"}]},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","reviewCount":"47","bestRating":"5"}}</script>
1741<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Can I switch Simplex AI plans later?","acceptedAnswer":{"@type":"Answer","text":"Yes. Upgrade or downgrade anytime. Changes take effect on your next billing cycle."}},{"@type":"Question","name":"Is there a setup fee for Simplex AI?","acceptedAnswer":{"@type":"Answer","text":"No. Zero setup fees. We get you live in 48 hours or less."}},{"@type":"Question","name":"What if I want to cancel Simplex AI?","acceptedAnswer":{"@type":"Answer","text":"Cancel anytime from your dashboard. No penalties, no questions asked."}},{"@type":"Question","name":"Does the Simplex AI receptionist sound robotic?","acceptedAnswer":{"@type":"Answer","text":"No. Sammy holds natural conversations, adjusts based on context, and sounds human. Most callers don't realize they're talking to AI."}},{"@type":"Question","name":"Will Simplex AI work with my calendar?","acceptedAnswer":{"@type":"Answer","text":"Yes. Simplex AI syncs with Google Calendar, Calendly, Mindbody, Vagaro, Acuity, and most booking systems."}},{"@type":"Question","name":"What happens during the Simplex AI 14-day trial?","acceptedA
1741nswer":{"@type":"Answer","text":"Full access to your plan. If it's not for you, cancel before day 14 — no charge."}}]}</script>
1741</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"><!-- ============================================
1742     HEADER / NAVIGATION
1743     Simplex AI - smplx.ai
1744     
1745     Nav: Home | How It Works | Pricing | Industries ↓ | About
1746     CTA: "What You're Missing" → /roi-calculator
1747     Contact: Footer only
1748     
1749     FIX APPLIED:
1750       ✓ Nav overlap with logo — switched from flex:1
1751         centering to absolute viewport-center so nav
1752         links never collide with logo at any width.
1753       ✓ Added min-gap safety via logo/CTA z-index
1754         and nav pointer-events fallback.
1755     ============================================ -->
1756
1757<header class="smplx-header" id="siteHeader">
1758  <div class="smplx-header-inner">
1759    <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;">
1760      <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;">
1761      <span class="smplx-site-logo-text" style="display: block !important; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 100;">Simplex AI</span>
1762    </a>
1763    <nav class="smplx-nav" id="mainNav">
1764      <ul class="smplx-nav-list">
1765        <li class="smplx-nav-item"><a href="/" class="smplx-nav-link">Home</a></li>
1766        <li class="smplx-nav-item"><a href="/ai-receptionist" class="smplx-nav-link">How It Works</a></li>
1767        <li class="smplx-nav-item"><a href="/pricing" class="smplx-nav-link">Pricing</a></li>
1768        <li class="smplx-nav-item smplx-nav-dropdown">
1769          <button class="smplx-nav-link smplx-dropdown-trigger" aria-expanded="false" aria-haspopup="true">
1770            Industries
1771            <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>
1772          </button>
1773          <ul class="smplx-dropdown-menu">
1774            <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>
1775            <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>
1776            <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>
1777            <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>
1778          </ul>
1779        </li>
1780        <li class="smplx-nav-item"><a href="/about" class="smplx-nav-link">About</a></li>
1781      </ul>
1782    </nav>
1783    <a href="/roi-calculator" class="smplx-header-cta">
1784      What You're Missing
1785      <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>
1786    </a>
1787    <button class="smplx-mobile-toggle" id="mobileToggle" aria-label="Toggle menu" aria-expanded="false">
1788      <span class="smplx-hamburger"></span>
1789    </button>
1790  </div>
1791  <div class="smplx-mobile-nav" id="mobileNav">
1792    <ul class="smplx-mobile-nav-list">
1793      <li><a href="/" class="smplx-mobile-nav-link">Home</a></li>
1794      <li><a href="/ai-receptionist" class="smplx-mobile-nav-link">How It Works</a></li>
1795      <li><a href="/pricing" class="smplx-mobile-nav-link">Pricing</a></li>
1796      <li class="smplx-mobile-dropdown">
1797        <button class="smplx-mobile-nav-link smplx-mobile-dropdown-trigger">
1798          Industries
1799          <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>
1800        </button>
1801        <ul class="smplx-mobile-dropdown-menu">
1802          <li><a href="/ai-receptionist-for-gyms">🏋️ Gyms</a></li>
1803          <li><a href="/ai-receptionist-for-personal-trainers">💪 Personal Trainers</a></li>
1804          <li><a href="/ai-receptionist-for-medspas">✨ Medspas</a></li>
1805          <li><a href="/ai-receptionist-for-photo-booths">📸 Photo Booths</a></li>
1806        </ul>
1807      </li>
1808      <li><a href="/about" class="smplx-mobile-nav-link">About</a></li>
1809      <li class="smplx-mobile-cta-wrap">
1810        <a href="/roi-calculator" class="smplx-mobile-cta">What You're Missing →</a>
1811      </li>
1812    </ul>
1813  </div>
1814</header>
1815
1816<style>
1817  /* ==========================================
1818     HEADER SHELL
1819     ========================================== */
1820  .smplx-header {
1821    position: fixed;
1822    top: 0;
1823    left: 0;
1824    right: 0;
1825    z-index: 1000;
1826    background: rgba(10, 14, 23, 0.9);
1827    backdrop-filter: blur(12px);
1828    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
1829    transition: all 0.3s ease;
1830  }
1831  .smplx-header.scrolled {
1832    background: rgba(10, 14, 23, 0.98);
1833    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
1834  }
1835
1836  /* ==========================================
1837     HEADER INNER — Logo left, CTA right,
1838     Nav absolute-centered in viewport
1839     ========================================== */
1840  .smplx-header-inner {
1841    max-width: 1200px;
1842    margin: 0 auto;
1843    padding: 0 var(--space-4);
1844    height: 72px;
1845    display: flex;
1846    align-items: center;
1847    justify-content: space-between;
1848    position: relative;
1849    z-index: 10;
1850  }
1851
1852  /* ==========================================
1853     LOGO
1854     ========================================== */
1855  .smplx-site-logo {
1856    display: flex !important;
1857    align-items: center;
1858    gap: 8px;
1859    text-decoration: none;
1860    flex-shrink: 0;
1861    visibility: visible !important;
1862    opacity: 1 !important;
1863    position: relative;
1864    z-index: 100;
1865  }
1866  .smplx-site-logo-img {
1867    display: block !important;
1868    visibility: visible !important;
1869    opacity: 1 !important;
1870    height: 36px;
1871    width: auto;
1872    max-height: 36px;
1873    object-fit: contain;
1874    position: relative;
1875    z-index: 100;
1876    transition: filter 0.2s ease;
1877  }
1878  .smplx-site-logo-text {
1879    font-family: var(--font-display);
1880    font-size: var(--text-xl);
1881    font-weight: 700;
1882    color: var(--color-text);
1883    display: block !important;
1884    visibility: visible !important;
1885    opacity: 1 !important;
1886    position: relative;
1887    z-index: 100;
1888    transition: color 0.2s ease;
1889  }
1890  .smplx-site-logo:hover .smplx-site-logo-img {
1891    filter: brightness(1.15) drop-shadow(0 0 10px rgba(52, 211, 153, 0.35));
1892  }
1893  .smplx-site-logo:hover .smplx-site-logo-text {
1894    color: var(--brand-primary);
1895  }
1896
1897  /* ==========================================
1898     NAV — Flex-centered with safe gap from logo
1899     Uses flex:1 to fill middle space and centers
1900     links within it. padding-left creates a
1901     minimum gap so links never collide with logo.
1902     ========================================== */
1903  .smplx-nav {
1904    flex: 1;
1905    display: flex;
1906    justify-content: center;
1907    padding-left: 120px;
1908    z-index: 50;
1909  }
1910  .smplx-nav-list {
1911    display: flex;
1912    align-items: center;
1913    gap: var(--space-1);
1914    list-style: none;
1915    margin: 0;
1916    padding: 0;
1917  }
1918  .smplx-nav-item {
1919    position: relative;
1920  }
1921  .smplx-nav-link {
1922    display: flex;
1923    align-items: center;
1924    gap: 6px;
1925    padding: 10px 16px;
1926    font-size: var(--text-sm);
1927    font-weight: 500;
1928    color: var(--color-text-secondary);
1929    text-decoration: none;
1930    border-radius: 8px;
1931    transition: all 0.2s ease;
1932    background: transparent;
1933    border: none;
1934    cursor: pointer;
1935    white-space: nowrap;
1936  }
1937  .smplx-nav-link:hover {
1938    color: var(--color-text);
1939    background: rgba(255, 255, 255, 0.05);
1940  }
1941  .smplx-nav-link svg {
1942    transition: transform 0.2s ease;
1943  }
1944
1945  /* ==========================================
1946     DROPDOWN
1947     ========================================== */
1948  .smplx-nav-dropdown {
1949    position: relative;
1950  }
1951  .smplx-dropdown-menu {
1952    position: absolute;
1953    top: 100%;
1954    left: 50%;
1955    transform: translateX(-50%) translateY(8px);
1956    min-width: 280px;
1957    background: rgba(20, 25, 35, 0.98);
1958    backdrop-filter: blur(12px);
1959    border: 1px solid rgba(255, 255, 255, 0.1);
1960    border-radius: 16px;
1961    padding: var(--space-2);
1962    list-style: none;
1963    margin: 0;
1964    opacity: 0;
1965    visibility: hidden;
1966    transition: all 0.2s ease;
1967    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
1968  }
1969  .smplx-nav-dropdown:hover .smplx-dropdown-menu,
1970  .smplx-nav-dropdown:focus-within .smplx-dropdown-menu {
1971    opacity: 1;
1972    visibility: visible;
1973    transform: translateX(-50%) translateY(0);
1974  }
1975  .smplx-nav-dropdown:hover .smplx-nav-link svg,
1976  .smplx-nav-dropdown:focus-within .smplx-nav-link svg {
1977    transform: rotate(180deg);
1978  }
1979  .smplx-dropdown-link {
1980    display: flex;
1981    align-items: center;
1982    gap: var(--space-3);
1983    padding: var(--space-3) var(--space-4);
1984    text-decoration: none;
1985    border-radius: 10px;
1986    transition: all 0.15s ease;
1987  }
1988  .smplx-dropdown-link:hover {
1989    background: rgba(52, 211, 153, 0.1);
1990  }
1991  .smplx-dropdown-icon {
1992    font-size: 1.25rem;
1993    flex-shrink: 0;
1994  }
1995  .smplx-dropdown-text {
1996    display: flex;
1997    flex-direction: column;
1998    gap: 2px;
1999  }
2000  .smplx-dropdown-text strong {
2001    font-size: var(--text-sm);
2002    font-weight: 600;
2003    color: var(--color-text);
2004  }
2005  .smplx-dropdown-text small {
2006    font-size: var(--text-xs);
2007    color: var(--color-text-muted);
2008  }
2009
2010  /* ==========================================
2011     HEADER CTA
2012     ========================================== */
2013  .smplx-header-cta {
2014    display: inline-flex;
2015    align-items: center;
2016    gap: 6px;
2017    padding: 10px 20px;
2018    font-size: var(--text-sm);
2019    font-weight: 700;
2020    color: #0a0e17;
2021    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2022    border-radius: 10px;
2023    text-decoration: none;
2024    transition: all 0.2s ease;
2025    flex-shrink: 0;
2026    white-space: nowrap;
2027    position: relative;
2028    z-index: 100;
2029  }
2030  .smplx-header-cta:hover {
2031    transform: translateY(-1px);
2032    box-shadow: 0 4px 15px rgba(52, 211, 153, 0.4);
2033  }
2034
2035  /* ==========================================
2036     MOBILE TOGGLE
2037     ========================================== */
2038  .smplx-mobile-toggle {
2039    display: none;
2040    width: 44px;
2041    height: 44px;
2042    align-items: center;
2043    justify-content: center;
2044    background: transparent;
2045    border: none;
2046    cursor: pointer;
2047    padding: 0;
2048  }
2049  .smplx-hamburger {
2050    position: relative;
2051    width: 24px;
2052    height: 2px;
2053    background: var(--color-text);
2054    border-radius: 2px;
2055    transition: all 0.3s ease;
2056  }
2057  .smplx-hamburger::before,
2058  .smplx-hamburger::after {
2059    content: '';
2060    position: absolute;
2061    left: 0;
2062    width: 24px;
2063    height: 2px;
2064    background: var(--color-text);
2065    border-radius: 2px;
2066    transition: all 0.3s ease;
2067  }
2068  .smplx-hamburger::before { top: -7px; }
2069  .smplx-hamburger::after { bottom: -7px; }
2070  .smplx-mobile-toggle.active .smplx-hamburger { background: transparent; }
2071  .smplx-mobile-toggle.active .smplx-hamburger::before { top: 0; transform: rotate(45deg); }
2072  .smplx-mobile-toggle.active .smplx-hamburger::after { bottom: 0; transform: rotate(-45deg); }
2073
2074  /* ==========================================
2075     MOBILE NAV
2076     ========================================== */
2077  .smplx-mobile-nav {
2078    display: none;
2079    position: absolute;
2080    top: 100%;
2081    left: 0;
2082    right: 0;
2083    background: rgba(10, 14, 23, 0.98);
2084    backdrop-filter: blur(12px);
2085    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
2086    padding: var(--space-4) var(--space-6);
2087    max-height: 0;
2088    overflow: hidden;
2089    transition: max-height 0.3s ease;
2090  }
2091  .smplx-mobile-nav.open { max-height: 500px; }
2092  .smplx-mobile-nav-list {
2093    list-style: none;
2094    margin: 0;
2095    padding: 0;
2096  }
2097  .smplx-mobile-nav-link {
2098    display: flex;
2099    align-items: center;
2100    justify-content: space-between;
2101    width: 100%;
2102    padding: var(--space-3) 0;
2103    font-size: var(--text-base);
2104    font-weight: 500;
2105    color: var(--color-text-secondary);
2106    text-decoration: none;
2107    border: none;
2108    background: transparent;
2109    cursor: pointer;
2110    text-align: left;
2111  }
2112  .smplx-mobile-nav-link:hover { color: var(--color-text); }
2113  .smplx-mobile-dropdown-menu {
2114    list-style: none;
2115    margin: 0;
2116    padding: 0 0 0 var(--space-4);
2117    max-height: 0;
2118    overflow: hidden;
2119    transition: max-height 0.3s ease;
2120  }
2121  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-menu { max-height: 300px; }
2122  .smplx-mobile-dropdown.open .smplx-mobile-dropdown-trigger svg { transform: rotate(180deg); }
2123  .smplx-mobile-dropdown-menu a {
2124    display: block;
2125    padding: var(--space-2) 0;
2126    font-size: var(--text-sm);
2127    color: var(--color-text-muted);
2128    text-decoration: none;
2129  }
2130  .smplx-mobile-dropdown-menu a:hover { color: #34d399; }
2131  .smplx-mobile-cta-wrap {
2132    padding-top: var(--space-4);
2133    margin-top: var(--space-2);
2134    border-top: 1px solid rgba(255, 255, 255, 0.08);
2135  }
2136  .smplx-mobile-cta {
2137    display: block;
2138    width: 100%;
2139    padding: var(--space-3) var(--space-4);
2140    font-size: var(--text-base);
2141    font-weight: 700;
2142    color: #0a0e17;
2143    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
2144    border-radius: 10px;
2145    text-decoration: none;
2146    text-align: center;
2147  }
2148
2149  /* ==========================================
2150     RESPONSIVE — Mobile breakpoint
2151     ========================================== */
2152  @media (max-width: 900px) {
2153    .smplx-nav,
2154    .smplx-header-cta {
2155      display: none;
2156    }
2157    .smplx-mobile-toggle {
2158      display: flex;
2159    }
2160    .smplx-mobile-nav {
2161      display: block;
2162    }
2163  }
2164
2165  /* ==========================================
2166     RESPONSIVE — Narrow desktop safety
2167     Prevents nav overlap on 901–1100px screens
2168     where logo + nav + CTA compete for space
2169     ========================================== */
2170  @media (min-width: 901px) and (max-width: 1100px) {
2171    .smplx-nav-link {
2172      padding: 10px 12px;
2173      font-size: 13px;
2174    }
2175    .smplx-header-cta {
2176      padding: 10px 16px;
2177      font-size: 13px;
2178    }
2179  }
2180
2181  /* Body offset for fixed header */
2182  body { padding-top: 72px; }
2183</style>
2184
2185<script>
2186(function() {
2187  var header = document.getElementById('siteHeader');
2188  function handleScroll() {
2189    if (window.scrollY > 50) { header.classList.add('scrolled'); }
2190    else { header.classList.remove('scrolled'); }
2191  }
2192  window.addEventListener('scroll', handleScroll, { passive: true });
2193  handleScroll();
2194
2195  var mobileToggle = document.getElementById('mobileToggle');
2196  var mobileNav = document.getElementById('mobileNav');
2197  if (mobileToggle && mobileNav) {
2198    mobileToggle.addEventListener('click', function() {
2199      mobileToggle.classList.toggle('active');
2200      mobileNav.classList.toggle('open');
2201      mobileToggle.setAttribute('aria-expanded', mobileNav.classList.contains('open'));
2202    });
2203  }
2204
2205  document.querySelectorAll('.smplx-mobile-dropdown-trigger').forEach(function(trigger) {
2206    trigger.addEventListener('click', function() {
2207      this.closest('.smplx-mobile-dropdown').classList.toggle('open');
2208    });
2209  });
2210
2211  document.querySelectorAll('.smplx-mobile-nav a').forEach(function(link) {
2212    link.addEventListener('click', function() {
2213      mobileToggle.classList.remove('active');
2214      mobileNav.classList.remove('open');
2215    });
2216  });
2217})();
2218</script>
2218</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-G9I0Gh7XoY" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-G9I0Gh7XoY"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-NxTKVCkzDV" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-NxTKVCkzDV"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-qwcg8PVFDe" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-qwcg8PVFDe"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-zLSzmt-uSp" data-animation-class style="" class="c-custom-code c-wrapper custom-code-zLSzmt-uSp"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-zLSzmt-uSp__custom-code" class="custom-code-container ccustom-code-zLSzmt-uSp"><!-- ============================================
2219     SIMPLEX AI — PRICING PAGE (PRODUCTION)
2220     
2221     TEMPERATURE: HOT
2222     PAGE JOB: Make the decision feel safe and 
2223     obvious. Guide to the right plan.
2224     
2225     SELECTION MATRIX DEPLOYMENT:
2226     Layer 2 (Motion): 4 elements
2227       ✓ Scroll Reveal (stagger) — cards enter sequentially
2228       ✓ CTA Pulse/Beacon — Momentum plan only
2229       ✓ Hover Cards (lift + glow)
2230       ✓ Ripple Effect (CTA) + Arrow Nudge
2231     Layer 3 (Behavior): 5 elements
2232       ✓ ① Directional Cues — glow trail to cards
2233       ✓ ③ Social Proof Popup — rotating notifications
2234       ✓ ⑥ Verified Badges + Security Bar
2235       ✓ ⑦ Price Anchoring — comparison strip
2236       ✓ ⑩ FAQ Accordion — objection handling
2237     
2238     Total: 9 (under 10 cap)
2239     ============================================ -->
2240
2241
2242<!-- ==========================================
2243     SECTION 1: HERO
2244     ========================================== -->
2245<section class="smplx-pricing-hero">
2246  <div class="smplx-pricing-hero-inner">
2247    <p class="smplx-pricing-eyebrow reveal">Simple, Transparent Pricing</p>
2248    <h1 class="smplx-pricing-h1 reveal" style="--reveal-delay: 80ms;">
2249      53% More Appointments.<br>
2250      <span class="smplx-gradient-green">82% Fully Automated.</span>
2251    </h1>
2252    <p class="smplx-pricing-subhead reveal" style="--reveal-delay: 160ms;">
2253      Gyms using Simplex AI see these results in the first 30 days.<br>
2254      Here's what it costs to join them.
2255    </p>
2256    <div class="smplx-pricing-tease reveal" style="--reveal-delay: 240ms;">
2257      <span class="smplx-tease-label">Plans start at</span>
2258      <span class="smplx-tease-price">$297<span class="smplx-tease-period">/month</span></span>
2259    </div>
2260    <!-- ① Directional Cue: bouncing arrow to comparison -->
2261    <div class="smplx-directional-arrow reveal" style="--reveal-delay: 400ms;">
2262      <svg class="smplx-arrow-bounce" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12l7 7 7-7"/></svg>
2263    </div>
2264  </div>
2265</section>
2266
2267
2268<!-- ==========================================
2269     SECTION 2: COST COMPARISON (⑦ ANCHORING)
2270     ========================================== -->
2271<section class="smplx-pricing-compare-section">
2272  <div class="smplx-pricing-compare-inner">
2273    <p class="smplx-compare-headline reveal">What are you paying now?</p>
2274    <div class="smplx-compare-strip">
2275      <div class="smplx-compare-item smplx-compare-bad reveal" style="--reveal-delay: 0ms;">
2276        <span class="smplx-compare-label">Part-time receptionist</span>
2277        <span class="smplx-compare-cost">$2,000+<span class="smplx-compare-per">/mo</span></span>
2278      </div>
2279      <div class="smplx-compare-item smplx-compare-bad reveal" style="--reveal-delay: 80ms;">
2280        <span class="smplx-compare-label">Answering service</span>
2281        <span class="smplx-compare-cost">$500+<span class="smplx-compare-per">/mo</span></span>
2282      </div>
2283      <div class="smplx-compare-item smplx-compare-bad reveal" style="--reveal-delay: 160ms;">
2284        <span class="smplx-compare-label">Missed calls <em>(lost revenue)</em></span>
2285        <span class="smplx-compare-cost">$1,500+<span class="smplx-compare-per">/mo</span></span>
2286      </div>
2287      <div class="smplx-compare-item smplx-compare-good reveal" style="--reveal-delay: 240ms;">
2288        <span class="smplx-compare-label">Simplex AI</span>
2289        <span class="smplx-compare-cost">$297<span class="smplx-compare-per">/mo</span></span>
2290      </div>
2291    </div>
2292  </div>
2293</section>
2294
2295
2296<!-- ==========================================
2297     SECTION 3: PRICING CARDS
2298     ========================================== -->
2299<section class="smplx-pricing-cards-section">
2300  <div class="smplx-pricing-cards-inner">
2301    
2302    <!-- Toggle -->
2303    <div class="smplx-pricing-toggle-wrapper reveal">
2304      <div class="smplx-pricing-toggle">
2305        <button class="smplx-toggle-btn smplx-toggle-active" data-period="monthly">Monthly</button>
2306        <button class="smplx-toggle-btn" data-period="annual">Annual <span class="smplx-toggle-save">Save 44%</span></button>
2307      </div>
2308    </div>
2309    
2310    <!-- Cards Grid -->
2311    <div class="smplx-pricing-cards-grid">
2312      
2313      <!-- CORE — enters first -->
2314      <div class="smplx-pricing-card reveal" style="--reveal-delay: 0ms;">
2315        <div class="smplx-card-header">
2316          <h3 class="smplx-card-tier">Core</h3>
2317          <p class="smplx-card-tagline">Never miss a lead again.</p>
2318        </div>
2319        <div class="smplx-card-price">
2320          <span class="smplx-price-currency">$</span>
2321          <span class="smplx-price-amount" data-monthly="297" data-annual="166">297</span>
2322          <span class="smplx-price-period">/month</span>
2323        </div>
2324        <p class="smplx-price-billing smplx-annual-note" style="display:none;">Billed annually ($1,992/year)</p>
2325        <ul class="smplx-card-outcomes">
2326          <li>
2327            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2328            <span>Every call answered — even at 2am</span>
2329          </li>
2330          <li>
2331            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2332            <span>Missed calls get texted back instantly</span>
2333          </li>
2334          <li>
2335            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2336            <span>Appointments booked to your calendar</span>
2337          </li>
2338          <li>
2339            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2340            <span>No-shows followed up automatically</span>
2341          </li>
2342          <li>
2343            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2344            <span>Old leads re-engaged and reactivated</span>
2345          </li>
2346          <li>
2347            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2348            <span>All conversations in one inbox</span>
2349          </li>
2350        </ul>
2351        <a href="/check-out-core" class="smplx-card-cta smplx-ripple">Start 14-Day Trial</a>
2352        <p class="smplx-card-best-for"><strong>Best for:</strong> Single-location gyms, medspas, clinics</p>
2353      </div>
2354      
2355      <!-- MOMENTUM (Popular) — enters second, has beacon -->
2356      <div class="smplx-pricing-card smplx-card-popular reveal" style="--reveal-delay: 120ms;">
2357        <div class="smplx-popular-badge">Most Popular</div>
2358        <div class="smplx-card-header">
2359          <h3 class="smplx-card-tier">Momentum</h3>
2360          <p class="smplx-card-tagline">Scale without hiring.</p>
2361        </div>
2362        <div class="smplx-card-price">
2363          <span class="smplx-price-currency">$</span>
2364          <span class="smplx-price-amount" data-monthly="397" data-annual="333">397</span>
2365          <span class="smplx-price-period">/month</span>
2366        </div>
2367        <p class="smplx-price-billing smplx-annual-note" style="display:none;">Billed annually ($3,996/year)</p>
2368        <ul class="smplx-card-outcomes">
2369          <li class="smplx-outcome-includes"><span>Everything in Core, plus:</span></li>
2370          <li>
2371            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2372            <span>Custom AI trained on <em>your</em> business</span>
2373          </li>
2374          <li>
2375            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2376            <span>SOPs and scripts handled by AI</span>
2377          </li>
2378          <li>
2379            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2380            <span>Team gets AI-powered support tools</span>
2381          </li>
2382          <li>
2383            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2384            <span>Hiring workflows automated</span>
2385          </li>
2386          <li>
2387            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2388            <span>Internal knowledge base for staff</span>
2389          </li>
2390        </ul>
2391        <!-- CTA Pulse/Beacon: ONLY on recommended plan -->
2392        <a href="/check-out-momentum" class="smplx-card-cta smplx-cta-popular smplx-cta-beacon smplx-ripple">
2393          Start 14-Day Trial
2394          <svg class="smplx-arrow-nudge" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
2395        </a>
2396        <p class="smplx-card-best-for"><strong>Best for:</strong> Multi-location or high-volume practices</p>
2397      </div>
2398      
2399      <!-- APEX — enters last (peak-end effect) -->
2400      <div class="smplx-pricing-card reveal" style="--reveal-delay: 240ms;">
2401        <div class="smplx-card-header">
2402          <h3 class="smplx-card-tier">Apex</h3>
2403          <p class="smplx-card-tagline">Your brand, engineered to convert.</p>
2404        </div>
2405        <div class="smplx-card-price">
2406          <span class="smplx-price-currency">$</span>
2407          <span class="smplx-price-amount" data-monthly="597" data-annual="499">597</span>
2408          <span class="smplx-price-period">/month</span>
2409        </div>
2410        <p class="smplx-price-billing smplx-annual-note" style="display:none;">Billed annually ($5,988/year)</p>
2411        <ul class="smplx-card-outcomes">
2412          <li class="smplx-outcome-includes"><span>Everything in Momentum, plus:</span></li>
2413          <li>
2414            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2415            <span>Brand voice &amp; messaging locked in</span>
2416          </li>
2417          <li>
2418            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2419            <span>AI trained on your exact offers</span>
2420          </li>
2421          <li>
2422            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2423            <span>Product positioning that converts</span>
2424          </li>
2425          <li>
2426            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2427            <span>Custom hooks, angles, and scripts</span>
2428          </li>
2429          <li>
2430            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
2431            <span>Full brand playbook delivered</span>
2432          </li>
2433        </ul>
2434        <a href="/check-out-apex" class="smplx-card-cta smplx-ripple">Start 14-Day Trial</a>
2435        <p class="smplx-card-best-for"><strong>Best for:</strong> Brands ready to scale with AI</p>
2436      </div>
2437      
2438    </div>
2439    
2440    <!-- ⑥ Security / Trust Badges -->
2441    <div class="smplx-pricing-trust reveal">
2442      <div class="smplx-trust-item">
2443        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
2444        <span>No setup fees</span>
2445      </div>
2446      <div class="smplx-trust-item">
2447        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
2448        <span>Live in 48 hours</span>
2449      </div>
2450      <div class="smplx-trust-item">
2451        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/></svg>
2452        <span>No long-term contracts</span>
2453      </div>
2454      <div class="smplx-trust-item">
2455        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
2456        <span>Cancel anytime</span>
2457      </div>
2458    </div>
2459    
2460  </div>
2461</section>
2462
2463
2464<!-- ==========================================
2465     SECTION 4: WHAT'S INCLUDED
2466     ========================================== -->
2467<section class="smplx-pricing-included">
2468  <div class="smplx-pricing-included-inner">
2469    <h2 class="smplx-included-headline reveal">What Every Plan Includes</h2>
2470    <div class="smplx-included-grid">
2471      <div class="smplx-included-item reveal" style="--reveal-delay: 0ms;">
2472        <div class="smplx-included-icon">
2473          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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"/></svg>
2474        </div>
2475        <h4>AI Answers Calls</h4>
2476        <p>Real conversations, not robotic scripts</p>
2477      </div>
2478      <div class="smplx-included-item reveal" style="--reveal-delay: 60ms;">
2479        <div class="smplx-included-icon">
2480          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
2481        </div>
2482        <h4>Instant Text-Back</h4>
2483        <p>Missed calls replied to in seconds</p>
2484      </div>
2485      <div class="smplx-included-item reveal" style="--reveal-delay: 120ms;">
2486        <div class="smplx-included-icon">
2487          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
2488        </div>
2489        <h4>Auto-Booking</h4>
2490        <p>Appointments land on your calendar</p>
2491      </div>
2492      <div class="smplx-included-item reveal" style="--reveal-delay: 180ms;">
2493        <div class="smplx-included-icon">
2494          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
2495        </div>
2496        <h4>24/7 Coverage</h4>
2497        <p>Nights, weekends, holidays — covered</p>
2498      </div>
2499      <div class="smplx-included-item reveal" style="--reveal-delay: 240ms;">
2500        <div class="smplx-included-icon">
2501          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
2502        </div>
2503        <h4>Confirmations</h4>
2504        <p>Reminders sent so they show up</p>
2505      </div>
2506      <div class="smplx-included-item reveal" style="--reveal-delay: 300ms;">
2507        <div class="smplx-included-icon">
2508          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
2509        </div>
2510        <h4>No-Show Recovery</h4>
2511        <p>Automated follow-up to rebook</p>
2512      </div>
2513    </div>
2514  </div>
2515</section>
2516
2517
2518<!-- ==========================================
2519     SECTION 5: SOCIAL PROOF
2520     ========================================== -->
2521<section class="smplx-pricing-proof">
2522  <div class="smplx-pricing-proof-inner">
2523    <div class="smplx-proof-stats">
2524      <div class="smplx-proof-stat reveal">
2525        <span class="smplx-stat-number smplx-counter" data-target="53">0</span><span class="smplx-stat-suffix">%</span>
2526        <span class="smplx-stat-label">More Appointments</span>
2527      </div>
2528      <div class="smplx-proof-divider"></div>
2529      <div class="smplx-proof-stat reveal" style="--reveal-delay: 100ms;">
2530        <span class="smplx-stat-number smplx-counter" data-target="82">0</span><span class="smplx-stat-suffix">%</span>
2531        <span class="smplx-stat-label">Fully Automated</span>
2532      </div>
2533      <div class="smplx-proof-divider"></div>
2534      <div class="smplx-proof-stat reveal" style="--reveal-delay: 200ms;">
2535        <span class="smplx-stat-number smplx-counter" data-target="50">0</span><span class="smplx-stat-suffix">%</span>
2536        <span class="smplx-stat-label">Show Rate Increase</span>
2537      </div>
2538    </div>
2539    <div class="smplx-proof-testimonial reveal">
2540      <blockquote class="smplx-testimonial-quote">
2541        "Simplex AI booked <strong>47 extra appointments</strong> last month that we would have missed. It paid for itself in the first week."
2542      </blockquote>
2543      <div class="smplx-testimonial-author">
2544        <span class="smplx-author-name">— Sarah M.</span>
2545        <span class="smplx-author-title">Owner, Peak Performance Fitness</span>
2546      </div>
2547    </div>
2548    <div class="smplx-proof-logos reveal">
2549      <p class="smplx-logos-label">Trusted by gyms, medspas &amp; clinics</p>
2550      <div class="smplx-logos-track">
2551        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/68354a0fa0411e20ebe362c8.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2552        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/68354a0f66829ddef68f36bc.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2553        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/681e46fab4903bd724cf3fcd.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2554        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/66ed11ddce539eabb0392192.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2555        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/68354a1080f719c2b09be1bc.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2556        <img src="https://assets.cdn.filesafe.space/v0UDuMtlxhpmmixe4bwB/media/66ed12438a6ce1661835628f.png" alt="Client logo" class="smplx-logo-img" loading="lazy">
2557      </div>
2558    </div>
2559  </div>
2560</section>
2561
2562
2563<!-- ==========================================
2564     SECTION 6: FAQ (⑩ Accordion)
2565     ========================================== -->
2566<section class="smplx-pricing-faq">
2567  <div class="smplx-pricing-faq-inner">
2568    <h2 class="smplx-faq-headline reveal">Questions? We've Got Answers.</h2>
2569    <div class="smplx-faq-grid">
2570      <div class="smplx-faq-item reveal" style="--reveal-delay: 0ms;">
2571        <button class="smplx-faq-question" aria-expanded="false">
2572          Can I switch plans later?
2573          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2574        </button>
2575        <div class="smplx-faq-answer">
2576          <p>Yes. Upgrade or downgrade anytime. Changes take effect on your next billing cycle.</p>
2577        </div>
2578      </div>
2579      <div class="smplx-faq-item reveal" style="--reveal-delay: 60ms;">
2580        <button class="smplx-faq-question" aria-expanded="false">
2581          Is there a setup fee?
2582          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2583        </button>
2584        <div class="smplx-faq-answer">
2585          <p>No. Zero setup fees. We get you live in 48 hours or less.</p>
2586        </div>
2587      </div>
2588      <div class="smplx-faq-item reveal" style="--reveal-delay: 120ms;">
2589        <button class="smplx-faq-question" aria-expanded="false">
2590          What if I want to cancel?
2591          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2592        </button>
2593        <div class="smplx-faq-answer">
2594          <p>Cancel anytime from your dashboard. No penalties, no questions asked.</p>
2595        </div>
2596      </div>
2597      <div class="smplx-faq-item reveal" style="--reveal-delay: 180ms;">
2598        <button class="smplx-faq-question" aria-expanded="false">
2599          Does the AI sound robotic?
2600          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2601        </button>
2602        <div class="smplx-faq-answer">
2603          <p>
2603No. Sammy holds natural conversations, adjusts based on context, and sounds human. Most callers don't realize they're talking to AI.</p>
2604        </div>
2605      </div>
2606      <div class="smplx-faq-item reveal" style="--reveal-delay: 240ms;">
2607        <button class="smplx-faq-question" aria-expanded="false">
2608          Will it work with my calendar?
2609          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2610        </button>
2611        <div class="smplx-faq-answer">
2612          <p>Yes. Simplex AI syncs with Google Calendar, Calendly, Mindbody, Vagaro, Acuity, and most booking systems.</p>
2613        </div>
2614      </div>
2615      <div class="smplx-faq-item reveal" style="--reveal-delay: 300ms;">
2616        <button class="smplx-faq-question" aria-expanded="false">
2617          What happens during the 14-day trial?
2618          <svg class="smplx-faq-chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
2619        </button>
2620        <div class="smplx-faq-answer">
2621          <p>Full access to your plan. If it's not for you, cancel before day 14 — no charge.</p>
2622        </div>
2623      </div>
2624    </div>
2625  </div>
2626</section>
2627
2628
2629<!-- ==========================================
2630     SECTION 7: FINAL CTA
2631     ========================================== -->
2632<section class="smplx-pricing-final-cta">
2633  <div class="smplx-pricing-final-inner reveal">
2634    <!-- ⑥ Security Bar (at decision point) -->
2635    <div class="smplx-security-bar">
2636      <div class="smplx-security-item">
2637        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
2638        <span>256-bit encrypted</span>
2639      </div>
2640      <div class="smplx-security-item">
2641        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
2642        <span>99.9% uptime</span>
2643      </div>
2644      <div class="smplx-security-item">
2645        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
2646        <span>Cancel anytime</span>
2647      </div>
2648    </div>
2649    <h2 class="smplx-final-headline">
2650      Still Missing Calls?<br>
2651      <span class="smplx-gradient-green">Let's Fix That.</span>
2652    </h2>
2653    <p class="smplx-final-subhead">
2654      Book a quick call. We'll show you exactly how many appointments you're losing — and how to get them back.
2655    </p>
2656    <div class="smplx-final-cta-group">
2657      <a href="/ai-receptionist#try-sammy" class="smplx-final-cta-primary smplx-cta-beacon smplx-ripple">
2658        See How Many Calls You're Missing
2659        <svg class="smplx-arrow-nudge" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
2660      </a>
2661      <p class="smplx-final-cta-sub">Takes 2 minutes. No obligation.</p>
2662    </div>
2663  </div>
2664</section>
2665
2666
2667<!-- ==========================================
2668     ③ SOCIAL PROOF POPUP (fixed position)
2669     ========================================== -->
2670<div class="smplx-proof-popup" id="proofPopup">
2671  <div class="smplx-proof-avatar" id="proofAvatar">🏋️</div>
2672  <div class="smplx-proof-text">
2673    <div class="smplx-proof-name" id="proofName">Sarah M.</div>
2674    <div class="smplx-proof-action" id="proofAction">just booked a demo</div>
2675    <div class="smplx-proof-time" id="proofTime">2 min ago</div>
2676  </div>
2677  <button class="smplx-proof-close" onclick="document.getElementById('proofPopup').classList.remove('visible')" aria-label="Dismiss notification">✕</button>
2678</div>
2679
2680
2681<!-- ==========================================
2682     STYLES — SMPLX DESIGN SYSTEM
2683     Variable-driven. Zero hardcoded hex in selectors.
2684     ========================================== -->
2685<style>
2686  /* ==========================================
2687     DESIGN TOKENS (from Theme Configurator)
2688     ========================================== */
2689  :root {
2690    --brand-primary: #34d399;
2691    --brand-primary-hover: #10b981;
2692    --brand-primary-rgb: 52, 211, 153;
2693    --brand-accent-red: #f87171;
2694    --brand-accent-red-rgb: 248, 113, 113;
2695    --brand-accent-blue: #60a5fa;
2696    --brand-accent-blue-rgb: 96, 165, 250;
2697
2698    --font-display: 'Outfit', system-ui, sans-serif;
2699    --font-body: 'Inter', system-ui, sans-serif;
2700
2701    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
2702    --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
2703    --space-12: 48px; --space-16: 64px;
2704
2705    --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem;
2706    --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem;
2707    --text-3xl: 1.875rem; --text-4xl: 2.25rem;
2708
2709    --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
2710    --radius-xl: 16px; --radius-2xl: 20px; --radius-full: 100px;
2711
2712    /* Motion tokens */
2713    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
2714    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
2715    --ease-in-out-smooth: cubic-bezier(0.4, 0, 0.2, 1);
2716    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
2717    --motion-fast: 180ms;
2718    --motion-normal: 280ms;
2719    --motion-slow: 400ms;
2720    --motion-dramatic: 600ms;
2721    --motion-shift-sm: 4px;
2722    --motion-shift-md: 8px;
2723    --motion-shift-lg: 16px;
2724
2725    /* Glow */
2726    --glow-sm: 0 0 15px rgba(var(--brand-primary-rgb), 0.2);
2727    --glow-md: 0 0 25px rgba(var(--brand-primary-rgb), 0.25);
2728    --glow-lg: 0 0 40px rgba(var(--brand-primary-rgb), 0.3);
2729
2730    /* Surface */
2731    --surface-card: 0.03;
2732    --surface-card-hover: 0.06;
2733    --surface-border: 0.08;
2734    --surface-border-hover: 0.15;
2735
2736    /* Theme: Dark (default) */
2737    --color-bg-primary: #0a0e17;
2738    --color-bg-secondary: #0f1520;
2739    --color-bg-tertiary: #141b27;
2740    --color-text: #f1f5f9;
2741    --color-text-secondary: #94a3b8;
2742    --color-text-muted: #64748b;
2743    --color-text-faint: #475569;
2744    --color-border: rgba(255,255,255, 0.08);
2745    --glass-bg: rgba(255,255,255, 0.04);
2746    --glass-bg-hover: rgba(255,255,255, 0.08);
2747    --glass-border: rgba(255,255,255, 0.08);
2748    --glass-border-hover: rgba(255,255,255, 0.15);
2749    --card-shadow: 0 4px 20px rgba(0,0,0,0.4);
2750    --card-shadow-hover: 0 8px 32px rgba(0,0,0,0.5), 0 0 20px rgba(var(--brand-primary-rgb), 0.08);
2751
2752    /* Proof popup */
2753    --proof-bg: rgba(15, 21, 32, 0.9);
2754    --proof-border: rgba(255,255,255,0.08);
2755    --proof-shadow: 0 8px 30px rgba(0,0,0,0.5);
2756  }
2757
2758
2759  /* ==========================================
2760     BASE RESET
2761     ========================================== */
2762  .smplx-pricing-hero,
2763  .smplx-pricing-compare-section,
2764  .smplx-pricing-cards-section,
2765  .smplx-pricing-included,
2766  .smplx-pricing-proof,
2767  .smplx-pricing-faq,
2768  .smplx-pricing-final-cta {
2769    box-sizing: border-box;
2770    font-family: var(--font-body);
2771    -webkit-font-smoothing: antialiased;
2772    -moz-osx-font-smoothing: grayscale;
2773  }
2774  *, *::before, *::after { box-sizing: inherit; }
2775
2776
2777  /* ==========================================
2778     MOTION LAYER 2: Scroll Reveal (stagger)
2779     ========================================== */
2780  .reveal {
2781    opacity: 0;
2782    transform: translateY(var(--motion-shift-lg));
2783    transition:
2784      opacity var(--motion-dramatic) var(--ease-out-expo),
2785      transform var(--motion-dramatic) var(--ease-out-expo);
2786    transition-delay: var(--reveal-delay, 0ms);
2787  }
2788  .reveal.visible {
2789    opacity: 1;
2790    transform: translateY(0);
2791  }
2792
2793
2794  /* ==========================================
2795     MOTION LAYER 2: CTA Pulse / Beacon
2796     Only on recommended plan CTA
2797     ========================================== */
2798  .smplx-cta-beacon {
2799    position: relative;
2800    overflow: visible;
2801  }
2802  .smplx-cta-beacon::after {
2803    content: '';
2804    position: absolute;
2805    inset: -3px;
2806    border-radius: inherit;
2807    background: linear-gradient(135deg,
2808      rgba(var(--brand-primary-rgb), 0.4),
2809      rgba(var(--brand-accent-blue-rgb), 0.2));
2810    opacity: 0;
2811    z-index: -1;
2812    animation: cta-beacon 2.5s ease-in-out infinite;
2813  }
2814  @keyframes cta-beacon {
2815    0%, 100% { opacity: 0; transform: scale(1); }
2816    50% { opacity: 1; transform: scale(1.04); }
2817  }
2818
2819
2820  /* ==========================================
2821     MOTION LAYER 2: Hover Cards (lift + glow)
2822     ========================================== */
2823  .smplx-pricing-card {
2824    transition:
2825      transform var(--motion-slow) var(--ease-out-expo),
2826      border-color var(--motion-normal) ease,
2827      box-shadow var(--motion-slow) var(--ease-out-expo);
2828  }
2829  .smplx-pricing-card:hover {
2830    transform: translateY(calc(-1 * var(--motion-shift-sm)));
2831    border-color: var(--glass-border-hover);
2832    box-shadow: var(--card-shadow-hover);
2833  }
2834
2835
2836  /* ==========================================
2837     MOTION LAYER 2: Ripple Effect + Arrow Nudge
2838     ========================================== */
2839  .smplx-ripple {
2840    position: relative;
2841    overflow: hidden;
2842  }
2843  .smplx-ripple .ripple-ring {
2844    position: absolute;
2845    border-radius: 50%;
2846    background: rgba(255,255,255, 0.3);
2847    transform: scale(0);
2848    animation: ripple-expand 0.6s ease-out forwards;
2849    pointer-events: none;
2850  }
2851  @keyframes ripple-expand {
2852    to { transform: scale(4); opacity: 0; }
2853  }
2854
2855  .smplx-arrow-nudge {
2856    transition: transform var(--motion-fast) var(--ease-out-expo);
2857    flex-shrink: 0;
2858  }
2859  .smplx-cta-popular:hover .smplx-arrow-nudge,
2860  .smplx-final-cta-primary:hover .smplx-arrow-nudge {
2861    transform: translateX(var(--motion-shift-sm));
2862  }
2863
2864
2865  /* ==========================================
2866     BEHAVIOR LAYER 3: ① Directional Cue
2867     ========================================== */
2868  .smplx-directional-arrow {
2869    display: flex;
2870    justify-content: center;
2871    margin-top: var(--space-8);
2872  }
2873  .smplx-arrow-bounce {
2874    color: var(--brand-primary);
2875    opacity: 0.5;
2876    animation: arrow-bounce 2s var(--ease-out-expo) infinite;
2877  }
2878  @keyframes arrow-bounce {
2879    0%, 100% { transform: translateY(0); opacity: 0.4; }
2880    50% { transform: translateY(8px); opacity: 0.8; }
2881  }
2882
2883
2884  /* ==========================================
2885     HERO
2886     ========================================== */
2887  .smplx-pricing-hero {
2888    background: linear-gradient(180deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
2889    padding: 120px var(--space-6) 48px;
2890    text-align: center;
2891  }
2892  .smplx-pricing-hero-inner { max-width: 800px; margin: 0 auto; }
2893  .smplx-pricing-eyebrow {
2894    font-size: var(--text-xs);
2895    font-weight: 700;
2896    text-transform: uppercase;
2897    letter-spacing: 0.15em;
2898    color: var(--brand-primary);
2899    margin: 0 0 var(--space-4);
2900  }
2901  .smplx-pricing-h1 {
2902    font-family: var(--font-display);
2903    font-size: clamp(2.25rem, 6vw, 3.5rem);
2904    font-weight: 800;
2905    line-height: 1.08;
2906    letter-spacing: -0.03em;
2907    color: var(--color-text);
2908    margin: 0 0 var(--space-5);
2909  }
2910  .smplx-gradient-green {
2911    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);
2912    -webkit-background-clip: text;
2913    -webkit-text-fill-color: transparent;
2914    background-clip: text;
2915  }
2916  .smplx-pricing-subhead {
2917    font-size: var(--text-lg);
2918    color: var(--color-text-secondary);
2919    line-height: 1.65;
2920    margin: 0 0 var(--space-8);
2921  }
2922  .smplx-pricing-tease {
2923    display: inline-flex;
2924    align-items: baseline;
2925    gap: var(--space-2);
2926    padding: var(--space-3) var(--space-6);
2927    background: rgba(var(--brand-primary-rgb), 0.08);
2928    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
2929    border-radius: var(--radius-full);
2930  }
2931  .smplx-tease-label { font-size: var(--text-sm); color: var(--color-text-muted); }
2932  .smplx-tease-price {
2933    font-family: var(--font-display);
2934    font-size: var(--text-2xl);
2935    font-weight: 700;
2936    color: var(--brand-primary);
2937  }
2938  .smplx-tease-period { font-size: var(--text-base); font-weight: 500; color: var(--color-text-muted); }
2939
2940
2941  /* ==========================================
2942     COMPARISON STRIP (⑦ Price Anchoring)
2943     ========================================== */
2944  .smplx-pricing-compare-section {
2945    background: var(--color-bg-primary);
2946    padding: var(--space-12) var(--space-6);
2947    border-top: 1px solid var(--color-border);
2948    border-bottom: 1px solid var(--color-border);
2949  }
2950  .smplx-pricing-compare-inner { max-width: 1000px; margin: 0 auto; }
2951  .smplx-compare-headline {
2952    text-align: center;
2953    font-size: var(--text-xs);
2954    font-weight: 700;
2955    text-transform: uppercase;
2956    letter-spacing: 0.12em;
2957    color: var(--color-text-muted);
2958    margin: 0 0 var(--space-6);
2959  }
2960  .smplx-compare-strip {
2961    display: grid;
2962    grid-template-columns: repeat(4, 1fr);
2963    gap: var(--space-4);
2964  }
2965  .smplx-compare-item {
2966    padding: var(--space-5);
2967    border-radius: var(--radius-lg);
2968    text-align: center;
2969  }
2970  .smplx-compare-bad {
2971    background: rgba(var(--brand-accent-red-rgb), 0.06);
2972    border: 1px solid rgba(var(--brand-accent-red-rgb), 0.12);
2973  }
2974  .smplx-compare-good {
2975    background: rgba(var(--brand-primary-rgb), 0.1);
2976    border: 1px solid rgba(var(--brand-primary-rgb), 0.25);
2977  }
2978  .smplx-compare-label {
2979    display: block;
2980    font-size: var(--text-xs);
2981    color: var(--color-text-muted);
2982    margin-bottom: var(--space-1);
2983    line-height: 1.4;
2984  }
2985  .smplx-compare-label em { font-style: italic; opacity: 0.8; }
2986  .smplx-compare-cost {
2987    display: block;
2988    font-family: var(--font-display);
2989    font-size: var(--text-xl);
2990    font-weight: 800;
2991  }
2992  .smplx-compare-per { font-size: var(--text-sm); font-weight: 500; opacity: 0.6; }
2993  .smplx-compare-bad .smplx-compare-cost { color: var(--brand-accent-red); }
2994  .smplx-compare-good .smplx-compare-cost { color: var(--brand-primary); }
2995
2996  @media (max-width: 768px) {
2997    .smplx-compare-strip { grid-template-columns: repeat(2, 1fr); }
2998  }
2999  @media (max-width: 480px) {
3000    .smplx-compare-strip { grid-template-columns: 1fr; }
3001  }
3002
3003
3004  /* ==========================================
3005     PRICING CARDS
3006     ========================================== */
3007  .smplx-pricing-cards-section {
3008    background: var(--color-bg-secondary);
3009    padding: var(--space-16) var(--space-6);
3010  }
3011  .smplx-pricing-cards-inner { max-width: 1100px; margin: 0 auto; }
3012
3013  /* Toggle */
3014  .smplx-pricing-toggle-wrapper {
3015    display: flex;
3016    justify-content: center;
3017    margin-bottom: var(--space-12);
3018  }
3019  .smplx-pricing-toggle {
3020    display: inline-flex;
3021    background: var(--glass-bg);
3022    border: 1px solid var(--glass-border);
3023    border-radius: var(--radius-full);
3024    padding: 4px;
3025  }
3026  .smplx-toggle-btn {
3027    padding: var(--space-3) var(--space-6);
3028    font-size: var(--text-sm);
3029    font-weight: 600;
3030    font-family: var(--font-body);
3031    color: var(--color-text-muted);
3032    background: transparent;
3033    border: none;
3034    border-radius: var(--radius-full);
3035    cursor: pointer;
3036    transition: all var(--motion-normal) ease;
3037  }
3038  .smplx-toggle-btn.smplx-toggle-active {
3039    background: rgba(255,255,255, 0.1);
3040    color: var(--color-text);
3041  }
3042  .smplx-toggle-save {
3043    display: inline-block;
3044    margin-left: var(--space-1);
3045    padding: 2px 8px;
3046    font-size: 11px;
3047    font-weight: 700;
3048    color: var(--color-bg-primary);
3049    background: var(--brand-primary);
3050    border-radius: var(--radius-full);
3051  }
3052
3053  /* Grid */
3054  .smplx-pricing-cards-grid {
3055    display: grid;
3056    grid-template-columns: repeat(3, 1fr);
3057    gap: var(--space-6);
3058    margin-bottom: var(--space-10);
3059  }
3060
3061  /* Card base */
3062  .smplx-pricing-card {
3063    background: rgba(255,255,255, var(--surface-card));
3064    border: 1px solid rgba(255,255,255, var(--surface-border));
3065    border-radius: var(--radius-2xl);
3066    padding: var(--space-8);
3067    position: relative;
3068  }
3069
3070  /* Popular card */
3071  .smplx-card-popular {
3072    border-color: rgba(var(--brand-primary-rgb), 0.3);
3073    background: rgba(var(--brand-primary-rgb), 0.04);
3074  }
3075  .smplx-card-popular::before {
3076    content: '';
3077    position: absolute;
3078    top: 0; left: 0; right: 0;
3079    height: 3px;
3080    background: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);
3081    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
3082  }
3083  .smplx-popular-badge {
3084    position: absolute;
3085    top: -12px;
3086    left: 50%;
3087    transform: translateX(-50%);
3088    padding: 6px var(--space-4);
3089    font-size: 11px;
3090    font-weight: 700;
3091    text-transform: uppercase;
3092    letter-spacing: 0.08em;
3093    color: var(--color-bg-primary);
3094    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);
3095    border-radius: var(--radius-full);
3096    white-space: nowrap;
3097  }
3098
3099  /* Card inner */
3100  .smplx-card-header { text-align: center; margin-bottom: var(--space-6); }
3101  .smplx-card-tier {
3102    font-family: var(--font-display);
3103    font-size: var(--text-2xl);
3104    font-weight: 700;
3105    color: var(--color-text);
3106    margin: 0 0 var(--space-1);
3107  }
3108  .smplx-card-tagline {
3109    font-size: var(--text-sm);
3110    color: var(--color-text-muted);
3111    margin: 0;
3112    font-style: italic;
3113  }
3114
3115  /* Price */
3116  .smplx-card-price {
3117    display: flex;
3118    align-items: flex-start;
3119    justify-content: center;
3120    gap: 2px;
3121    margin-bottom: var(--space-2);
3122  }
3123  .smplx-price-currency {
3124    font-size: var(--text-xl);
3125    font-weight: 700;
3126    color: var(--color-text);
3127    margin-top: 8px;
3128  }
3129  .smplx-price-amount {
3130    font-family: var(--font-display);
3131    font-size: 3.5rem;
3132    font-weight: 800;
3133    line-height: 1;
3134    color: var(--color-text);
3135    letter-spacing: -0.03em;
3136    transition: all var(--motion-normal) var(--ease-out-expo);
3137  }
3138  .smplx-price-period {
3139    font-size: var(--text-base);
3140    font-weight: 500;
3141    color: var(--color-text-muted);
3142    align-self: flex-end;
3143    margin-bottom: 8px;
3144  }
3145  .smplx-price-billing {
3146    text-align: center;
3147    font-size: var(--text-xs);
3148    color: var(--color-text-faint);
3149    margin: 0 0 var(--space-6);
3150  }
3151
3152  /* Outcomes */
3153  .smplx-card-outcomes { list-style: none; padding: 0; margin: 0 0 var(--space-6); }
3154  .smplx-card-outcomes li {
3155    display: flex;
3156    align-items: flex-start;
3157    gap: 10px;
3158    padding: 10px 0;
3159    border-bottom: 1px solid var(--color-border);
3160    font-size: var(--text-sm);
3161    color: var(--color-text-secondary);
3162    line-height: 1.5;
3163  }
3164  .smplx-card-outcomes li:last-child { border-bottom: none; }
3165  .smplx-card-outcomes svg { color: var(--brand-primary); flex-shrink: 0; margin-top: 2px; }
3166  .smplx-card-outcomes em { color: var(--color-text); font-style: normal; font-weight: 600; }
3167  .smplx-outcome-includes { border-bottom: none !important; padding-bottom: 0 !important; }
3168  .smplx-outcome-includes span {
3169    font-weight: 600;
3170    color: var(--color-text-muted);
3171    font-size: var(--text-xs);
3172    text-transform: uppercase;
3173    letter-spacing: 0.06em;
3174  }
3175
3176  /* CTA */
3177  .smplx-card-cta {
3178    display: block;
3179    width: 100%;
3180    padding: var(--space-4);
3181    font-size: 15px;
3182    font-weight: 700;
3183    font-family: var(--font-body);
3184    text-align: center;
3185    color: var(--color-text);
3186    background: rgba(255,255,255, 0.06);
3187    border: 1px solid rgba(255,255,255, var(--surface-border-hover));
3188    border-radius: var(--radius-lg);
3189    text-decoration: none;
3190    transition: all var(--motion-normal) ease;
3191    margin-bottom: var(--space-4);
3192  }
3193  .smplx-card-cta:hover {
3194    background: rgba(255,255,255, 0.1);
3195    border-color: rgba(255,255,255, 0.25);
3196  }
3197  .smplx-cta-popular {
3198    display: inline-flex;
3199    align-items: center;
3200    justify-content: center;
3201    gap: var(--space-2);
3202    width: 100%;
3203    color: var(--color-bg-primary);
3204    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);
3205    border: none;
3206  }
3207  .smplx-cta-popular:hover {
3208    opacity: 0.92;
3209    transform: translateY(-2px);
3210    box-shadow: var(--glow-md);
3211  }
3212  .smplx-card-best-for {
3213    font-size: var(--text-xs);
3214    color: var(--color-text-muted);
3215    text-align: center;
3216    margin: 0;
3217    line-height: 1.4;
3218  }
3219  .smplx-card-best-for strong { color: var(--color-text-secondary); }
3220
3221  /* Trust badges */
3222  .smplx-pricing-trust {
3223    display: flex;
3224    flex-wrap: wrap;
3225    justify-content: center;
3226    gap: var(--space-6) var(--space-10);
3227  }
3228  .smplx-trust-item {
3229    display: flex;
3230    align-items: center;
3231    gap: var(--space-2);
3232    font-size: var(--text-sm);
3233    font-weight: 500;
3234    color: var(--color-text-muted);
3235  }
3236  .smplx-trust-item svg { color: var(--color-text-faint); }
3237
3238
3239  /* ==========================================
3240     WHAT'S INCLUDED
3241     ========================================== */
3242  .smplx-pricing-included {
3243    background: var(--color-bg-primary);
3244    padding: var(--space-16) var(--space-6);
3245  }
3246  .smplx-pricing-included-inner { max-width: 1000px; margin: 0 auto; }
3247  .smplx-included-headline {
3248    text-align: center;
3249    font-family: var(--font-display);
3250    font-size: clamp(1.5rem, 3vw, var(--text-3xl));
3251    font-weight: 700;
3252    color: var(--color-text);
3253    margin: 0 0 var(--space-10);
3254  }
3255  .smplx-included-grid {
3256    display: grid;
3257    grid-template-columns: repeat(3, 1fr);
3258    gap: var(--space-6);
3259  }
3260  .smplx-included-item { text-align: center; padding: var(--space-6); }
3261  .smplx-included-icon {
3262    width: 56px; height: 56px;
3263    margin: 0 auto var(--space-4);
3264    display: flex;
3265    align-items: center;
3266    justify-content: center;
3267    background: rgba(var(--brand-primary-rgb), 0.08);
3268    border-radius: var(--radius-xl);
3269    color: var(--brand-primary);
3270  }
3271  .smplx-included-item h4 {
3272    font-family: var(--font-display);
3273    font-size: var(--text-base);
3274    font-weight: 600;
3275    color: var(--color-text);
3276    margin: 0 0 var(--space-1);
3277  }
3278  .smplx-included-item p {
3279    font-size: var(--text-sm);
3280    color: var(--color-text-muted);
3281    margin: 0;
3282    line-height: 1.5;
3283  }
3284
3285  @media (max-width: 768px) { .smplx-included-grid { grid-template-columns: repeat(2, 1fr); } }
3286  @media (max-width: 480px) { .smplx-included-grid { grid-template-columns: 1fr; } }
3287
3288
3289  /* ==========================================
3290     SOCIAL PROOF
3291     ========================================== */
3292  .smplx-pricing-proof {
3293    background: var(--color-bg-secondary);
3294    padding: var(--space-16) var(--space-6);
3295    border-top: 1px solid var(--color-border);
3296  }
3297  .smplx-pricing-proof-inner { max-width: 900px; margin: 0 auto; }
3298
3299  .smplx-proof-stats {
3300    display: flex;
3301    align-items: center;
3302    justify-content: center;
3303    gap: var(--space-10);
3304    margin-bottom: var(--space-12);
3305  }
3306  .smplx-proof-stat { text-align: center; }
3307  .smplx-stat-number {
3308    font-family: var(--font-display);
3309    font-size: clamp(2rem, 5vw, 2.75rem);
3310    font-weight: 800;
3311    color: var(--color-text);
3312    line-height: 1;
3313  }
3314  .smplx-stat-suffix {
3315    font-family: var(--font-display);
3316    font-size: clamp(1.5rem, 3vw, 2rem);
3317    font-weight: 800;
3318    color: var(--brand-primary);
3319  }
3320  .smplx-stat-label {
3321    display: block;
3322    font-size: var(--text-xs);
3323    font-weight: 500;
3324    color: var(--color-text-muted);
3325    margin-top: var(--space-1);
3326    text-transform: uppercase;
3327    letter-spacing: 0.06em;
3328  }
3329  .smplx-proof-divider {
3330    width: 1px;
3331    height: 48px;
3332    background: var(--color-border);
3333  }
3334
3335  .smplx-proof-testimonial {
3336    text-align: center;
3337    margin-bottom: var(--space-12);
3338    padding: var(--space-8);
3339    background: var(--glass-bg);
3340    border: 1px solid var(--glass-border);
3341    border-radius: var(--radius-2xl);
3342  }
3343  .smplx-testimonial-quote {
3344    font-size: var(--text-xl);
3345    color: var(--color-text-secondary);
3346    line-height: 1.65;
3347    margin: 0 0 var(--space-4);
3348    font-style: italic;
3349  }
3350  .smplx-testimonial-quote strong {
3351    color: var(--brand-primary);
3352    font-style: normal;
3353    font-weight: 700;
3354  }
3355  .smplx-testimonial-author { display: flex; align-items: center; justify-content: center; gap: var(--space-2); }
3356  .smplx-author-name { font-weight: 600; color: var(--color-text); font-size: var(--text-sm); }
3357  .smplx-author-title { color: var(--color-text-muted); font-size: var(--text-sm); }
3358
3359  .smplx-proof-logos { text-align: center; }
3360  .smplx-logos-label {
3361    font-size: var(--text-xs);
3362    color: var(--color-text-faint);
3363    margin: 0 0 var(--space-5);
3364    text-transform: uppercase;
3365    letter-spacing: 0.08em;
3366  }
3367  .smplx-logos-track {
3368    display: flex;
3369    align-items: center;
3370    justify-content: center;
3371    flex-wrap: wrap;
3372    gap: var(--space-8);
3373  }
3374  .smplx-logo-img {
3375    height: 32px;
3376    width: auto;
3377    opacity: 0.5;
3378    filter: grayscale(100%) brightness(2);
3379    transition: all var(--motion-normal) ease;
3380  }
3381  .smplx-logo-img:hover { opacity: 1; filter: grayscale(0%) brightness(1); }
3382
3383  @media (max-width: 640px) {
3384    .smplx-proof-stats { flex-direction: column; gap: var(--space-6); }
3385    .smplx-proof-divider { width: 40px; height: 1px; }
3386  }
3387
3388
3389  /* ==========================================
3390     FAQ (⑩ Accordion)
3391     ========================================== */
3392  .smplx-pricing-faq {
3393    background: var(--color-bg-primary);
3394    padding: var(--space-16) var(--space-6);
3395  }
3396  .smplx-pricing-faq-inner { max-width: 700px; margin: 0 auto; }
3397  .smplx-faq-headline {
3398    text-align: center;
3399    font-family: var(--font-display);
3400    font-size: clamp(1.5rem, 3vw, var(--text-3xl));
3401    font-weight: 700;
3402    color: var(--color-text);
3403    margin: 0 0 var(--space-8);
3404  }
3405  .smplx-faq-grid { display: flex; flex-direction: column; gap: var(--space-3); }
3406
3407  .smplx-faq-item {
3408    background: var(--glass-bg);
3409    border: 1px solid var(--glass-border);
3410    border-radius: var(--radius-lg);
3411    overflow: hidden;
3412    transition: border-color var(--motion-fast) ease;
3413  }
3414  .smplx-faq-item:hover { border-color: var(--glass-border-hover); }
3415
3416  .smplx-faq-question {
3417    width: 100%;
3418    display: f
3418lex;
3419    align-items: center;
3420    justify-content: space-between;
3421    padding: var(--space-5) var(--space-6);
3422    font-size: 15px;
3423    font-weight: 600;
3424    font-family: var(--font-body);
3425    color: var(--color-text);
3426    background: transparent;
3427    border: none;
3428    cursor: pointer;
3429    text-align: left;
3430    transition: color var(--motion-fast) ease;
3431  }
3432  .smplx-faq-question:hover { color: var(--brand-primary); }
3433
3434  .smplx-faq-chevron {
3435    color: var(--color-text-muted);
3436    transition: transform var(--motion-normal) var(--ease-out-expo);
3437    flex-shrink: 0;
3438  }
3439  .smplx-faq-item.open .smplx-faq-chevron { transform: rotate(180deg); }
3440
3441  .smplx-faq-answer {
3442    max-height: 0;
3443    overflow: hidden;
3444    transition: max-height var(--motion-slow) var(--ease-out-expo);
3445  }
3446  .smplx-faq-item.open .smplx-faq-answer { max-height: 200px; }
3447  .smplx-faq-answer p {
3448    padding: 0 var(--space-6) var(--space-5);
3449    font-size: var(--text-sm);
3450    color: var(--color-text-secondary);
3451    line-height: 1.7;
3452    margin: 0;
3453  }
3454
3455
3456  /* ==========================================
3457     FINAL CTA
3458     ========================================== */
3459  .smplx-pricing-final-cta {
3460    background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
3461    padding: 80px var(--space-6);
3462    text-align: center;
3463  }
3464  .smplx-pricing-final-inner { max-width: 600px; margin: 0 auto; }
3465  .smplx-final-headline {
3466    font-family: var(--font-display);
3467    font-size: clamp(1.75rem, 4vw, var(--text-4xl));
3468    font-weight: 700;
3469    color: var(--color-text);
3470    margin: 0 0 var(--space-4);
3471    line-height: 1.15;
3472  }
3473  .smplx-final-subhead {
3474    font-size: var(--text-lg);
3475    color: var(--color-text-secondary);
3476    margin: 0 0 var(--space-8);
3477    line-height: 1.65;
3478  }
3479  .smplx-final-cta-group { display: flex; flex-direction: column; align-items: center; }
3480  .smplx-final-cta-primary {
3481    display: inline-flex;
3482    align-items: center;
3483    gap: 10px;
3484    padding: 18px 36px;
3485    font-size: var(--text-base);
3486    font-weight: 700;
3487    font-family: var(--font-body);
3488    color: var(--color-bg-primary);
3489    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);
3490    border: none;
3491    border-radius: var(--radius-lg);
3492    text-decoration: none;
3493    transition: all var(--motion-normal) ease;
3494    box-shadow: 0 4px 20px rgba(var(--brand-primary-rgb), 0.3);
3495  }
3496  .smplx-final-cta-primary:hover {
3497    transform: translateY(-2px);
3498    box-shadow: 0 8px 30px rgba(var(--brand-primary-rgb), 0.4);
3499  }
3500  .smplx-final-cta-sub {
3501    font-size: var(--text-xs);
3502    color: var(--color-text-faint);
3503    margin: var(--space-3) 0 0;
3504  }
3505
3506  /* ⑥ Security bar */
3507  .smplx-security-bar {
3508    display: flex;
3509    align-items: center;
3510    justify-content: center;
3511    gap: var(--space-5);
3512    flex-wrap: wrap;
3513    margin-bottom: var(--space-8);
3514    font-size: var(--text-xs);
3515    color: var(--color-text-faint);
3516  }
3517  .smplx-security-item { display: flex; align-items: center; gap: 6px; }
3518  .smplx-security-item svg { opacity: 0.5; }
3519
3520
3521  /* ==========================================
3522     ③ SOCIAL PROOF POPUP
3523     ========================================== */
3524  .smplx-proof-popup {
3525    position: fixed;
3526    bottom: 24px;
3527    left: 24px;
3528    z-index: 900;
3529    display: flex;
3530    align-items: center;
3531    gap: var(--space-3);
3532    padding: var(--space-3) var(--space-5) var(--space-3) var(--space-3);
3533    background: var(--proof-bg);
3534    border: 1px solid var(--proof-border);
3535    border-radius: var(--radius-xl);
3536    box-shadow: var(--proof-shadow);
3537    backdrop-filter: blur(16px);
3538    -webkit-backdrop-filter: blur(16px);
3539    transform: translateX(-120%) scale(0.95);
3540    opacity: 0;
3541    transition:
3542      transform var(--motion-slow) var(--ease-out-expo),
3543      opacity var(--motion-slow) var(--ease-out-expo);
3544    max-width: 340px;
3545  }
3546  .smplx-proof-popup.visible {
3547    transform: translateX(0) scale(1);
3548    opacity: 1;
3549  }
3550  .smplx-proof-avatar {
3551    width: 40px; height: 40px;
3552    border-radius: var(--radius-lg);
3553    background: rgba(var(--brand-primary-rgb), 0.1);
3554    display: flex;
3555    align-items: center;
3556    justify-content: center;
3557    flex-shrink: 0;
3558    font-size: 1.2rem;
3559  }
3560  .smplx-proof-text { display: flex; flex-direction: column; gap: 2px; }
3561  .smplx-proof-name { font-weight: 700; font-size: var(--text-sm); color: var(--color-text); }
3562  .smplx-proof-action { font-size: var(--text-xs); color: var(--color-text-secondary); }
3563  .smplx-proof-time { font-size: 11px; color: var(--color-text-faint); }
3564  .smplx-proof-close {
3565    background: none; border: none; color: var(--color-text-faint);
3566    cursor: pointer; font-size: 14px; padding: var(--space-1);
3567    position: absolute; top: var(--space-2); right: var(--space-2);
3568  }
3569
3570
3571  /* ==========================================
3572     RESPONSIVE — CARDS
3573     ========================================== */
3574  @media (max-width: 900px) {
3575    .smplx-pricing-cards-grid {
3576      grid-template-columns: 1fr;
3577      max-width: 440px;
3578      margin-left: auto;
3579      margin-right: auto;
3580    }
3581    .smplx-pricing-hero { padding: 96px var(--space-4) var(--space-10); }
3582  }
3583  @media (max-width: 480px) {
3584    .smplx-pricing-card { padding: var(--space-6); }
3585    .smplx-price-amount { font-size: 3rem; }
3586    .smplx-proof-popup { left: 12px; right: 12px; max-width: none; }
3587    .smplx-final-cta-primary { padding: var(--space-4) var(--space-6); font-size: var(--text-sm); }
3588  }
3589
3590
3591  /* ==========================================
3592     ACCESSIBILITY
3593     ========================================== */
3594  @media (prefers-reduced-motion: reduce) {
3595    *, *::before, *::after {
3596      animation-duration: 0.01ms !important;
3597      animation-iteration-count: 1 !important;
3598      transition-duration: 0.01ms !important;
3599    }
3600    .reveal { opacity: 1; transform: none; }
3601  }
3602  @media (hover: none) and (pointer: coarse) {
3603    .smplx-pricing-card:hover { transform: none; box-shadow: var(--card-shadow); }
3604    .smplx-cta-popular:hover { transform: none; }
3605  }
3606</style>
3607
3608
3609<!-- ==========================================
3610     SCRIPTS — Motion + Behavior
3611     ========================================== -->
3612<script>
3613document.addEventListener('DOMContentLoaded', function() {
3614
3615  /* ==========================================
3616     Scroll Reveal (IntersectionObserver)
3617     ========================================== */
3618  const revealObserver = new IntersectionObserver((entries) => {
3619    entries.forEach(entry => {
3620      if (entry.isIntersecting) {
3621        entry.target.classList.add('visible');
3622        revealObserver.unobserve(entry.target);
3623      }
3624    });
3625  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
3626
3627  document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));
3628
3629
3630  /* ==========================================
3631     Stat Counter Animation
3632     ========================================== */
3633  const counterObserver = new IntersectionObserver((entries) => {
3634    entries.forEach(entry => {
3635      if (entry.isIntersecting) {
3636        const el = entry.target;
3637        const target = parseInt(el.dataset.target);
3638        let current = 0;
3639        const increment = target / 40;
3640        const timer = setInterval(() => {
3641          current += increment;
3642          if (current >= target) {
3643            el.textContent = target;
3644            clearInterval(timer);
3645          } else {
3646            el.textContent = Math.floor(current);
3647          }
3648        }, 30);
3649        counterObserver.unobserve(el);
3650      }
3651    });
3652  }, { threshold: 0.5 });
3653
3654  document.querySelectorAll('.smplx-counter').forEach(el => counterObserver.observe(el));
3655
3656
3657  /* ==========================================
3658     Pricing Toggle
3659     ========================================== */
3660  const toggleBtns = document.querySelectorAll('.smplx-toggle-btn');
3661  const priceAmounts = document.querySelectorAll('.smplx-price-amount');
3662  const annualNotes = document.querySelectorAll('.smplx-annual-note');
3663
3664  toggleBtns.forEach(btn => {
3665    btn.addEventListener('click', function() {
3666      const period = this.dataset.period;
3667      toggleBtns.forEach(b => b.classList.remove('smplx-toggle-active'));
3668      this.classList.add('smplx-toggle-active');
3669      priceAmounts.forEach(el => { el.textContent = el.dataset[period]; });
3670      annualNotes.forEach(note => { note.style.display = period === 'annual' ? 'block' : 'none'; });
3671    });
3672  });
3673
3674
3675  /* ==========================================
3676     FAQ Accordion
3677     ========================================== */
3678  document.querySelectorAll('.smplx-faq-question').forEach(btn => {
3679    btn.addEventListener('click', function() {
3680      const item = this.closest('.smplx-faq-item');
3681      const isOpen = item.classList.contains('open');
3682      // Close all
3683      document.querySelectorAll('.smplx-faq-item.open').forEach(i => i.classList.remove('open'));
3684      // Toggle clicked
3685      if (!isOpen) item.classList.add('open');
3686      this.setAttribute('aria-expanded', !isOpen);
3687    });
3688  });
3689
3690
3691  /* ==========================================
3692     Ripple Effect (CTA)
3693     ========================================== */
3694  document.querySelectorAll('.smplx-ripple').forEach(btn => {
3695    btn.addEventListener('click', function(e) {
3696      const rect = this.getBoundingClientRect();
3697      const ring = document.createElement('span');
3698      ring.classList.add('ripple-ring');
3699      ring.style.width = ring.style.height = Math.max(rect.width, rect.height) + 'px';
3700      ring.style.left = (e.clientX - rect.left - Math.max(rect.width, rect.height) / 2) + 'px';
3701      ring.style.top = (e.clientY - rect.top - Math.max(rect.width, rect.height) / 2) + 'px';
3702      this.appendChild(ring);
3703      ring.addEventListener('animationend', () => ring.remove());
3704    });
3705  });
3706
3707
3708  /* ==========================================
3709     Social Proof Popup Rotation
3710     ========================================== */
3711  const proofs = [
3712    { avatar: '🏋️', name: 'Sarah M.', action: 'just started her trial', time: '2 min ago' },
3713    { avatar: '💆', name: 'Dr. Kim', action: 'upgraded to Momentum', time: '5 min ago' },
3714    { avatar: '🥊', name: 'Jake R.', action: 'just booked a demo', time: '8 min ago' },
3715    { avatar: '🧘', name: 'Priya S.', action: 'signed up for Core', time: '12 min ago' },
3716    { avatar: '💪', name: 'Iron Gym', action: 'booked 14 appointments today', time: '15 min ago' }
3717  ];
3718  let proofIdx = 0;
3719  const popup = document.getElementById('proofPopup');
3720
3721  function showProof() {
3722    const p = proofs[proofIdx % proofs.length];
3723    document.getElementById('proofAvatar').textContent = p.avatar;
3724    document.getElementById('proofName').textContent = p.name;
3725    document.getElementById('proofAction').textContent = p.action;
3726    document.getElementById('proofTime').textContent = p.time;
3727    popup.classList.add('visible');
3728    setTimeout(() => { popup.classList.remove('visible'); }, 4000);
3729    proofIdx++;
3730  }
3731
3732  // First popup at 6s, then every 10s
3733  setTimeout(showProof, 6000);
3734  setInterval(showProof, 10000);
3735
3736});
3737</script>
3737</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"><!-- ============================================
3738     FOOTER
3739     Sammy AI - gotsammy.com
3740     
3741     Updated:
3742     - Added /pricing
3743     - Added /roi-calculator as "What You're Missing"
3744     - Added /contact (already existed)
3745     ============================================ -->
3746
3747<footer class="smplx-footer">
3748  <div class="smplx-footer-inner">
3749    
3750    <!-- Footer Main -->
3751    <div class="smplx-footer-main">
3752      
3753      <!-- Brand Column -->
3754      <div class="smplx-footer-brand">
3755        <a href="/" class="smplx-footer-logo">
3756          <img src="https://storage.googleapis.com/msgsndr/v0UDuMtlxhpmmixe4bwB/media/697b2b7804b05b83b8441460.png" alt="Simplex AI" class="smplx-footer-logo-img">
3757          <span class="smplx-footer-logo-text">Simplex AI</span>
3758        </a>
3759        <p class="smplx-footer-tagline">
3760          The AI receptionist that books 53% more appointments. Available 24/7.
3761        </p>
3762        <a href="tel:+19099221324" class="smplx-footer-phone">
3763          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3764            <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"/>
3765          </svg>
3766          (909) 922-1324
3767        </a>
3768      </div>
3769      
3770      <!-- Links Columns -->
3771      <div class="smplx-footer-links">
3772        
3773        <!-- Product -->
3774        <div class="smplx-footer-col">
3775          <h4 class="smplx-footer-heading">Product</h4>
3776          <ul class="smplx-footer-list">
3777            <li><a href="/ai-receptionist">How It Works</a></li>
3778            <li><a href="/pricing">Pricing</a></li>
3779            <li><a href="/roi-calculator">What You're Missing</a></li>
3780            <li><a href="/demo">Demo Calendar</a></li>
3781          </ul>
3782        </div>
3783        
3784        <!-- Industries -->
3785        <div class="smplx-footer-col">
3786          <h4 class="smplx-footer-heading">Industries</h4>
3787          <ul class="smplx-footer-list">
3788            <li><a href="/ai-receptionist-for-gyms">Gyms</a></li>
3789            <li><a href="/ai-receptionist-for-personal-trainers">Personal Trainers</a></li>
3790            <li><a href="/ai-receptionist-for-medspas">Medspas</a></li>
3791            <li><a href="/ai-receptionist-for-photo-booths">Photo Booths</a></li>
3792          </ul>
3793        </div>
3794        
3795        <!-- Company -->
3796        <div class="smplx-footer-col">
3797          <h4 class="smplx-footer-heading">Company</h4>
3798          <ul class="smplx-footer-list">
3799            <li><a href="/about">About</a></li>
3800            <li><a href="/contact">Contact</a></li>
3801          </ul>
3802        </div>
3803        
3804      </div>
3805      
3806    </div>
3807    
3808    <!-- Footer Bottom -->
3809    <div class="smplx-footer-bottom">
3810      <p class="smplx-footer-copyright">
3811        © 2023–2026 Simplex AI. All rights reserved.
3812      </p>
3813      <div class="smplx-footer-legal">
3814        <a href="/privacy">Privacy Policy</a>
3815        <span class="smplx-footer-divider">·</span>
3816        <a href="/terms">Terms of Service</a>
3817      </div>
3818    </div>
3819    
3820  </div>
3821</footer>
3822
3823
3824<!-- ==========================================
3825     FOOTER STYLES
3826     ========================================== -->
3827<style>
3828  .smplx-footer {
3829    background: linear-gradient(180deg, var(--color-bg-primary) 0%, rgba(5, 8, 12, 1) 100%);
3830    border-top: 1px solid rgba(255, 255, 255, 0.06);
3831    padding: var(--space-16) var(--space-6) var(--space-8);
3832  }
3833  
3834  .smplx-footer-inner {
3835    max-width: 1100px;
3836    margin: 0 auto;
3837  }
3838  
3839  .smplx-footer-main {
3840    display: grid;
3841    grid-template-columns: 1.5fr 2fr;
3842    gap: var(--space-12);
3843    padding-bottom: var(--space-10);
3844    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
3845  }
3846  
3847  @media (max-width: 768px) {
3848    .smplx-footer-main {
3849      grid-template-columns: 1fr;
3850      gap: var(--space-10);
3851    }
3852  }
3853  
3854  .smplx-footer-logo {
3855    display: inline-flex;
3856    align-items: center;
3857    gap: var(--space-2);
3858    text-decoration: none;
3859    margin-bottom: var(--space-4);
3860  }
3861  
3862  .smplx-footer-logo-img { height: 32px; width: auto; }
3863  
3864  .smplx-footer-logo-text {
3865    font-family: var(--font-display);
3866    font-size: var(--text-lg);
3867    font-weight: 700;
3868    color: var(--color-text);
3869  }
3870  
3871  .smplx-footer-tagline {
3872    font-size: var(--text-sm);
3873    color: var(--color-text-muted);
3874    line-height: 1.6;
3875    margin: 0 0 var(--space-4);
3876    max-width: 280px;
3877  }
3878  
3879  .smplx-footer-phone {
3880    display: inline-flex;
3881    align-items: center;
3882    gap: var(--space-2);
3883    font-size: var(--text-sm);
3884    font-weight: 600;
3885    color: #34d399;
3886    text-decoration: none;
3887    transition: opacity 0.2s ease;
3888  }
3889  
3890  .smplx-footer-phone:hover { opacity: 0.8; }
3891  .smplx-footer-phone svg { flex-shrink: 0; }
3892  
3893  .smplx-footer-links {
3894    display: grid;
3895    grid-template-columns: repeat(3, 1fr);
3896    gap: var(--space-8);
3897  }
3898  
3899  @media (max-width: 600px) {
3900    .smplx-footer-links {
3901      grid-template-columns: repeat(2, 1fr);
3902      gap: var(--space-6);
3903    }
3904    .smplx-footer-col:last-child { grid-column: span 2; }
3905  }
3906  
3907  .smplx-footer-heading {
3908    font-size: var(--text-xs);
3909    font-weight: 700;
3910    color: var(--color-text);
3911    text-transform: uppercase;
3912    letter-spacing: 1px;
3913    margin: 0 0 var(--space-4);
3914  }
3915  
3916  .smplx-footer-list { list-style: none; margin: 0; padding: 0; }
3917  .smplx-footer-list li { margin-bottom: var(--space-2); }
3918  
3919  .smplx-footer-list a {
3920    font-size: var(--text-sm);
3921    color: var(--color-text-muted);
3922    text-decoration: none;
3923    transition: color 0.2s ease;
3924  }
3925  
3926  .smplx-footer-list a:hover { color: var(--color-text); }
3927  
3928  .smplx-footer-bottom {
3929    display: flex;
3930    align-items: center;
3931    justify-content: space-between;
3932    padding-top: var(--space-6);
3933    flex-wrap: wrap;
3934    gap: var(--space-4);
3935  }
3936  
3937  .smplx-footer-copyright {
3938    font-size: var(--text-xs);
3939    color: var(--color-text-muted);
3940    margin: 0;
3941  }
3942  
3943  .smplx-footer-legal {
3944    display: flex;
3945    align-items: center;
3946    gap: var(--space-2);
3947  }
3948  
3949  .smplx-footer-legal a {
3950    font-size: var(--text-xs);
3951    color: var(--color-text-muted);
3952    text-decoration: none;
3953    transition: color 0.2s ease;
3954  }
3955  
3956  .smplx-footer-legal a:hover { color: var(--color-text); }
3957  
3958  .smplx-footer-divider { color: var(--color-text-muted); opacity: 0.5; }
3959  
3960  @media (max-width: 500px) {
3961    .smplx-footer-bottom {
3962      flex-direction: column;
3963      align-items: flex-start;
3964    }
3965  }
3966</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>
3966<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:"1970e524-16b8-4f84-a240-91f3fc83697c",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
3966<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":362,"once":582,"_errors":583,"serverRendered":41},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":310,"fontsToLoad":311,"customFonts":312,"meta":313,"domainName":314,"pageUrl":315,"pageId":316,"pageName":317,"locationId":318,"headerCode":319,"footerCode":38,"popupsList":320,"favicon":354,"globalHeadTrackingCode":355,"globalBodyTrackingCode":356,"funnelId":357,"funnelName":358,"stepId":359,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":34,"pixelToInit":360,"isOptimisePageLoad":41,"backgroundSettingsClass":40,"schemaMarkup":361,"isGeolocationNeeded":34},[6,12,52,119,149,162,184,202,224,235,259,277,299],{"id":7,"child":8},"hl_main",[9,10,11],"section-RlIr7r0Qc","section-G9I0Gh7XoY","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;
3966\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;
3966\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>
3966\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-NxTKVCkzDV",{"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-qwcg8PVFDe",{"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":210,"extra":212,"tagName":146,"meta":120,"title":147,"noOfColumns":148},[204],"custom-code-zLSzmt-uSp",{"borders":206,"borderRadius":207,"radiusEdge":208,"nestedColumn":209},{"value":20},{"value":22},{"value":24},{"value":38},{"borderWidth":211},{"value":27,"unit":28},{"visibility":213,"bgImage":215,"columnLayout":217,"justifyContentColumnLayout":218,"alignContentColumnLayout":219,"forceColumnLayoutForMobile":220,"customClass":221,"elementVersion":223},{"value":214},{"hideDesktop":34,"hideMobile":34},{"value":216},{"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":222},[],{"value":145},{"extra":225,"id":204,"meta":159,"tagName":160,"class":234},{"visibility":226,"customCode":228,"customClass":231,"nodeId":233},{"value":227},{"hideMobile":38,"hideDesktop":38},{"value":229},{"rawCustomCode":230},"\u003C!-- ============================================\n     SIMPLEX AI — PRICING PAGE (PRODUCTION)\n     \n     TEMPERATURE: HOT\n     PAGE JOB: Make the decision feel safe and \n     obvious. Guide to the right plan.\n     \n     SELECTION MATRIX DEPLOYMENT:\n     Layer 2 (Motion): 4 elements\n       ✓ Scroll Reveal (stagger) — cards enter sequentially\n       ✓ CTA Pulse\u002FBeacon — Momentum plan only\n       ✓ Hover Cards (lift + glow)\n       ✓ Ripple Effect (CTA) + Arrow Nudge\n     Layer 3 (Behavior): 5 elements\n       ✓ ① Directional Cues — glow trail to cards\n       ✓ ③ Social Proof Popup — rotating notifications\n       ✓ ⑥ Verified Badges + Security Bar\n       ✓ ⑦ Price Anchoring — comparison strip\n       ✓ ⑩ FAQ Accordion — objection handling\n     \n     Total: 9 (under 10 cap)\n     ============================================ -->\n\n\n\u003C!-- ==========================================\n     SECTION 1: HERO\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-hero\">\n  \u003Cdiv class=\"smplx-pricing-hero-inner\">\n    \u003Cp class=\"smplx-pricing-eyebrow reveal\">Simple, Transparent Pricing\u003C\u002Fp>\n    \u003Ch1 class=\"smplx-pricing-h1 reveal\" style=\"--reveal-delay: 80ms;\">\n      53% More Appointments.\u003Cbr>\n      \u003Cspan class=\"smplx-gradient-green\">82% Fully Automated.\u003C\u002Fspan>\n    \u003C\u002Fh1>\n    \u003Cp class=\"smplx-pricing-subhead reveal\" style=\"--reveal-delay: 160ms;\">\n      Gyms using Simplex AI see these results in the first 30 days.\u003Cbr>\n      Here's what it costs to join them.\n    \u003C\u002Fp>\n    \u003Cdiv class=\"smplx-pricing-tease reveal\" style=\"--reveal-delay: 240ms;\">\n      \u003Cspan class=\"smplx-tease-label\">Plans start at\u003C\u002Fspan>\n      \u003Cspan class=\"smplx-tease-price\">$297\u003Cspan class=\"smplx-tease-period\">\u002Fmonth\u003C\u002Fspan>\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003C!-- ① Directional Cue: bouncing arrow to comparison -->\n    \u003Cdiv class=\"smplx-directional-arrow reveal\" style=\"--reveal-delay: 400ms;\">\n      \u003Csvg class=\"smplx-arrow-bounce\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M12 5v14M5 12l7 7 7-7\"\u002F>\u003C\u002Fsvg>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 2: COST COMPARISON (⑦ ANCHORING)\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-compare-section\">\n  \u003Cdiv class=\"smplx-pricing-compare-inner\">\n    \u003Cp class=\"smplx-compare-headline reveal\">What are you paying now?\u003C\u002Fp>\n    \u003Cdiv class=\"smplx-compare-strip\">\n      \u003Cdiv class=\"smplx-compare-item smplx-compare-bad reveal\" style=\"--reveal-delay: 0ms;\">\n        \u003Cspan class=\"smplx-compare-label\">Part-time receptionist\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-compare-cost\">$2,000+\u003Cspan class=\"smplx-compare-per\">\u002Fmo\u003C\u002Fspan>\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-compare-item smplx-compare-bad reveal\" style=\"--reveal-delay: 80ms;\">\n        \u003Cspan class=\"smplx-compare-label\">Answering service\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-compare-cost\">$500+\u003Cspan class=\"smplx-compare-per\">\u002Fmo\u003C\u002Fspan>\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-compare-item smplx-compare-bad reveal\" style=\"--reveal-delay: 160ms;\">\n        \u003Cspan class=\"smplx-compare-label\">Missed calls \u003Cem>(lost revenue)\u003C\u002Fem>\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-compare-cost\">$1,500+\u003Cspan class=\"smplx-compare-per\">\u002Fmo\u003C\u002Fspan>\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-compare-item smplx-compare-good reveal\" style=\"--reveal-delay: 240ms;\">\n        \u003Cspan class=\"smplx-compare-label\">Simplex AI\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-compare-cost\">$297\u003Cspan class=\"smplx-compare-per\">\u002Fmo\u003C\u002Fspan>\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 3: PRICING CARDS\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-cards-section\">\n  \u003Cdiv class=\"smplx-pricing-cards-inner\">\n    \n    \u003C!-- Toggle -->\n    \u003Cdiv class=\"smplx-pricing-toggle-wrapper reveal\">\n      \u003Cdiv class=\"smplx-pricing-toggle\">\n        \u003Cbutton class=\"smplx-toggle-btn smplx-toggle-active\" data-period=\"monthly\">Monthly\u003C\u002Fbutton>\n        \u003Cbutton class=\"smplx-toggle-btn\" data-period=\"annual\">Annual \u003Cspan class=\"smplx-toggle-save\">Save 44%\u003C\u002Fspan>\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \n    \u003C!-- Cards Grid -->\n    \u003Cdiv class=\"smplx-pricing-cards-grid\">\n      \n      \u003C!-- CORE — enters first -->\n      \u003Cdiv class=\"smplx-pricing-card reveal\" style=\"--reveal-delay: 0ms;\">\n        \u003Cdiv class=\"smplx-card-header\">\n          \u003Ch3 class=\"smplx-card-tier\">Core\u003C\u002Fh3>\n          \u003Cp class=\"smplx-card-tagline\">Never miss a lead again.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"smplx-card-price\">\n          \u003Cspan class=\"smplx-price-currency\">$\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-amount\" data-monthly=\"297\" data-annual=\"166\">297\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-period\">\u002Fmonth\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"smplx-price-billing smplx-annual-note\" style=\"display:none;\">Billed annually ($1,992\u002Fyear)\u003C\u002Fp>\n        \u003Cul class=\"smplx-card-outcomes\">\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Every call answered — even at 2am\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Missed calls get texted back instantly\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Appointments booked to your calendar\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>No-shows followed up automatically\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Old leads re-engaged and reactivated\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>All conversations in one inbox\u003C\u002Fspan>\n          \u003C\u002Fli>\n        \u003C\u002Ful>\n        \u003Ca href=\"\u002Fcheck-out-core\" class=\"smplx-card-cta smplx-ripple\">Start 14-Day Trial\u003C\u002Fa>\n        \u003Cp class=\"smplx-card-best-for\">\u003Cstrong>Best for:\u003C\u002Fstrong> Single-location gyms, medspas, clinics\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \n      \u003C!-- MOMENTUM (Popular) — enters second, has beacon -->\n      \u003Cdiv class=\"smplx-pricing-card smplx-card-popular reveal\" style=\"--reveal-delay: 120ms;\">\n        \u003Cdiv class=\"smplx-popular-badge\">Most Popular\u003C\u002Fdiv>\n        \u003Cdiv class=\"smplx-card-header\">\n          \u003Ch3 class=\"smplx-card-tier\">Momentum\u003C\u002Fh3>\n          \u003Cp class=\"smplx-card-tagline\">Scale without hiring.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"smplx-card-price\">\n          \u003Cspan class=\"smplx-price-currency\">$\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-amount\" data-monthly=\"397\" data-annual=\"333\">397\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-period\">\u002Fmonth\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"smplx-price-billing smplx-annual-note\" style=\"display:none;\">
3966Billed annually ($3,996\u002Fyear)\u003C\u002Fp>\n        \u003Cul class=\"smplx-card-outcomes\">\n          \u003Cli class=\"smplx-outcome-includes\">\u003Cspan>Everything in Core, plus:\u003C\u002Fspan>\u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Custom AI trained on \u003Cem>your\u003C\u002Fem> business\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>SOPs and scripts handled by AI\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Team gets AI-powered support tools\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Hiring workflows automated\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Internal knowledge base for staff\u003C\u002Fspan>\n          \u003C\u002Fli>\n        \u003C\u002Ful>\n        \u003C!-- CTA Pulse\u002FBeacon: ONLY on recommended plan -->\n        \u003Ca href=\"\u002Fcheck-out-momentum\" class=\"smplx-card-cta smplx-cta-popular smplx-cta-beacon smplx-ripple\">\n          Start 14-Day Trial\n          \u003Csvg class=\"smplx-arrow-nudge\" width=\"16\" height=\"16\" 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        \u003Cp class=\"smplx-card-best-for\">\u003Cstrong>Best for:\u003C\u002Fstrong> Multi-location or high-volume practices\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \n      \u003C!-- APEX — enters last (peak-end effect) -->\n      \u003Cdiv class=\"smplx-pricing-card reveal\" style=\"--reveal-delay: 240ms;\">\n        \u003Cdiv class=\"smplx-card-header\">\n          \u003Ch3 class=\"smplx-card-tier\">Apex\u003C\u002Fh3>\n          \u003Cp class=\"smplx-card-tagline\">Your brand, engineered to convert.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"smplx-card-price\">\n          \u003Cspan class=\"smplx-price-currency\">$\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-amount\" data-monthly=\"597\" data-annual=\"499\">597\u003C\u002Fspan>\n          \u003Cspan class=\"smplx-price-period\">\u002Fmonth\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"smplx-price-billing smplx-annual-note\" style=\"display:none;\">Billed annually ($5,988\u002Fyear)\u003C\u002Fp>\n        \u003Cul class=\"smplx-card-outcomes\">\n          \u003Cli class=\"smplx-outcome-includes\">\u003Cspan>Everything in Momentum, plus:\u003C\u002Fspan>\u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Brand voice &amp; messaging locked in\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>AI trained on your exact offers\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Product positioning that converts\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Custom hooks, angles, and scripts\u003C\u002Fspan>\n          \u003C\u002Fli>\n          \u003Cli>\n            \u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\n            \u003Cspan>Full brand playbook delivered\u003C\u002Fspan>\n          \u003C\u002Fli>\n        \u003C\u002Ful>\n        \u003Ca href=\"\u002Fcheck-out-apex\" class=\"smplx-card-cta smplx-ripple\">Start 14-Day Trial\u003C\u002Fa>\n        \u003Cp class=\"smplx-card-best-for\">\u003Cstrong>Best for:\u003C\u002Fstrong> Brands ready to scale with AI\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \n    \u003C\u002Fdiv>\n    \n    \u003C!-- ⑥ Security \u002F Trust Badges -->\n    \u003Cdiv class=\"smplx-pricing-trust reveal\">\n      \u003Cdiv class=\"smplx-trust-item\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>No setup fees\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-trust-item\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpolyline points=\"12 6 12 12 16 14\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>Live in 48 hours\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-trust-item\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\u002F>\u003Cpath d=\"M3 9h18\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>No long-term contracts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-trust-item\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u002F>\u003Cpolyline points=\"22 4 12 14.01 9 11.01\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>Cancel anytime\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 4: WHAT'S INCLUDED\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-included\">\n  \u003Cdiv class=\"smplx-pricing-included-inner\">\n    \u003Ch2 class=\"smplx-included-headline reveal\">What Every Plan Includes\u003C\u002Fh2>\n    \u003Cdiv class=\"smplx-included-grid\">\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 0ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\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>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>AI Answers Calls\u003C\u002Fh4>\n        \u003Cp>Real conversations, not robotic scripts\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 60ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>Instant Text-Back\u003C\u002Fh4>\n        \u003Cp>Missed calls replied to in seconds\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 120ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u002F>\u003Cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u002F>\u003Cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u002F>\u003Cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>Auto-Booking\u003C\u002Fh4>\n        \u003Cp>Appointments land on your calendar\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 180ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpolyline points=\"12 6 12 12 16 14\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>24\u002F7 Coverage\u003C\u002Fh4>\n        \u003Cp>Nights, weekends, holidays — covered\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 240ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u002F>\u003Cpolyline points=\"22 4 12 14.01 9 11.01\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>Confirmations\u003C\u002Fh4>\n        \u003Cp>Reminders sent so they show up\u003C\u002Fp>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-included-item reveal\" style=\"--reveal-delay: 300ms;\">\n        \u003Cdiv class=\"smplx-included-icon\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u002F>\u003Ccircle cx=\"9\" cy=\"7\" r=\"4\"\u002F>\u003Cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\u002F>\u003Cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"\u002F>\u003C\u002Fsvg>\n        \u003C\u002Fdiv>\n        \u003Ch4>No-Show Recovery\u003C\u002Fh4>\n        \u003Cp>Automated follow-up to rebook\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 5: SOCIAL PROOF\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-proof\">\n  \u003Cdiv class=\"smplx-pricing-proof-inner\">\n    \u003Cdiv class=\"smplx-proof-stats\">\n      \u003Cdiv class=\"smplx-proof-stat reveal\">\n        \u003Cspan class=\"smplx-stat-number smplx-counter\" data-target=\"53\">0\u003C\u002Fspan>\u003Cspan class=\"smplx-stat-suffix\">%\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-stat-label\">More Appointments\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-proof-divider\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-proof-stat reveal\" style=\"--reveal-delay: 100ms;\">\n        \u003Cspan class=\"smplx-stat-number smplx-counter\" data-target=\"82\">0\u003C\u002Fspan>\u003Cspan class=\"smplx-stat-suffix\">%\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-stat-label\">Fully Automated\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-proof-divider\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-proof-stat reveal\" style=\"--reveal-delay: 200ms;\">\n        \u003Cspan class=\"smplx-stat-number smplx-counter\" data-target=\"50\">0\u003C\u002Fspan>\u003Cspan class=\"smplx-stat-suffix\">%\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-stat-label\">Show Rate Increase\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-testimonial reveal\">\n      \u003Cblockquote class=\"smplx-testimonial-quote\">\n        \"Simplex AI booked \u003Cstrong>47 extra appointments\u003C\u002Fstrong> last month that we would have missed. It paid for itself in the first week.\"\n      \u003C\u002Fblockquote>\n      \u003Cdiv class=\"smplx-testimonial-author\">\n        \u003Cspan class=\"smplx-author-name\">— Sarah M.\u003C\u002Fspan>\n        \u003Cspan class=\"smplx-author-title\">Owner, Peak Performance Fitness\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-logos reveal\">\n      \u003Cp class=\"smplx-logos-label\">Trusted by gyms, medspas &amp; clinics\u003C\u002Fp>\n      \u003Cdiv class=\"smplx-logos-track\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F68354a0fa0411e20ebe362c8.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F68354a0f66829ddef68f36bc.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F681e46fab4903bd724cf3fcd.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F66ed11ddce539eabb0392192.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F68354a1080f719c2b09be1bc.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F66ed12438a6ce1661835628f.png\" alt=\"Client logo\" class=\"smplx-logo-img\" loading=\"lazy\">\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 6: FAQ (⑩ Accordion)\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-faq\">\n  \u003Cdiv class=\"smplx-pricing-faq-inner\">\n    \u003Ch2 class=\"smplx-faq-headline reveal\">
3966Questions? We've Got Answers.\u003C\u002Fh2>\n    \u003Cdiv class=\"smplx-faq-grid\">\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 0ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          Can I switch plans later?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>Yes. Upgrade or downgrade anytime. Changes take effect on your next billing cycle.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 60ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          Is there a setup fee?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>No. Zero setup fees. We get you live in 48 hours or less.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 120ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          What if I want to cancel?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>Cancel anytime from your dashboard. No penalties, no questions asked.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 180ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          Does the AI sound robotic?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>No. Sammy holds natural conversations, adjusts based on context, and sounds human. Most callers don't realize they're talking to AI.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 240ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          Will it work with my calendar?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>Yes. Simplex AI syncs with Google Calendar, Calendly, Mindbody, Vagaro, Acuity, and most booking systems.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-faq-item reveal\" style=\"--reveal-delay: 300ms;\">\n        \u003Cbutton class=\"smplx-faq-question\" aria-expanded=\"false\">\n          What happens during the 14-day trial?\n          \u003Csvg class=\"smplx-faq-chevron\" width=\"18\" height=\"18\" 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        \u003Cdiv class=\"smplx-faq-answer\">\n          \u003Cp>Full access to your plan. If it's not for you, cancel before day 14 — no charge.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     SECTION 7: FINAL CTA\n     ========================================== -->\n\u003Csection class=\"smplx-pricing-final-cta\">\n  \u003Cdiv class=\"smplx-pricing-final-inner reveal\">\n    \u003C!-- ⑥ Security Bar (at decision point) -->\n    \u003Cdiv class=\"smplx-security-bar\">\n      \u003Cdiv class=\"smplx-security-item\">\n        \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>256-bit encrypted\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-security-item\">\n        \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>99.9% uptime\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"smplx-security-item\">\n        \u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u002F>\u003Cpolyline points=\"22 4 12 14.01 9 11.01\"\u002F>\u003C\u002Fsvg>\n        \u003Cspan>Cancel anytime\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Ch2 class=\"smplx-final-headline\">\n      Still Missing Calls?\u003Cbr>\n      \u003Cspan class=\"smplx-gradient-green\">Let's Fix That.\u003C\u002Fspan>\n    \u003C\u002Fh2>\n    \u003Cp class=\"smplx-final-subhead\">\n      Book a quick call. We'll show you exactly how many appointments you're losing — and how to get them back.\n    \u003C\u002Fp>\n    \u003Cdiv class=\"smplx-final-cta-group\">\n      \u003Ca href=\"\u002Fai-receptionist#try-sammy\" class=\"smplx-final-cta-primary smplx-cta-beacon smplx-ripple\">\n        See How Many Calls You're Missing\n        \u003Csvg class=\"smplx-arrow-nudge\" width=\"18\" height=\"18\" 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      \u003Cp class=\"smplx-final-cta-sub\">Takes 2 minutes. No obligation.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003C!-- ==========================================\n     ③ SOCIAL PROOF POPUP (fixed position)\n     ========================================== -->\n\u003Cdiv class=\"smplx-proof-popup\" id=\"proofPopup\">\n  \u003Cdiv class=\"smplx-proof-avatar\" id=\"proofAvatar\">🏋️\u003C\u002Fdiv>\n  \u003Cdiv class=\"smplx-proof-text\">\n    \u003Cdiv class=\"smplx-proof-name\" id=\"proofName\">Sarah M.\u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-action\" id=\"proofAction\">just booked a demo\u003C\u002Fdiv>\n    \u003Cdiv class=\"smplx-proof-time\" id=\"proofTime\">2 min ago\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cbutton class=\"smplx-proof-close\" onclick=\"document.getElementById('proofPopup').classList.remove('visible')\" aria-label=\"Dismiss notification\">✕\u003C\u002Fbutton>\n\u003C\u002Fdiv>\n\n\n\u003C!-- ==========================================\n     STYLES — SMPLX DESIGN SYSTEM\n     Variable-driven. Zero hardcoded hex in selectors.\n     ========================================== -->\n\u003Cstyle>\n  \u002F* ==========================================\n     DESIGN TOKENS (from Theme Configurator)\n     ========================================== *\u002F\n  :root {\n    --brand-primary: #34d399;\n    --brand-primary-hover: #10b981;\n    --brand-primary-rgb: 52, 211, 153;\n    --brand-accent-red: #f87171;\n    --brand-accent-red-rgb: 248, 113, 113;\n    --brand-accent-blue: #60a5fa;\n    --brand-accent-blue-rgb: 96, 165, 250;\n\n    --font-display: 'Outfit', system-ui, sans-serif;\n    --font-body: 'Inter', system-ui, sans-serif;\n\n    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;\n    --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;\n    --space-12: 48px; --space-16: 64px;\n\n    --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem;\n    --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem;\n    --text-3xl: 1.875rem; --text-4xl: 2.25rem;\n\n    --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;\n    --radius-xl: 16px; --radius-2xl: 20px; --radius-full: 100px;\n\n    \u002F* Motion tokens *\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    --motion-fast: 180ms;\n    --motion-normal: 280ms;\n    --motion-slow: 400ms;\n    --motion-dramatic: 600ms;
3966\n    --motion-shift-sm: 4px;\n    --motion-shift-md: 8px;\n    --motion-shift-lg: 16px;\n\n    \u002F* Glow *\u002F\n    --glow-sm: 0 0 15px rgba(var(--brand-primary-rgb), 0.2);\n    --glow-md: 0 0 25px rgba(var(--brand-primary-rgb), 0.25);\n    --glow-lg: 0 0 40px rgba(var(--brand-primary-rgb), 0.3);\n\n    \u002F* Surface *\u002F\n    --surface-card: 0.03;\n    --surface-card-hover: 0.06;\n    --surface-border: 0.08;\n    --surface-border-hover: 0.15;\n\n    \u002F* Theme: Dark (default) *\u002F\n    --color-bg-primary: #0a0e17;\n    --color-bg-secondary: #0f1520;\n    --color-bg-tertiary: #141b27;\n    --color-text: #f1f5f9;\n    --color-text-secondary: #94a3b8;\n    --color-text-muted: #64748b;\n    --color-text-faint: #475569;\n    --color-border: rgba(255,255,255, 0.08);\n    --glass-bg: rgba(255,255,255, 0.04);\n    --glass-bg-hover: rgba(255,255,255, 0.08);\n    --glass-border: rgba(255,255,255, 0.08);\n    --glass-border-hover: rgba(255,255,255, 0.15);\n    --card-shadow: 0 4px 20px rgba(0,0,0,0.4);\n    --card-shadow-hover: 0 8px 32px rgba(0,0,0,0.5), 0 0 20px rgba(var(--brand-primary-rgb), 0.08);\n\n    \u002F* Proof popup *\u002F\n    --proof-bg: rgba(15, 21, 32, 0.9);\n    --proof-border: rgba(255,255,255,0.08);\n    --proof-shadow: 0 8px 30px rgba(0,0,0,0.5);\n  }\n\n\n  \u002F* ==========================================\n     BASE RESET\n     ========================================== *\u002F\n  .smplx-pricing-hero,\n  .smplx-pricing-compare-section,\n  .smplx-pricing-cards-section,\n  .smplx-pricing-included,\n  .smplx-pricing-proof,\n  .smplx-pricing-faq,\n  .smplx-pricing-final-cta {\n    box-sizing: border-box;\n    font-family: var(--font-body);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  *, *::before, *::after { box-sizing: inherit; }\n\n\n  \u002F* ==========================================\n     MOTION LAYER 2: Scroll Reveal (stagger)\n     ========================================== *\u002F\n  .reveal {\n    opacity: 0;\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    transition-delay: var(--reveal-delay, 0ms);\n  }\n  .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n\n  \u002F* ==========================================\n     MOTION LAYER 2: CTA Pulse \u002F Beacon\n     Only on recommended plan CTA\n     ========================================== *\u002F\n  .smplx-cta-beacon {\n    position: relative;\n    overflow: visible;\n  }\n  .smplx-cta-beacon::after {\n    content: '';\n    position: absolute;\n    inset: -3px;\n    border-radius: inherit;\n    background: linear-gradient(135deg,\n      rgba(var(--brand-primary-rgb), 0.4),\n      rgba(var(--brand-accent-blue-rgb), 0.2));\n    opacity: 0;\n    z-index: -1;\n    animation: cta-beacon 2.5s ease-in-out infinite;\n  }\n  @keyframes cta-beacon {\n    0%, 100% { opacity: 0; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.04); }\n  }\n\n\n  \u002F* ==========================================\n     MOTION LAYER 2: Hover Cards (lift + glow)\n     ========================================== *\u002F\n  .smplx-pricing-card {\n    transition:\n      transform var(--motion-slow) var(--ease-out-expo),\n      border-color var(--motion-normal) ease,\n      box-shadow var(--motion-slow) var(--ease-out-expo);\n  }\n  .smplx-pricing-card:hover {\n    transform: translateY(calc(-1 * var(--motion-shift-sm)));\n    border-color: var(--glass-border-hover);\n    box-shadow: var(--card-shadow-hover);\n  }\n\n\n  \u002F* ==========================================\n     MOTION LAYER 2: Ripple Effect + Arrow Nudge\n     ========================================== *\u002F\n  .smplx-ripple {\n    position: relative;\n    overflow: hidden;\n  }\n  .smplx-ripple .ripple-ring {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(255,255,255, 0.3);\n    transform: scale(0);\n    animation: ripple-expand 0.6s ease-out forwards;\n    pointer-events: none;\n  }\n  @keyframes ripple-expand {\n    to { transform: scale(4); opacity: 0; }\n  }\n\n  .smplx-arrow-nudge {\n    transition: transform var(--motion-fast) var(--ease-out-expo);\n    flex-shrink: 0;\n  }
3966\n  .smplx-cta-popular:hover .smplx-arrow-nudge,\n  .smplx-final-cta-primary:hover .smplx-arrow-nudge {\n    transform: translateX(var(--motion-shift-sm));\n  }\n\n\n  \u002F* ==========================================\n     BEHAVIOR LAYER 3: ① Directional Cue\n     ========================================== *\u002F\n  .smplx-directional-arrow {\n    display: flex;\n    justify-content: center;\n    margin-top: var(--space-8);\n  }\n  .smplx-arrow-bounce {\n    color: var(--brand-primary);\n    opacity: 0.5;\n    animation: arrow-bounce 2s var(--ease-out-expo) infinite;\n  }\n  @keyframes arrow-bounce {\n    0%, 100% { transform: translateY(0); opacity: 0.4; }\n    50% { transform: translateY(8px); opacity: 0.8; }\n  }\n\n\n  \u002F* ==========================================\n     HERO\n     ========================================== *\u002F\n  .smplx-pricing-hero {\n    background: linear-gradient(180deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);\n    padding: 120px var(--space-6) 48px;\n    text-align: center;\n  }\n  .smplx-pricing-hero-inner { max-width: 800px; margin: 0 auto; }\n  .smplx-pricing-eyebrow {\n    font-size: var(--text-xs);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: var(--brand-primary);\n    margin: 0 0 var(--space-4);\n  }\n  .smplx-pricing-h1 {\n    font-family: var(--font-display);\n    font-size: clamp(2.25rem, 6vw, 3.5rem);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n    color: var(--color-text);\n    margin: 0 0 var(--space-5);\n  }\n  .smplx-gradient-green {\n    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n  .smplx-pricing-subhead {\n    font-size: var(--text-lg);\n    color: var(--color-text-secondary);\n    line-height: 1.65;\n    margin: 0 0 var(--space-8);\n  }\n  .smplx-pricing-tease {\n    display: inline-flex;\n    align-items: baseline;\n    gap: var(--space-2);\n    padding: var(--space-3) var(--space-6);\n    background: rgba(var(--brand-primary-rgb), 0.08);\n    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);\n    border-radius: var(--radius-full);\n  }\n  .smplx-tease-label { font-size: var(--text-sm); color: var(--color-text-muted); }\n  .smplx-tease-price {\n    font-family: var(--font-display);\n    font-size: var(--text-2xl);\n    font-weight: 700;\n    color: var(--brand-primary);\n  }\n  .smplx-tease-period { font-size: var(--text-base); font-weight: 500; color: var(--color-text-muted); }\n\n\n  \u002F* ==========================================\n     COMPARISON STRIP (⑦ Price Anchoring)\n     ========================================== *\u002F\n  .smplx-pricing-compare-section {\n    background: var(--color-bg-primary);\n    padding: var(--space-12) var(--space-6);\n    border-top: 1px solid var(--color-border);\n    border-bottom: 1px solid var(--color-border);\n  }\n  .smplx-pricing-compare-inner { max-width: 1000px; margin: 0 auto; }\n  .smplx-compare-headline {\n    text-align: center;\n    font-size: var(--text-xs);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: var(--color-text-muted);\n    margin: 0 0 var(--space-6);\n  }\n  .smplx-compare-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--space-4);\n  }\n  .smplx-compare-item {\n    padding: var(--space-5);\n    border-radius: var(--radius-lg);\n    text-align: center;\n  }\n  .smplx-compare-bad {\n    background: rgba(var(--brand-accent-red-rgb), 0.06);\n    border: 1px solid rgba(var(--brand-accent-red-rgb), 0.12);\n  }\n  .smplx-compare-good {\n    background: rgba(var(--brand-primary-rgb), 0.1);\n    border: 1px solid rgba(var(--brand-primary-rgb), 0.25);\n  }\n  .smplx-compare-label {\n    display: block;\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n    margin-bottom: var(--space-1);\n    line-height: 1.4;\n  }\n  .smplx-compare-label em { font-style: italic;
3966 opacity: 0.8; }\n  .smplx-compare-cost {\n    display: block;\n    font-family: var(--font-display);\n    font-size: var(--text-xl);\n    font-weight: 800;\n  }\n  .smplx-compare-per { font-size: var(--text-sm); font-weight: 500; opacity: 0.6; }\n  .smplx-compare-bad .smplx-compare-cost { color: var(--brand-accent-red); }\n  .smplx-compare-good .smplx-compare-cost { color: var(--brand-primary); }\n\n  @media (max-width: 768px) {\n    .smplx-compare-strip { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 480px) {\n    .smplx-compare-strip { grid-template-columns: 1fr; }\n  }\n\n\n  \u002F* ==========================================\n     PRICING CARDS\n     ========================================== *\u002F\n  .smplx-pricing-cards-section {\n    background: var(--color-bg-secondary);\n    padding: var(--space-16) var(--space-6);\n  }\n  .smplx-pricing-cards-inner { max-width: 1100px; margin: 0 auto; }\n\n  \u002F* Toggle *\u002F\n  .smplx-pricing-toggle-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-bottom: var(--space-12);\n  }\n  .smplx-pricing-toggle {\n    display: inline-flex;\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-full);\n    padding: 4px;\n  }\n  .smplx-toggle-btn {\n    padding: var(--space-3) var(--space-6);\n    font-size: var(--text-sm);\n    font-weight: 600;\n    font-family: var(--font-body);\n    color: var(--color-text-muted);\n    background: transparent;\n    border: none;\n    border-radius: var(--radius-full);\n    cursor: pointer;\n    transition: all var(--motion-normal) ease;\n  }\n  .smplx-toggle-btn.smplx-toggle-active {\n    background: rgba(255,255,255, 0.1);\n    color: var(--color-text);\n  }\n  .smplx-toggle-save {\n    display: inline-block;\n    margin-left: var(--space-1);\n    padding: 2px 8px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--color-bg-primary);\n    background: var(--brand-primary);\n    border-radius: var(--radius-full);\n  }\n\n  \u002F* Grid *\u002F\n  .smplx-pricing-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: var(--space-6);\n    margin-bottom: var(--space-10);\n  }\n\n  \u002F* Card base *\u002F\n  .smplx-pricing-card {\n    background: rgba(255,255,255, var(--surface-card));\n    border: 1px solid rgba(255,255,255, var(--surface-border));\n    border-radius: var(--radius-2xl);\n    padding: var(--space-8);\n    position: relative;\n  }\n\n  \u002F* Popular card *\u002F\n  .smplx-card-popular {\n    border-color: rgba(var(--brand-primary-rgb), 0.3);\n    background: rgba(var(--brand-primary-rgb), 0.04);\n  }\n  .smplx-card-popular::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);\n    border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\n  }\n  .smplx-popular-badge {\n    position: absolute;\n    top: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px var(--space-4);\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: var(--color-bg-primary);\n    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);\n    border-radius: var(--radius-full);\n    white-space: nowrap;\n  }\n\n  \u002F* Card inner *\u002F\n  .smplx-card-header { text-align: center; margin-bottom: var(--space-6); }\n  .smplx-card-tier {\n    font-family: var(--font-display);\n    font-size: var(--text-2xl);\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-1);\n  }\n  .smplx-card-tagline {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin: 0;\n    font-style: italic;\n  }\n\n  \u002F* Price *\u002F\n  .smplx-card-price {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 2px;\n    margin-bottom: var(--space-2);\n  }\n  .smplx-price-currency {\n    font-size: var(--text-xl);\n    font-weight: 700;\n    color: var(--color-text);\n    margin-top: 8px;\n  }\n  .smplx-price-amount {\n    font-family: var(--font-display);\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1;\n    color: var(--color-text);\n    letter-spacing: -0.03em;\n    transition: all var(--motion-normal) var(--ease-out-expo);\n  }\n  .smplx-price-period {\n    font-size: var(--text-base);\n    font-weight: 500;\n    color: var(--color-text-muted);
3966\n    align-self: flex-end;\n    margin-bottom: 8px;\n  }\n  .smplx-price-billing {\n    text-align: center;\n    font-size: var(--text-xs);\n    color: var(--color-text-faint);\n    margin: 0 0 var(--space-6);\n  }\n\n  \u002F* Outcomes *\u002F\n  .smplx-card-outcomes { list-style: none; padding: 0; margin: 0 0 var(--space-6); }\n  .smplx-card-outcomes li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--color-border);\n    font-size: var(--text-sm);\n    color: var(--color-text-secondary);\n    line-height: 1.5;\n  }\n  .smplx-card-outcomes li:last-child { border-bottom: none; }\n  .smplx-card-outcomes svg { color: var(--brand-primary); flex-shrink: 0; margin-top: 2px; }\n  .smplx-card-outcomes em { color: var(--color-text); font-style: normal; font-weight: 600; }\n  .smplx-outcome-includes { border-bottom: none !important; padding-bottom: 0 !important; }\n  .smplx-outcome-includes span {\n    font-weight: 600;\n    color: var(--color-text-muted);\n    font-size: var(--text-xs);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  \u002F* CTA *\u002F\n  .smplx-card-cta {\n    display: block;\n    width: 100%;\n    padding: var(--space-4);\n    font-size: 15px;\n    font-weight: 700;\n    font-family: var(--font-body);\n    text-align: center;\n    color: var(--color-text);\n    background: rgba(255,255,255, 0.06);\n    border: 1px solid rgba(255,255,255, var(--surface-border-hover));\n    border-radius: var(--radius-lg);\n    text-decoration: none;\n    transition: all var(--motion-normal) ease;\n    margin-bottom: var(--space-4);\n  }\n  .smplx-card-cta:hover {\n    background: rgba(255,255,255, 0.1);\n    border-color: rgba(255,255,255, 0.25);\n  }\n  .smplx-cta-popular {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--space-2);\n    width: 100%;\n    color: var(--color-bg-primary);\n    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);\n    border: none;\n  }\n  .smplx-cta-popular:hover {\n    opacity: 0.92;\n    transform: translateY(-2px);\n    box-shadow: var(--glow-md);\n  }\n  .smplx-card-best-for {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n    text-align: center;\n    margin: 0;\n    line-height: 1.4;\n  }\n  .smplx-card-best-for strong { color: var(--color-text-secondary); }\n\n  \u002F* Trust badges *\u002F\n  .smplx-pricing-trust {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: var(--space-6) var(--space-10);\n  }\n  .smplx-trust-item {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    font-size: var(--text-sm);\n    font-weight: 500;\n    color: var(--color-text-muted);\n  }\n  .smplx-trust-item svg { color: var(--color-text-faint); }\n\n\n  \u002F* ==========================================\n     WHAT'S INCLUDED\n     ========================================== *\u002F\n  .smplx-pricing-included {\n    background: var(--color-bg-primary);\n    padding: var(--space-16) var(--space-6);\n  }\n  .smplx-pricing-included-inner { max-width: 1000px; margin: 0 auto; }\n  .smplx-included-headline {\n    text-align: center;\n    font-family: var(--font-display);\n    font-size: clamp(1.5rem, 3vw, var(--text-3xl));\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-10);\n  }\n  .smplx-included-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: var(--space-6);\n  }\n  .smplx-included-item { text-align: center; padding: var(--space-6); }\n  .smplx-included-icon {\n    width: 56px; height: 56px;\n    margin: 0 auto var(--space-4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(var(--brand-primary-rgb), 0.08);\n    border-radius: var(--radius-xl);\n    color: var(--brand-primary);\n  }\n  .smplx-included-item h4 {\n    font-family: var(--font-display);\n    font-size: var(--text-base);\n    font-weight: 600;\n    color: var(--color-text);\n    margin: 0 0 var(--space-1);\n  }\n  .smplx-included-item p {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 768px) { .smplx-included-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 480px) { .smplx-included-grid { grid-template-columns: 1fr; } }\n\n\n  \u002F* ==========================================\n     SOCIAL PROOF\n     ========================================== *\u002F\n  .smplx-pricing-proof {\n    background: var(--color-bg-secondary);\n    padding: var(--space-16) var(--space-6);\n    border-top: 1px solid var(--color-border);\n  }\n  .smplx-pricing-proof-inner { max-width: 900px; margin: 0 auto; }\n\n  .smplx-proof-stats {\n    display: flex;
3966\n    align-items: center;\n    justify-content: center;\n    gap: var(--space-10);\n    margin-bottom: var(--space-12);\n  }\n  .smplx-proof-stat { text-align: center; }\n  .smplx-stat-number {\n    font-family: var(--font-display);\n    font-size: clamp(2rem, 5vw, 2.75rem);\n    font-weight: 800;\n    color: var(--color-text);\n    line-height: 1;\n  }\n  .smplx-stat-suffix {\n    font-family: var(--font-display);\n    font-size: clamp(1.5rem, 3vw, 2rem);\n    font-weight: 800;\n    color: var(--brand-primary);\n  }\n  .smplx-stat-label {\n    display: block;\n    font-size: var(--text-xs);\n    font-weight: 500;\n    color: var(--color-text-muted);\n    margin-top: var(--space-1);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n  .smplx-proof-divider {\n    width: 1px;\n    height: 48px;\n    background: var(--color-border);\n  }\n\n  .smplx-proof-testimonial {\n    text-align: center;\n    margin-bottom: var(--space-12);\n    padding: var(--space-8);\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-2xl);\n  }\n  .smplx-testimonial-quote {\n    font-size: var(--text-xl);\n    color: var(--color-text-secondary);\n    line-height: 1.65;\n    margin: 0 0 var(--space-4);\n    font-style: italic;\n  }\n  .smplx-testimonial-quote strong {\n    color: var(--brand-primary);\n    font-style: normal;\n    font-weight: 700;\n  }\n  .smplx-testimonial-author { display: flex; align-items: center; justify-content: center; gap: var(--space-2); }\n  .smplx-author-name { font-weight: 600; color: var(--color-text); font-size: var(--text-sm); }\n  .smplx-author-title { color: var(--color-text-muted); font-size: var(--text-sm); }\n\n  .smplx-proof-logos { text-align: center; }\n  .smplx-logos-label {\n    font-size: var(--text-xs);\n    color: var(--color-text-faint);\n    margin: 0 0 var(--space-5);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n  .smplx-logos-track {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: var(--space-8);\n  }\n  .smplx-logo-img {\n    height: 32px;\n    width: auto;\n    opacity: 0.5;\n    filter: grayscale(100%) brightness(2);\n    transition: all var(--motion-normal) ease;\n  }\n  .smplx-logo-img:hover { opacity: 1; filter: grayscale(0%) brightness(1); }\n\n  @media (max-width: 640px) {\n    .smplx-proof-stats { flex-direction: column; gap: var(--space-6); }\n    .smplx-proof-divider { width: 40px; height: 1px; }\n  }\n\n\n  \u002F* ==========================================\n     FAQ (⑩ Accordion)\n     ========================================== *\u002F\n  .smplx-pricing-faq {\n    background: var(--color-bg-primary);\n    padding: var(--space-16) var(--space-6);\n  }\n  .smplx-pricing-faq-inner { max-width: 700px; margin: 0 auto; }\n  .smplx-faq-headline {\n    text-align: center;\n    font-family: var(--font-display);\n    font-size: clamp(1.5rem, 3vw, var(--text-3xl));\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-8);\n  }\n  .smplx-faq-grid { display: flex; flex-direction: column; gap: var(--space-3); }\n\n  .smplx-faq-item {\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    transition: border-color var(--motion-fast) ease;\n  }\n  .smplx-faq-item:hover { border-color: var(--glass-border-hover); }\n\n  .smplx-faq-question {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--space-5) var(--space-6);\n    font-size: 15px;\n    font-weight: 600;\n    font-family: var(--font-body);\n    color: var(--color-text);\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    text-align: left;\n    transition: color var(--motion-fast) ease;\n  }\n  .smplx-faq-question:hover { color: var(--brand-primary); }\n\n  .smplx-faq-chevron {\n    color: var(--color-text-muted);\n    transition: transform var(--motion-normal) var(--ease-out-expo);\n    flex-shrink: 0;\n  }\n  .smplx-faq-item.open .smplx-faq-chevron { transform: rotate(180deg); }\n\n  .smplx-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height var(--motion-slow) var(--ease-out-expo);\n  }\n  .smplx-faq-item.open .smplx-faq-answer { max-height: 200px; }\n  .smplx-faq-answer p {\n    padding: 0 var(--space-6) var(--space-5);\n    font-size: var(--text-sm);\n    color: var(--color-text-secondary);\n    line-height: 1.7;\n    margin: 0;\n  }\n\n\n  \u002F* ==========================================\n     FINAL CTA\n     ========================================== *\u002F\n  .smplx-pricing-final-cta {\n    background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);\n    padding: 80px var(--space-6);\n    text-align: center;\n  }\n  .smplx-pricing-final-inner { max-width: 600px; margin: 0 auto; }\n  .smplx-final-headline {\n    font-family: var(--font-display);\n    font-size: clamp(1.75rem, 4vw, var(--text-4xl));\n    font-weight: 700;\n    color: var(--color-text);\n    margin: 0 0 var(--space-4);\n    line-height: 1.15;\n  }\n  .smplx-final-subhead {\n    font-size: var(--text-lg);\n    color: var(--color-text-secondary);\n    margin: 0 0 var(--space-8);\n    line-height: 1.65;\n  }\n  .smplx-final-cta-group { display: flex; flex-direction: column; align-items: center; }\n  .smplx-final-cta-primary {\n    display: inline-flex;
3966\n    align-items: center;\n    gap: 10px;\n    padding: 18px 36px;\n    font-size: var(--text-base);\n    font-weight: 700;\n    font-family: var(--font-body);\n    color: var(--color-bg-primary);\n    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent-blue) 100%);\n    border: none;\n    border-radius: var(--radius-lg);\n    text-decoration: none;\n    transition: all var(--motion-normal) ease;\n    box-shadow: 0 4px 20px rgba(var(--brand-primary-rgb), 0.3);\n  }\n  .smplx-final-cta-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(var(--brand-primary-rgb), 0.4);\n  }\n  .smplx-final-cta-sub {\n    font-size: var(--text-xs);\n    color: var(--color-text-faint);\n    margin: var(--space-3) 0 0;\n  }\n\n  \u002F* ⑥ Security bar *\u002F\n  .smplx-security-bar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--space-5);\n    flex-wrap: wrap;\n    margin-bottom: var(--space-8);\n    font-size: var(--text-xs);\n    color: var(--color-text-faint);\n  }\n  .smplx-security-item { display: flex; align-items: center; gap: 6px; }\n  .smplx-security-item svg { opacity: 0.5; }\n\n\n  \u002F* ==========================================\n     ③ SOCIAL PROOF POPUP\n     ========================================== *\u002F\n  .smplx-proof-popup {\n    position: fixed;\n    bottom: 24px;\n    left: 24px;\n    z-index: 900;\n    display: flex;\n    align-items: center;\n    gap: var(--space-3);\n    padding: var(--space-3) var(--space-5) var(--space-3) var(--space-3);\n    background: var(--proof-bg);\n    border: 1px solid var(--proof-border);\n    border-radius: var(--radius-xl);\n    box-shadow: var(--proof-shadow);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\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    max-width: 340px;\n  }\n  .smplx-proof-popup.visible {\n    transform: translateX(0) scale(1);\n    opacity: 1;\n  }\n  .smplx-proof-avatar {\n    width: 40px; height: 40px;\n    border-radius: var(--radius-lg);\n    background: rgba(var(--brand-primary-rgb), 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 1.2rem;\n  }\n  .smplx-proof-text { display: flex; flex-direction: column; gap: 2px; }\n  .smplx-proof-name { font-weight: 700; font-size: var(--text-sm); color: var(--color-text); }\n  .smplx-proof-action { font-size: var(--text-xs); color: var(--color-text-secondary); }\n  .smplx-proof-time { font-size: 11px; color: var(--color-text-faint); }\n  .smplx-proof-close {\n    background: none; border: none; color: var(--color-text-faint);\n    cursor: pointer; font-size: 14px; padding: var(--space-1);\n    position: absolute; top: var(--space-2); right: var(--space-2);\n  }\n\n\n  \u002F* ==========================================\n     RESPONSIVE — CARDS\n     ========================================== *\u002F\n  @media (max-width: 900px) {\n    .smplx-pricing-cards-grid {\n      grid-template-columns: 1fr;\n      max-width: 440px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .smplx-pricing-hero { padding: 96px var(--space-4) var(--space-10); }\n  }\n  @media (max-width: 480px) {\n    .smplx-pricing-card { padding: var(--space-6); }\n    .smplx-price-amount { font-size: 3rem; }\n    .smplx-proof-popup { left: 12px; right: 12px; max-width: none; }\n    .smplx-final-cta-primary { padding: var(--space-4) var(--space-6); font-size: var(--text-sm); }\n  }\n\n\n  \u002F* ==========================================\n     ACCESSIBILITY\n     ========================================== *\u002F\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    .reveal { opacity: 1; transform: none; }\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .smplx-pricing-card:hover { transform: none; box-shadow: var(--card-shadow); }\n    .smplx-cta-popular:hover { transform: none; }\n  }\n\u003C\u002Fstyle>\n\n\n\u003C!-- ==========================================\n     SCRIPTS — Motion + Behavior\
3966n     ========================================== -->\n\u003Cscript>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n  \u002F* ==========================================\n     Scroll Reveal (IntersectionObserver)\n     ========================================== *\u002F\n  const revealObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        revealObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\n  document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n\n  \u002F* ==========================================\n     Stat Counter Animation\n     ========================================== *\u002F\n  const counterObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        const el = entry.target;\n        const target = parseInt(el.dataset.target);\n        let current = 0;\n        const increment = target \u002F 40;\n        const timer = setInterval(() => {\n          current += increment;\n          if (current >= target) {\n            el.textContent = target;\n            clearInterval(timer);\n          } else {\n            el.textContent = Math.floor(current);\n          }\n        }, 30);\n        counterObserver.unobserve(el);\n      }\n    });\n  }, { threshold: 0.5 });\n\n  document.querySelectorAll('.smplx-counter').forEach(el => counterObserver.observe(el));\n\n\n  \u002F* ==========================================\n     Pricing Toggle\n     ========================================== *\u002F\n  const toggleBtns = document.querySelectorAll('.smplx-toggle-btn');\n  const priceAmounts = document.querySelectorAll('.smplx-price-amount');\n  const annualNotes = document.querySelectorAll('.smplx-annual-note');\n\n  toggleBtns.forEach(btn => {\n    btn.addEventListener('click', function() {\n      const period = this.dataset.period;\n      toggleBtns.forEach(b => b.classList.remove('smplx-toggle-active'));\n      this.classList.add('smplx-toggle-active');\n      priceAmounts.forEach(el => { el.textContent = el.dataset[period]; });\n      annualNotes.forEach(note => { note.style.display = period === 'annual' ? 'block' : 'none'; });\n    });\n  });\n\n\n  \u002F* ==========================================\n     FAQ Accordion\n     ========================================== *\u002F\n  document.querySelectorAll('.smplx-faq-question').forEach(btn => {\n    btn.addEventListener('click', function() {\n      const item = this.closest('.smplx-faq-item');\n      const isOpen = item.classList.contains('open');\n      \u002F\u002F Close all\n      document.querySelectorAll('.smplx-faq-item.open').forEach(i => i.classList.remove('open'));\n      \u002F\u002F Toggle clicked\n      if (!isOpen) item.classList.add('open');\n      this.setAttribute('aria-expanded', !isOpen);\n    });\n  });\n\n\n  \u002F* ==========================================\n     Ripple Effect (CTA)\n     ========================================== *\u002F\n  document.querySelectorAll('.smplx-ripple').forEach(btn => {\n    btn.addEventListener('click', function(e) {\n      const rect = this.getBoundingClientRect();\n      const ring = document.createElement('span');\n      ring.classList.add('ripple-ring');\n      ring.style.width = ring.style.height = Math.max(rect.width, rect.height) + 'px';\n      ring.style.left = (e.clientX - rect.left - Math.max(rect.width, rect.height) \u002F 2) + 'px';\n      ring.style.top = (e.clientY - rect.top - Math.max(rect.width, rect.height) \u002F 2) + 'px';\n      this.appendChild(ring);\n      ring.addEventListener('animationend', () => ring.remove());\n    });\n  });\n\n\n  \u002F* ==========================================\n     Social Proof Popup Rotation\n     ========================================== *\u002F\n  const proofs = [\n    { avatar: '🏋️', name: 'Sarah M.', action: 'just started her trial', time: '2 min ago' },\n    { avatar: '💆', name: 'Dr. Kim', action: 'upgraded to Momentum', time: '5 min ago' },\n    { avatar: '🥊', name: 'Jake R.', action: 'just booked a demo', time: '8 min ago' },\n    { avatar: '🧘', name: 'Priya S.', action: 'signed up for Core', time: '12 min ago' },\n    { avatar: '💪', name: 'Iron Gym', action: 'booked 14 appointments today', time: '15 min ago' }\n  ];\n  let proofIdx = 0;\n  const popup = document.getElementById('proofPopup');\n\n  function showProof() {\n    const p = proofs[proofIdx % proofs.length];\n    document.getElementById('proofAvatar').textContent = p.avatar;
3966\n    document.getElementById('proofName').textContent = p.name;\n    document.getElementById('proofAction').textContent = p.action;\n    document.getElementById('proofTime').textContent = p.time;\n    popup.classList.add('visible');\n    setTimeout(() => { popup.classList.remove('visible'); }, 4000);\n    proofIdx++;\n  }\n\n  \u002F\u002F First popup at 6s, then every 10s\n  setTimeout(showProof, 6000);\n  setInterval(showProof, 10000);\n\n});\n\u003C\u002Fscript>",{"value":232},[],"ccustom-code-zLSzmt-uSp",{},{"id":11,"type":13,"child":236,"class":238,"styles":243,"extra":245,"meta":13,"tagName":47,"title":256,"prebuiltSectionTemplate":257,"_id":11},[237],"row-w94gyaBcq_",{"width":239,"borders":240,"borderRadius":241,"radiusEdge":242},{"value":18},{"value":20},{"value":22},{"value":24},{"borderWidth":244},{"value":27,"unit":28},{"sticky":246,"visibility":247,"bgImage":249,"allowRowMaxWidth":251,"customClass":252,"elementScreenshot":254},{"value":31},{"value":248},{"hideDesktop":34,"hideMobile":34},{"value":250},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":34},{"value":253},[],{"value":255},[],"simplex ai website footer & schema",{"_id":258,"name":256,"prebuiltSectionTemplateType":51,"deleted":34},"697afd61269d00362b0216d5",{"id":237,"type":53,"child":260,"class":262,"styles":267,"extra":269,"tagName":74,"meta":53,"title":75},[261],"col-BMDkjpeGVm",{"alignRow":263,"borders":264,"borderRadius":265,"radiusEdge":266},{"value":58},{"value":20},{"value":22},{"value":24},{"borderWidth":268},{"value":27,"unit":28},{"visibility":270,"bgImage":272,"rowWidth":274,"customClass":275},{"value":271},{"hideDesktop":34,"hideMobile":34},{"value":273},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":70,"unit":71},{"value":276},[],{"id":261,"type":120,"child":278,"class":280,"styles":285,"extra":287,"tagName":146,"meta":120,"title":147,"noOfColumns":148},[279],"custom-code-3OMN-dOmEH",{"borders":281,"borderRadius":282,"radiusEdge":283,"nestedColumn":284},{"value":20},{"value":22},{"value":24},{"value":38},{"borderWidth":286},{"value":27,"unit":28},{"visibility":288,"bgImage":290,"columnLayout":292,"justifyContentColumnLayout":293,"alignContentColumnLayout":294,"forceColumnLayoutForMobile":295,"customClass":296,"elementVersion":298},{"value":289},{"hideDesktop":34,"hideMobile":34},{"value":291},{"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":297},[],{"value":145},{"extra":300,"id":279,"meta":159,"tagName":160,"class":309},{"visibility":301,"customCode":303,"customClass":306,"nodeId":308},{"value":302},{"hideMobile":38,"hideDesktop":38},{"value":304},{"rawCustomCode":305},"\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;
3966\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":307},[],"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","\u002Fpricing","AXCDTPMeay7J2JSoJAlH","Pricing","v0UDuMtlxhpmmixe4bwB","\u003C!-- ============================================\n     SIMPLEX AI — PRICING HEAD META + SCHEMA\n     \n     GHL DEPLOYMENT:\n     1. Page Settings → SEO → Title:\n        Simplex AI Pricing — Plans from $297\u002Fmo | 53% More Appointments\n     \n     2. Page Settings → SEO → Description:\n        Compare Simplex AI plans. Core ($297\u002Fmo), Momentum ($397\u002Fmo), \n        Apex ($597\u002Fmo). AI receptionist that books appointments 24\u002F7.\n        No setup fees. 14-day free trial. Cancel anytime.\n     \n     3. Page Settings → SEO → Canonical URL:\n        https:\u002F\u002Fsmplx.ai\u002Fpricing\n     \n     4. Page Settings → Custom Code → Head:\n        Paste EVERYTHING below.\n     ============================================ -->\n\n\n\u003C!-- ========== OPEN GRAPH ========== -->\n\u003Cmeta property=\"og:type\" content=\"website\" \u002F>\n\u003Cmeta property=\"og:title\" content=\"Simplex AI Pricing — 53% More Appointments from $297\u002Fmo\" \u002F>\n\u003Cmeta property=\"og:description\" content=\"Compare plans: Core ($297\u002Fmo), Momentum ($397\u002Fmo), Apex ($597\u002Fmo). AI receptionist that answers calls, books appointments, and follows up 24\u002F7. 14-day free trial.\" \u002F>\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fsmplx.ai\u002Fpricing\" \u002F>\n\u003Cmeta property=\"og:site_name\" content=\"Simplex AI\" \u002F>\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698255f799f1bf561d744a5d.png\" \u002F>
3966\n\u003Cmeta property=\"og:image:width\" content=\"1200\" \u002F>\n\u003Cmeta property=\"og:image:height\" content=\"630\" \u002F>\n\u003Cmeta property=\"og:image:alt\" content=\"Simplex AI pricing plans — Core, Momentum, and Apex\" \u002F>\n\u003Cmeta property=\"og:locale\" content=\"en_US\" \u002F>\n\n\u003C!-- ========== TWITTER CARD ========== -->\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" \u002F>\n\u003Cmeta name=\"twitter:title\" content=\"Simplex AI Pricing — 53% More Appointments from $297\u002Fmo\" \u002F>\n\u003Cmeta name=\"twitter:description\" content=\"AI receptionist plans from $297\u002Fmo. 14-day free trial. No setup fees. Cancel anytime.\" \u002F>\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698255f799f1bf561d744a5d.png\" \u002F>\n\u003Cmeta name=\"twitter:image:alt\" content=\"Simplex AI pricing plans\" \u002F>\n\n\u003C!-- ========== ADDITIONAL SEO ========== -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large\" \u002F>\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fsmplx.ai\u002Fpricing\" \u002F>\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" href=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698258900708e451d969cb0f.png\">\n\u003Clink rel=\"apple-touch-icon\" href=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F698258900708e451d969cb0f.png\">\n\n\u003C!-- Preconnect for fonts -->\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&family=Outfit:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n\n\u003C!-- ========== JSON-LD: Service Schema ========== -->\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Simplex AI\",\n  \"description\": \"AI-powered virtual receptionist and business platform for gyms, medspas, and service businesses. Answers calls, texts leads, and books appointments 24\u002F7.\",\n  \"url\": \"https:\u002F\u002Fsmplx.ai\u002Fpricing\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Simplex AI\",\n    \"url\": \"https:\u002F\u002Fsmplx.ai\",\n    \"logo\": \"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002Fv0UDuMtlxhpmmixe4bwB\u002Fmedia\u002F697b2b7804b05b83b8441460.png\",\n    \"contactPoint\": {\n      \"@type\": \"ContactPoint\",\n      \"telephone\": \"+1-909-922-1324\",\n      \"contactType\": \"sales\",\n      \"availableLanguage\": [\"English\", \"Spanish\"]\n    }\n  },\n  \"hasOfferCatalog\": {\n    \"@type\": \"OfferCatalog\",\n    \"name\": \"Simplex AI Plans\",\n    \"itemListElement\": [\n      {\n        \"@type\": \"Offer\",\n        \"itemOffered\": {\n          \"@type\": \"Service\",\n          \"name\": \"Core Plan\",\n          \"description\": \"Full CRM, automated follow-ups, booking system, and marketing tools. Every call answered, missed calls texted back, appointments auto-booked, no-shows recovered.\"\n        },\n        \"price\": \"297\",\n        \"priceCurrency\": \"USD\",\n        \"priceSpecification\": {\n          \"@type\": \"UnitPriceSpecification\",\n          \"price\": \"297\",\n          \"priceCurrency\": \"USD\",\n          \"unitText\": \"MONTH\",\n          \"referenceQuantity\": {\n            \"@type\": \"QuantitativeValue\",\n            \"value\": \"1\",\n            \"unitCode\": \"MON\"\n          }\n        },\n        \"availability\": \"https:\u002F\u002Fschema.org\u002FInStock\",\n        \"priceValidUntil\": \"2026-12-31\"\n      },\n      {\n        \"@type\": \"Offer\",\n        \"itemOffered\": {\n          \"@type\": \"Service\",\n          \"name\": \"Momentum Plan\",\n          \"description\": \"Everything in Core plus custom AI trained on your business, team support tools, hiring automation, and internal knowledge base.\"\n        },\n        \"price\": \"397\",\n        \"priceCurrency\": \"USD\",\n        \"priceSpecification\": {\n          \"@type\": \"UnitPriceSpecification\",\n          \"price\": \"397\",\n          \"priceCurrency\": \"USD\",\n          \"unitText\": \"MONTH\",\n          \"referenceQuantity\": {\n            \"@type\": \"QuantitativeValue\",\n            \"value\": \"1\",\n            \"unitCode\": \"MON\"\n          }\n        },\n        \"availability\": \"https:\u002F\u002Fschema.org\u002FInStock\",\n        \"priceValidUntil\": \"2026-12-31\"\n      },\n      {\n        \"@type\": \"Offer\",\n        \"itemOffered\": {\n          \"@type\": \"Service\",\n          \"name\": \"Apex Plan\",\n          \"description\": \"Everything in Momentum plus brand voice engineering, AI trained on exact offers, custom hooks and scripts, and full brand playbook delivered.\"\n        },\n        \"price\": \"597\",\n        \"priceCurrency\": \"USD\",\n        \"priceSpecification\": {\n          \"@type\": \"UnitPriceSpecification\",\n          \"price\": \"597\",\n          \"priceCurrency\": \"USD\",\n          \"unitText\": \"MONTH\",\n          \"referenceQuantity\": {\n            \"@type\": \"QuantitativeValue\",\n            \"value\": \"1\",\n            \"unitCode\": \"MON\"\n          }\n        },\n        \"availability\": \"https:\u002F\u002Fschema.org\u002FInStock\",\n        \"priceValidUntil\": \"2026-12-31\"\n      }\n    ]\n  }
3966,\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"4.9\",\n    \"reviewCount\": \"47\",\n    \"bestRating\": \"5\"\n  }\n}\n\u003C\u002Fscript>\n\n\n\u003C!-- ========== JSON-LD: FAQPage Schema ========== -->\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I switch Simplex AI plans later?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Upgrade or downgrade anytime. Changes take effect on your next billing cycle.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is there a setup fee for Simplex AI?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. Zero setup fees. We get you live in 48 hours or less.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What if I want to cancel Simplex AI?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Cancel anytime from your dashboard. No penalties, no questions asked.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does the Simplex AI receptionist sound robotic?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. Sammy holds natural conversations, adjusts based on context, and sounds human. Most callers don't realize they're talking to AI.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Will Simplex AI work with my calendar?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Simplex AI syncs with Google Calendar, Calendly, Mindbody, Vagaro, Acuity, and most booking systems.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens during the Simplex AI 14-day trial?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Full access to your plan. If it's not for you, cancel before day 14 — no charge.\"\n      }\n    }\n  ]\n}\n\u003C\u002Fscript>",[321],{"id":322,"elements":323,"activeElementId":322},"hl_main_popup-RihWnuAR3m",[324],{"extra":325,"class":341,"styles":347,"customCss":350,"id":322,"child":351,"meta":352,"title":353,"tag":38},{"bgImage":326,"overlayColor":328,"left":330,"popupDisabled":332,"popupHide":333,"minWidth":334,"showPopupOnMouseOut":336,"customClass":338,"position":340},{"value":327},{"mediaType":37,"url":38,"opacity":39,"options":40,"svgCode":38,"videoUrl":38,"videoThumbnail":38,"videoLoop":41},{"value":329},"var(--overlay)",{"value":331,"unit":71},50,{"value":34},{"value":34},{"value":335},"medium-page",{"value":337,"delay":148},"exit",{"value":339},[],{"value":138},{"borders":342,"borderRadius":344,"radiusEdge":346},{"value":343},"borderFull",{"value":345},"radius2",{"value":24},{"borderWidth":348},{"value":349,"unit":28},"10",[],[],"hl_main_popup","Popup","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;
3966\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;
3966\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;
3966800&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;
3966\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  }
3966\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,\
3966n  .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;
3966\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;
3966\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;
3966\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
3966ICON & 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     ============================================ -->
3966\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');
3966\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","b0e37ddf-44ad-4337-ad88-4b10850b903e",[],null,["Reactive",363],{"$snuxt-i18n-meta":364,"$spreviewState":365,"$smetaPixelOptions":578},{},{"defaultSettings":366,"mobileDevice":34,"tabletDevice":34,"funnelId":357,"funnelDomain":314,"stepId":359,"locationId":318,"funnelPageId":316,"locationCode":449,"funnelNextStep":450,"fingerprint":38,"funnelNextPageId":451,"stripePublishableKey":452,"enablePaymentElement":41,"merchantLoginId":38,"paypalPublishableKey":38,"merchantAccountId":-1,"stripeAccountId":453,"isLivePaymentMode":41,"version":454,"funnelSteps":455,"cartItems":554,"funnelName":358,"orderFormVersion":145,"currency":555,"businessCurrency":555,"blogSlug":38,"domain":314,"pageUrl":315,"pageName":317,"pageSeo":556,"affiliateId":-1,"videoExists
3966InPage":34,"pageType":557,"contactId":-1,"email":-1,"phone":38,"categoryId":38,"blogSearchTerm":38,"categoryUrlSlug":38,"authorSlug":38,"tagSlug":38,"authorId":38,"defaultPaymentProvider":38,"productCollections":558,"ecomSelectedCollection":38,"imageOptimizationEnabled":41,"nmiMerchantGatewayId":38,"squareMerchantGatewayId":38,"mercadoPagoUserId":38,"fontsToLoad":559,"ecomProductId":38,"isGdprCompliant":34,"isOptimisePageLoad":41,"ecommercePage":148,"isBlogActive":34,"blogData":562,"blogPaths":-1,"blogId":357,"allowedCookies":563,"paymentProviderDetails":-1,"events":564,"searchTerm":38,"countryList":565,"pixelToInit":360,"formAction":38,"ecomProduct":566,"requireCreditCard":41,"haveBlogWidget":34,"isFacebookIAB":34,"companyId":567,"customerLoginToken":38,"savedAddresses":568,"savedAddressesLoaded":34,"savedAddressesFailed":34,"cookieConsentList":569,"cookieConsentExpiry":570,"hostCookieConsentData":361,"isHostCookieConsentExpected":34,"mediaFormats":571,"adyenMerchantGatewayId":38,"webinarProperties":361,"webinarSession":361,"userWebinarSession":361,"turnstileToken":38,"turnstileType":573,"turnstileSiteKeys":574,"upsellInFlight":34,"mobileVisibilityDelays":577,"productDetailPageStyles":361,"geoCountry":361,"isCurrencyFormattingEnabled":34},{"typography":367,"background":387,"percentWidth":392,"offsetColor":426,"progressBarSize":439},{"fonts":368,"colors":379},{"headlineFont":369,"contentFont":375},{"id":370,"text":371,"value":372},"headlinefont","Headline Font",{"text":373,"value":374},"Inter","var(--inter)",{"id":376,"text":377,"value":378},"contentfont","Content Font",{"text":373,"value":374},{"textColor":380,"linkColor":383},{"value":381},{"label":98,"value":382},"#000000",{"value":384},{"label":385,"value":386},"var(--blue)","#188bf6",{"bgImage":388,"backgroundColor":390},{"value":389},{"url":38,"options":40},{"value":391},"var(--white)",[393,396,399,402,405,408,411,414,417,420,423],{"text":394,"value":395},"0 Percent","progress0",{"text":397,"value":398},"10 Percent","progress10",{"text":400,"value":401},"20 Percent","progress20",{"text":403,"value":404},"30 Percent","progress30",{"text":406,"value":407},"40 Percent","progress40",{"text":409,"value":410},"50 Percent","progress50",{"text":412,"value":413},"60 Percent","progress60",{"text":415,"value":416},"70 Percent","progress70",{"text":418,"value":419},"80 Percent","progress80",{"text":421,"value":422},"90 Percent","progress90",{"text":424,"value":425},"100 Percent","progress100",[427,430,433,436],{"text":428,"value":429},"White","progressbarOffsetWhite",{"text":431,"value":432},"Transparent White","progressbarOffsetTransparentWhite",{"text":434,"value":435},"Black","progressbarOffsetBlack",{"text":437,"value":438},"Transparent Black","progressbarOffsetTransparentBlack",[440,443,446],{"text":441,"value":442},"Small","progressbarSmall",{"text":444,"value":445},"Medium","progressbarMedium",{"text":447,"value":448},"Large","progressbarLarge","US","\u002Fdemo","qDfuutEfNnDW4dROFjiJ","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1MZlraF0KPvG74es",4,[456,462,463,467,472,477,483,489,495,501,506,512,518,524,530,536,542,548],{"url":457,"value":458,"type":459,"sequence":148,"id":460,"name":461},"\u002Fhome-877590","0158b27d-6a7f-450e-bb6d-73c0955c2cce","optin_funnel_page","RCnTu90BrUV8jzYYGGtm","Home",{"url":315,"value":359,"type":459,"sequence":145,"id":316,"name":317,"split":34},{"url":450,"value":464,"type":459,"sequence":465,"id":451,"name":466,"split":34},"7b24f538-3f18-4135-94a3-7b592d7cae00",3,"Demo Page",{"url":468,"value":469,"type":459,"sequence":454,"id":470,"name":471,"split":34},"\u002Fai-receptionist-for-gyms","4e857827-1be2-419d-9255-a002c31e2d5f","NkFIvPAVN3Ac1YZBS6F1","Gym Page",{"url":473,"value":474,"type":459,"sequence":88,"id":475,"name":476,"split":34},"\u002Fai-receptionist-for-medspas","0ca1eb00-13ac-4716-8d81-ac40fddd13cd","03rOO50XCBRTEQb36V5I","Medspas",{"url":478,"value":479,"type":459,"sequence":480,"id":481,"name":482,"split":34},"\u002Fabout","2a15886b-29ea-424e-bb7f-b4abc81c7232",6,"10HAHewaIfIEA5pMaPZN","About",{"url":484,"value":485,"type":459,"sequence":486,"id":487,"name":488,"split":34},"\u002Fai-receptionist-for-photo-booths","f5ff70c5-ce75-47b3-8061-c2f584c46949",7,"2HTmAoRgfM8ih9puGkRR","Photo Booth",{"url":490,"value":491,"type":459,"sequence":492,"id":493,"name":494,"split":34},"\u002Fai-receptionist-for-personal-trainers","c45bb7f0-8434-42be-ba20-832f387979f4",8,"Va8Gd57dnEDTbU09rWdL","Fitness Trainer",{"url":496,"value":497,"type":459,"sequence":498,"id":499,"name":500},"\u002Fterms","33ad0674-0555-48c7-87dd-1b50de7f2a54",9,"M10EWKH7vwXyuHKSc1Fd","Terms & Conditions",{"url":502,"value":503,"type":459,"sequence":91,"id":504,"name":505},"\u002Fprivacy","96e28d84-063e-4413-8579-22058f6603c2","cqLlte6umkxpL6UVEvrz","Privacy Policy",{"url":507,"value":508,"type":459,"sequence":509,"id":510,"name":511,"split":34},"\u002Froi-calculator","2e0135f7-8609-4b78-9a91-31e01a47d62e",11,"yUAnvOfYCe83k41uGbgg","ROI Calculator",{"url":513,"value":514,"type":459,"sequence":515,"id":516,"name":517,"split":34},"\u002Fai-receptionist","526318a6-d515-4d68-bb5e-1400f8d528e5",12,"4DyRcipvV986mH3lVzUV","Sammy",{"url":519,"value":520,"type":459,"sequence":521,"id":522,"name":523,"split":34},"\u002Fcontact","4fd9e71b-8a0b-4441-b34d-bdab9355f1b6",13,"9WLbY5HZMzHzUBhPftFN","Contact",{"url":525,"value":526,"type":459,"sequence":527,"id":528,"
3966name":529},"\u002Fguarantee-terms","fe4e3933-380b-4993-bb2c-dee29c150389",14,"0LyMPh1wQghPmckyHFzi","Guarantee Terms",{"url":531,"value":532,"type":459,"sequence":533,"id":534,"name":535,"split":34},"\u002Fcheck-out-core","ece12a50-4e16-42fb-bfac-00cc9157ca90",15,"metLmyclBuMzuNRqDlDM","Core Checkout",{"url":537,"value":538,"type":459,"sequence":539,"id":540,"name":541},"\u002Fcheck-out-momentum","f4de7f08-b5c2-4ef2-bf37-a4f50bbab749",16,"vBzgHVovrykTdBs5UsKe","Momentum Checkout",{"url":543,"value":544,"type":459,"sequence":545,"id":546,"name":547},"\u002Fcheck-out-apex","5e1a299b-13d1-44c5-9eda-318950270b49",17,"ayrbMDk7h1JZXEVjpHJ3","Apex Checkout",{"url":549,"value":550,"type":459,"sequence":551,"id":552,"name":553,"split":34},"\u002Fgrowth-engine","0cf619fc-4f21-4f0a-bffb-8ea32b33c545",18,"spcM0l6OQ1fuiDrnJBy2","Growth Engine",[],"USD",{"title":38,"description":38,"imageUrl":38},"website",[],[373,560,561],"Space Grotesk","Poppins",{},[],[],[],{},"dyDtmrQVHrHvWXYD4pqO",[],[],["Date","2026-10-05T05:08:46.126Z"],{"formats":572},[],"invisible",{"invisibleSiteKey":575,"visibleSiteKey":576},"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":361,"disabled":34,"track":579,"version":580,"isEnabled":41,"pixelLoaded":34,"manualMode":41,"userData":361,"eventsQueue":581},"PageView","2.0",[],["Set"],["ShallowReactive",584],{"pageData":-1}]</script>
3966<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>
3966
3967</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.