body {background:white;}
* {padding:0; margin:0; box-sizing:border-box;}
img {max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:var(--slat-1000);}
p {margin:0; padding:0; color:var(--slat-500);}
.badge-eyebrow {display:inline-flex; padding:var(--spacing-6) var(--spacing-10); justify-content:center; align-items:center; gap:var(--spacing-6); border-radius:var(--border-radius-2xl); border:var(--border-width-1) solid var(--black-100); background:var(--white-1000); box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset; color:var(--slat-1000);}
.section-heading-container p {color:var(--slat-500);}
.list-style-none {list-style:none;}
.section-2-card {border-radius:var(--border-radius-2xl); border:1px solid var(--black-50); background:var(--gray-100); padding:30px;}
.comparison-container {border-radius:var(--border-radius-2xl); border:1px solid var(--black-50); background:var(--gray-100); padding:var(--spacing-16);}
.comparison-container ul li {display:flex; align-items:start; margin-bottom:var(--spacing-20); color:var(--slat-700);}
.comparison-right {border-radius:var(--border-radius-lg); background:var(--white-1000); box-shadow:0 57px 16px 0 rgba(0, 0, 0, 0.00), 0 36px 14px 0 rgba(0, 0, 0, 0.01), 0 20px 12px 0 rgba(0, 0, 0, 0.03), 0 9px 9px 0 rgba(0, 0, 0, 0.04), 0 2px 5px 0 rgba(0, 0, 0, 0.05);}
.comparison-cta {padding:var(--spacing-16); border-radius:var(--border-radius-md); background:url(../img/comparison-cta-bg.svg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.our-progress {background:url(../img/blue-bg.webp); background-repeat:no-repeat; background-position:center; background-size:cover;}
.our-progress .section-heading-container p {color:var(--white-600);}
.our-features .left-card {display:flex; padding:var(--spacing-16) var(--spacing-32) var(--spacing-16) 0; flex-direction:column; align-items:flex-start; flex:1 0 0; align-self:stretch; justify-content:space-between;}
.our-features .left-card .icon img{border-radius: var(--border-radius-md); box-shadow: 0 30px 8px 0 rgba(19, 171, 90, 0.00), 0 19px 8px 0 rgba(19, 171, 90, 0.01), 0 11px 7px 0 rgba(19, 171, 90, 0.05), 0 5px 5px 0 rgba(19, 171, 90, 0.09), 0 1px 3px 0 rgba(19, 171, 90, 0.10);}
hr {border-bottom:1px solid rgb(9 9 11 / 50%); margin-left:38px;}
.our-features #cards {display:grid; grid-template-columns:1fr; gap:24px; list-style:none; padding:0; margin:0;}
.our-features .card {position:sticky; top:95px; z-index:10;}
.our-features .card#card-2 {position:sticky; top:105px; z-index:10;}
.our-features .card#card-3 {position:sticky; top:115px; z-index:10;}
.our-features .card#card-4 {position:sticky; top:125px; z-index:10;}
.our-features .card-content {background:var(--white-1000); border-radius:var(--border-radius-2xl); padding:var(--spacing-32); box-shadow:0 10px 40px rgba(0, 0, 0, 0.08); transform-origin:top; transition:transform 0.3s ease; transform:scale(0.98);}

@supports (animation-timeline: works) {
@scroll-timeline cards-element-scrolls-in-body {source:selector(body); scroll-offsets:selector(#cards) start 1, selector(#cards) start 0; start:selector(#cards) start 1; end:selector(#cards) start 0; time-range:4s;}
.card-content {animation:scale 1s linear forwards; animation-timeline:cards-element-scrolls-in-body;}
@keyframes scale {to {transform:scale(0.9);}}
}

.testimonials .scroll-container {overflow:hidden; position:relative; width:100%;}
.testimonials .scroll-row {display:flex; width:fit-content; animation:scroll-left 30s linear infinite;}
.testimonials .scroll-container:nth-of-type(2) .scroll-row {animation:scroll-right 30s linear infinite;}
.testimonials .scroll-container:hover .scroll-row {animation-play-state:paused;}

@keyframes scroll-left {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}

@keyframes scroll-right {
0% {transform:translateX(-50%);}
100% {transform:translateX(0);}
}

.testimonials .scroll-content {display:flex;}
.testimonial-card {flex:0 0 auto; width:350px; margin:0 10px; padding:var(--spacing-16); border-radius:var(--border-radius-md); border:var(--border-width-1) solid var(--black-50);}
.green {background:var(--green-200);}
.blue {background:var(--light-blue-200);}
.yellow {background:var(--yellow-200);}
.pink {background:var(--pink-200);}
.testimonial-card p {color:var(--slat-1000);}
.testimonial-card img {flex-shrink:0;}
.testimonial-card span {color:var(--slat-500);}
.competition-sec {background:url(../img/blue-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.competition-sec .col-3 {padding-left:1.5px !important; padding-right:1.5px !important;}
.competition-card {padding:0 var(--spacing-20); height:62px; display:flex; align-items:center; border-radius:var(--border-radius-xs); background:var(--white-50); margin-bottom:3px;}
.competition-card p {display:flex; align-items:start; color:var(--white-700);}
.competition-card.light-bg {background:var(--light-blue-200);}
.competition-card.light-bg p {color:var(--slat-1000);}
.competition-card p img {flex-shrink:0;}

.our-pricing .pricing-card-1 {background:url(../img/pricing-card-1.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.our-pricing .pricing-card-2 {background:url(../img/pricing-card-2.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.our-pricing .pricing-card-3 {background:url(../img/pricing-card-3.svg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.our-pricing .card-light, .card-dark {display:flex; flex-direction:column; padding:var(--spacing-20); border-radius:var(--border-radius-lg); border:1px solid var(--black-100);}
.our-pricing .card-light p, .card-light .cards-content p {color:var(--slat-1000);}
.our-pricing .card-light span {color:var(--slat-500);}
.our-pricing .card-light .pricing-card-1 .secondary-btn {display:flex; padding:var(--spacing-12) var(--spacing-24); justify-content:center; align-items:center; gap:var(--spacing-4); align-self:stretch; border-radius:var(--border-radius-full); border:1px solid var(--black-200); background:var(--white-1000);}
.our-pricing .card-light .separator {color:var(--black-100); border:1px solid; opacity:unset;}
.our-pricing .card-dark span {color:var(--white-600);}
.our-pricing .card-dark .badge-eyebrow {border-radius:var(--border-radius-xl); border:1px solid var(--white-500); background:var(--slat-1000);}
.our-pricing .card-dark .badge-eyebrow:before {width:73px; height:15px; content:" "; background-image:url(../img/pricing-popular-bg.svg); position:absolute; top:17px;}
.cta {border-radius:var(--border-radius-2xl); padding:30px 0 0 0; position:relative; background:url(../img/cta-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cta-section .cta-features {list-style:none; padding-left:3px; display:flex; flex-wrap:wrap; gap:var(--spacing-16);}
.cta-section .cta-features li {color:var(--slat-1000);}
.cta-section .cta-features li::before {width:20px; height:20px; content:" "; background-image:url(../img/icons/cta-check-icon.svg); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; margin-left:-28px;}
.cta-section .cta-buttons {display:flex; flex-wrap:wrap; gap:var(--spacing-16);}
.cta-section .dashboard {padding-right:unset; margin-bottom:0px;}
.cta-section .dashboard img {border-bottom-right-radius: var(--border-radius-2xl);}
.accordion-item {border-radius:var(--border-radius-sm); border:1px solid var(--black-100); margin-bottom:var(--spacing-12); overflow:hidden;}
.accordion-button {background:transparent; border:none; width:100%; text-align:left; padding:var(--spacing-16); color:var(--slat-1000); cursor:pointer; display:flex; align-items:center; transition:background 0.3s;}
.accordion-button.collapsed {}
.accordion-button::after {content:""; border:solid var(--black-1000); border-width:0 2px 2px 0; display:inline-block; padding:4px; margin-left:auto; transform:rotate(45deg); transition:transform 0.3s ease;}
.accordion-button:not(.collapsed)::after {transform:rotate(-135deg);}
.accordion-collapse {overflow:hidden; display:none;}
.accordion-body {padding:var(--spacing-16); background:transparent;}
.hidden{display:none;}
@keyframes slideInFromRight {
      from { transform: translateX(100%); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
    }

@keyframes slideInFromLeft {
      from { transform: translateX(-100%); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
    }

@media (max-width:1400px){
    .competition-card {height:82px;}
}

@media (max-width:1200px){
    .cta-section .dashboard {margin-bottom:-122px;}
}

@media (max-width:992px){
.our-progress {background:url(../img/progress-mob.webp); background-repeat:no-repeat; background-position:center; background-size:cover;}
.our-features .card {position: relative !important;top: auto !important;z-index: auto !important;}
.our-features .card-content {padding: var(--spacing-20);}
.our-features .left-card {padding: 0;}
.testimonials .scroll-container .scroll-row {animation-play-state:paused;}
.testimonials .scroll-content {animation-play-state:paused;}
.testimonial-card{display:none;width:95%;}
.testimonial-card.active{display:block;}
#prevBtn, #nextBtn{width:40px;height:40px;font-size:20px;border-radius:50%;}
.comparison-container{padding:var(--spacing-12);}
.comparison-left{padding:0px !important;}
.comparison-cta {transform:rotate(180deg);}
.comparison-cta .row{transform:rotate(180deg);}
.competition-card-main{overflow:hidden;overflow-x:scroll;}
.competition-card-main .row{width:960px;}
.competition-card{padding:0 var(--spacing-8);height:110px;}
.cta {padding:55px 0 0 0; background:url(../img/cta-mob-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cta-section .cta-text {padding:0 var(--spacing-16);}
.cta-section .cta-features {list-style: none;padding-left: 3px;display: grid;gap: var(--spacing-16);}
.cta-section .cta-buttons {display: grid;}
.cta-section{overflow:hidden;}
.cta-section .dashboard {margin-bottom:-10px;padding-right:12px;text-align:center;}
.cta-section .dashboard img{border-radius:0px;}
}