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 & 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 & 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 & 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 & 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.