/* Custom styles extracted from homepage.html */
/* Source: Autymate Website Webflow export */

/* ── Global CSS Variables (design tokens) ──────────────────────────────
 * Single source of truth for all Webflow design tokens.
 * Previously duplicated across 118 per-page CSS files.
 * Primitive tokens define raw values; semantic tokens reference primitives.
 * ────────────────────────────────────────────────────────────────────── */
:root {
  /* Primitive tokens — raw values */
  --_primitive---base-color-brand--primary-color: #1239ff;
  --_primitive---base-color-brand--secondary-color: #0c0835;
  --_primitive---base-color-brand--primary-light: #edeeff;
  --_primitive---base-color-brand--white: white;
  --_primitive---base-color-brand--black: black;
  --_primitive---base-color-brand--gray: #f0f3f9;
  --_primitive---base-color-brand--gray-dark: #f9f9f9;
  --_primitive---base-color-brand--web-bg: #f9f9f9;
  --_primitive---base-color-brand--success-500-main: #22c55e;
  --_primitive---base-color-brand--success-100: #dcfce7;
  --_primitive---base-color-brand--warning-100: #fef3c7;
  --_primitive---base-color-neutral--neutral-50: #f9fafb;
  --_primitive---base-color-neutral--neutral-100: #f3f4f6;
  --_primitive---base-color-neutral--neutral-300: #d1d5db;
  --_primitive---base-color-neutral--neutral-500: #6b7280;
  --_primitive---base-color-neutral--neutral-600: #4b5563;
  --_primitive---base-color-neutral--neutral-700: #374151;
  --_primitive---base-color-neutral--neutral-900: #111827;
  --_primitive---base-color-neutral--gray-200: #828282;
  --_primitive---base-color-neutral--gray-23: #393a3d;
  --_primitive---border-radius--default: .75rem;
  --_primitive---border-radius--button: .375rem;

  /* Semantic tokens — reference primitives */
  --_simantic---text-color--text-primary: var(--_primitive---base-color-brand--secondary-color);
  --_simantic---text-color--text-brand: var(--_primitive---base-color-brand--primary-color);
  --_simantic---text-color--text-alternate: var(--_primitive---base-color-brand--white);
  --_simantic---text-color--text-neutral-500: var(--_primitive---base-color-neutral--neutral-500);
  --_simantic---text-color--text-neutral-600: var(--_primitive---base-color-neutral--neutral-600);
  --_simantic---text-color--text-neutral-700: var(--_primitive---base-color-neutral--neutral-700);
  --_simantic---text-color--text-neutral-900: var(--_primitive---base-color-neutral--neutral-900);
  --_simantic---text-color--text-gray-200: var(--_primitive---base-color-neutral--gray-200);
  --_simantic---text-color--text-gray-23: var(--_primitive---base-color-neutral--gray-23);
  --_simantic---text-color--text-success: #027a48;
  --_simantic---background-color--background-brand: var(--_primitive---base-color-brand--primary-color);
  --_simantic---background-color--background-primary: var(--_primitive---base-color-brand--white);
  --_simantic---background-color--background-primary-light: var(--_primitive---base-color-brand--primary-light);
  --_simantic---background-color--background-alternate: var(--_primitive---base-color-brand--secondary-color);
  --_simantic---background-color--background-neutral-50: var(--_primitive---base-color-neutral--neutral-50);
  --_simantic---background-color--background-neutral-100: var(--_primitive---base-color-neutral--neutral-100);
  --_simantic---background-color--background-neutral-300: var(--_primitive---base-color-neutral--neutral-300);
  --_simantic---background-color--background-gray: var(--_primitive---base-color-brand--gray);
  --_simantic---background-color--background-gray-dark: var(--_primitive---base-color-brand--gray-dark);
  --_simantic---background-color--background-success-100: var(--_primitive---base-color-brand--success-100);
  --_simantic---background-color--background-warning-100: var(--_primitive---base-color-brand--warning-100);
  --_simantic---border-color--border-brand: var(--_primitive---base-color-brand--primary-color);
  --_simantic---border-color--border-primary: var(--_primitive---base-color-brand--secondary-color);
  --_simantic---border-color--border-primary-light: var(--_primitive---base-color-brand--primary-light);
  --_simantic---border-color--border-alternate: var(--_primitive---base-color-brand--white);

  /* Legacy/direct color tokens */
  --primary-color--orange: #f46549;
  --primary-color--blue: var(--_primitive---base-color-brand--primary-color);
  --secondary-color--white: white;
  --secondary-color--black: #212121;
  --secondary-color--black-2: #212121;
  --secondary--3: #43474f;
  --secondary-3: #43474f;
  --orange--shades--900: #dc5b42;
  --blue--shades--600: #2b5991;
  --blue--shades--700: #3268a9;
  --blue--shades--900: #4185da;
  --blue--tints--100: #edf4fe;
  --blue--tints--100-101: #edf4fe;
  --blue--tints--100-102: #edf4fe;
  --blue--tints--200: #daeafc;
  --blue--tints--300: #c8dffb;
  --blue--tints--300-301: #c8dffb;
  --blue--tints--600: #91bff7;
  --blue--tints--600-601: #91bff7;
  --blue--tints--700: #7fb4f6;
  --blue-tints-100: #edf4fe;
  --black--tints--100: #e9e9e9;
  --black--tints--400: #a6a6a6;
  --black--tints--400-401: #a6a6a6;
  --black--tints--400-402: #a6a6a6;
  --black--tints--500: #909090;
  --black--tints--500-501: #909090;
  --black--tints--600: #7a7a7a;
  --black--tints--700: #646464;
  --black--tints--800: #4d4d4d;
  --black--tint--300: #bcbcbc;
  --black--tint--500: #909090;
  --black--tint--900: #373737;
  --black--transparent--64: #000000a3;
  --black--shadow: #0000000d;
  --light-grey--bg: transparent;
  --light-blue--tints--100: #f5f9fd;
  --light-blue--tints--100-101: #f5f9fd;
  --dim-grey: #686868;
  --menu-border: #f46549;
  --quickbooks-bg: #f4f5f8;
  --quickbooks-green: #0e8900;
  --qbd-brand-color: #108000;
  --mm-orange: #ff661b;
  --main-color--shadow: #4894f226;
  --shadow-logo: #98c5ea26;
  --footer-link-color: #bfbfbf;
  --bg3: #f9fafc;
  --bg4: #f5faff;
  --other-color--delete: #ed1b24;
  --other-color--success: #5cb85c;
  --other-color--success-2: #5cb85c;
  --other-color--light-grey-bg: #f0f0f0;
  --other-color--light-grey-bg-2: #f0f0f0;
  --text-color--text-grey-100: #bdbdbd;

  /* Color scheme tokens */
  --_color-scheme---color-scheme-1--text: #212121;
  --_color-scheme---color-scheme-1--background: white;
  --_color-scheme---color-scheme-1--foreground: white;
  --_color-scheme---color-scheme-1--border: var(--secondary-color--black);
  --_color-scheme---color-scheme-1--accent: var(--secondary-color--black);
}

/* --- Style block from line 11 --- */
.linear-text {
	  background-image: linear-gradient(127.45deg, #4894F2 1.32%, #2B5991 119.1%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
  .amt-navbar.sticky {
    position: sticky !important;
    top: -31px;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 1px 15px rgb(0 0 0 / 5%)
  }
  

.show-backtop-btn {
    opacity: 1;
    transform: translateY(0px);
}

/* Hide promotional banner to match live site (banner was removed from Webflow) */
.nav-banner {
    display: none !important;
}

/* --- Style block from line 38 --- */
/* Ensure all elements inherit the color from its parent */
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-nav-brand,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-slider-arrow-left,
.w-slider-arrow-right,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
	pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}


/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

/* Remove default Webflow chevron from form select */
select{
  -webkit-appearance:none;
}


@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
    .nav-banner {
    	display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

/* Apply "..." at 100% width */
.truncate-width { 
		width: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
/* Removes native scrollbar */
.no-scrollbar {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; 
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.navbar7_dropdown-toggle.w-dropdown-toggle.w--open .dropdown-chevron{
    color: var(--_simantic---text-color--text-brand);
}

.fs-consent_prefs {
    z-index: 9999 !important;
}

@media screen and (max-width: 479px) {
		.has-full-button {
    	flex-grow: 1;
    }
    .has-full-button .button {
        width: 100%;
    }
}

/* --- Style block from line 263 --- */
/* Color Schemes Controls*/


  .color-scheme-1 {
/*All sections should point to Color Scheme 1*/

  }

  .color-scheme-2 {
    --color-scheme-1--text: var(--color-scheme-2--text);
    --color-scheme-1--background: var(--color-scheme-2--background);
    --color-scheme-1--foreground: var(--color-scheme-2--foreground);
    --color-scheme-1--border: var(--color-scheme-2--border);
    --color-scheme-1--accent: var(--color-scheme-2--accent);
  }

  .color-scheme-3 {
    --color-scheme-1--text: var(--color-scheme-3--text);
    --color-scheme-1--background: var(--color-scheme-3--background);
    --color-scheme-1--foreground: var(--color-scheme-3--foreground);
    --color-scheme-1--border: var(--color-scheme-3--border);
    --color-scheme-1--accent: var(--color-scheme-3--accent);
  }

  .color-scheme-4 {
    --color-scheme-1--text: var(--color-scheme-4--text);
    --color-scheme-1--background: var(--color-scheme-4--background);
    --color-scheme-1--foreground: var(--color-scheme-4--foreground);
    --color-scheme-1--border: var(--color-scheme-4--border);
    --color-scheme-1--accent: var(--color-scheme-4--accent);
  }

  .color-scheme-5 {
    --color-scheme-1--text: var(--color-scheme-5--text);
    --color-scheme-1--background: var(--color-scheme-5--background);
    --color-scheme-1--foreground: var(--color-scheme-5--foreground);
    --color-scheme-1--border: var(--color-scheme-5--border);
    --color-scheme-1--accent: var(--color-scheme-5--accent);
  }

  .color-scheme-6 {
    --color-scheme-1--text: var(--color-scheme-6--text);
    --color-scheme-1--background: var(--color-scheme-6--background);
    --color-scheme-1--foreground: var(--color-scheme-6--foreground);
    --color-scheme-1--border: var(--color-scheme-6--border);
    --color-scheme-1--accent: var(--color-scheme-6--accent);
  }

  .color-scheme-7 {
    --color-scheme-1--text: var(--color-scheme-7--text);
    --color-scheme-1--background: var(--color-scheme-7--background);
    --color-scheme-1--foreground: var(--color-scheme-7--foreground);
    --color-scheme-1--border: var(--color-scheme-7--border);
    --color-scheme-1--accent: var(--color-scheme-7--accent);
  }

  .color-scheme-8 {
    --color-scheme-1--text: var(--color-scheme-8--text);
    --color-scheme-1--background: var(--color-scheme-8--background);
    --color-scheme-1--foreground: var(--color-scheme-8--foreground);
    --color-scheme-1--border: var(--color-scheme-8--border);
    --color-scheme-1--accent: var(--color-scheme-8--accent);
  }

  .color-scheme-9 {
    --color-scheme-1--text: var(--color-scheme-9--text);
    --color-scheme-1--background: var(--color-scheme-9--background);
    --color-scheme-1--foreground: var(--color-scheme-9--foreground);
    --color-scheme-1--border: var(--color-scheme-9--border);
    --color-scheme-1--accent: var(--color-scheme-9--accent);
  }

  .color-scheme-10 {
    --color-scheme-1--text: var(--color-scheme-10--text);
    --color-scheme-1--background: var(--color-scheme-10--background);
    --color-scheme-1--foreground: var(--color-scheme-10--foreground);
    --color-scheme-1--border: var(--color-scheme-10--border);
    --color-scheme-1--accent: var(--color-scheme-10--accent);
  }
  
/* Inherit slider dot colors */
.w-slider-dot {
  background-color: var(--color-scheme-1--text);
  opacity: 0.20;
}

.w-slider-dot.w-active {
  background-color: var(--color-scheme-1--text);
  opacity: 1;
}

/* Override .w-slider-nav-invert styles */
.w-slider-nav-invert .w-slider-dot {
  background-color: var(--color-scheme-1--text) !important;
  opacity: 0.20 !important;
}

.w-slider-nav-invert .w-slider-dot.w-active {
  background-color: var(--color-scheme-1--text) !important;
  opacity: 1 !important;
}

/* --- Style block from line 769 --- */
.ai-growth-text { 
  background: linear-gradient(45deg, #8711C1 0.71%, #2472FC 99.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }

/* --- Style block from line 1047 --- */
.ai-growth-box.w--current .a-growth-tab-btn {
    border: 1px solid #1239FF;
    background: #EDEEFF;
    box-shadow: 0 4px 11.2px 0 rgba(0, 0, 0, 0.12);
  }
  .feature-tab-box.w--current {
    background: linear-gradient(var(--_simantic---background-color--background-primary-light), var(--_simantic---background-color--background-primary-light)) padding-box, linear-gradient(83deg, #8711C1 0%, #2472FC 100%) border-box;
    border: 1px solid transparent;
}
.feature-tab-box.w--current.last-item {
background: linear-gradient(var(--_simantic---background-color--background-primary-light), var(--_simantic---background-color--background-primary-light));
border: 1px dashed var(--_primitive---base-color-neutral--neutral-500);
}
  .feature-tab-box.w--current .button-tab-learn { background-color: #FFFFFF }
  @media screen and (max-width: 479px) {
    .featrue-tab-menu-content .text-size-regular {
        font-size: 0.5rem !important;
    }
}

/* --- Style block from line 1395 --- */
#apollo-meetings-widget{ 
	z-index: 110000 !important;
}