@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap');
/*  font-family: "Wittgenstein", serif; */
:root {
  --navy: #29255B;
  --orange: #E8501E;
  --teal: #3ABCB1;
  --teal-light: #e8f7f5;
  --warm-white: #FAFAF8;
  --off-white: #F4F3F0;
  --text: #2A2A2A;
  --text-mid: #5A5A5A;
  --text-light: #888;
  --border: #E2E0DC;
  
    /* TaxCalc brand palette */
  --navy-900: #0C1A40;
  --navy-700: #243976;
  --navy-300: #243976;
  --navy-100: #C8CEDE;
  --navy-50: #F1F3F8;

  --pink-700: #DC195C;
  --pink-300: #F073A9;
  --pink-100: #FBD4E5;
  --pink-50: #FEF2F7;

  --teal-900: #014F4B;
  --teal-700: #00B3AC;
  --teal-300: #79CCCF;
  --teal-100: #C7E7E8;
  --teal-50: #EEF8F8;

  --orange-700: #F05B22;
  --orange-300: #F79A6C;
  --orange-100: #FCDCCA;

  --grey-900: #0C1A40;
  --grey-600: #4A5173;
  --grey-400: #8B90A8;
  --grey-200: #D6D9E3;
  --grey-50: #F7F8FB;

  /*--ff-sans: 'Helvetica Neue', Arial, sans-serif;
  --ff-sans: 'Inter', Helvetica, Arial, sans-serif;*/
  --ff-sans: 'Helvetica', sans-serif;  
  --ff-mono: 'Azeret Mono', ui-monospace, monospace;
  --ff-serif: 'Wittgenstein', Georgia, 'Times New Roman', serif;
 
}


/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKK58VXh.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFnOHM81r4j6k0gjAW3mujVU2B2G_5x0ujy.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Black.svg#HelveticaNeue-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BlackItalic.svg#HelveticaNeue-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Heavy.svg#HelveticaNeue-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-HeavyItalic.svg#HelveticaNeue-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-MediumItalic.svg#HelveticaNeue-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.eot');
    src: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.eot#iefix') format('embedded-opentype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.woff2') format('woff2'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.woff') format('woff'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.ttf') format('truetype'),
        url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/HelveticaNeue/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}


/* Animation */
/* @keyframes fadeIn {
 from { opacity: 0; }
 to { opacity: 1; }
}

@keyframes slideUp {
 from { opacity: 0; transform: translateY(30px); }
 to { opacity: 1; transform: translateY(0); }
} */




body.hs-landing-page.hs-page.lpbody, html {
  overflow-x: hidden !important;
}

nav.global_nav.main-nav {  --tw-translate-y: 0;    translate: var(--tw-translate-x) var(--tw-translate-y) !important;    position: fixed !important;}



.HeroBannerSection {  padding: 100px 80px;    position: relative;}
.HeroBannerSection:before {    content: '';    position: absolute;    top: -120px;    right: -120px;    width: 500px;    height: 500px;    border-radius: 50%;    background: rgba(58, 188, 177, 0.08);    pointer-events: none;}
.hero-inner {    max-width: 820px;    margin: 0 auto;  position: relative;    z-index: 1;}
.hero-tag {   font-family: 'DM Sans', sans-serif; display: inline-block;    background: rgba(232, 80, 30, 0.15);    color: #e8501e;    font-size: 13px;    font-weight: 600;    text-transform: uppercase; letter-spacing: 1.5px;  padding: 6px 14px;   border-radius: 4px;    margin-bottom: 28px;}
.HeroBannerSection h1 {   font-family: 'DM Serif Display', serif;    font-size: clamp(36px, 5vw, 56px);    line-height: 1.12;    color: #fff;    margin-bottom: 24px;    letter-spacing: -0.5px; font-weight : 700}
.HeroBannerSection h1 em {    font-style: normal;    color: #3abcb1}
.hero-sub {  font-family: 'DM Sans', sans-serif; font-size: 19px;    line-height: 1.7;    color: rgba(255, 255, 255, 0.72);    max-width: 640px;    margin-bottom: 40px;}
.hero-stat-row {    display: flex;    gap: 48px;    flex-wrap: wrap;    margin-bottom: 44px;}
.hero-stat-num {    font-family: 'DM Serif Display', serif;    font-size: 40px;    color: #3abcb1;    line-height: 1;}
.hero-stat-label {  font-family: 'DM Sans', sans-serif;    font-size: 14px;    color: rgba(255, 255, 255, 0.55);    margin-top: 6px;}
.hero-ctas {    display: flex;    gap: 16px;    flex-wrap: wrap;}
.btn-primary { line-height: 1.65;  background: #e8501e;    color: #fff;    border: none;    padding: 14px 32px;    border-radius: 6px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    font-family: 'DM Sans', sans-serif;    transition: background 0.2s;    text-decoration: none;   display: inline-block;}
.btn-outline { line-height: 1.65;  background: transparent;    color: #fff;    border: 1.5px solid rgba(255, 255, 255, 0.3);    padding: 13px 32px;    border-radius: 6px;    font-size: 16px;    font-weight: 500;    cursor: pointer;    font-family: 'DM Sans', sans-serif;    transition: border-color 0.2s, color 0.2s;    text-decoration: none;    display: inline-block;}
 .btn-primary:hover {   background: #d14818;}
.btn-outline:hover {  border-color: #fff;  color: #fff;}



.StatusSection {  padding: 80px 0;}
.section-label {  font-size: 12px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 2px;    color: #e8501e;    margin-bottom: 16px;  font-family: 'DM Sans', sans-serif;}
.StatusInSec {   max-width: 900px;    width: 100%;    margin: 0 auto;}
h2.section-title {    font-family: 'DM Serif Display', serif;    font-size: clamp(28px, 3.5vw, 40px);    line-height: 1.2;    color: #29255b;    margin-bottom: 20px;    letter-spacing: -0.3px;    font-weight: 700;}
.StatusContent {    max-width: 680px;    width: 100%;}
.StatusContent p {    font-size: 17px;    color: #5a5a5a;    line-height: 1.75;    font-family: 'DM Sans', sans-serif;}
.StatusContent p+* {    margin-top: 16px;}
.status-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));    gap: 20px;    margin-top: 40px;}
.status-card {    background: #fff;    border: 1px solid #e2e0dc;    border-radius: 10px;    padding: 28px;}
.status-card-icon {    width: 40px;    height: 40px;    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 16px;    font-size: 20px;    line-height: 0;    font-family: 'DM Sans', sans-serif;}
.status-card h3 {    font-size: 16px;    font-weight: 600;    margin-bottom: 8px;    color:#29255b;    font-family: 'DM Sans', sans-serif;}
.status-card p {    font-size: 15px;    color: #5a5a5a;    line-height: 1.6;   font-family: 'DM Sans', sans-serif;}


.comparisonSection {  padding: 80px 0;}
.comparisonSection .comparisonInSec {   max-width: 900px;    width: 100%;    margin: 0 auto;}
.comparisonSection .comparisonContent p {  font-size: 17px;    color: #5a5a5a;    line-height: 1.75;    max-width: 680px;    font-family: 'DM Sans', sans-serif;}
.comparisonSection .table-wrap {  margin-top: 40px;    border: 1px solid #e2e0dc;   border-radius: 12px;    overflow: hidden;}
.comparisonSection .comp-table {    width: 100%;    border-collapse: collapse;}
.comparisonSection .comp-table thead th:first-child {    background: var(--off-white);    color: var(--text-light);    width: 30%;}
.comparisonSection .comp-table thead th:nth-child(2) {    background: var(--navy);    color: #fff; width: 31.6%}
.comparisonSection .comp-table thead th {    text-align: left;    padding: 18px 24px;    font-size: 14px;  font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    border-bottom: 2px solid var(--border);     font-family: 'DM Sans', sans-serif; }
.comparisonSection .comp-table thead th:nth-child(3) {  background: var(--off-white);    color: var(--text-mid); width: 38.4%}
.comparisonSection .comp-table tbody td {  padding: 18px 24px;    font-size: 15px;    border-bottom: 1px solid var(--border);   vertical-align: top;    line-height: 1.55;     font-family: 'DM Sans', sans-serif; }
.comparisonSection .comp-table tbody td:first-child {    font-weight: 600;    color: var(--navy);    background: var(--warm-white);}
.comparisonSection .comp-table tbody td:nth-child(2) {  color: var(--text);}
.comparisonSection .comp-table tbody td:nth-child(3) {    color: var(--text-mid);}
.comparisonSection .check {    color: var(--teal);    font-weight: 700;}
.comparisonSection .cross {    color: #c0392b;}

.ReasonSection .reasons-grid {   display: grid;    gap: 0;    margin-top: 48px;}
.ReasonSection .reason {   display: grid;    grid-template-columns: 56px 1fr;    gap: 24px;    padding: 36px 0;    border-bottom: 1px solid var(--border);}
.ReasonSection .reason-num {   font-family: 'DM Serif Display', serif;    font-size: 32px;    color: var(--teal);    line-height: 1;    padding-top: 2px;}
.ReasonSection .reason h3 {    font-size: 20px;    font-weight: 600;    color: var(--navy);  margin-bottom: 10px;     font-family: 'DM Sans', sans-serif;}
.ReasonSection .reason p {    font-size: 16px;    color: var(--text-mid);    line-height: 1.7;    max-width: 620px;     font-family: 'DM Sans', sans-serif;}
.ReasonSection .reason:last-child {    border-bottom: none;}
.ReasonInSec {   max-width: 900px;    margin: 0 auto;    width: 100%;}
.ReasonSection {  padding: 80px 0;}

.ProductSection {   padding: 80px 0;}
.ProductSection .productInSec {   max-width: 900px;    width: 100%;    margin: 0 auto;}
.ProductSection .productTitleSec {    max-width: 680px;    width: 100%;}

.product-grid {  display: grid;    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));    gap: 20px;  margin-top: 40px;}
.product-card {    border: 1px solid var(--border);    border-radius: 10px;    padding: 28px;    transition: border-color 0.2s;}
.product-card .tag {   display: inline-block;    font-size: 12px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin-bottom: 14px;    padding: 4px 10px;    border-radius: 4px;    font-family: DM Sans, sans-serif;}
.product-card h3 {   font-size: 17px;    font-weight: 600;    color: var(--navy);    margin-bottom: 10px;    font-family: DM Sans, sans-serif;}
.product-card p {    font-size: 15px;    color: var(--text-mid);    line-height: 1.65;      font-family: DM Sans, sans-serif;}
.productContent p {    font-family: DM Sans, sans-serif;    font-size: 17px;    color: var(--text-mid);    line-height: 1.75;}
.product-card:hover {    border-color: var(--teal);}

.migrationSection {  padding: 80px 0;}
.migrationSection .migrationInSec {  max-width: 900px;    width: 100%;    margin: 0 auto;}
.migrationContent p {   font-family: 'DM Sans', sans-serif;  font-size: 17px;    color: var(--text-mid);    line-height: 1.75;    max-width: 680px;}
.migrationSection .timeline {  margin-top: 48px;    display: flex;    gap: 0;    position: relative;}
.migrationSection .timeline::before {    content: '';    position: absolute;    top: 20px;    left: 0;    right: 0;    height: 3px;    background: var(--border);}
.migrationSection .timeline-step {   flex: 1;    position: relative;    padding-top: 48px;    padding-right: 24px;}
.migrationSection .timeline-step::before { content: '';    position: absolute;    top: 8px;    left: 0;    width: 18px;    height: 18px;    border-radius: 50%;    background: var(--teal);    border: 3px solid var(--warm-white);   z-index: 1;  box-sizing: content-box;}
.migrationSection .timeline-step h4 {    font-size: 15px;    font-weight: 600;    color: var(--navy);    margin-bottom: 6px;  font-family: 'DM Sans', sans-serif; }
.migrationSection .timeline-step p {   font-family: 'DM Sans', sans-serif;  font-size: 14px;    color: var(--text-mid);    line-height: 1.6;}

.socialproofSection {  padding: 80px 0;    text-align: center;}
.socialproofSection .socialproofInSec {   max-width: 900px;    width: 100%;    margin: 0 auto;}
.socialproofSection .socialproofInSec .socialprooftpSec .quote-mark {    font-family: 'DM Serif Display', serif;    font-size: 80px;    color: var(--teal);  line-height: 0.5;    margin-bottom: 24px;}
.socialproofSection .quote-text {    font-family: 'DM Serif Display', serif;    font-size: clamp(22px, 3vw, 30px);    color: #fff;    line-height: 1.45;    max-width: 680px;    margin: 0 auto 24px;}
.socialproofSection .quote-attr {   font-size: 15px;    color: rgba(255, 255, 255, 0.5);    font-family: DM Sans, sans-serif;}
.socialproofSection .proof-stats {    display: flex;    justify-content: center;    gap: 60px;  margin-top: 56px;    flex-wrap: wrap;}
.socialproofSection .proof-stat-num {    font-family: 'DM Serif Display', serif;    font-size: 36px;    color: var(--teal);    line-height: 1;}
.socialproofSection .proof-stat-label {    font-size: 14px;    color: rgba(255, 255, 255, 0.5);    margin-top: 6px;        font-family: 'DM Sans', sans-serif;}

.offerSection {  padding: 80px 0;    text-align: center;}
.offerSection .offer-box {    max-width: 640px;    margin: 0 auto;    background: #fff;    border: 2px solid var(--teal);    border-radius: 14px;   padding: 48px 40px;    margin-top: 32px;}
.offerSection .offer-headline {    font-family: 'DM Serif Display', serif;    font-size: 32px;    color: var(--navy);    margin-bottom: 16px;}
.offerSection .offer-body {   font-family: 'DM Sans', sans-serif;  font-size: 16px;    color: var(--text-mid);    line-height: 1.7;    margin-bottom: 32px;}
.offerSection .btn-primary {    background: var(--orange);    color: #fff;    border: none;    padding: 14px 32px;    border-radius: 6px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    font-family: 'DM Sans', sans-serif;    transition: background 0.2s;    text-decoration: none;    display: inline-block;}
.offerSection .btn-primary:hover {     background: #d14818; }
.offerSection .offer-terms {    font-family: 'DM Sans', sans-serif; font-size: 13px;    color: var(--text-light);    margin-top: 20px;    line-height: 1.6;}

.ctaSection {   padding: 80px 0; text-align: center;}
.ctaSection .CTAInSection {   max-width: 900px;    width: 100%;    margin: 0 auto;}
.ctaSection .CTAInSection .CTAContent p {    margin: 0 auto 36px;    text-align: center;    font-size: 17px;    color: var(--text-mid);    line-height: 1.75;    max-width: 680px;    font-family: 'DM Sans', sans-serif;    width: 100%;}
.ctaSection .CTAInSection  .CTABtns {    display: flex;    gap: 16px;    flex-wrap: wrap;    justify-content: center;}
.ctaSection .CTAInSection .CTABtns a.btn-primary-dark {    background: var(--navy);    color: #fff;    border: none;    padding: 14px 32px;    border-radius: 6px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    font-family: 'DM Sans', sans-serif;    transition: background 0.2s;    text-decoration: none;    display: inline-block;}
.ctaSection .CTAInSection .CTABtns a.btn-primary-dark:hover {       background: #1e1b47;}
.ctaSection .CTAInSection .CTABtns a.btn-outline-dark {  background: transparent;    color: var(--navy);  border: 1.5px solid var(--border);    padding: 13px 32px;    border-radius: 6px;    font-size: 16px;    font-weight: 500;    cursor: pointer;    font-family: 'DM Sans', sans-serif;    transition: border-color 0.2s;    text-decoration: none;    display: inline-block;}
.ctaSection .CTAInSection .CTABtns a.btn-outline-dark:hover {    border-color: var(--navy);}


/* TaxCalc */
/* Typography */
.newStyle h1, .newStyle h2, .newStyle h3, .newStyle h4, .newStyle h5, .newStyle h6 { line-height: 1.1; color: var(--navy-900);font-family:var(--ff-sans);  }
.newStyle h1 { /*font-size: clamp(40px, 6vw, 72px); line-height: 1.05; letter-spacing: -0.02em; */ font-size: clamp(32px, 6vw, 66.9px); font-weight: 500; letter-spacing: -0.0216em;line-height: 1.134; }
.newStyle h2 { font-size: clamp(26px, 4vw, 44.8px); letter-spacing: -0.0161em; line-height: 1.1834; font-weight: 500; }
.newStyle h3 { font-size: clamp(24px, 2.5vw, 36px); letter-spacing: -0.01em; line-height: 1.15; }
.newStyle h4 { font-size: 22px; line-height: 1.3; }
.newStyle h5 { font-size: 18px; font-weight: 500; }
.newStyle{font-family:var(--ff-sans);  }
/* Buttons */
.newStyle .btn { display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 16px 28px; border-radius: 6px;
  font-family: var(--ff-mono);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 180ms ease;
  white-space: nowrap; line-height: 1.643;
}
.newStyle .btn-primary {
  background: var(--pink-700);
  color: #fff;
  border-color: var(--pink-700);
}
.newStyle .btn-primary:hover {
  background: #B5114C;
  border-color: #B5114C;
}
.newStyle .btn-secondary {
  background: transparent;
  color: var(--navy-900);
  border-color: var(--navy-900);
}
.newStyle .btn-secondary:hover {
  background: var(--navy-900);
  color: #fff;
}
.newStyle .btn-secondary-light {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.newStyle .btn-secondary-light:hover {
  background: #fff;
  color: var(--navy-900);
}
.newStyle .btn-sm { padding: 10px 18px; font-size: 13px; }

/* Flow graphic SVG - used as decorative background */
.flow-svg {
  position: absolute;
  opacity: 0.55;
  pointer-events: none;
}
.taxcalchero {  color: #fff; padding: 100px 0 120px; position: relative; overflow: hidden; }
.container-narrow {max-width: 900px;margin: 0 auto;padding: 0 32px;}
.container-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 32px;}
.eyebrow {
  font-family: var(--ff-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--teal-700);
  margin-bottom: 20px;
  display: inline-block;
  line-height: 1.667;
}

.lede {
  font-size: clamp(18px,1.8146vw,20.6px);
  line-height: 1.603;
  color: var(--grey-600);
  max-width: 628px;
}

.taxcalchero h1 { color: #fff; }
.taxcalchero .lede { color: rgba(255,255,255,0.75);}
.lede { margin:32px 0 0;}
.hero-flow {
  position: absolute;
  top: 0;
  right: -10%;
  width: 80%;
  height: 100%;
  
  pointer-events: none;
}
.hero-inner {
  position: relative;
  z-index: 2;
}
.hero-left {
  /*max-width: 820px;*/  max-width: 760px;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 100px;
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--teal-300);
  margin-bottom: 32px;
}
.hero-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--teal-300);
}
.taxcalchero h1 strong {
  font-weight: 500 !important;
  color: var(--pink-300);
}
.hero-ctas {
  display: flex;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.hero-micro {
  font-family: var(--ff-mono);
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  margin-top: 24px;
  letter-spacing: 0.04em;
  line-height: 1.667;
}
.hero-micro span { color: var(--teal-300); margin-right: 6px; font-size: 18px; }
.hero-right {
  padding-bottom: 20px;
}
.hero-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  border-left: 1px solid rgba(255,255,255,0.15);
  padding-left: 32px;
}
.hero-stat {
  font-family: var(--ff-mono);
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  letter-spacing: 0.02em;
}
.hero-stat strong {
  display: block;
  font-family: var(--ff-sans);
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}

/*.taxcalchero h1 strong, .taxcalchero h1 {
    font-weight: normal !important;
}*/
section.pagesec { padding: 120px 0; position: relative; }
.section-head {
  max-width: 650px;
  margin-bottom: 64px;
}
.section-head h2 { margin-bottom: 20px; }

/* WHY FROM TAXCALC */
.why {
  background: #fff;
  padding: 120px 0;
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--navy-900);
  border-bottom: 1px solid var(--navy-900);
}
.why-card {
  padding: 48px 40px 48px 0;
  border-right: 1px solid var(--grey-200);
}
.why-card:last-child { border-right: none; padding-right: 0; }
.why-card:not(:first-child) { padding-left: 40px; }
.why-num {
  font-family: var(--ff-mono);
  font-size: 12px;
  color: var(--pink-700);
  letter-spacing: 0.08em;
  margin-bottom: 32px;
  display: block;
  line-height: 1.667;
}
.why-card h3 {
  font-size: 24px; font-size: 22.1px;
  margin-bottom: 16px;
  letter-spacing: -0.0054em; letter-spacing: -0.12px; font-weight: 500; line-height: 1.223;
} 
.whycard-contents {
    max-width: 330px;
}
.why-card p, .why-card { color: var(--grey-600); font-size: 15.8px;
    line-height: 1.731; }

/* PROBLEM */
.problem {
  background: var(--navy-50);
  position: relative;
  overflow: hidden;
}
.problem-flow {
  position: absolute;
  bottom: 0%;
  right: -5%;
  width: 50%;
  
  pointer-events: none;
}
.problem-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 80px;
  align-items: start;
}
.problem h2 strong {
  font-weight: 500  !important; 
  color: var(--pink-700);
}
.problem-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.problem-item {
  padding: 28px 0;
  border-top: 1px solid var(--grey-200);
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 20px;
  align-items: start;
}
.problem-item:last-child { border-bottom: 1px solid var(--grey-200); }
.problem-item-num {
  font-family: var(--ff-mono);
  font-size: 12px;
  color: var(--pink-700);
  letter-spacing: 0.04em;
  padding-top: 4px;
  line-height: 1.334;
}
.problem-item-text {
  font-size: 18.6px;
  line-height: 1.506;
  color: var(--navy-900);
  font-weight: 400;
}
.problem-closer {
  margin-top: 48px;
  font-size: 20.3px;
  font-weight: 500;
  color: var(--navy-900);
  padding-left: 60px;
  position: relative;
  line-height: 1.735;
}
.problem-closer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 1px;
  background: var(--pink-700);
}
.newStyle strong { font-weight: normal !important; }
/* BENEFITS */
.benefits {
  background: #fff;
}
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--grey-200);
  border: 1px solid var(--grey-200);
}
.benefit {
  background: #fff;
  padding: 44px 36px;
  transition: background 200ms ease;
}
.benefit:hover { background: var(--navy-50); }
.benefit-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 32px;
  color: var(--pink-700);
}
.benefit h4 {
 font-size: 18.1px;
 letter-spacing: -0.0055em;
 margin-bottom: 10px;
 font-weight: 500;
 line-height: 1.437;
}
.benefit p, .benefit { color: var(--grey-600); font-size: 14.9px; line-height: 1.611; }

/* FEATURES DEEP DIVE */
.features {
  background: var(--navy-900);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.features-flow {
  position: absolute;
  top: 0%;
  left: -10%;
  width: 60%;
  height: 70%;

  pointer-events: none;
}
.features h2 { color: #fff; }
.features .eyebrow { color: var(--teal-300); }
.features .lede { color: rgba(255,255,255,0.7); }
.features-inner { position: relative; z-index: 2; }
.features-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 48px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  flex-wrap: wrap;
}
.tab-btn {
  background: transparent;
  border: none;
  color: rgba(255,255,255,0.6);
  font-family: var(--ff-sans);
  font-size: 15.9px;
  font-weight: 400;
  padding: 16.5px 24px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: all 180ms ease;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: -0.0057em;
  line-height: normal;
}
.tab-btn.active {
  color: #fff;
  border-bottom-color: var(--pink-300);
}
.tab-btn:hover { color: #fff; }
.tab-num {
  font-family: var(--ff-mono);
  font-size: 11px;
  color: var(--pink-300);
  letter-spacing: 0.04em;
}
.tab-content {
  display: none;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: center;
}
.tab-content.active { display: grid; }
.tab-content h3 {
  color: #fff;
  font-size: 33.2px;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
  line-height: 1.25;
  letter-spacing: -0.0108em;
  max-width: 470px;
}

.tab-content p, .tab-info-text {
  color: rgba(255,255,255,0.8);
 font-size: 17.5px;
    line-height: 1.686;
  max-width: 480px;
}
.tab-mockup {
  background: linear-gradient(135deg, #1a2a5c, #0C1A40);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 4px;
  padding: 24px;
/*   aspect-ratio: 16 / 11; */
  position: relative;
  overflow: hidden;
}
.tab-mockup::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 32px;
  background: rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.tab-mockup::after {
  content: '● ● ●';
  position: absolute;
  top: 10px;
  left: 16px;
  color: rgba(255,255,255,0.2);
  font-size: 8px;
  letter-spacing: 4px;
}
.mockup-content {
  margin-top: 40px;
  height: calc(100% - 40px);
  display: grid;
  gap: 12px;
}
.mockup-row {
  background: rgba(255,255,255,0.06);
  border-radius: 3px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--ff-mono);
  font-size: 11px;
  color: rgba(255,255,255,0.7);
}
.mockup-row .tag {
  background: var(--teal-700);
  color: var(--navy-900);
  padding: 3px 8px;
  border-radius: 2px;
  font-size: 10px;
}
.mockup-row .tag.pink { background: var(--pink-300); color: var(--navy-900); }
.mockup-row .tag.orange { background: var(--orange-300); color: var(--navy-900); }

/* PROOF STRIP */
.proof {
  background: var(--teal-700);
  color: var(--navy-900);
  
  position: relative;
  overflow: hidden;
}
section.proof.pagesec {
    padding: 80px 0;
}
.proof-flow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
      background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  
  pointer-events: none;
}
.proof-inner {
  position: relative;
  z-index: 2;
}
.proof h2 {
  font-size: clamp(32px, 4vw, 36.9px);
  margin-bottom: 48px;
  color: var(--navy-900);
  letter-spacing: -0.0163em;
  line-height: 1.1923; text-align: center;
}
.proof h2 strong {
  font-weight: 500;
}
.proof .text-left h2,  .text-left .proof-grid { text-align: left; }
.proof .text-right h2,  .text-right .proof-grid { text-align: right; }
.proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  border-top: 1px solid rgba(12,26,64,0.2);
  padding-top: 48px; text-align:center;
}
.proof-stat strong {
  display: block;
  font-size: clamp(32px, 4vw, 49.4px);
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.1335;
  margin-bottom: 12px;
  color: var(--navy-900);
}
.proof-stat span {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--navy-900);
  opacity: 0.75;
  text-transform: uppercase; line-height: 1.667;
}
button, a { outline: 0 !important; }
.proof-stat span { max-width: 238px; display: block; margin: 0 auto; }
.proof .text-left .proof-stat span { margin: 0; }
.builtWay-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.builtWay-card {
    background: var(--navy-50);
    position: relative;
    overflow: hidden;
}
.builtWay-card-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 75.27%;
    width: 100%; 
}
.builtWay-card-content { padding: 28px 28px 32px; }
.builtWay-card-content h3 { font-size: 18.8px; font-weight: 500; letter-spacing: 0; line-height: 1.384; margin-bottom: 7.25px; }
.builtWay-contents, .builtWay-contents p { font-size: 13.9px; color: var(--grey-600); line-height: 1.618; }
.taxcalcEnger-card { border-top: 4px solid var(--pink-700);
    background: #FFFFFF;
    padding: 47px 44px 48px;
    position: relative;
    border-radius: 4px;
}
.taxcalcEnger-card:nth-child(2n) { border-color: var(--teal-700); }
.taxcalcEnger-grid {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(2, 1fr);
}
/* .taxcalcEnger-card:nth-child(2n) .taxcalcEnger-contents ul li:before { background: var(--teal-700); } */
.taxcalcEnger-card h3 {
    font-size: 26.1px;
    font-weight: 500;
    letter-spacing: -0.0107em;
    line-height: 1.265;
    margin-bottom: 7px;
}
.taxcalcEnger-subtitle {
    color: var(--grey-400);    
    font-family: var(--ff-mono);
    font-size: 12px;
    line-height: 1.667;
    padding-bottom: 32px;
    letter-spacing: 0.04em;
    font-weight: 400;
}
.taxcalcEnger-contents {
    font-size: 15px;
    line-height: 1.6;
    color: var(--navy-900);
}
.taxcalcEnger-card:nth-child(2n) .taxcalcEnger-contents ul li:before { border-top-color: var(--teal-700); }
.taxcalcEnger-contents ul li { margin-bottom: 14px; padding-left: 28px; position: relative; display: flex; align-items: center;}
.taxcalcEnger-contents ul li:last-child { margin-bottom: 0; }
/* .taxcalcEnger-contents ul li:before { content: ''; background: var(--pink-700); content: ""; height: 2px; left: 0; position: absolute;top: 12px; width: 14px; display: inline-block; margin-right: 14px; vertical-align: middle; margin-left: -28px; }  */
.taxcalcEnger-contents ul li:before { /*top: 12px; background: var(--pink-700);*/ content: ""; height: 2.5px; left: 0; position: absolute; top: 0.8em; width: 14px; border: 0; outline: 0; border-top: 2px solid var(--pink-700); } 
.practicesEngager .eyebrow { margin-bottom: 16px; }
.practicesEngager-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); }
.practicesEngager-card { background: var(--navy-50); color: var(--navy-900); padding: 36px 36px 39px; border-radius: 4px; /*min-height: 409.7px;*/ transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; cursor: pointer; }

.practicesEngager-contents { font-size: 16.7px; line-height: 27px; }
.practicesEngager-name { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; border-top: 1px solid var(--grey-200); margin-top: 20px; padding-top: 20px; color: var(--grey-400); font-family: var(--ff-mono); font-size: 12px; font-weight: 400; letter-spacing: 0.04em; line-height: 1.667; text-transform: unset; }
.practicesEngager-name span { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; display: block; letter-spacing: 0; font-family: var(--ff-sans); color: var(--navy-900); font-size: 15px; font-weight: 500; text-transform: initial; line-height: 1.734; }
.practicesEngager-card-img { margin-bottom: 54px; }
.practicesEngager-card-img img { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }
.pecimg-hover { display: none; }
.practicesEngager-card:hover { background-color: var(--navy-900); color: rgb(255 255 255 / 92%); }
.practicesEngager-card:hover .pecimg-default { display: none; }
.practicesEngager-card:hover .pecimg-hover { display: block; }
.practicesEngager-card:hover .practicesEngager-name  { color: var(--teal-300); }
.practicesEngager-card:hover .practicesEngager-name span { color: #FFF; }

section.SafeCompliant.newStyle { padding: 80px 0; }
.SafeCompliantInner { display: grid; gap: 24px 80px; grid-template-columns: 1.05fr 2.1fr; }
.newStyle .SafeCompliantLeft.section-head { margin-bottom: 0;  max-width: 100%; }
.SafeCompliantLeft h2 { color: #FFF; font-size: 26.6px; line-height: 1.241; letter-spacing: -0.0105em; font-weight: 500; margin-bottom: 8px; }
.SafeCompliantLeftText { color: rgb(255 255 255 / 60%); font-size: 14.9px; line-height: 1.745; }
.SafeCompliantRight { display: grid; gap: 24px 0; grid-template-columns: repeat(4, 1fr); }
.SafeCompliant-card { border-left: 1px solid rgb(255 255 255 / 15%); padding: 24px; text-align: center; font-size: 12px; letter-spacing: 0.24px; color: rgb(255 255 255 / 85%); line-height: 1.3895; }
.SafeCompliant-card:last-child { border-right: 1px solid rgb(255 255 255 / 15%); }
.SafeCompliant-card .SafeCompliant-card-img img { margin-left: auto; margin-right: auto;  }
.SafeCompliant-name { font-family: var(--ff-mono); margin-top: 15.3px; }
.faqContaineRow { display: grid; grid-template-columns: 1.06fr 1.5862fr; gap: 24px 80px; }
.faqHeaderText { color: var(--grey-600); font=size: 20.8px; line-height: 33px; font-size: 20px; }
.hs-faq-accordion__item { padding: 32px 0; border-bottom: 1px solid var(--grey-200); width: 100%; }
.hs-faq-accordion__item:first-child { border-top: 1px solid var(--grey-200); }
.hs-faq-accordion__trigger { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px 15px; letter-spacing: -0.09px; font-size: 17.8px; color: var(--navy-900); font-weight: 500; line-height: 1.237; }
span.hs-faq-accordion__icon { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
span.hs-faq-accordion__icon img { max-width: 20px !important; }
.hs-faq-accordion__panel { display: none; margin-top: 24px; color: var(--grey-600); font-size: 15.9px; line-height: 27.2px; max-width: 594px; }
.hs-faq-accordion__item.active .hs-faq-accordion__icon { transform: rotate(45deg); } 
.freeTrial-flow { background-position: top; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; }
.freeTrialInner { /*max-width: 640px;*/ max-width: 580px; margin-left: auto; margin-right: auto; text-align: center; position: relative; z-index: 2; }
.freeTrialRow .eyebrow { color: rgb(255 255 255 / 70%); }
.newStyle .freeTrialRow.section-head , .newStyle .faqHeader.section-head { max-width: 100%; margin-bottom: 0; }
.freeTrialRow h2 { color: #FFF; margin-bottom: 20px; font-size: 54px; letter-spacing: -0.84px; line-height: 1.1275; }
.freeTrialRow h2 span { font-family:var(--ff-serif); font-size: 56px; }
.freeTrialText { font-size: 18.6px; color: rgb(255 255 255 / 85%); line-height: 1.722; }
.freeTrialbtn a { background: white;  border-radius: 6px; color: var(--pink-700); cursor: pointer; display: inline-block; font-family: var(--ff-mono); font-size: 14px; font-weight: 500; padding: 16px 28px; text-decoration: none; letter-spacing: 0.28px; line-height: 23px; border: 1px solid white; transition: all .18s ease; -webkit-transition: all .18s ease; }
.freeTrialbtn.secondarybtn a { background: transparent; color: white; }
.freeTrialbtnwrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 40px; }
.freeTrialbtn a:hover { background: var(--navy-900); border-color: var(--navy-900); color: #FFFFFF; }
.freeTrialbtn.secondarybtn a:hover { background: white; border-color: white; color: var(--pink-700); }

footer.lpFooterSection { padding: 48px 0; position: relative; z-index: 2; }
.lpFooterInner { display: flex; gap: 24px; justify-content: space-between; align-items: center; color: rgb(255 255 255 / 50%); font-size: 13px; letter-spacing: 0.26px; line-height: 20.8px; font-family: var(--ff-mono); }

.irishero { color: #fff; padding: 96px 0 120px;background-size: cover; background-repeat: no-repeat; background-position: bottom; }
.top-subtitle { padding-left: 44px; position: relative; color: #F073A9; font-size: 12px; line-height: 18.6px; text-transform: uppercase; font-family: var(--ff-mono); letter-spacing: 1.44px;  margin: 0 0 27px;} 
.top-subtitle:before { position: absolute; content: ''; left: 0; top: 50%; height: 1px; width: 32px; background: currentColor; transform: translateY(50%); }
.irishero h1 { font-size: 73.9px; line-height: 81.6px; letter-spacing: -0.32px; font-weight: normal; color: #fff; }
.irishero h1 span{ color: #F073A9;font-family:var( --ff-serif);font-style:italic; }
.irishero-wrap { max-width: 906px; }
.irishero .lede { margin: 27px 0 0; color: rgb(255 255 255 / 78%); max-width: 622px; /*font-size: 18.8px;*/ font-size: 18.6px; line-height: 30px; }
.irishero .btn { border-radius: 2px;}
.irisproduct { padding: 124px 0 120px; }
.irisproduct .lede { color: #3A4566; margin: 24px 0 0; font-size: 18.8px; line-height: 31px; max-width: 670px; }
.irisproduct-header { margin: 0 0 72px;  max-width: 900px; }
.irisproduct-row-title { font-family: var(--ff-mono); font-size: 13px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; color: #444444; margin-bottom: 24px; display: inline-block; line-height: 16.9px; }
.irisproduct-header .eyebrow { color: #DC195C; }
.irisproduct-row { display: flex; flex-flow: row wrap; align-items: center;}
.irisproduct-center { width: 6%; display: flex; justify-content: center; }
.irisproduct-item { padding: 19px 24px; border-radius: 3px; background-color: rgb(255 255 255 / 75%); border: 1px solid #D9D9D9; margin: 12px 0 0; color: #afaead; font-size: 13px; font-family: var(--ff-mono); line-height: 20.1px; letter-spacing: 0.26px; }
.irisproduct-item:first-child { margin-top: 0; }
.irisproduct-left { width: 47%; padding-right: 20px; }
.irisproduct-right { width: 47%; padding-left: 20px; }
.irisproduct-item-title { font-size: 15px; font-family: var(--ff-sans); margin: 0 0 3.8px; color: #5e677e; text-decoration: line-through; }
.irisproduct-right-title, .irisproduct-right-box-title span.brow { font-family: var(--ff-mono); font-size: 13px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; color: #DC195C; margin-bottom: 24px; display: inline-block; line-height: 16.9px; }
.irisproduct-right-box { background-color: #0C1A40; border-radius: 3px; color: #fff; font-size: 15.8px; line-height: 26.4px; padding: 26px 28px 32px; }
.irisproduct-right-box-title span { display: block; }
.irisproduct-right-box-title span.brow { color: #f073a9; margin: 0 0 8px; font-size: 11px; line-height: 17px; letter-spacing: 1.32px; }
.smallTitle { font-size: 20.6px; line-height: 25.3px; letter-spacing: -0.25px; color: #fff; }
.irisproduct-right-box-desc { color: rgb(255 255 255 / 65%); font-family: var(--ff-mono); font-size: 12px; line-height: 16.2px; letter-spacing: 0.24px; margin: 4px 0 0; }
.irisproduct-right-box-col { width: calc(50% - 10px); border: 1px solid rgb(255 255 255 / 14%); padding: 16px 16px 18px; border-radius: 3px; background-color: #1b284b; margin: 10px 0 0;}
.irisproduct-right-box-row { display: flex; flex-flow: row wrap; gap: 10px; margin: 13px 0 0; }
.irisproduct h2 { font-size: 47.9px; line-height: 56.9px; letter-spacing: -1.04px;color:#0C1A40; font-weight: normal;}
.why-firms-switch .benefits-grid { grid-template-columns: repeat(2, 1fr);}
.benefitnumber { font-family: var(--ff-mono); font-size: 12px; font-weight: normal; letter-spacing: 0.96px; text-transform: uppercase; color: #DC195C; margin: 0 0 13px; display: inline-block; line-height: 18.6px; }
.why-firms-switch .benefit { padding: 40px;}
.why-firms-switch .benefit h4 { font-size: 20.5px; color: #0C1A40; line-height: 28.6px; letter-spacing: -0.22px; margin: 0 0 13px; }
.why-firms-switch .benefit p, .why-firms-switch .benefit { font-size: 14.5px; line-height: 24px;color:#3A4566; }
.why-firms-switch .section-head { max-width: 880px;    margin-bottom: 71px; } 
.why-firms-switch .section-head h2 { font-size: 49px; line-height: 56.2px; margin: 0; letter-spacing: -1.04px; font-weight: normal; }
.why-firms-switch .section-head .eyebrow { color: #DC195C; }
.why-firms-switch .lede { font-size: 17.7px; line-height: 29.5px; color: #3A4566; max-width: 663px; margin: 24px 0 0; }
.irisbanner { padding: 100px 0; background-size: cover; background-repeat: no-repeat; background-position: bottom; text-align:center;}
.irisbanner h2 { font-family: var(--ff-serif); font-weight: normal; font-size: 52px; line-height: 59.8px; letter-spacing: -0.78px; font-style: italic; } 
.irisbanner-wrap { max-width: 879px; margin-left: auto; margin-right: auto; } 
.irisbanner h2 span { color: #DC195C; }
.fbyf .irisproduct-header { margin: 0 0 55px; }
.fbyf { padding: 124px 0 120px; }
.irispackage { padding: 120px 0 127px; color: #fff;background-size: cover; background-repeat: no-repeat; background-position: bottom;position: relative; overflow: hidden; }
.irispackage h2 { color: #fff; font-size: 47.5px; font-weight: normal; letter-spacing: -1.04px; } 
.irispackage .lede { margin: 23px 0 0; color: rgb(255 255 255 / 75%); font-size: 17.8px; line-height: 29.5px; max-width: 638px; }
.irispackage-col-inner { border: 1px solid rgb(255 255 255 / 12%); background-color: rgb(255 255 255 / 4%); padding: 44px 40px; font-size: 14.8px; line-height: 24px; color: rgb(255 255 255 / 88%); width: 100%;  border-radius: 3px;}
.irispackage-row { display: flex; flex-flow: row wrap;  margin: 40px -16px 0; }
.irispackage-col { width: 50%; padding-left: 16px; padding-right: 16px; display: flex;margin-top:32px; }
.irispackage-col .eyebrow { color: #f073a9; font-size: 11px; line-height: 17px; letter-spacing: 1.32px; font-weight: normal; margin: 0 0 11px; }
.irispackage-title { font-size: 27.9px; line-height: 39px; letter-spacing: -0.3px; }
.irispackage-col ul { list-style: none; padding: 0; margin: 0; } 
.irispackage-col ul li { position: relative; padding: 13px 0px 13px 20px; border-bottom: 1px solid rgb(255 255 255 / 8%); } 
.irispackage-col ul li:before { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); height: 6px; width: 6px; background-color: #F073A9; border-radius: 50%; } 
.irispackage-col ul li:last-child { border-bottom: 0; }
.irispackage-items { margin: 28px 0 0; }
.irispackage-desc { color: rgb(255 255 255 / 65%); font-family: var(--ff-mono); font-size: 14px; line-height: 21.7px; letter-spacing: 0; margin: 5px 0 0; }
.irispackage-header .eyebrow { color: #F073A9; }
.irispackage-header { max-width: 770px; }
.irispackage-header, .irispackage-row { position: relative; z-index: 1; }
.the-numbers { padding: 104px 0 100px; }
.the-numbers .eyebrow { color: #DC195C; }
.the-numbers h2 { font-size: 48.4px; font-weight: normal; letter-spacing: -1.04px; }
.the-numbers-header { max-width: 840px; }
.the-numbers-row { display: flex; flex-flow: row wrap; margin:20px -12px 0; }
.the-numbers-col { display: flex; width: 25%; padding: 0 12px;    margin-top: 24px; }
.the-numbers-col-inner { width: 100%; padding: 36px 28px; background-color: #fff; border-top: 3px solid #DC195C; font-size: 12.6px; color: #3A4566; line-height: 18.9px; border-radius:3px;overflow:hidden;}
.the-numbers-text { font-size: 43.9px; line-height: 1; margin: 0 0 11px;    color: #0C1A40; }
.the-number-quote { width: 100%; padding: 64px 48px 56px; background-color: #fff; border-left: 3px solid #DC195C; border-radius: 3px; overflow: hidden;margin:56px 0 0; }
.the-number-quote-text { font-size: 26px; line-height: 35.1px; font-family: var(--ff-serif); font-style: italic; color: #0C1A40;}
.the-number-quote-author { font-family: var(--ff-mono); color: #3A4566; font-size: 13px; line-height: 20.1px; letter-spacing: 0.52px; margin: 23px 0 0; } 
.the-number-quote-author strong { color: #0C1A40; font-weight: 500 !important; }
.nextstepmodule h2 { color: #fff; font-size: 48.6px; font-weight: normal; letter-spacing: -1.04px; }
.nextstepmodule .eyebrow { color: #F073A9; }
.nextstepmodule .lede { max-width: 600px; font-size: 17.7px; line-height: 29.5px; }
.nextstepmodule { padding: 124px 0 120px; background-size: cover; background-repeat: no-repeat; background-position: bottom; }
.nextstepmodule .irishero-wrap { max-width: 766px; margin: 0 auto; }
.body-container--margin { width: 100%; padding: 5%; }
.fbyf h2 { font-size: 49.9px; font-weight: normal; line-height: 56.2px; letter-spacing: -1.04px; }
.htopimg { position: absolute; top: -110px; left: 0; height: 100% !important; object-fit: cover; width: 100%; opacity: 0.7; }
.adjustShape .htopimg { top: 0; opacity: 1; }
.newStyle .orangeBtn .btn-primary { background-color: #F05B22;border-color: #F05B22; }
.newStyle .orangeBtn .btn-primary:hover { background-color: #f05b22eb;border-color: #f05b22eb; }

.newStyle .greenBtn .btn-primary { background-color: #00B3AC; border-color:#00B3AC}
.newStyle .greenBtn .btn-primary:hover { background-color: #00b3acc2;border-color: #00b3acc2; }
.freeTrialSection  { margin-bottom: 80px; }

.taxcalcEnger-contents.uline ul li:before { height: 0; }
.practicesEngager-contents { max-width: 270px; }
.practicesEngager-name { margin-top: 32px; }

.nextstepobspace { margin-bottom: 80px; }

html { scroll-behavior: smooth; }

/*.fade-in { opacity: 0; animation: fadeIn 1s ease-in-out forwards; }
.slide-up { opacity: 0; transform: translateY(30px); animation: slideUp 0.8s ease-out forwards; }*/

.slide-up, .fade-in { opacity: 0; transition: all 0.8s ease; }
.slide-up { transform: translateY(30px); }
.slide-up.show { opacity: 1; transform: translateY(0); }
.fade-in.show { opacity: 1; }

.flow-line {
    animation: floatLine 6s ease-in-out infinite;
}

@keyframes floatLine {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}



.irishero-twocols { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
.irishero-twocols .irishero-wrap { width: calc(60% - 10px); }
.irishero-twocols .irishero-rght { width: calc(40% - 10px); }
.irishero-box-col { max-width: 362px; margin-left: auto; border: 1px solid rgb(255 255 255 / 14%); padding: 25px; border-radius: 16px; background-color: #1b284b; margin-bottom: 80px; position: relative; }
.irishero-box-col:last-child { margin-bottom: 0; }
.irishero-box-col .irishero-box-tile { font-size: 20px; font-weight: 700; line-height: 1.5; margin-bottom: 20px; }
.irishero-box-txt { color: rgb(255 255 255 / 78%); font-size: 18px; line-height: 1.3; font-weight: 500; letter-spacing: 0.1px; }
.irishero-box-txt ul { position: relative; }
.irishero-box-txt ul li { position: relative; padding-left: 26px; margin-bottom: 14px; }
.irishero-box-txt ul li:before { background-image: url('https://145853620.fs1.hubspotusercontent-eu1.net/hubfs/145853620/checklist.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; content: ''; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; }
.irishero-box-txt ul li:last-child { margin-bottom: 0; }
.irishero-box-col:not(:last-child):before { content: ''; position: absolute; top: calc(100% + 39px); width: 20px; height: 2px; left: 50%; transform: translateX(-50%); background-color: #007F79; }
.irishero-box-col:not(:last-child):after { content: ''; position: absolute; top: calc(100% + 31px); width: 2px; height: 20px; left: 50%; transform: translateX(-50%); background-color: #007F79; }

.the-number-quote.mt0 { margin-top: 0; }


/* Responsive */
@media (max-width : 1100px){
  .the-numbers-text { font-size: 38.9px;}
}
@media (max-width : 991px){
  .HeroBannerSection {  padding: 80px 20px 60px;}
  .HeroBannerSection .container {  max-width: 100%;    padding: 0;}
  .container { padding : 0 20px }
  .StatusSection {  padding: 60px 0;}
  .comparisonSection {  padding: 60px 0;}
  .ReasonSection {  padding:60px 0;}
  .ProductSection {  padding: 60px 0;}
  .migrationSection {  padding: 60px 0;}
  .socialproofSection { padding: 60px 0; }
  .offerSection { padding: 60px 0; }

  .migrationSection .timeline { flex-direction: column; gap: 24px;}
  .migrationSection  .timeline-step { padding-top: 0; padding-left: 40px; }
  .migrationSection  .timeline-step::before { top: 0px; left: -2px;}
  .migrationSection  .timeline::before { top: 0;bottom: 0;  left: 8px;  width: 3px; height: auto;}
  .ctaSection {  padding: 80px 20px;}
  
  section.newStyle.pagesec { padding: 80px 0; }
  .newStyle .section-head { margin-bottom: 50px; }
  .taxcalchero { padding: 80px 0 80px; }
  .lede { margin: 24px 0 0; }
  .hero-ctas { margin-top: 30px; }
  .hero-micro { margin-top: 20px; }
  .why-card { padding: 40px 30px 40px 0; }
  .why-card:not(:first-child) { padding-left: 30px; }
  .why-num { margin-bottom: 24px; }
  .problem-inner { gap: 40px 20px; }
  .problem-item { grid-template-columns: 30px 1fr; gap: 20px 10px; }
  .problem-item-text { font-size: 18px; }
  .problem-closer { margin-top: 30px; font-size: 18px; padding-left: 50px; }
  .problem-closer:before { width: 30px; }
  
  .benefit { padding: 40px 28px; }
  .benefit-icon { margin-bottom: 30px; }
  .features-tabs { margin-bottom: 40px; }
  .tab-content { gap: 40px 20px; }
  .tab-content h3 { font-size: 30px; margin-bottom: 20px; }
  .proof-grid { gap: 48px 24px; padding-top: 40px; }
  .proof h2 { margin-bottom: 40px; }
  
  .builtWay-grid { gap: 24px 20px; }
  .builtWay-card-content { padding: 24px 20px 24px; }
  .taxcalcEnger-grid { gap: 40px 20px; }
  .taxcalcEnger-card { padding: 39px 30px 40px; }
  .taxcalcEnger-card h3 { font-size: 24px; }
  .taxcalcEnger-subtitle { padding-bottom: 24px; }
  /*.taxcalcEnger-contents ul li:before { width: 10px; margin-left: -24px; }*/
  .taxcalcEnger-contents ul li { margin-bottom: 10px; padding-left: 24px; }
  
  .practicesEngager-grid { gap: 24px 20px; }
  .practicesEngager-card { min-height: auto; padding: 30px 20px 30px; }
  .practicesEngager-card-img { margin-bottom: 30px; }
  .practicesEngager-contents { font-size: 16px; line-height: 26px; }
  .SafeCompliantInner { gap: 40px 20px; grid-template-columns: 1fr; }
  .faqContaineRow { gap: 40px 20px; grid-template-columns: 1fr; }
  .hs-faq-accordion__panel { margin-top: 20px; }
  .freeTrialRow h2 , .freeTrialRow h2 span { font-size: 44px; }
  .freeTrialInner { max-width: 600px; }
  .freeTrialbtnwrap { margin-top: 30px; }
  .irishero h1 { font-size: 56px; line-height: 1.134; }
  .irishero-wrap { max-width: 700px; }
  .irispackage-col-inner { padding-left: 30px; padding-right: 30px; }
  .the-numbers-col { width: 50%; }
  .irisbanner h2, .irisproduct h2, .why-firms-switch .section-head h2, .fbyf h2, .irispackage h2, .the-numbers h2, .nextstepmodule h2 {    font-size: clamp(26px, 4vw, 44.8px); line-height: 1.1834;}
  .irisproduct-header {  max-width: 700px; }
  .irispackage-header h2 { max-width: 570px; }
  .the-numbers-header { max-width: 630px; }
  .nextstepmodule .irishero-wrap h2 { max-width: 546px; }
  .irishero, .irisproduct, section.newStyle.pagesec.why-firms-switch, .irisbanner, .fbyf, .irispackage,  .the-numbers {padding:80px 0;}
  .irisproduct-header { margin: 0 0 30px;}
  .fbyf .irisproduct-header { margin: 0 0 30px; }
  .irishero .lede { margin: 20px 0 0;}
   .the-numbers-text, .the-number-quote-text { font-size: clamp(26px, 4vw, 44.8px); line-height: 1.1834;}
  .the-number-quote { margin: 30px 0 0; }
  .the-number-quote { margin: 30px 0 0; padding: 36px 20px; }
  .the-numbers-col-inner{padding: 36px 20px;}
  .the-number-quote-author { letter-spacing: 0;}
  
  /*.taxcalcEnger-contents.uline ul li:before { margin-left: 0; }*/
  .practicesEngager-name { font-size: 11px; }
  .practicesEngager-name { margin-top: 20px; }
  
  .irishero-twocols .irishero-wrap { width: 100%; max-width: 100%; }
  .irishero-twocols .irishero-wrap .lede { max-width: 100% !important; }
  .irishero-twocols .irishero-rght { width: 100%; }
  .irishero-box-col { margin-right: auto; margin-bottom: 50px; }
  .irishero-box-col:not(:last-child):after { top: calc(100% + 17px); width: 2px; height: 16px; }
  .irishero-box-col:not(:last-child):before { top: calc(100% + 24px); width: 16px; height: 2px; }
  
}


@media (max-width : 768px){
  .socialproofSection .proof-stats {  gap: 36px;}
  .offerSection .offer-box {  padding: 36px 24px;}
  .comparisonSection .comp-table {    min-width: 580px;}
  .comparisonSection .table-wrap {    overflow-x: auto;}
  .ReasonSection .reason {      grid-template-columns: 40px 1fr;        gap: 16px;  }
  .offerSection .offer-box {    padding: 36px 24px;}

  
 
  

    
    
}

@media (max-width : 767px){
 
  .lpbody nav.global_nav.main-nav > .container > div:first-child > div:last-child {   display: block;}
.lpbody nav.global_nav.main-nav > .container > div:first-child > div:last-child a:last-child {   display: none;}
.lpbody nav.global_nav.main-nav > .container > div:first-child {    gap: 20px !important;    justify-content: flex-end;}
.lpbody nav.global_nav.main-nav > .container > div:first-child .site-logo:first-child {    margin-right: 50px;    width: calc(100% - 300px); }

  
 .container-wrapper { padding: 0 20px;} 
 section.newStyle.pagesec { padding: 60px 0; }
 .newStyle .section-head { margin-bottom: 30px; } 
  
 .taxcalchero { padding: 60px 0 60px; }
 .lede { margin: 16px 0 0; max-width: 100%; }
 
 .newStyle .btn { padding: 12.5px 24px; } 
 
 .why-grid { grid-template-columns: repeat(1, 1fr); border: 0; }
 .why-card { border: 1px solid var(--grey-200); border-bottom: transparent; padding: 30px 24px 30px 24px; }
 .why-card:not(:first-child) { padding-left: 24px; }
 .why-card:last-child { border-right: 1px solid var(--grey-200); border-bottom: 1px solid var(--grey-200); }  
 .whycard-contents { max-width: 100%; }
  
 .problem-inner { grid-template-columns: 1fr; }
 .problem-item-text { font-size: 16px; }  
 .problem-item { grid-template-columns: 20px 1fr; padding: 24px 0; }
 .problem-closer { font-size: 16px; line-height: 1.5; margin-top: 24px; padding-left: 40px; } 
 .problem-closer:before { width: 24px; }
  
 .benefits-grid { grid-template-columns: repeat(1, 1fr); } 
 .benefit { padding: 30px 24px; }
 .benefit-icon { margin-bottom: 18px; width: 36px; } 
 
 .tab-content { grid-template-columns: 1fr; }
/*  .features-tabs { flex-wrap: unset; overflow-x: auto; overflow-y: hidden; } */
 .tab-btn { white-space: nowrap; font-size: 12px; padding: 8px 11px; gap: 5px; }
 .tab-content h3 { font-size: 26px;  margin-bottom: 18px; max-width: 100%; }
 .tab-content p, .tab-info-text { font-size: 16px; line-height: 1.6; max-width: 100%; }
  
  
 
  
 .proof h2 { margin-bottom: 30px; }
 .proof-grid { gap: 40px 20px; padding-top: 30px; grid-template-columns: repeat(2, 1fr); }
  
 .builtWay-grid { grid-template-columns: repeat(1, 1fr); }
 .taxcalcEnger-grid { gap: 30px 20px; grid-template-columns: repeat(1, 1fr); }
 .taxcalcEnger-card { padding: 30px 24px 30px; }
 .taxcalcEnger-card h3 { font-size: 20px; } 
 .taxcalcEnger-subtitle { padding-bottom: 18px; }
 .taxcalcEnger-contents { font-size: 14px; line-height: 1.5; }
 .practicesEngager-grid { grid-template-columns: repeat(1, 1fr); }
 .practicesEngager-name { min-height: auto !important; }
 .practicesEngager-contents { min-height: auto !important; }
 .practicesEngager-card-img { min-height: auto !important; }
  
 .SafeCompliantRight { grid-template-columns: repeat(2, 1fr); }
 .SafeCompliant-card:nth-child(2n) { border-right: 1px solid hsla(0, 0%, 100%, .15); } 
 .faqHeaderText { line-height: 1.2; font-size: 18px; } 
 .hs-faq-accordion__panel { font-size: 16px; line-height: 1.5; margin-top: 16px; } 
 .freeTrialRow h2 , .freeTrialRow h2 span { font-size: 32px; }
 .freeTrialText {font-size: 16px; line-height: 1.6; }  
 .freeTrialbtn a { padding: 12.5px 24px; }
 
 .lpFooterInner { gap: 16px flex-wrap: wrap; justify-content: center; text-align: center; }
 footer.lpFooterSection { padding: 40px 0; }
  .body-container--margin { padding: 20px; }
 .irisproduct-left { width: 100%; padding-right: 0; }
  .irisproduct-right { width: 100%; padding-left: 0; }
  .irisproduct-center img { transform: rotate(90deg); } 
  .irisproduct-center { width: 100%; padding: 30px 0; }
  .why-firms-switch .benefits-grid { grid-template-columns: repeat(1, 1fr); }
  .irispackage-col { width: 100%; padding-left: 0; padding-right: 0;}
  .irispackage-row { margin-left: 0; margin-right: 0; }
  .irispackage-row { margin: 0; }
  .why-firms-switch .section-head, .irishero-wrap, .irishero .lede, .irisproduct-header, .irisproduct-header, .irispackage-header h2, .irispackage-header, .the-numbers-header, .nextstepmodule .irishero-wrap, .nextstepmodule .lede, .irispackage .lede, .why-firms-switch .lede, .why-firms-switch .lede, .irisproduct .lede, .irishero .lede {max-width:100%;}
  .irisproduct-header { margin: 0 0 30px; }
  .irisbanner-wrap { max-width: 100%;}
  .irishero h1 {font-size: clamp(32px, 6vw, 66.9px); }
  .irishero, .irisproduct, section.newStyle.pagesec.why-firms-switch, .irisbanner, .fbyf, .irispackage, .the-numbers { padding: 60px 0; }
  .irispackage-col-inner { padding-left: 20px; padding-right: 20px; }
  .why-firms-switch .benefit { padding: 40px 20px; }
  .body-container--margin {  padding: 0; }
  .irisproduct-right-box-col {   width: 100%;}
  .the-numbers-col { width: 100%; padding-left: 0; padding-right: 0; }
  .the-numbers-row { margin-left: 0; margin-right: 0; margin-top: 6px; }
  
  .practicesEngager-contents { max-width: 100%; }
  .freeTrialSection { margin-bottom: 60px; }
  
  .nextstepobspace { margin-bottom: 60px; }
}


@media (max-width : 479px){
 .proof-grid { grid-template-columns: repeat(1, 1fr); } 
  .hero-left h1 br, .section-head h2 br { display: none; }
  .features-tabs { justify-content: center; }
  
  .benefits .section-head, .features  .section-head { max-width: 400px; }
  .irishero .btn { width: 100%;}
}