@media (max-width: 1350px) and (min-width: 480px){
    .nav-link{
        padding: 0.75rem 2rem;
    }

    .card-header{
        margin-bottom: 0;
    }
    
}

@media (max-width: 1315px) and (min-width: 480px){
    .nav-container{
        grid-template-columns: 20% 1fr 20%;
    }
}

@media (max-width: 1299px) and (min-width: 480px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.55em) scaleY(2.9) scaleX(3.26);
    }
}

@media (max-width: 1275px) and (min-width: 480px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.55em) scaleY(2.8) scaleX(3.26);
    }

    .card-body>p{
        max-width: 100%;
        margin: 0;
    }

    .card-body ul{
        padding: 0;
        max-width: 90%;
        text-align: left;
        width: 100%;
    }

    .card-body li br{
        display: none;
    }

    .nav-link{
        min-width: 130px;
    }
}

@media (max-width: 1200px) and (min-width: 480px){
    .nav-link{
        min-width: 100px;
    }

    .word-gain .word-inner{
        transform: translate(-0.25em, -0.55em) scaleY(2.73) scaleX(3.2);
    }

    .finance-directors .fd-quote{
        max-width: 85%;
    }

    .finance-directors .fd-quote br{
        display: none;
    }
}

@media (max-width: 1175px) and (min-width: 480px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.55em) scaleY(2.73) scaleX(3.1);
    }

    .how-it-works .step h3{
        font-size: var(--font-size-md);
    }
}

@media (max-width: 1140px) and (min-width: 480px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.55em) scaleY(2.73) scaleX(3);
    }

    .hero-visual{
        margin-left: var(--space-xxl);
    }

    .finance-directors .fd-benefit h4{
        font-size: 22px;
    }
    .finance-directors .fd-benefit p{
        font-size: 22px;
    }
}

@media (max-width: 1110px) and (min-width: 1100px){
    .card-header h2{
        font-size: 26px;
    }
    .card-body>p{
        font-size: 26px;
    }
    .card-body li{
        font-size: 22px;
    }
}

@media (max-width: 1100px) and (min-width: 480px){
    .nav-link{
        min-width: 70px;
        font-size: 11px;
    }

    .hero-visual{
        margin-left: 70px;
    }

    .chat-bubble{
        padding: 1rem 1.5rem 1rem 1rem;
    }

    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.9);
    }

    .card-header h2{
        font-size: var(--font-size-md);
    }
    .card-body>p{
        font-size: 22px;
    }
    .card-body li{
        font-size: 22px;
    }

    .how-it-works .step h3{
        font-size: var(--font-size-md);
    }

    .counter{
        min-width: 300px;
    }

    .finance-directors .fd-author{
        margin-left: 50px;
    }

    .finance-directors .fd-quote{
        max-width: 90%;
        margin-left: var(--space-lg);
    }

    .finance-directors .fd-quote br{
        display: none;
    }

    .finance-directors .fd-benefit h4{
        font-size: 22px;
        transform: translate(-2.15em, 2.3em);
    }
    .finance-directors .fd-benefit p{
        font-size: 20px;
    }
    .finance-directors .fd-benefit .fd-ico{
        transform: translate(1em, 1.8em);
    }
}

@media (max-width: 1070px) and (min-width: 768px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.8);
    }

    .theme-toggle{
        padding: 0;
    }
    .nav-right{
        gap: 4px;
    }
}

@media (max-width: 1030px) and (min-width: 768px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.7);
    }

    .how-it-works .step h3 {
        font-size: var(--font-size-sm);
    }

    .badge{
        max-width: 300px;
    }
    .badge span{
        font-size: var(--font-size-sm);
    }

    .finance-directors .fd-author{
        margin-bottom: 0;
    }
    .finance-directors .fd-author{
        grid-template-columns: 90px 1fr;
        gap: 15px;
    }
    .finance-directors .fd-author-details .fd-name{
        font-size: var(--font-size-lg);
    }
    .finance-directors .fd-author-details .fd-role{
        font-size: var(--font-size-lg);
    }

    .finance-directors .fd-benefit h4{
        font-size: 21px;
        transform: translate(-1.8em, 2.6em);
    }
    .finance-directors .fd-benefit p {
        font-size: 18px;
    }
}

@media (max-width: 1024px) and (min-width: 768px){
    .theme-toggle{
        padding: 0;
    }
    .theme-toggle svg{
        width: 25px;
        height: 25px;
    }
    .btns{
        width: 90px;
        font-size: var(--font-size-sm);
    }

    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.7);
    }
    .how-it-works .step h3{
        font-size: var(--font-size-sm);
    }
    .card-body ul{
        margin: 0;
    }
    .card-body li{
        margin: 0;
    }

    .counter-value{
        font-size: var(--font-size-xl);
    }
    .counter p{
        font-size: var(--font-size-md);
    }

    .finance-directors .fd-benefit .fd-ico{
        transform: translate(1em, 2.2em);
    }

    .finance-directors .fd-benefit h4{
        font-size: 19px;
        transform: translate(-2.15em, 3em);
    }
    .finance-directors .fd-benefit p{
        font-size: 19px;
        transform: translate(-2.25em, 0.4em);
    }

    .footer-right{
        padding: var(--space-md) 0 var(--space-lg);
    }
}

@media (max-width: 990px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.6);
    }
}

@media (max-width: 960px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.5);
    }

    .how-it-works .step .step-header{
        grid-template-columns: 60px 1fr;
    }
    .how-it-works .step svg{
        width: 60px;
        height: 60px;
    }

    .badge{
        width: 290px;
    }
    .trust-badges .badge__icon{
        width: 40px;
        height: 40px;
    }

    .signup-hero-blocks{
        margin-left: 70px;
    }
}

@media (max-width: 950px) and (min-width: 480px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.5);
    }
    .word-tax{
        grid-row: 6 / -1;
        transform: translate(-0em, 0.05em) scaleY(1.055);
    }

    .how-it-works .step .step-header{
        padding: 10px 7px 0 13px;
    }
    .how-it-works .step svg{
        width: 50px;
        height: 50px;
    }
    .how-it-works .step h3{
        font-size: var(--font-size-xs);
    }

    .trust-badges{
        justify-content: space-around;
    }
    .badge{
        white-space: nowrap;
        flex: 0 0 270px;
        width: 270px;
        box-sizing: border-box;
        padding: 10px 12px;
    }
    .badge svg{
        height: 35px;
        width: 35px;
    }
    .badge span{
        flex: 1 1 auto;
        overflow: hidden;
        font-size: var(--font-size-xs);
    }


    .finance-directors .fd-author{
        grid-template-columns: 80px 1fr;
        gap: 10px;

    }
    .finance-directors .fd-avatar{
        width: 80px;
    }
    .fd-author-details{
        gap: 0;
    }
    .finance-directors .fd-author-details .fd-name{
        font-size: var(--font-size-lg);
    }
    .finance-directors .fd-author-details .fd-role{
        font-size: var(--font-size-lg);
    }
    .finance-directors .fd-quote{
        font-size: var(--font-size-sm);
    }

    .signup .section-title{
        max-width: 60%;
        padding: 10px 5px;
    }

    .signup-hero-blocks{
        width: min(80%, 100%);
    }

    .footer-logo img{
        width: 60%;
    }
    .brand-tagline{
        font-size: 17px;
    }

    .footer-right{
        border-left: 0;
        border-top: 1px solid var(--bg-tertiary);
        flex-wrap: wrap;
        gap: var(--space-lg);
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding: var(--space-xl);
    }
}

@media (max-width: 930px) and (min-width: 480px) {
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.5);
    }

    .nav-link{
        max-width: 100px;
        width: 100px;
        padding: 0.75rem 0;
    }

    .counters{
        grid-template-columns: repeat(1, minmax(0, 80%));
        justify-content: center;
    }

    .how-it-works .steps{
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}

@media (max-width: 918px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.4);
    }

    .finance-directors .fd-benefit h4{
        transform: translate(-1.45em, 3em);
    }
    .finance-directors .fd-benefit p{
        transform: translate(-1.45em, 0.4em);
    }
}

@media (max-width: 880px) and (min-width: 769px){
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.3);
    }

    .badge{
        flex: 0 0 260px;
        width: 260px;
    }

    .finance-directors .fd-quote{
        margin-top: 25px;
    }
    .finance-directors .fd-quote-card .fd-card-star{
        top: 10px;
        right: -10px;
    }

    .finance-directors .fd-benefit h4 {
        font-size: 18px;
        transform: translate(-1.3em, 3.5em);
    }
    .finance-directors .fd-benefit p {
        font-size: 18px;
        transform: translate(-1.45em, 0.4em);
    }

    .brand-tagline {
        font-size: 15px;
    }

    .hero-visual{
        margin-left: 40px;
        max-width: 80%;
    }

    .nav-link{
        max-width: 90px;
    }
}

@media (max-width: 845px) and (min-width: 768px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.2);
    }

    .badge{
        flex: 0 0 250px;
        width: 250px;
    }

    .finance-directors .fd-benefit .fd-ico{
        transform: translate(0.8em, 2.2em);
    }
    .finance-directors .fd-benefit h4 {
        font-size: 17px;
        transform: translate(-1.3em, 3.5em);
    }
    .finance-directors .fd-benefit p {
        font-size: 17px;
        transform: translate(-1.45em, 0.4em);
    }
}

@media (max-width: 830px) and (min-width: 768px){
    .nav-link{
        max-width: 80px;
    }
    .badge {
        flex: 0 0 240px;
        width: 240px;
    }
}

@media (max-width: 810px) and (min-width: 768px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.1);
    }
    .word-tax{
        grid-row: 5 / -1;
        transform: translate(-0em, 0.1em) scaleY(1.22);
    }

    .badge{
        flex: 0 0 240px;
        width: 240px;
    }

    .finance-directors .fd-quote-card .fd-card-star{
        top: 10px;
        right: -24px;
    }
    .finance-directors .fd-quote-card .fd-card-star svg{
        width: 50px;
        height: 50px;
    }

    .brand-tagline{
        font-size: 14px;
    }
}

@media (max-width: 800px) and (min-width: 768px){
    .badge {
        flex: 0 0 230px;
        width: 230px;
    }
}

@media (max-width: 768px) {
    :root {
        --font-size-xxxs: 0.5625rem;
        --font-size-xxs:  0.6875rem;
        --font-size-xs:   0.9375rem;
        --font-size-sm:   1.125rem;
        --font-size-md:   1.25rem;
        --font-size-lg:   1.375rem;
        --font-size-xl:   1.625rem;
        --font-size-xxl:  1.875rem;

        --space-xs: 0.25rem;
        --space-sm: 0.5rem;
        --space-md: 0.75rem;
        --space-lg: 1rem;
        --space-xl: 1.5rem;
        --space-xxl: 2rem;

        --header-offset: 8px;
        --header-h: 68px;
    }

    .container .nav-center {
        left: 15%;
    }

    .site-header{
        padding: 0 10px;
    }

    .site-header .nav-center{ display: none !important; }

    .fab-menu-btn{
        position: fixed;
        right: 8px;
        top: calc(var(--header-h, 68px) + var(--header-offset));
        width: 44px;
        height: 44px;
        border-radius: 999px;
        border: 0;
        background: var(--accent-primary, #38d5e6);
        box-shadow: 0 0 16px rgba(47, 190, 210, .45), 0 6px 18px rgba(0, 0, 0, .25);
        display: grid;
        place-items: center;
        cursor: pointer;
        z-index: 1000;
    }

    .fab-menu{
        position: fixed;
        right: 8px;
        top: calc(var(--header-h, 68px) + var(--header-offset, 8px));
        width: 90vw;
        box-sizing: border-box;
        z-index: 999;
        transform: translateX(calc(100% + 12px));
        transition: transform .28s ease;
        will-change: transform;
    }
    .fab-menu.is-open{ transform: translateX(0); }

    .fab-menu .menu-card{
        width: 100%;
        background: var(--bg-quaternary);
        border-radius: 20px;
        box-shadow: 0 8px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
        display: flex;
        padding-right: 44px;
    }

    .fab-menu .menu-link{
        flex: 1 1 0;
        min-width: 0;
        display: block;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--text-primary, #eaf9ff);
        text-align: center;
        padding: .6rem .5rem;
        width: auto !important;
    }

    .fab-menu .menu-link.active{
        background: var(--accent-primary-hover);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 10px rgba(32,185,201,.35);
        border-radius: 999px;
    }


    .nav-container{
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        column-gap: 12px;
        row-gap: 10px;
    }

    .nav-left{ padding-left: 0; }

    .nav-link{
        padding: 10px 18px;
        font-size: 12px;
        letter-spacing: .02em;
    }

    .logo-img{
        height: 29px;
        margin-top: 0;
        max-width: 125px;
    }

    .nav-right{
        gap:6px;
    }

    .theme-toggle {
        margin-right: 0;
    }

    .theme-toggle .icon{
        width: 20px;
        height: 20px;
    }

    .nav-right .btns{
        padding: 6px 5px;
        min-width: 57px;
        font-weight: 400;
        font-size: 13px;
        line-height: 1.2;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
        width: 57px;
    }

    .nav-right .btns.btn-primary{
        border-radius: 10px 10px 0 10px;
        border: 1px solid #2FBED2;
    }

    .nav-right .btns.btn-outline{
        border-radius: 10px 10px 10px 0;
        border: 1px solid var(--accent-primary, #38d5e6);
    }

    .nav-flex {
        flex-direction: column;
        gap: var(--space-md);
        padding: var(--space-md) 0;
    }

    .nav-links {
        order: 2;
        flex-direction: column;
        gap: var(--space-sm);
        width: 100%;
        text-align: center;
    }

    .nav-side {
        order: 3;
        width: 100%;
        text-align: center;
    }


    h1 {
        font-size: var(--font-size-xl);
        line-height: 1.2;
        text-align: center;
    }

    h2 {
        font-size: var(--font-size-lg);
        line-height: 1.3;
    }

    section {
        padding: var(--space-xl) 0;
    }

    .hero {
        padding: var(--space-xl) 0 2.5rem;
        text-align: center;
    }

    .hero h1{
        margin-bottom: var(--space-sm);
        font-size: var(--font-size-sm);
    }

    .hero-subtitle {
        font-size: var(--font-size-xs);
        margin-bottom: var(--space-md);;
    }

    .microcopy{
        font-size: var(--font-size-xs);
    }

    .cta-buttons {
        display: flex;
        flex-direction: column;
        gap: var(--space-md);
        margin-bottom: var(--space-lg);

    }

    .hero-visual{
        margin-top: 0;
        margin-left: 30px;
    }

    .ai-avatar{
        width: 35px;
        height: 35px;
        left: -40px;
        bottom: -24px;
    }
    .ai-avatar svg{
        width: 35px;
        height: 35px;
    }

    .chat-content p{
        font-size: var(--font-size-xs);
    }

    .btn.btn-primary.btn-lg{
        font-size: var(--font-size-sm);
        padding: var(--space-sm) var(--space-lg);
    }

    .btn {
        margin: 0 auto;
        font-size: var(--font-size-sm);
    }

    .how-it-works{
        padding: 0 16px var(--space-xl);
    }

    .step-number {
        display: none;
        min-height: 210px;
    }

    .step {
        width: 100%;
        max-width: 350px;
        padding: var(--space-lg);
        margin-bottom: var(--space-md);
    }

    .how-it-works .step .step-header{
        grid-template-columns: 50px 1fr;
        padding: 0;
    }

    .how-it-works .step svg{
        width: 50px;
        height: 50px;
    }

    .step:hover {
        transform: none;
    }

    .step-number {
        top: -15px;
        width: 30px;
        height: 30px;
        font-size: var(--font-size-sm);
    }

    .step i {
        font-size: 2rem;
    }

    .how-it-works .step h3 {
        font-size: var(--font-size-md);
    }

    .how-it-works .step p {
        font-size: var(--font-size-sm);
        padding: 0;
    }

    .how-it-works .btn-cta-lg, .how-it-works .btn.btn-secondary{
        font-size: var(--font-size-sm);
    }

    .section-title{
        font-size: var(--font-size-xs) !important;
    }

    .why-gain-tax{
        padding: 0;
    }
    .problem-solution{
        grid-template-columns: 50% 50%;
    }
    .card{
        padding: var(--space-md);
        border-radius: 33px;
        max-height: 280px;
    }
    .card-header h2{
        font-size: var(--font-size-md);
    }
    .card-body>p{
        font-size: var(--font-size-md);
    }
    .card-body li{
        font-size: var(--font-size-sm);
    }
    .word-gain .word-inner{
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.1);
    }
    .word-tax{
        grid-row: 4 / -1;
        margin-right: 1.5rem;
        transform: translate(-0em, 0.05em) scaleY(1.3);
    }

    .product-demo .kicker{
        font-size: var(--font-size-xs);
        margin-bottom: 0;
    }

    .product-demo .video-subtitle{
        font-size: var(--font-size-xxs);
        margin-bottom: var(--space-md);
    }

    .counters {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--space-md);
        align-items: center;
    }

    .results .counter {
        width: 75%;
        padding: var(--space-lg);
        margin-bottom: 0;
        justify-self: center;
        min-width: auto;
    }

    .counter:hover {
        transform: none;
    }

    .counter-value {
        font-size: 2rem;
        padding-bottom: var(--space-md);
    }

    .counter i {
        font-size: 1.5rem;
    }

    .counter p {
        font-size: var(--font-size-sm);
    }

    .social-proof{
        padding: 0 0 var(--space-lg);
    }

    .testimonials {
        flex-direction: column;
        gap: var(--space-lg);
        margin-bottom: var(--space-md);
    }

    .testimonial {
        width: 100%;
        min-width: auto;
        padding: var(--space-lg);
    }

    .testimonial::before {
        font-size: 4rem;
        top: 10px;
        right: 15px;
    }

    .testimonial-body p {
        font-size: var(--font-size-sm);
        line-height: 1.6;
    }

    .t-card{
        grid-template-columns: 48px 1fr;
        grid-template-rows: repeat(2, minmax(0, 50px));
        padding:18px;
    }
    .t-card__avatar{
        width:50px;
        height:50px;
    }

    .t-card__content{
        align-self: auto;
        justify-content: normal;
        gap: 7px;
    }

    .t-card__name{
        font-size: var(--font-size-sm);
    }

    .t-card__role{
        font-size: var(--font-size-sm);
    }

    .t-card__quote{
        font-size: var(--font-size-xs);
    }

    .t-card__sparkle{
        top: 18px;
        right: 18px;
        opacity: 1;
    }

    .t-card__sparkle svg{
        width: 25px;
        height: 25px;
    }

    .trust-badges {
        flex-direction: row;
        align-items: center;
        gap: var(--space-sm);
    }
    .badge{
        flex: 0 0 220px;
        width: 220px;
    }

    .pricing{
        padding: 10px 16px;
    }

    .pricing .section-title{
        margin-bottom: var(--space-sm);
    }

    .pricing-toggle {
        width: 100%;
        max-width: 300px;
    }

    .pricing-plans {
        flex-direction: column;
        align-items: center;
        gap: 2.5em;
    }

    .pricing-card {
        width: 100%;
        min-width: auto;
        box-shadow: none;
    }

    .pricing-card.featured {
        transform: none;
        margin: 0;
    }

    .pricing-card:hover,
    .pricing-card.featured:hover {
        transform: translateY(-5px);
    }

    .pricing-card .card-header{
        margin-bottom: 0;
        min-height: 0;
    }

    .pricing-card .pricing-plan-name{
        margin-bottom: var(--space-xxl);
    }

    .pricing .btn.btn-primary{
        font-size: var(--font-size-lg);
    }

    .price {
        font-size: 2rem;
    }

    .old-price{
        font-size: 1.25rem;
    }

    .original-price {
        font-size: 1.8rem;
    }

    .pricing-card .card-body {
        padding: var(--space-lg) var(--space-lg) var(--space-xxl);
    }

    .pricing-card .card-body li {
        font-size: var(--font-size-lg);
        padding-left: 0;
    }

    .pricing-card .card-body li .card-body-trial{
        font-size: var(--font-size-lg);
    }

    .finance-benefits {
        flex-direction: column;
        gap: var(--space-md);
    }

    .benefit {
        width: 100%;
        min-width: auto;
        padding: var(--space-md);
    }

    .benefit:hover {
        transform: none;
    }

    .benefit i {
        font-size: 1.5rem;
    }

    .quote-section {
        padding: var(--space-lg);
    }

    .quote-mark {
        font-size: 1.5rem;
        top: 15px;
        left: 15px;
    }

    blockquote {
        font-size: var(--font-size-md);
        margin-left: var(--space-md);
    }

    .author-avatar {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }

    .quote-mark i {
        display: none;
    }

    .results .counter svg{
        margin-bottom: var(--space-sm);
    }

    .results .counter p{
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-xxl);
    }

    .savings-calculator {
        margin-top: var(--space-lg);
        padding: var(--space-lg);
        max-width: 100%;
    }

    .savings-calculator h3{
        font-size: var(--font-size-sm);
        margin-bottom: var(--space-xxl);
        margin-top: var(--space-lg);
    }

    .calculator-form {
        gap: var(--space-xs);
    }

    .calculator-result {
        font-size: var(--font-size-lg);
        margin-bottom: var(--space-xxl);
    }

    .savings-calculator .form-group label{
        font-size: var(--font-size-xs);
    }

    .savings-calculator .form-group .calculator-value{
        font-size: var(--font-size-xs);
    }

    .savings-calculator input[type="range"]{
        max-height: 23px;
        margin-bottom: var(--space-xxl);
    }

    .savings-calculator input[type="range"]::-webkit-slider-thumb{
        -webkit-appearance: none;
        width: 7px;
        height: 25px;
        margin-top: -6px;
    }
    .savings-calculator input[type="range"]::-moz-range-thumb{
        width: 7px;
        height: 25px;
    }

    .results .btn.btn-primary{
        min-width: 0;
        font-size: var(--font-size-sm);
    }

    .savings {
        font-size: 2rem;
    }

    .signup-content {
        flex-direction: column;
        gap: var(--space-lg);
    }

    .signup-form,
    .signup-preview {
        width: 100%;
        min-width: auto;
    }

    .signup-form h2 {
        text-align: center;
        font-size: var(--font-size-lg);
    }

    input,
    select {
        padding: var(--space-sm) var(--space-md);
        font-size: var(--font-size-sm);
    }

    .security-icons {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .security-box {
        width: 100%;
        max-width: none;
        min-width: auto;
        padding: var(--space-sm);
    }

    .security-box:hover {
        transform: none;
    }

    .preview-image {
        padding: var(--space-lg);
    }

    .finding {
        font-size: var(--font-size-xs);
        margin-bottom: var(--space-xs);
    }

    .finding-icon {
        font-size: 1.2rem;
    }

    .footer-content {
        flex-direction: column;
        gap: var(--space-lg);
        text-align: center;
    }

    .footer-column {
        width: 100%;
        min-width: auto;
    }

    .footer-column h3 {
        font-size: var(--font-size-md);
    }

    .social-icons {
        justify-content: center;
    }

    .certification-badges {
        align-items: center;
    }

    .btn-lg {
        padding: var(--space-md) var(--space-xl);
        font-size: var(--font-size-md);
    }

    .btn-link {
        font-size: var(--font-size-sm);
    }

    .mobile-center {
        text-align: center;
    }

    .mobile-full-width {
        width: 100%;
    }

    .mobile-hidden {
        display: none;
    }

    .finance-directors .fd-quote-card{
        min-height: 0;
    }

    .finance-directors .fd-frame{
        min-height: 0;
    }

    .finance-directors .fd-frame.fd-frame--lg{
        height: 160px;
    }

    .fd-quote-card .fd-card-body{
        transform: translate(-0em, 0.5em);
    }

    .finance-directors .fd-quote-card .fd-card-star{
        top: 16px;
        right: -24px;
    }
    .finance-directors .fd-quote-card .fd-card-star svg{
        width: 25px;
        height: 25px;
    }

    .finance-directors .fd-author{
        grid-template-columns: 50px 1fr;
        margin-left: var(--space-xl);
        gap: 10px;
        margin-bottom: 5px;
    }
    .finance-directors .fd-avatar{
        width: 50px;
    }
    .fd-author-details{
        gap: 5px;
        min-height: 0;
    }
    .finance-directors .fd-author-details .fd-name{
        font-size: var(--font-size-sm);
    }
    .finance-directors .fd-author-details .fd-role{
        font-size: var(--font-size-sm);
        text-align: left;
    }

    .finance-directors .fd-benefits {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }

    .finance-directors .fd-card-star {
        right: 10px;
    }

    .finance-directors .fd-quote {
        margin-left: var(--space-sm);
        font-size: var(--font-size-xs);
        max-width: 90%;
    }

    .fd-quote br{
        display: none;
    }

    .finance-directors .fd-frame.fd-frame--sm{
        height: 140px;
    }

    .finance-directors .fd-benefit .fd-card-body{
        column-gap: 0;
        row-gap: 0;
        min-height: 0;
        transform: none;
        height: 140px;
    }

    .finance-directors .fd-benefit .fd-ico{
        width: 36px;
        height: 36px;
        transform: translate(1.85em, 0.7em);
    }
    .finance-directors .fd-benefit .fd-ico svg{
        width: 36px;
        height: 36px;
    }

    .finance-directors .fd-benefit h4{
        font-size: var(--font-size-sm);
        transform: translate(-0.35em, 2em);
        max-width: 88%;
    }

    .finance-directors .fd-benefit p{
        font-size: var(--font-size-sm);
        transform: none;
        max-width: 88%;
    }

    .finance-directors .fd-benefit p br{
        display: none;
    }

    .signup .section-title{
        max-width: 60%;
        padding: 10px 5px;
    }

    .signup-hero-blocks{
        gap: 0;
        padding-bottom: var(--space-xl);
        width: 100%;
    }

    .signup-hero-subpill{
        max-width: 80%;
        font-size: var(--font-size-xs);
        transform: translate(3.4em, 0em);
    }

    .signup-hero-panel{
        padding: 8px;
        max-width: 90%;
        transform: translate(1.6em, 0.2em);
    }

    .signup-hero-list li{
        font-size: var(--font-size-xs);
    }

    .signup-ai-avatar{
        position: static;
        width: 29px;
        height: 29px;
        margin-left: var(--space-md);
    }
    .signup-ai-avatar svg{
        width: 35px;
        height: 35px;
    }

    .faq-item{
        padding: var(--space-xs) 0;
    }

    .faq-item .faq-question svg{
        width: 35px;
        min-width: 0;
        justify-self: center;
    }

    .faq-icon-num{
        font-size: 27px;
    }

    .faq-item .faq-question .question-text{
        font-size: var(--font-size-xxs);
        margin-left: 0;
    }

    .faq-answer.show{
        font-size: var(--font-size-xxs);
        margin-left: var(--space-lg);

    }

    .faq-item .faq-question .arrow-icon{
        width: 20px;
        height: 20px;
        justify-self: center;
    }

    .faq-item .faq-question .arrow-icon svg{
        width: 20px;
        height: auto;
        min-width: 0;
    }

    .footer-grid {
        grid-template-columns: 30% 70%;
    }

    .footer-left{
        padding: var(--space-md);
        padding-top: var(--space-xl);
    }

    .footer-logo img{
        width: 80%
    }

    .brand-tagline{
        font-size: 11px;
    }

    .footer-cta{
        font-size: var(--font-size-xs);
        padding: 8px 10px 7px 11px;
    }

    .footer-right {
        border-left: 0;
        border-top: 1px solid var(--bg-tertiary);
        flex-wrap: wrap;
        gap: var(--space-lg);
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding: var(--space-xl);
    }
    .footer-group { min-width: 125px; }
    .footer-group h3{
        font-size: var(--font-size-sm);
    }
    .footer-group a{
        font-size: var(--font-size-xs);
    }

    .footer-group li{
        line-height: 1.3;
    }

    .social-row{
        gap: var(--space-xl);
    }

    .pricing-card.featured .popular-tag::before{
        min-height: 46px;
    }

    .pricing-card.featured .popular-tag{
        line-height: 1.5;
    }

    .pricing-card.featured .popular-tag::before{
        min-height: 47px;
    }
}

@media (max-width: 750px)and (min-width: 480px) {
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2.05);
    }
}

@media (max-width: 734px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(2);
    }
}

@media (max-width: 715px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.95);
    }

    .badge {
        flex: 0 0 210px;
        width: 210px;
    }
}

@media (max-width: 700px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.9);
    }
}

@media (max-width: 680px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.85);
    }
}

@media (max-width: 660px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.8);
    }
}

@media (max-width: 650px) and (min-width: 480px){
    .badge {
        flex: 0 0 200px;
        width: 200px;
    }

    .finance-directors .fd-benefit h4{
        transform: translate(0.25em, 2em);
    }
    .finance-directors .fd-benefit p{
        transform: translate(0.55em, 0em);
    }

}

@media (max-width: 640px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.7);
    }

    .badge{
        flex: 0 0 180px;
    }
    .trust-badges .badge__icon {
        width: 35px;
        height: 35px;
    }
    .badge span{
        font-size: 12px;
    }

    .finance-directors .fd-benefit p{
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 630px) and (min-width: 480px){
    .finance-directors .fd-quote{
        font-size: 13px;
    }
}

@media (max-width: 600px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.6);
    }
}

@media (max-width: 580px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.5);
    }
    .word-tax{
        font-size: 170px;
    }
}

@media (max-width: 570px) and (min-width: 480px){
    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.5);
    }
    .word-tax{
        font-size: 170px;
        transform: translate(-0em, 0.05em) scaleY(1.35);
    }
}

@media (max-width: 560px) and (min-width: 480px){
    .hero-visual{
        margin-left: 70px;
    }
    .chat-bubble{
        padding: 1rem .5rem 1rem .5rem;
    }

    .word-tax {
        transform: translate(-0em, 0.05em) scaleY(1.4);
        font-size: 160px;
    }

    .finance-directors .fd-frame.fd-frame--lg{
        height: 170px;
    }

    .finance-directors .fd-benefit p{
        max-width: 87%;
    }

    .badge{
        flex: 0 0 160px;
    }
    .badge svg{
        height: 25px;
        width: 25px;
    }
    .badge span {
        font-size: var(--font-size-xxs);
    }
}

@media (max-width: 530px) and (min-width: 480px){
    .hero-visual{
        margin-left: 25px;
    }
    .chat-bubble{
        padding: 1rem 0 1rem 1rem;
        max-width: 80%;
        text-align: left;
    }

    .word-gain .word-inner {
        transform: translate(-0.25em, -0.45em) scaleY(2.4) scaleX(1.4);
    }
    .word-tax{
        grid-row: 3 / -1;
        transform: translate(-0em, 0.08em) scaleY(1.58);
        font-size: 150px;
    }

    .card{
        padding: var(--space-md) var(--space-sm);
    }
    .card-body>p {
        font-size: var(--font-size-sm);
    }

    .badge{
        flex: 0 0 150px;
    }

    .finance-directors .fd-benefit p {
        transform: translate(1.5em, -0em);
        max-width: 82%;
    }
}

@media (max-width: 520px) and (min-width: 480px){
    .card.solution{
        justify-content: space-evenly;
    }
    .card-body{
        gap: var(--space-sm);
    }
    .card-body ul{
        margin: 0;
    }
    .card-body li{
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 var(--space-md);
        max-width: 100%;
    }

    .fab-menu .menu-link{
        padding: 0.1rem 0;
        font-size: var(--font-size-xs);
    }

    .app-mockup {
        max-width: 100%;
        padding: var(--space-md);
    }

    .hero-visual{
        margin-top: 0;
        padding-left: var(--space-xxl);
    }

    .chat-bubble {
        padding: var(--space-sm) var(--space-md);
    }

    .chat-content p {
        font-size: var(--font-size-xxs);
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 0;
        vertical-align: middle;

    }

    .ai-avatar{
        position: absolute;
        left: -32px;
        bottom: -22px;
        width: 29px;
        height: 29px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #fff;
        background: linear-gradient(180deg, var(--accent-primary, #38d5e6), #20b9c9);
    }

    .ai-avatar svg {
        width: 29px;
        height: 29px;
    }

    .ai-name {
        font-size: var(--font-size-lg);
    }

    .steps {
        grid-template-columns: repeat(2, minmax(0, 200px)) !important;
        grid-template-rows: repeat(2, minmax(0, 150px));
    }

    .problem-solution {
        grid-template-columns: 50% 50%;
        grid-template-rows: repeat(14, minmax(0, 21px));
        gap: 0;
        height: auto;
    }

    .word-gain .word-inner{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1.1);
    }

    .word-tax{
        grid-row: 9 / -1;
        font-size: 100px;
        transform-origin: top;
        margin: 0;
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1.18);
    }

    .card.problem{
        border: 5px solid var(--bg-senary);

        grid-row: 1 / 12;
    }

    .card.solution{
        grid-column: 1;
        grid-row: 6 / -1;
        background: var(--text-sixthly);
        border: none;
    }

    .card-header{
        margin: 0;
    }

    .card-header h2{
        font-size: var(--font-size-xs);
    }

    .card-body{

    }

    .card {
        padding: 0;
        max-height: 180px;
        border-radius: 33px;
    }

    .card-body li {
        font-size: 9px;
        line-height: 1.6;
        margin: 0;
    }

    .card-body p {
        font-size: 12px;
        margin: 0;
        width: 100%;
        text-align: center;
        align-self: center;
        justify-self: center;
    }

    .card-body ul{
        margin: 0;
    }

    .badge {
        width: 100%;
        max-width: 130px;
        justify-content: space-around;
        padding: var(--space-md);
        font-size: var(--font-size-xs);
        gap: 0;
    }

    .trust-badges .badge__icon{
        width: 20px;
        height: 20px;
    }

    .badge span{
        font-size: var(--font-size-xxs);
    }


    .finance-directors .fd-benefits {
        margin-top: 35px;
        gap: 0px;
    }

    .finance-directors .fd-quote{
        margin-left: var(--space-xs);
        font-size: var(--font-size-xxs);
        max-width: 90%;
    }

    .signup-hero-subpill{
        max-width: 80%;
        font-size: var(--font-size-xs);
        transform: translate(2.95em, 0em);
        padding: 10px 34px 10px 25px;
    }

    .signup-hero-panel{
        padding: 8px;
        max-width: 90%;
        transform: translate(1.3em, 0.2em);
    }

    .signup-hero-list li{
        font-size: var(--font-size-xs);
    }

    .signup-ai-avatar{
        position: static;
        width: 29px;
        height: 29px;
        margin-left: var(--space-md);
    }
    .signup-ai-avatar svg{
        width: 29px;
        height: 29px;
    }

    .brand-tagline{
        font-size: 7px;
    }

    .faq{
        padding: var(--space-lg) var(--space-md);
    }

    .faq-item .faq-question svg{
        width: 25px;
        min-width: 0;
        justify-self: center;
    }
    .faq-icon-num{
        font-size: 23px;
    }

    .footer-group h3{
        font-size: var(--font-size-sm);
    }
    .footer-group a{
        font-size: var(--font-size-xxs);
        width: 30px;
        height: 30px;
    }

    .social-row{
        gap: var(--space-xl);
    }

    .results .btn.btn-primary{
        padding: 0.5rem 1.5rem;
    }

    .counter-value {
        font-size: 2rem;
        padding-bottom: var(--space-xl);
    }

    .fab-menu-btn{
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: var(--space-sm) var(--space-xl);
    }

    :root {
        --font-size-xxxs: 0.5rem;
        --font-size-xxs: 0.625rem;
        --font-size-xs: 0.875rem;
        --font-size-sm: 1rem;
        --font-size-md: 1.125rem;
        --font-size-lg: 1.25rem;
        --font-size-xl: 1.5rem;
        --font-size-xxl: 1.75rem;

        --space-xs: 0.2rem;
        --space-sm: 0.4rem;
        --space-md: 0.6rem;
        --space-lg: 0.8rem;
        --space-xl: 1.2rem;
        --space-xxl: 1.5rem;
    }

    h1 {
        font-size: 1.5rem;
    }

    .hero {
        padding: var(--space-lg) 0;
    }

    .section {
        padding: var(--space-lg) 0;
    }

    .step {
        padding: var(--space-md);
        min-width: 0;
    }

    .testimonial {
        padding: var(--space-md);
    }

    .card {
        padding: var(--space-md);
    }

    .counter {
        padding: var(--space-md);
    }

    .quote-section {
        padding: var(--space-md);
    }

    .savings-calculator {
        padding: var(--space-md);
    }

    .preview-image {
        padding: var(--space-md);
    }
}

@media (max-width: 440px) {
    .badge{
        max-width: 120px;
    }

    .fd-author-details{
        max-width: 95%;
    }

    .how-it-works .step h3{
        font-size: var(--font-size-xs);
    }
    .how-it-works .step p{
        font-size: var(--font-size-xs);
        padding: 10px 0 0;
    }

    .card-body li br{
        display: none;
    }

}

@media (max-width: 420px) {
    .fab-menu .menu-link{
        padding: 0.3rem 0;
        font-size: var(--font-size-xxs);
    }

    .word-gain .word-inner{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1.05);
    }
    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1.1);
    }

    .t-card__quote{
        font-size: 12px;
    }
}

@media (max-width: 410px) {
    .trust-badges{
        gap:0;
    }
}

@media (max-width: 400px) {
    .word-gain .word-inner{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1);
    }
    .word-tax {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1);
    }
    .how-it-works .step h3{
        font-size: var(--font-size-xs);
    }
    .how-it-works .step p{
        font-size: var(--font-size-xs);
        padding: 5px 0 0 0;
    }

    .badge{
        max-width: 110px;
    }
    .badge span {
        font-size: var(--font-size-xxxs);
    }

    .finance-directors .fd-author-details .fd-name{
        font-size: var(--font-size-xs);
    }
    .finance-directors .fd-author-details .fd-role{
        font-size: var(--font-size-xs);
        max-width: 80%;
    }
    .finance-directors .fd-benefit p{
        transform: translate(1.6em, -0em);
        max-width: 81%;
    }

    .footer-group {
        min-width: 100px;
    }
}

@media (max-width: 390px) {
    .word-gain .word-inner{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.98);
    }
    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(1);
    }

    .steps{
        grid-template-rows: repeat(2, minmax(0, 130px));
    }
    .how-it-works .step .step-header{
        grid-template-columns: 40px 1fr;
    }
    .how-it-works .step svg {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 375px) {
    .t-card{
        padding: 18px 11px;
        gap: 7px;
    }

    .badge{
        max-width: 110px;
    }

    .how-it-works .step h3{
        font-size: var(--font-size-xs);
    }

    .word-gain .word-inner {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.96);
    }

    .how-it-works .step h3 {
        font-size: 13px;
    }
    .how-it-works .step p {
        font-size: 12px;
        padding: 5px 0 0 0;
        margin: 0;
    }
    .finance-directors .fd-benefit .fd-ico{
        transform: translate(1.25em, 0.7em);
    }
}

@media (max-width: 370px) {
    .word-gain .word-inner {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.9);
    }
    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.9);
    }

    .card-header h2 {
        font-size: 12px;
    }
    .card-body p {
        font-size: 10px;
    }
    .card-body li {
        font-size: 9px;
    }
    .card-body li br {
        display: none;
    }

    .badge {
        max-width: 100px;
    }
    .trust-badges .badge__icon {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 360px) {
    .how-it-works .step h3 {
        font-size: 12px;
    }

    .footer-cta{
        padding: 8px 7px 7px 8px;
    }
}

@media (max-width: 350px) {
    .word-gain .word-inner {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.85);
    }
    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.85);
    }

    .how-it-works .step h3 {
        font-size: 11px;
    }
    .how-it-works .step p{
        font-size: 11px;
    }

    .signup-hero-subpill{
        font-size: 12px;
    }
    .signup-hero-list li {
        font-size: 12px;
    }
}

@media (max-width: 340px) {
    .badge {
        max-width: 95px;
    }
    .badge span {
        font-size: 7px;
    }
}

@media (max-width: 330px) {
    .word-gain .word-inner {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.8);
    }
    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.8);
    }

    .how-it-works .step .step-header{
        grid-template-columns: 35px 1fr;
    }
    .how-it-works .step svg {
        width: 35px;
        height: 35px;
    }
}


@media (max-width: 320px) {
    .fab-menu .menu-link{
        padding: 0.3rem 0;
        font-size: var(--font-size-xxs);
    }

    .word-gain .word-inner {
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.8);
    }

    .word-tax{
        transform: translate(-0.1em, -0.25em) scaleY(1.45) scaleX(0.8);
    }

    .card-body li br{
        display: none;
    }

    .how-it-works .step .step-header{
        grid-template-columns: 35px 1fr;
    }
    .how-it-works .step svg {
        width: 35px;
        height: 35px;
    }
    .how-it-works .step h3 {
        font-size: var(--font-size-xxs);
    }
    .t-card__role {
        font-size: var(--font-size-xs);
    }
    .t-card__quote {
        font-size: var(--font-size-xxs);
    }

    .finance-directors .fd-frame.fd-frame--lg {
        height: 165px;
    }
    .badge{
        max-width: 90px;
    }
    .finance-directors .fd-author{
        gap:5px;
    }

    .finance-directors .fd-frame.fd-frame--sm {
        height: 150px;
    }
    .finance-directors .fd-benefit .fd-ico{
        transform: translate(0.6em, 0.7em);
    }
    .finance-directors .fd-benefit p{
        font-size: var(--font-size-sm);
        transform: translate(1em, 0.3em);
        max-width: 82%;
    }

    .footer-cta{
        font-size: var(--font-size-xxs);
    }
    .footer-group {
        min-width: 70px;
    }
}

@media (max-width: 310px) {
    .finance-directors .fd-author-details .fd-role {
        font-size: 12px;
    }

    .fab-menu .menu-link {
        padding: 0.35rem 0;
        font-size: 9px;
    }
}

@media (max-width: 768px) and (orientation: landscape) {

    section {
        padding: var(--space-lg) 0;
    }

    .counter {
        flex: 1;
        min-width: 200px;
    }
}