:root {

/* ------------ RESPONSIVE MODIFIERS ------------ */
  --font-size-tablet-modifier: 0.8;

/* ------------ COLOR SYSTEM ------------ */

  /* Neutral Colors */
  --color-neutral-lighter: #ffffff;
  --color-neutral-light: #F4F5F5;
  --color-neutral-default: #EAEAEB;
  --color-neutral-dark: #D5D6D6;
  --color-neutral-darker: #C5C5C5;

  /* Surface Colors */
  --color-surface-lighter: #8E938D;
  --color-surface-light: #5B605A;
  --color-surface-default: #2B3033;
  --color-surface-dark: #1D221C;
  --color-surface-darker: #131313;
  
  /* Primary Colors */
  --color-primary-lightest: ;
  --color-primary-lighter: #E9EBF1;
  --color-primary-light: #fff;
  --color-primary-default: #0C1A40;
  --color-primary-dark: #243976;
  --color-primary-darker: #0C1A40;

  /* Secondary Colors */
  --color-secondary-lighter: #F8CED8;
  --color-secondary-light: #F073A9;
  --color-secondary-default: #DC195C;
  --color-secondary-dark: #950449;
  --color-secondary-darker: #461626;

  /* Tertiary Colors */
  --color-tertiary-lighter: #CCF0EE;
  --color-tertiary-light: #79CCCF;
  --color-tertiary-default: #00B3AC;
  --color-tertiary-dark: #0D7576;
  --color-tertiary-darker: #005A56;

  /* Transparency Colors */
  --color-transparency-default: rgba(43, 48, 51, 0.2);
  --color-transparency-secondary: rgba(58, 66, 89, 0.7);

  /* Background Colors */ 
  --color-background-1: #FFF;
  --color-background-2: #F4F5F5;
  --color-background-3: #FDF3F7;
  --color-background-4: #0C1A40;
  --color-background-5: #992375;
  --color-background-6: #00B3AC;
  
  /* Accent Colors */
  --color-standard-accent: #006EEB;
  --color-standard-accent-text: #fff;
  --color-inverted-accent: #fff;
  --color-inverted-accent-text: #fff;

  /* Additional Colors 4 */
  --color-4-lightest: #F2FCFE;
  --color-4-lighter: #CCF2FA;
  --color-4-light: #73CEE9;
  --color-4-default: #01BCE5;
  --color-4-dark: #018DAC;
  --color-4-darker: #015E73;

  /* Additional Colors 5 */
  --color-5-lighter: #E7C4DA;
  --color-5-light: #C5569F;
  --color-5-default: #992375;
  --color-5-dark: #731A58;
  --color-5-darker: #4D123B;

  /* Additional Colors 6 */ 
  --color-6-lighter: #F9BDA7;
  --color-6-light: #F79A6C;
  --color-6-default: #F05B22;
  --color-6-dark: #B4441A;
  --color-6-darker: #782E11;

  /* Utility colors */
  --color-utility-error: #DC195C;
 
  /* Brand gradients */ 
  --gradient-navy-teal-horizontal: linear-gradient(90deg, #243976 0%,  #0D7576 100%);
  --gradient-navy-horizontal: linear-gradient(90deg, #0C1A40 0%, #243976 100%);
  --gradient-blue-teal-vertical: linear-gradient(180deg, #73CEE9 0%, #00B3AC 100%);
  --gradient-teal-horizontal: linear-gradient(90deg, #00B3AC 0%,  #CCF0EE 100%);
  --gradient-teal-horizontal-90: linear-gradient(90deg, rgba(0, 179, 172, 0.90) 0%, rgba(204, 240, 238, 0.90) 100%);
  --gradient-pink-purple-vertical: linear-gradient(180deg, #DC195C 0%,  #992375 100%);
  --gradient-pink-purple-horizontal: linear-gradient(90deg, #DC195C 0%, #992375 100%);
  --gradient-purple-pink-vertical: linear-gradient(180deg, #992375 0%,  #DC195C 100%);
  --gradient-purple-pink-horizontal: linear-gradient(90deg, #992375 0%, #DC195C 100%);

  --gradient-teal-white-vertical: linear-gradient(180deg, #F2FBFB 50%, #FFF 100%);
  --gradient-white-teal-vertical: linear-gradient(180deg, #FFF 0%, #F2FBFB 50%);
  --gradient-pink-white-vertical: linear-gradient(180deg, #FDF3F7 50%, #FFF 100%);
  --gradient-white-pink-vertical: linear-gradient(180deg, #FFF 0%, #FDF3F7 50%);
  --gradient-navy-white-vertical: linear-gradient(180deg, #E9EBF1 50%, #FFF 100%);
  --gradient-white-navy-vertical: linear-gradient(180deg, #FFF 0%, #E9EBF1 50%);



  /* ------------ TYPOGRAPHY SYSTEM ------------ */

    /* Base Typography */
  --font-family-base: HelveticaNeue, sans-serif;
  --line-height-base: 1.5;

  --heading-color: #2B3033;
  --heading-color-inverted: #ffffff;

  --body-color: #2B3033;
  --body-color-inverted: #ffffff;

  --font-family-azeret: "Azeret Mono", monospace;


  /* Display Headings */
  --display-1-font-family: HelveticaNeue, sans-serif;
  --display-1-font-size: calc(80 / 16 * 1rem);
  --display-1-font-weight: 500;
  --display-1-line-height: 1.1;
  --display-1-letter-spacing: calc(-2.4 / 16 * 1rem);
  --display-1-text-transform: none;

  --display-2-font-family: 'Azeret Mono', monospace;
  --display-2-font-size: calc(64 / 16 * 1rem);
  --display-2-font-weight: 500;
  --display-2-line-height: 1.1;
  --display-2-letter-spacing: calc(-1.92 / 16 * 1rem);
  --display-2-text-transform: none;

  /* Preheader */
  --preheader-font-family: HelveticaNeue, sans-serif;
  --preheader-font-size: calc(18 / 16 * 1rem);
  --preheader-font-weight: 500;
  --preheader-line-height: 1.2;
  --preheader-letter-spacing: calc(0 / 16 * 1rem);
  --preheader-padding-vertical: calc(0 / 16 * 1rem);
  --preheader-padding-horizontal: calc(0 / 16 * 1rem);
  --preheader-margin-bottom: calc(40 / 16 * 1rem);
  --preheader-text-transform: none;
  --preheader-color: #131313;
  --preheader-color-inverted: #ffffff;

  --preheader-bg: #131313;
  --preheader-border-color: #131313;
  --preheader-border-radius: 50px;
  --preheader-border-width: 0px;

  --preheader-bg-inverted: #ffffff;
  --preheader-border-color-inverted: #ffffff;

  /* Heading Scale */
  --h1-font-family: HelveticaNeue, sans-serif;
  --h1-font-size: calc(50 / 16 * 1rem);
  --h1-font-weight: 500;
  --h1-line-height: 1.2;
  --h1-letter-spacing: calc(0 / 16 * 1rem);
  --h1-text-transform: none;

  --h2-font-family: HelveticaNeue, sans-serif;
  --h2-font-size: calc(44 / 16 * 1rem);
  --h2-font-weight: 500;
  --h2-line-height: 1.1;
  --h2-letter-spacing: calc(0 / 16 * 1rem);
  --h2-text-transform: none;

  --h3-font-family: HelveticaNeue, sans-serif;
  --h3-font-size: calc(36 / 16 * 1rem);
  --h3-font-weight: 500;
  --h3-line-height: 1.4;
  --h3-letter-spacing: calc(-0.36 / 16 * 1rem);
  --h3-text-transform: none;

  --h4-font-family: HelveticaNeue, sans-serif;
  --h4-font-size: calc(32 / 16 * 1rem);
  --h4-font-weight: 500;
  --h4-line-height: 1.3;
  --h4-letter-spacing: calc(-0.32 / 16 * 1rem);
  --h4-text-transform: none;

  --h5-font-family: HelveticaNeue, sans-serif;
  --h5-font-size: calc(28 / 16 * 1rem);
  --h5-font-weight: 500;
  --h5-line-height: 1.3;
  --h5-letter-spacing: calc(0.28 / 16 * 1rem);
  --h5-text-transform: none;

  --h6-font-family: HelveticaNeue, sans-serif;
  --h6-font-size: calc(22 / 16 * 1rem);
  --h6-font-weight: 400;
  --h6-line-height: 1.2;
  --h6-letter-spacing: calc(0 / 16 * 1rem);
  --h6-text-transform: none;

  /* Body Text Scale */
  --font-body-large-family: HelveticaNeue, sans-serif;
  --font-body-large-size: calc(20 / 16 * 1rem);
  --font-body-large-weight: 400;
  --font-body-large-line-height: 1.5;

  --font-body-family: HelveticaNeue, sans-serif;
  --font-body-size: calc(18 / 16 * 1rem);
  --font-body-weight: 400;
  --font-body-line-height: 1.5;

  --font-body-small-family: HelveticaNeue, sans-serif;
  --font-body-small-size: calc(16 / 16 * 1rem);
  --font-body-small-weight: 400;
  --font-body-small-line-height: 1.5;

  /* ------------ BUTTON SYSTEM ------------ */

  /* Primary Button */
  --btn-primary-font-family: 'Azeret Mono', monospace;
  --btn-primary-font-size: calc(16 / 16 * 1rem);
  --btn-primary-font-weight: normal;
  --btn-primary-line-height: 1;
  --btn-primary-text-transform: none;
  --btn-primary-border-radius: 0px;
  --btn-primary-border-width: 0px;
  --btn-primary-padding-horizontal: 20px;
  --btn-primary-padding-vertical: 12px;

  /* Primary Button States */
  --btn-primary-bg: #0C1A40;
  --btn-primary-color: #ffffff;
  --btn-primary-border-color: #0C1A40;

  --btn-primary-bg-hover: #DC195C;
  --btn-primary-color-hover: #ffffff;
  --btn-primary-border-color-hover: #0C1A40;

  /* Primary Button Inverted (for dark backgrounds) */
  --btn-primary-bg-inverted: #0C1A40;
  --btn-primary-color-inverted: #ffffff;
  --btn-primary-border-color-inverted: #0C1A40;

  --btn-primary-bg-hover-inverted: #DC195C;
  --btn-primary-color-hover-inverted: #ffffff;
  --btn-primary-border-color-hover-inverted: #243976;

  --btn-primary-bg-gradient: var(--gradient-pink-purple-horizontal);
  --btn-primary-bg-gradient-inverted: var(--gradient-pink-purple-horizontal);

  /* Secondary Button */
  --btn-secondary-font-family: 'Azeret Mono', monospace;
  --btn-secondary-font-size: calc(16 / 16 * 1rem);
  --btn-secondary-font-weight: normal;
  --btn-secondary-line-height: 1;
  --btn-secondary-text-transform: none;
  --btn-secondary-border-radius: 0px;
  --btn-secondary-border-width: 0px;
  --btn-secondary-padding-horizontal: 16px;
  --btn-secondary-padding-vertical: 12px;

  /* Secondary Button States */
  --btn-secondary-bg: #131313;
  --btn-secondary-color: #ffffff;
  --btn-secondary-border-color: #131313;

  --btn-secondary-bg-hover: #0D7576;
  --btn-secondary-color-hover: #ffffff;
  --btn-secondary-border-color-hover: #1D221C;

  /* Secondary Button Inverted (for dark backgrounds) */
  --btn-secondary-bg-inverted: #ffffff;
  --btn-secondary-color-inverted: #1D221C;
  --btn-secondary-border-color-inverted: #ffffff;

  --btn-secondary-bg-hover-inverted: #C5C5C5;
  --btn-secondary-color-hover-inverted: #1D221C;
  --btn-secondary-border-color-hover-inverted: #ffffff;

  --btn-secondary-bg-gradient: var(--gradient-navy-teal-horizontal);
  --btn-secondary-bg-gradient-inverted: var(--gradient-navy-teal-horizontal);

  /* Tertiary Button */
  --btn-tertiary-font-family: 'Azeret Mono', monospace;
  --btn-tertiary-font-size: calc(16 / 16 * 1rem);
  --btn-tertiary-font-weight: normal;
  --btn-tertiary-line-height: 1;
  --btn-tertiary-text-transform: ;
  --btn-tertiary-border-radius: 0px;
  --btn-tertiary-border-width: 1px;
  --btn-tertiary-padding-horizontal: 20px;
  --btn-tertiary-padding-vertical: 11px;

  /* Tertiary Button States */
  --btn-tertiary-bg: #ffffff;
  --btn-tertiary-color: #2B3033;
  --btn-tertiary-border-color: #2B3033;

  --btn-tertiary-bg-hover: #C5C5C5;
  --btn-tertiary-color-hover: #1D221C;
  --btn-tertiary-border-color-hover: #131313;

  /* Tertiary Button Inverted (for dark backgrounds) */
  --btn-tertiary-bg-inverted: #ffffff;
  --btn-tertiary-color-inverted: #ffffff;
  --btn-tertiary-border-color-inverted: #ffffff;

  --btn-tertiary-bg-hover-inverted: #fff;
  --btn-tertiary-color-hover-inverted: #2B3033;
  --btn-tertiary-border-color-hover-inverted: #fff;

  --btn-tertiary-bg-gradient: var(--gradient-navy-teal-horizontal);
  --btn-tertiary-bg-gradient-inverted: var(--gradient-navy-teal-horizontal);

  /* ------------ LINK SYSTEM ------------ */

  /* Primary Links */
  --link-primary-color: #2B3033;
  --link-primary-underline-color: #0C1A40;
  --link-primary-style: ;

  --link-primary-color-hover: #0C1A40;
  --link-primary-underline-color-hover: #0C1A40;

  /* Secondary Links */
  --link-secondary-color: #1D221C;
  --link-secondary-underline-color: #1D221C;

  --link-secondary-color-hover: #1D221C;
  --link-secondary-underline-color-hover: #1D221C;


    /* ------------ BORDER RADIUS SYSTEM ------------ */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 32px;


  /* ------------ FORM SYSTEM ------------ */
  /* Form */
  --form-border-radius: 24px;
  --form-border-color: #CCD5DC;


  /* Form Inputs */
  --form-input-border-radius: 0px;
  --form-input-font-family: HelveticaNeue, sans-serif;

  /* Form Input Background Colors */
--form-input-bg: #F7F9FA;
--form-input-inverted-bg: #0C1A40;

  /* Form Input Border Colors */
  --form-input-border-color: #C5C5C5;
  --form-input-inverted-border-color: #C5C5C5;


  /* Form Labels */
  --form-label-font-family: HelveticaNeue, sans-serif;
  --form-label-font-size: calc(14 / 16 * 1rem);
  --form-label-font-weight: 400;
  --form-label-line-height: 1;
  --form-label-case: none;


/* Form Label Colors */
  --form-label-color: #2B3033;
  --form-label-inverted-color: #ffffff;

  /* ------------ BLOCKQUOTE SYSTEM ------------ */
  --blockquote-font-family: Wittgenstein, serif;
  --blockquote-font-size: calc(28 / 16 * 1rem);
  --blockquote-font-weight: normal;
  --blockquote-line-height: 1.5;
  --blockquote-text-transform: none;

  /* ------------ CAPTION SYSTEM ------------ */
  --caption-font-family: ;
  --caption-font-size: calc( / 16 * 1rem);
  --caption-font-weight: ;
  --caption-line-height: ;
  --caption-text-transform: ;
  
  
   /* TaxCalc brand palette: Navy / Teal / Pink */
  --navy:#0A1E3F;          /* Navy 700 */
  --navy-900:#061428;
  --night:#061428;         /* deepest navy for dark sections */
  --navy-2:#12294D;
  --navy-100:#C9D4E6;      /* navy tint */
  --teal:#1FB6B0;          /* Teal 400 */
  --teal-900:#0A3B38;      /* Teal 900 (dark) */
  --teal-300:#9FE0DC;      /* teal tint */
  --pink:#D1005D;          /* Pink 800 */
  --pink-900:#8E0140;      /* Pink 900 */
  --pink-2:#FF4E8E;        /* bright pink accent */
  --pink-100:#FBE0EC;      /* Pink 100 tint */
  --pulse:#D1005D;         /* map old pulse -> brand pink */
  --pulse-2:#FF4E8E;
  --pulse-tint:#FBE0EC;
  --violet:#0A1E3F;        /* map old violet -> navy (no violet in brand) */

  --paper:#FFFFFF;
  --canvas:#F4F6F9;        /* grey 50 */
  --edge:#DDE3EC;          /* grey 200 */
  --edge-2:#EAEEF4;
  --ink:#0A1E3F;           /* body text = navy 700, never pure black */
  --ink-2:#33415C;         /* secondary */
  --slate:#4A5670;
  --slate-2:#8A94AB;
  --mint:#1FB6B0;          /* map mint -> teal */
  --mint-bg:#E4F6F5;
  --gold:#D9A400;
--data:'Azeret Mono','IBM Plex Mono',ui-monospace,monospace;
  /* Helvetica for digital text; Azeret Mono for numbers/data */
/*   --display:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --body:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --data:'Azeret Mono','IBM Plex Mono',ui-monospace,monospace; */

  --sh-1:0 1px 2px rgba(10,20,40,.05),0 6px 18px -6px rgba(10,20,40,.1);
  --sh-2:0 2px 5px rgba(10,20,40,.05),0 22px 50px -18px rgba(10,20,40,.2);
  --sh-3:0 44px 110px -32px rgba(6,14,28,.7),0 10px 28px -10px rgba(6,14,28,.45);
  --pad:clamp(22px,5vw,80px);--maxw:1180px;
}

/* Better desktop nav interaction */
@media (min-width: 1024px) {
  .main-nav .main-nav__parent {
    position: relative;
    min-height: 56px;
    padding: 14px 12px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .main-nav .main-nav__parent:hover,
  .main-nav .main-nav__parent:focus,
  .main-nav .main-nav__item--open > .main-nav__parent {
    background-color: #f0f1f5;
  }

  .main-nav .simple-dropdown li a {
    display: block;
    padding: 10px 0;
    transition: color 0.2s ease;
  }

  .main-nav .simple-dropdown li a:hover,
  .main-nav .simple-dropdown li a:focus {
    color: var(--color-secondary-default);
  }
}

@media (min-width: 1024px) {
  .main-nav .simple-dropdown li a {
    display: block;
    padding: 10px 12px;
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 4px;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }

  .main-nav .simple-dropdown li a:hover,
  .main-nav .simple-dropdown li a:focus {
    background-color: #f7f7fa;
    color: var(--color-secondary-default);
    transform: translateX(2px);
  }
}

/* Hero tertiary button: outlined secondary CTA */
.hero .btn.btn--tertiary,
.hero .btn--tertiary,
[class*="hero"] .btn.btn--tertiary,
[class*="hero"] .btn--tertiary {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #2B3033 !important;
  border: 1.5px solid #243976 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Subtle hover state */
.hero .btn.btn--tertiary:hover,
.hero .btn--tertiary:hover,
.hero .btn.btn--tertiary:focus,
.hero .btn--tertiary:focus,
[class*="hero"] .btn.btn--tertiary:hover,
[class*="hero"] .btn--tertiary:hover,
[class*="hero"] .btn.btn--tertiary:focus,
[class*="hero"] .btn--tertiary:focus {
  background: rgba(255, 255, 255, 0.34) !important;
  color: #0C1A40 !important;
  border-color: #0D7576 !important;
  box-shadow: 0 8px 20px rgba(12, 26, 64, 0.12) !important;
  transform: translateY(-1px);
}

/* Keyboard focus state */
.hero .btn.btn--tertiary:focus-visible,
.hero .btn--tertiary:focus-visible,
[class*="hero"] .btn.btn--tertiary:focus-visible,
[class*="hero"] .btn--tertiary:focus-visible {
  outline: 3px solid rgba(13, 117, 118, 0.35);
  outline-offset: 3px;
}











/* /////////////////////////////////////////////////////////////////////// */
/* ////////////////     Accounting Software LP       ///////////////// */
/* /////////////////////////////////////////////////////////////////////// */

.promo-bar {     background-image: var(--btn-primary-bg-gradient);   padding: 10px 15px 10px 15px;    text-align: center;}
.promo-bar a {  color: #ffffff;    font-weight: 600;    font-size: 18px;    font-family: var(--font-body-family);    transition: all ease-in-out 0.3s;}
.promo-bar a:hover {   text-decoration: underline;}


.ASBannerSection {  position: relative;    padding: 125px 0 354px;}
.ASBannerSection .HeroBannerVideo {  position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -1;  pointer-events: none;}
.ASBannerSection .HeroBannerVideo video {  width: 100%;    height: 100%;    object-fit: cover;}
.ASBannerSection .ASBannerInSection {    text-align: center;    max-width: 820px;    width: 100%; margin: 0 auto;}
.ASBannerSection .ASBannerInSection .ASBannerTitle h1 {  color: #fff;}
.ASBannerSection .ASBannerInSection  .ASBannerCTA {  margin-top: 70px;}

.asaccountantBInSec {  background: #fff;    padding: 35px 50px 60px;    box-shadow: 0 15px 35px 0 rgba(51, 51, 51, 0.15);    max-width: 980px;  width: 100%;    margin: -240px auto 0;    text-align: center;}
.asaccountantBSection {  padding-bottom: 100px;}
.asaccountantBInSec .asaccountantBButtonsec {  margin-top: 50px;    display: flex;    align-items: center;    justify-content: center;    gap: 20px;}
.asaccountantBInSec .asaccountantBTitleSection .asaccountantBTitle {    margin-bottom: 20px;}
.asaccountantBInSec .asaccountantBTitleSection .asaccountantBContent p {   letter-spacing: -0.3px;    font-size: 22px;}

.asaccountantBInSec .asaccountantBButtonsec .asaccountantButton a { display: flex;    align-items: center;    gap: 8px;}
.asaccountantBInSec .asaccountantBButtonsec .asaccountantButton a span {    width: 18px;    height: 18px;}
.asaccountantBInSec .asaccountantBButtonsec .asaccountantButton a span img {  filter: brightness(0) invert(1);}

.videoawardSection {  padding: 80px 0 30px;    background: #fff;}
.videoawardVideo {  overflow: hidden;    width: 800px;    height: 450px;  border-radius: 6px;    margin: 0 auto;    box-shadow: 0px 18px 35px rgba(0, 0, 0, .4);}
.videoawardVideo iframe {   width: 100%;    height: 100%;}
.videoawardbuttonsec {   display: flex;    align-items: center;    justify-content: center;    gap: 16px;    margin-top: 50px;}


.videoawardBoxSection {  padding-top: 100px;}
.videoawardBoxSection .videoawardBoxMain {    display: flex;    align-items: center;    justify-content: center;}
.videoawardBoxSection .videoawardBoxMain .videoawardBox {  width: 150px;    height: 150px;    position: relative;  z-index: 2;}
.videoawardBoxSection .videoawardBoxMain .videoawardBox:last-child {  margin-left: -25px;    z-index: 1;}
.videoawardBoxSection .videoawardBoxText {   text-align: center;    margin-top: 30px;}

.testimonialSliderSection {   padding: 30px 0 80px;}
.testimonialSliderBoxSec .testimonialSliderBox {    text-align: center; }
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote p {font-size: clamp(28px, 3.5vw, 40px);line-height: 1.2;color: #29255b;margin-bottom: 14px;letter-spacing: -0.3px;font-weight: 700;font-family: 'DM Serif Display';}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote {    position: relative;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote:before {   content: "";    position: absolute;    top: 0;    left: -40px;    font-family: 'Abril Fatface', cursive;    font-size: 90px;    color: #0091b3;    width:32px;    height:25px;    background-size: 32px 25px;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33px' height='25px' viewBox='0 0 33 25' version='1.1'%3E%3Ctitle%3E“%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Homepage_postjan_22-v1e-(no-video)' transform='translate(-387.000000, -1310.000000)' fill='%230091B3' fill-rule='nonzero'%3E%3Cg id='Group-7' transform='translate(229.000000, 1283.000000)'%3E%3Cg id='“' transform='translate(158.157857, 27.050000)'%3E%3Cpath d='M28.8,0 L29.61,1.26 C24.03,4.92 21.24,8.58 21.24,12.24 C21.24,14.1 22.05,15.18 23.67,15.48 L27.45,11.97 C28.65,12.39 29.745,13.155 30.735,14.265 C31.725,15.375 32.22,16.8 32.22,18.54 C32.22,20.28 31.53,21.765 30.15,22.995 C28.77,24.225 26.955,24.84 24.705,24.84 C22.455,24.84 20.595,24.075 19.125,22.545 C17.655,21.015 16.92,18.9 16.92,16.2 C16.92,10.32 20.88,4.92 28.8,0 Z M11.88,0 L12.69,1.26 C7.11,4.92 4.32,8.58 4.32,12.24 C4.32,14.1 5.13,15.18 6.75,15.48 L10.53,11.97 C11.73,12.39 12.825,13.155 13.815,14.265 C14.805,15.375 15.3,16.8 15.3,18.54 C15.3,20.28 14.61,21.765 13.23,22.995 C11.85,24.225 10.035,24.84 7.785,24.84 C5.535,24.84 3.675,24.075 2.205,22.545 C0.735,21.015 0,18.9 0,16.2 C0,10.32 3.96,4.92 11.88,0 Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");   background-repeat: no-repeat;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote:after {    content: "";    position: absolute;    bottom: 0;    right: -40px;    font-family: 'Abril Fatface', cursive;    font-size: 90px;    color: #0091b3;    width:32px;    height:25px;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33px' height='26px' viewBox='0 0 33 26' version='1.1'%3E%3Ctitle%3E”%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Homepage_postjan_22-v1e-(no-video)' transform='translate(-1037.000000, -1382.000000)' fill='%230091B3' fill-rule='nonzero'%3E%3Cg id='Group-7' transform='translate(229.000000, 1309.000000)'%3E%3Cg id='”' transform='translate(808.292857, 73.480000)'%3E%3Cpath d='M20.07,24.84 L19.26,23.58 C24.84,19.92 27.63,16.26 27.63,12.6 C27.63,10.68 26.82,9.6 25.2,9.36 L21.42,12.87 C20.22,12.45 19.125,11.685 18.135,10.575 C17.145,9.465 16.65,8.04 16.65,6.3 C16.65,4.56 17.34,3.075 18.72,1.845 C20.1,0.615 21.915,0 24.165,0 C26.415,0 28.275,0.765 29.745,2.295 C31.215,3.825 31.95,5.94 31.95,8.64 C31.95,14.52 27.99,19.92 20.07,24.84 Z M3.42,24.84 L2.61,23.58 C8.19,19.92 10.98,16.26 10.98,12.6 C10.98,10.68 10.17,9.6 8.55,9.36 L4.77,12.87 C3.57,12.45 2.475,11.685 1.485,10.575 C0.495,9.465 0,8.04 0,6.3 C0,4.56 0.69,3.075 2.07,1.845 C3.45,0.615 5.265,0 7.515,0 C9.765,0 11.625,0.765 13.095,2.295 C14.565,3.825 15.3,5.94 15.3,8.64 C15.3,14.52 11.34,19.92 3.42,24.84 Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");    background-size: 32px 25px;}
.testimonialSliderInSec {   max-width: 800px;    width: 100%;    margin: 0 auto;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxAuthor  {letter-spacing: -0.3px;font-size: 18px;line-height: 1.7;font-family: var(--font-body-family,HelveticaNeue,sans-serif);color: #0c1a40;font-weight: 500;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxAuthor span {  font-weight: 400;}


.testimonialSliderInSec .slick-slide {  max-width: 700px;    width: 100%;    margin: 0 50px; opacity: 0; transition : all ease-in-out 0.3s }
.testimonialSliderInSec .testimonialSliderBoxSec .slick-list.draggable {   padding: 0 50px;}
.testimonialSliderInSec .testimonialSliderBoxSec .slick-arrow {  width: 46px;    height: 46px;    box-shadow: 0 -6px 12px -2px rgba(50, 50, 93, .25), 0 -3px 7px -3px rgba(0, 0, 0, .3);    border-radius: 50%;  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 16 16' version='1.1'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow' transform='translate(-4.000000, -4.000000)'%3E%3Cpolygon id='Path' points='0 0 24 0 24 24 0 24'/%3E%3Cpolygon id='Path' fill='%23333333' fill-rule='nonzero' points='12 4 10.59 5.41 16.17 11 4 11 4 13 16.17 13 10.59 18.59 12 20 20 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), #fff;    background-repeat: no-repeat;    background-size: 20px;    background-position: center center;}
.testimonialSliderInSec .testimonialSliderBoxSec .slick-arrow:before { display: none;}
.testimonialSliderInSec .testimonialSliderBoxSec button.slick-prev.slick-arrow {  left: -60px;    transform: translateY(-50%) rotate(180deg);}
.testimonialSliderInSec .testimonialSliderBoxSec button.slick-next.slick-arrow {  right: -60px;}
.testimonialSliderInSec .slick-slide.slick-active {   opacity: 1;}


.EngagerInSec {  padding: 100px 100px 100px 100px;    -webkit-border-radius: 4px;    box-sizing: border-box;  overflow: hidden;}
.EngagerInSec .EngagerLeftColumn .EngagerImg {    width: 390px;}
.EngagerInSec .EngagerLeftColumn .EngagerImg img {  width: 100%;    height: 100%;    object-fit: contain;}
.EngagerInSec .EngagerLeftColumn .EngagerContent {    margin: 25px 0 50px;    max-width: 400px;    width: 100%;}
.EngagerInSec .EngagerLeftColumn .EngagerContent p {    font-size: 20px;    line-height: 1.7;    letter-spacing: -0.3px;    color: #fff;    font-weight: 400;}
.EngagerInSec {    max-width: 980px;    width: 100%;    margin: 0 auto;}
.EngagerSection {  padding-bottom: 80px;}




.WhatsnewInSec {  max-width: 980px;    width: 100%;    margin: 0 auto;    transition: transform 1s 1.5s;    animation: rotate-gradient calc(2 * 2s) infinite linear;    animation-play-state: running;}
.animated-border {--angle: 0;--gradient: conic-gradient(from calc(180deg + var(--angle)) at 50% 70%,#dc195c 0deg,#dc195c 72.0000010728836deg,#992375 144.0000021457672deg,#992375 216.00000858306885deg,#992375 288.0000042915344deg,#dc195c 1turn);	}

@keyframes rotate-gradient {
	  from {
		--angle: 0deg;
	  }
	  to {
		--angle: 360deg;
	  }
	}

	.WhatsnewIn {  background: linear-gradient(#fff, #fff) padding-box, var(--gradient) border-box;    border: 4px solid transparent;    border-radius: 6px;    padding: 32px;    text-align: center;    transition: background 0.2s;}
.WhatsnewIn .WhatsnewContent {  margin: 25px 100px 0;}
.WhatsnewIn .WhatsnewContent p {  line-height: 1.5;    text-align: left;    font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);    color: var(--body-color, #002b4f);}
.WhatsnewIn .WhatsnewButtons {  margin-top: 50px;}

.WhatsnewSection {  padding: 80px 0 120px;    position: relative;}
/* .WhatsnewSection:before { position: absolute;  content: "";    top: -100px;    bottom: 0;    right: 0;    left: 0;    width: 100%;    height: 100%;    background-color: #f5f5f5;    transform: skewY(2deg);    transform-origin: top left;    z-index: -1;    pointer-events: none;} */

.RemoteWorkingSection .RemoteWorkingTitleSec { max-width: 990px;    width: 100%;    margin: 0 auto;    text-align: center;}
.RemoteWorkingSection .RemoteWorkingTitleSec  .RemoteWorkingContent {    padding-top: 30px;}
.RemoteWorkingSection .RemoteWorkingTitleSec .RemoteWorkingContent p {  line-height: 1.5;    font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);    color: var(--body-color, #002b4f);}
.RemoteWorkingInSec .RemoteWorkingtabSection {    max-width: 940px;    width: 100%;    margin: 80px auto 0;    border-radius: 6px;    box-shadow: 0 15px 35px 0 rgba(51, 51, 51, 0.15);    background-color: #fbfbfb;    display: flex;    align-items: stretch;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns {    max-width: 290px;    width: 100%;    background: linear-gradient(180deg, #fff, #f2fbfb 50%);}
.RemoteWorkingInSec .RemoteWorkingtabSection  .RemoteWorkingCntBoxSec {  max-width: calc(100% - 290px);    width: 100%;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li a {   width: 100%;   line-height: 1.5;    font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    color: var(--color-secondary);    font-weight: 600;    padding: 20px;    display: inline-block;    border-bottom: 1px solid rgb(19 19 19 / 20%);}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox {  padding: 38px 49px 40px 49px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxShortCnt {   padding-top: 15px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxShortCnt p {    font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);    color: var(--body-color, #002b4f);}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoximg {  margin: 25px 0;    width: 275px;    height: 170px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoximg img {  width: 100%;    height: 100%;    object-fit: contain;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxCnt p {    font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);   color: var(--body-color, #002b4f);    line-height: 1.5;    margin-bottom: 15px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxCnt ul {  list-style-type: disc;    padding-left: 30px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxCnt ul li {  font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);    color: var(--body-color, #002b4f);    line-height: 1.5;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoxBtn {    margin-top: 30px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li.active a {  color: #002747;}
.RemoteWorkingSection {  position: relative;    padding: 80px 0;  background-color: #f5f5f5;}


.TaxDigitalSection {  padding: 80px 0;}
.TaxDigitalSection .TaxDigitalInSec {  max-width: 980px;    width: 100%;    margin: 0 auto;    padding: 75px 32px 50px 32px;    box-sizing: border-box;    box-shadow: 0 15px 35px 0 rgba(51, 51, 51, 0.15);    text-align: center;    position: relative;}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalLogo {  width: 60px;    position: absolute;    top: -40px;    left: 50%;    transform: translatex(-50%);}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalContent {    margin: 30px 0 50px;}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalContent p {   font-family: var(--font-body-family);    font-size: var(--font-body-size, 1rem);    font-weight: var(--font-body-weight, 400);    color: var(--body-color, #002b4f);}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalContent p a {   color: var(--color-secondary);    text-decoration: underline;}


.SystemrequirementSection {  position: relative;    padding: 80px 0;  background-color: #f5f5f5; margin-bottom : 20px; }
.SystemrequirementSection .SystemrequirementInSec {   text-align: center;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementlist ul {  display: flex;    align-items: center;    justify-content: center;    gap: 18px;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementlist ul li {    width: 30px;    height: 30px;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementlist ul li img {    width: 100%;    height: 100%;    object-fit: contain;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementtext {    margin-top: 15px;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementtext p {    font-family: var(--font-body-family);    font-size: 18px;    color: var(--body-color, #002b4f);   line-height: var(--font-body-line-height, 1.4);    font-weight: 500;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementlink {    margin-top: 5px;}
.SystemrequirementSection .SystemrequirementInSec .Systemrequirementlink a {    font-family: var(--font-body-family);    font-size: 16px;    font-weight: var(--font-body-weight, 400);    color: var(--color-secondary);    line-height: var(--font-body-line-height, 1.4);    text-decoration: underline;}


body.ASlandingpage nav.global_nav .main-nav__bar .main-nav__buttons:nth-child(5) a:last-child {
    display: none;
}


/* New Lp Homepage */
.newStylehp h2 { color: var(--heading-color, #002747); font-family: var(--h2-font-family); font-size: 36px; font-weight: var(--h2-font-weight, 400); line-height: var(--h2-line-height, 1.4); letter-spacing: var(--h2-letter-spacing, 0); text-transform: var(--h2-text-transform, none); margin-bottom: 1.25rem; font-weight: bold; } 
.newStylehp h3 { font-size: clamp(18px, 1.9vw, 21px); font-weight: 700; letter-spacing: -.02em; line-height: 1.3; color: var(--ink); }
.band__head { max-width: 660px; margin-left: auto; margin-right: auto; text-align: center; }
.tch-hero{position:relative;background:var(--night);color:#fff;padding:calc(70px + clamp(32px,4vw,70px)) 0 clamp(60px,7vw,88px);overflow:hidden}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__bg:before{content:"";position:absolute;top:-30%;left:-12%;width:70%;height:125%;background:radial-gradient(closest-side,rgba(31,182,176,.4),transparent 70%);filter:blur(24px)}
.hero__bg:after{content:"";position:absolute;top:-15%;right:-18%;width:68%;height:115%;background:radial-gradient(closest-side,rgba(209,0,93,.38),transparent 70%);filter:blur(24px)}
.hero__flow{position:absolute;inset:0;width:100%;height:100%;opacity:.7;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 40%,#000 75%)}
.hero__in{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,4vw,56px);align-items:center}
.tch-hero h1{color: #fff; line-height: 1.08; margin: 0 0 30px; font-weight: 800; letter-spacing: -.035em; font-size: 50px; font-family: var(--h1-font-family);}
.tch-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--pulse-2),#FFB2D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-trust{position:relative;white-space:nowrap;color:#fff}
.hl-stroke { bottom: -23px; height: .42em; left: 5px; overflow: visible; pointer-events: none; position: absolute; width: 100%; }
.hero__cta-row{margin:32px 0 0px}
.tch-hero .lede { font-size: 17px; max-width: 511px; color: rgba(255, 255, 255, .72); }
.btn--primary {  outline: 0;}
/* compact badge chips under CTA */
@media(max-width:1000px){.hero__in{grid-template-columns:1fr;gap:52px}}

/* hero visual: crisp, gentle float + mouse parallax */
.hv{position:relative}
.hv__stage{position:relative;will-change:transform;transition:transform .18s ease-out}
.hv__float{animation:hvFloat 7s ease-in-out infinite}
@keyframes hvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hv__img{width:100%;
/*   border-radius:22px;box-shadow:0 46px 110px -32px rgba(3,6,20,.72),0 12px 30px -12px rgba(3,6,20,.5) */
}
.toast{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.98);border-radius:13px;padding:11px 16px;box-shadow:0 18px 46px -16px rgba(3,6,20,.5),0 3px 10px -3px rgba(3,6,20,.25),inset 0 0 0 1px rgba(11,17,40,.05);opacity:0;transform:translateY(12px) scale(.97);transition:opacity .45s cubic-bezier(.2,.7,.3,1),transform .45s cubic-bezier(.2,.7,.3,1);pointer-events:none;max-width:262px}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast__ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px;flex:0 0 auto;color:#fff}
.toast__ic--mint{background:linear-gradient(140deg,#0FA97A,#3ED9A8)}
.toast__ic--pulse{background:linear-gradient(140deg,var(--navy),var(--pulse))}
.toast__ic--navy{background:linear-gradient(140deg,var(--navy),#2A3C7A)}
.toast__t{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}
.toast__s{font-size:11px;color:var(--slate);margin-top:1px}
.toast__num{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.03em;background:linear-gradient(140deg,var(--teal),var(--pulse));-webkit-background-clip:text;background-clip:text;color:transparent}
.fb{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.98);border-radius:14px;padding:11px 16px;box-shadow:0 20px 50px -16px rgba(3,6,20,.55),0 4px 12px -4px rgba(3,6,20,.25),inset 0 0 0 1px rgba(11,17,40,.05)}
.fb svg{width:26px;height:30px;flex:0 0 auto}
.fb__t{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:-.02em;line-height:1.25;color:var(--ink);white-space:nowrap}
.fb__s{font-size:10.5px;color:var(--slate);margin-top:1px}
.fb--bl{bottom:-22px;left:5%;animation:fbFloat 6s ease-in-out infinite}
.fb--tr{top:-16px;right:4%;padding:9px 14px;animation:fbFloat 6s ease-in-out -3s infinite}
@keyframes fbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:640px){.fb{position:static;margin-top:12px;animation:none}.fb--tr{display:none}}
.toast--tl{top:7%;left:-28px}
.toast--br{bottom:11%;right:-20px}
.tch-hero h1 span { position: relative; }
.tch-hero h1 span:after { position: absolute; content: ''; width: 106px; height: 21px; background-image: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/heroshapenew.png'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 1; right: -10px; display: block; }


@media(max-width:1000px){.toast--tl{left:-4px}.toast--br{right:-4px}}
@media(max-width:640px){
  .hv__float{animation:none}
  .toast{position:static;opacity:1;transform:none;margin-top:12px;max-width:none}
}

/* video */
.eyebrow{font-family:var(--data);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--pulse);margin: 0 0 16px;}
.tch-video{padding:clamp(64px,8vw,96px) 0;background:var(--paper)}
.video__frame{position:relative;max-width:860px;margin:clamp(34px,4vw,48px) auto 0;border-radius:22px;overflow:hidden;box-shadow:var(--sh-2);cursor:pointer;aspect-ratio:16/9;}
.video__frame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.14),transparent 55%)}
.video__ui{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.video__play{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.96);display:grid;place-items:center;box-shadow:0 18px 50px -12px rgba(3,6,20,.6);transition:transform .25s}
.video__frame:hover .video__play{transform:scale(1.08)}
.video__play svg{width:26px;height:26px;margin-left:4px}
.video__tag{position:absolute;left:22px;bottom:18px;z-index:2;font-family:var(--data);font-size:12px;color:rgba(255,255,255,.85);letter-spacing:.05em;background:rgba(8,13,31,.5);padding:7px 14px;border-radius:100px;backdrop-filter:blur(6px)}
.video__frame video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.video__ui {transition: opacity 0.3s ease;}
.video__frame.is-playing .video__ui {opacity: 0; pointer-events: none;}
.tch-statistic-number { color: var(--heading-color, #002747); font-family: var(--display-2-font-family); font-size: 40px; font-weight: var(--display-2-font-weight, 400); line-height: var(--display-2-line-height, 1.4); letter-spacing: var(--display-2-letter-spacing, 0); text-transform: var(--display-2-text-transform, none); font-size: var(--display-2-font-size, 4rem); } .tch-statistic-text { font-family: var(--font-body-family); font-size: var(--font-body-size, 1rem); font-weight: var(--font-body-weight, 400); color: var(--body-color, #002b4f); line-height: var(--font-body-line-height, 1.4); margin-top: 1rem; } .tch-statistic-column { width: 100%; padding: 37.5px 20px; text-align: center; } .tch-statistic-row { background: linear-gradient(90deg,rgba(0,179,172,.9),rgba(204,240,238,.9)); padding: 40px 0; border-radius: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; } 
.tch-statistic-column:not(:last-child) { border-right: 1px solid currentColor; }
.tch-statistic {  padding: 120px 0;background-size: cover; background-position: center bottom;}
.tch-trusted {  background-color: #f4f6f9;  padding: 80px 0;  text-align: center;}
@keyframes scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.tch-trusted { background-color: #f4f6f9; padding: 80px 0; text-align: center; } 
.tch-marquee-column img { height: 80px !important; width: auto; flex-shrink: 0; filter: grayscale(1); max-width: 120px !important; object-fit: contain; mix-blend-mode: multiply; } 
.tch-marquee-row { display: flex; align-items: center; gap: 50px;     }
.tch-marquee-outer {animation: scroll 20s linear infinite;    margin: 30px 0 0;}
.tch-marquee-outer { display: flex; align-items: center; flex-flow: row; width: max-content; will-change: transform; gap: 50px; }
.tch-trusted { overflow: hidden; }
.tch-marquee-column img:hover { filter: none; }
/* bands */
.band{padding:clamp(60px,7vw,96px) 0}
.band--canvas{background:var(--canvas);position:relative}
.band--canvas>.wrap{position:relative;z-index:1}
.band--canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(12,19,48,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.band__head{margin-bottom:clamp(42px,5vw,58px);max-width:660px}
.band__head--c{margin-left:auto;margin-right:auto;text-align:center}


/* outcomes */
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,26px)}
.oc{background:#fff;border:1px solid var(--edge);border-radius:22px;padding:32px 30px 28px;display:flex;flex-direction:column;box-shadow:var(--sh-1);transition:transform .25s,box-shadow .25s}
.oc:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:rgba(14,143,134,.35)}
.oc__metric{font-family:var(--display);font-weight:800;font-size:clamp(40px,4.6vw,52px);letter-spacing:-.055em;line-height:1;background:linear-gradient(140deg,var(--teal),var(--pulse));-webkit-background-clip:text;background-clip:text;color:transparent}
.oc__metric-l{font-family:var(--data);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);margin:12px 0 20px}
.oc blockquote{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.5;margin-bottom:24px;color:var(--ink)}
.oc__who{margin-top:auto;display:flex;gap:14px;align-items:center;padding-top:22px;border-top:1px solid var(--edge-2)}
.oc__av{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:0 0 auto;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--edge)}
.oc__av{position:relative}
.oc__av svg{width:100%;height:100%}
.oc__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.oc__name{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink)}
.oc__role{font-size:13px;color:var(--ink-2);line-height:1.4}
.oc__meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.chip{font-family:var(--data);font-size:10.5px;letter-spacing:.05em;background:var(--edge-2);color:var(--ink-2);padding:5px 11px;border-radius:100px}
.chip--left{background:var(--navy);color:#fff}
.oc__stars{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:13px}
@media(max-width:940px){.outcomes{grid-template-columns:1fr}}
/* review credentials band */
.rev-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(32px,4vw,44px);padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--edge)}
.rb{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--edge);border-radius:14px;padding:12px 18px;box-shadow:var(--sh-1)}
.rb svg{width:26px;height:30px;flex:0 0 auto}
.rb span{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:-.02em;color:var(--ink);line-height:1.3;display:flex;flex-direction:column}
.rb em{font-style:normal;font-weight:400;font-size:11px;color:var(--slate);margin-top:2px}
.band .band__head { margin-left: 0; max-width: 580px; text-align: left; }
.blckquote { font-family: var(--display); font-size: 16px; font-weight: 600; letter-spacing: -.02em; line-height: 1.5; margin-bottom: 24px; color: var(--ink); } 
.blckquote * { margin: 0; }
.blckquote { font-family: Georgia, Times New Roman, serif; font-weight: normal; font-size: clamp(1.35rem, 1.18vw, 1.72rem); }
.rb img { height: 30px !important; width: 26px !important; flex: 0 0 auto; object-fit: contain; }

/* suite */
.suite{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.mod{background:#fff;border:1px solid var(--edge);border-radius:20px;padding:30px 28px;box-shadow:var(--sh-1);transition:transform .25s,box-shadow .25s;font-size: 14.5px; color: var(--ink-2); line-height: 1.6;}
.mod:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:rgba(224,0,108,.3)}
.mod__ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,var(--navy),var(--pulse));display:grid;place-items:center;margin-bottom:20px;box-shadow:0 8px 20px -8px rgba(12,19,48,.5);    background: linear-gradient(90deg, #dc195c, #992375);}
.mod__ic svg{width:22px;height:22px}
.mod h3{margin-bottom:9px}
.mod__feat{font-family:var(--data);font-size:11px;color:var(--slate);letter-spacing:.03em;margin-top:16px;line-height:1.8}
@media(max-width:940px){.suite{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.suite{grid-template-columns:1fr}}
.band .band__head .lede { font-size: clamp(15px, 1.3vw, 17px); color: var(--ink-2); max-width: 54ch;
/* New Lp Homepage */
@media (max-width: 1300px){
.ASBannerSection {  padding: 100px 0 300px;}
.asaccountantBSection {  padding-bottom: 40px;}
  
}

@media (max-width: 1080px){
.ASBannerSection .ASBannerInSection .ASBannerCTA {  margin-top: 30px;}
.asaccountantBInSec {  margin: -150px auto 0;}
.ASBannerSection {  padding: 80px 0 190px;}
.videoawardSection {  padding: 50px 0;}
.videoawardBoxSection {  padding-top: 60px;}
.testimonialSliderSection {  padding-bottom: 50px;}
.EngagerSection {  padding-bottom: 30px;}
.WhatsnewSection {    padding: 50px 0;}
.RemoteWorkingSection {   padding: 50px 0;}
  .RemoteWorkingInSec .RemoteWorkingtabSection { margin: 50px auto 0 }
}


@media (max-width: 991px){
.testimonialSliderInSec .slick-slide {max-width: 500px;}
.testimonialSliderInSec {max-width: 600px;}
.videoawardVideo {  width: 100%;    height: auto;}
.videoawardVideo iframe {  aspect-ratio: 16/9;}
.EngagerInSec {   padding: 100px 50px;   background-size: 300px, cover !important;}
EngagerSection .EngagerInSec {    background-size: 250px, cover !important;}
.EngagerInSec .EngagerLeftColumn .EngagerImg {   width: 100%;    max-width: 200px;}
.EngagerInSec .EngagerLeftColumn .EngagerContent {    margin: 25px 0;}
.WhatsnewIn .WhatsnewContent {   margin: 25px 0;}
.WhatsnewIn .WhatsnewButtons {   margin-top: 30px;}
.WhatsnewIn .WhatsnewContent p {   text-align: center;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li a {  font-size: 16px;    padding: 20px 10px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns {    max-width: 200px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec {   max-width: calc(100% - 200px);}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox {   padding: 30px;}
.asaccountantBInSec .asaccountantBButtonsec .asaccountantButton a {  font-size: 14px !important;}
.asaccountantBInSec {    padding: 30px;}  
  
}


@media (max-width: 767px){
.asaccountantBInSec .asaccountantBButtonsec {  flex-wrap: wrap;}
.testimonialSliderInSec {  max-width: 100%;}
.testimonialSliderInSec .slick-slide {  max-width: 100%;    margin: 0 50px;}
.testimonialSliderInSec .testimonialSliderBoxSec .slick-arrow { display: none !important}
.EngagerInSec { padding: 250px 50px 50px;    background-position: top 30px right, center !important;}
.EngagerInSec .EngagerLeftColumn .EngagerContent {  max-width: 100%;}
.RemoteWorkingInSec .RemoteWorkingtabSection {  flex-wrap: wrap;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns {  max-width: 100%;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec {   max-width: 100%;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul {   display: flex;    align-items: center;    width: 100%;    overflow-x: auto;    gap: 20px;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li a {   white-space: nowrap;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li a {    border-bottom: unset;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li {  position: relative;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li:before {  position: absolute;    content: "";    width: 0;    height: 2px;    background: #002747;    bottom: 0;    left: 50%;    transform: translateX(-50%);    transition: all ease-in-out 0.3s;}
.RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingTabBtns ul li.active:before {    width: 100%;}
.TaxDigitalSection {   padding: 80px 0 50px;}
.WhatsnewSection {   padding: 30px 0;}
.testimonialSliderSection {  padding-bottom: 30px;}
body.ASlandingpage nav.global_nav .main-nav__bar {  justify-content: space-between !important;}
}

@media (max-width: 640px){
.asaccountantBInSec .asaccountantBTitleSection .asaccountantBContent p {  font-size: 18px;}
.asaccountantBInSec {  padding: 30px 15px;}
.videoawardSection {  padding: 30px 0;}
.testimonialSliderInSec {   max-width: 100%;}
.testimonialSliderInSec .slick-slide {  max-width: 100%;    margin: 0;}
.testimonialSliderInSec .testimonialSliderBoxSec .slick-list.draggable {    padding: 0;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote:before {    left: 0;    z-index: -1; }
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote:after {    right: 0;    z-index: -1;   }
.EngagerInSec {    padding: 310px 20px 50px;}
.testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote p {  padding: 0 50px;}
  .videoawardBoxSection .videoawardBoxText {  max-width: 420px;    width: 100%;    margin: 30px  auto 0;}
  .testimonialSliderBoxSec .testimonialSliderBox .testimonialSliderBoxQuote p {
    font-size: clamp(24px,3.5vw,40px);
}
}

@media (max-width: 480px){
.ASBannerSection .ASBannerInSection .ASBannerTitle h1 {  font-size: 30px;}
.ASBannerSection {   padding: 50px 0 190px;}
.asaccountantBInSec .asaccountantBTitleSection .asaccountantBTitle h2 {  font-size: 26px;}
.videoawardbuttonsec {  flex-direction: column;}
.videoawardbuttonsec a {    min-width: 250px;}
.asaccountantBInSec .asaccountantBButtonsec .asaccountantButton a {  min-width: 250px;}
.EngagerInSec .EngagerLeftColumn .EngagerContent p {    font-size: 18px;    line-height: 1.5;}
.WhatsnewIn {    padding: 30px 15px;}
.WhatsnewIn .WhatsnewTitle h2 {   font-size: 26px;}
.WhatsnewIn .WhatsnewContent {    margin: 15px 0;}
.RemoteWorkingSection .RemoteWorkingTitleSec .RemoteWorkingTitle h2 {  font-size: 26px;}
.RemoteWorkingSection .RemoteWorkingTitleSec .RemoteWorkingContent {   padding-top: 15px;}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalTitle h2 {   font-size: 26px;}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalContent {   margin: 15px 0 30px;}
.SystemrequirementSection {   padding: 50px 0;}
  .asaccountantBInSec .asaccountantBButtonsec { margin-top: 30px; }
  .RemoteWorkingInSec .RemoteWorkingtabSection .RemoteWorkingCntBoxSec .RemoteWorkingCntBox .RemoteWorkingCntBoximg {  width: 100%;    height: 56.25%;}
.TaxDigitalSection .TaxDigitalInSec .TaxDigitalContent p br {
    display: none;
}
}



/* =============================================================
 *    HSFC (HubSpot next-gen Forms) fixes
 *    The rules elsewhere in this file only target classic HubSpot
 *    forms (selectors written as form:not(.hsfc-Form)). Newer form
 *    embeds render with the hsfc-* engine and fall back to HubSpot's
 *    own default styling instead: white placeholder text, pale-pink
 *    error text, and a stray bullet-marker square leaking onto
 *    dropdown options from the site's rich-text list-bullet rule
 *    (which only excludes classic .hs-form-radio/-checkbox/
 *    -booleancheckbox classes, not hsfc's list items). This block
 *    brings hsfc forms in line with the rest of the site. */

/* Placeholder text: was resolving to white/invisible */
[data-hsfc-id] .hsfc-TextInput::placeholder,
[data-hsfc-id] .hsfc-TextareaInput::placeholder {
    color: var(--color-surface-lighter, #8E938D) !important;
    opacity: 1 !important;
}

/* Validation/error text: was resolving to pale pink (#F8CED8),
 *    barely visible on a white field background */
[data-hsfc-id] .hsfc-ErrorAlert {
    color: var(--color-secondary-dark, #950449) !important;
}

/* Stray bullet-marker square on dropdown options (e.g. Yes/No
 *    lists): exclude hsfc's own list items from the generic
 *    content-list bullet marker */
[data-hsfc-id] .hsfc-DropdownOptions__List__ListItem::before {
    content: none !important;
    display: none !important;
}