/*
Theme Name: Lasso Sellers WP Theme
Theme URI: https://getlasso.co
Description: WordPress theme for Lasso Sellers pages and related marketing templates.
Author: Lasso
Version: 2.1
Text Domain: getlassonew
*/

/*********************************************************
    GLOBAL
*********************************************************/
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%; scroll-behavior: smooth;}
body, body .lasso-container {font-family: var(--helvetica); font-size: 1.25rem; font-weight: 400; overflow-x: hidden; line-height: 1; color: var(--black); text-align: left; background-color: #fff; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
p {line-height: 1.75;}
@-ms-viewport{width: device-width;}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block; margin: 0;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none !important; box-shadow: none !important;}
table{border-collapse: collapse;}
img{vertical-align: middle; border-style: none; max-width: 100%; height: auto;}
input:focus, button:focus {outline: none !important; box-shadow: none !important;}
fieldset{border: none;}


/*********************************************************
    FONTS
*********************************************************/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/helveticaneue-light.woff2') format('woff2'),
         url('./fonts/helveticaneue-light.woff') format('woff');
    font-weight: 400;
    font-display: optional;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/helveticaneue-medium.woff2') format('woff2'),
         url('./fonts/helveticaneue-medium.woff') format('woff');
    font-weight: 500;
    font-display: optional;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('./fonts/helveticaneue-bold.woff2') format('woff2'),
         url('./fonts/helveticaneue-bold.woff') format('woff');
    font-weight: 800;
    font-display: optional;
}



:root{
     --helvetica: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


/*********************************************************
    ASSETS
*********************************************************/
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{font-weight: 800 !important; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem;}
h1, .h1{font-size: 3.4rem; letter-spacing: normal;}
h2, .h2{font-size: 3rem; letter-spacing: normal;}
h3, .h3{font-size: 2rem; letter-spacing: normal;}
h4, .h4{font-size: 1.5rem;}
h5, .h5{font-size: 1rem;}
.h3-plus{font-size: 2.5rem; letter-spacing: normal;}
.fa-large {font-size: 4em;}
.hero-container h1 {margin-top: 1em;}
strong, .bold{font-weight: 800 !important;}
a{color: var(--purple); text-decoration: underline;}
a:hover{text-align: underline; transition: 0.2s ease;}
p{margin-top: 0; margin-bottom: 2rem;}
ol,ul,dl{margin-top: 0; margin-bottom: 2rem; padding-inline-start: 30px;}
ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
li{margin-bottom: 0.5rem; line-height: 1.75;}
blockquote{padding-left: 1.5rem !important; margin: 0; color: #999; border-left: 5px solid #ddd; font-style: italic; font-family: var(--helvetica);}
.circle{border-radius: 50em !important;}
.no-border{border: none;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
small, .small{font-size: 1rem !important; line-height: 1.5 !important;}
p.lg{font-size: 1.5rem !important; line-height: 1.75 !important;}
.tiny{font-size: 0.75rem !important; line-height: 1.5 !important;}
.rounded{border-radius: 0.75rem !important;}
.shadow, .shadow:focus{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important;}
.hover-white:hover{color: var(--white); text-decoration: underline;}
.hover-gray:hover{background-color: var(--light-gray);}
.hover-green:hover{color: var(--green);}
.hover-purple:hover{color: var(--purple) !important;}
.hover-underline:hover{text-decoration: underline !important;}
.hover-down:hover{transform: translateY(5px); box-shadow: none !important;}
.hover-glow:hover{text-shadow: 0px 0px 10px white !important;}
.underline{text-decoration: underline !important;}
.no-underline{text-decoration: none !important;}
.pointer {cursor: pointer;}
.muted{opacity: 0.5 !important;}
::selection{background: var(--purple); color: var(--white);}
.white::selection {background: var(--white); color: var(--purple);}
input.url_box_input::selection, .url_box_text::selection{background: var(--purple); color: var(--white);}
.hide{display:none;}
.border-bottom{border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;}
.lasso-strikethrough {text-decoration: line-through;}
a.lasso-partner-rate {padding: .24rem .75rem; margin-bottom: 10px;}
div.row {margin: 0 auto;}
article img {border: 1px solid var(--gray); border-radius: 10px;}
.show-only-mobile{display: none !important;}
.float-left {float:left!important;}
.float-right {float:right!important;}

/* Vs Pages*/
.difference-list li:before {content: "\2714"; color: var(--green); padding: 0 1em 0 0;}
ul.difference-list {list-style: none;}
.competitor-table tbody tr:first-child td:nth-child(2) .img-container {padding-top:1.2rem !important;}
.difference-list li {text-indent:-2em;padding-left:2em !important;}
@media (min-width: 767.98px) {
  ul.difference-list {
    padding:0 3em 0 3em !important;
  }
}

/*********************************************************
    HELPERS
*********************************************************/
.img-fluid{max-width: 100%; height: auto; min-height: 190px; object-fit: contain;}
.img-fluid-related-program{max-width: 100%; height: auto; min-height: auto; object-fit: contain; margin: 0px !important;}
.w-100{width: 100% !important; max-width: 100% !important;}
.h-100{height: 100% !important;}
.list-inline{padding-left: 0; list-style: none;}
.list-inline-item{display: inline-block;}
.list-inline-item:not(:last-child){margin-right: 0.5rem;}
.w-100{width: 100%;}
.p-0{padding: 0 !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}
.px-0{padding-left: 0 !important; padding-right: 0 !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}
.pl-0{padding-left: 0rem !important;}
.pl-1{padding-left: 0.25rem !important;}
.pl-2{padding-left: 0.5rem !important;}
.pl-3{padding-left: 1rem !important;}
.pl-4{padding-left: 2rem !important;}
.pl-5{padding-left: 3rem !important;}
.pr-0{padding-right: 0 !important;}
.pr-1{padding-right: 0.25rem !important;}
.pr-2{padding-right: 0.5rem !important;}
.pr-3{padding-right: 1rem !important;}
.pr-4{padding-right: 2rem !important;}
.pr-5{padding-right: 3rem !important;}
.py-0{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.pt-0{padding-top: 0 !important;}
.pt-1{padding-top: 0.25rem !important;}
.pt-2{padding-top: 0.5rem !important;}
.pt-3{padding-top: 1rem !important;}
.pt-4{padding-top: 2rem !important;}
.pt-5{padding-top: 3rem !important;}
.pb-0{padding-bottom: 0 !important;}
.pb-1{padding-bottom: 0.25rem !important;}
.pb-2{padding-bottom: 0.5rem !important;}
.pb-3{padding-bottom: 1rem !important;}
.pb-4{padding-bottom: 2rem !important;}
.pb-5{padding-bottom: 3rem !important;}
.m-0{margin: 0 !important;}
.m-1{margin: 0.25rem !important}
.m-3{margin: 1rem !important;}
.mr-0{margin-right: 0rem !important;}
.mr-1{margin-right: 0.25rem !important;}
.mr-2{margin-right: 0.5rem !important;}
.mr-3{margin-right: 1rem !important;}
.mr-4{margin-right: 2rem !important;}
.mr-5{margin-right: 3rem !important;}
.ml-0{margin-left: 0rem !important;}
.ml-2{margin-left: 0.5rem !important;}
.ml-3{margin-left: 1rem !important;}
.ml-4{margin-left: 2rem !important;}
.ml-5{margin-left: 3rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}
.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}
.mt-0{margin-top: 0rem !important;}
.mt-3{margin-top: 1rem !important;}
.mt-4{margin-top: 2rem !important;}
.mt-5{margin-top: 3rem !important;}
.mt-5{margin-top: 3rem !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important}
.fixed-bottom{position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;}
.font-weight-normal{font-weight: normal !important;}
.fixed-top{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.max-height{max-height: 5rem !important;}
.d-none, .hidden{display: none;}
.cover{object-fit: cover !important;}


/*********************************************************
    COLORS
*********************************************************/
:root{
    --purple: #5E36CA;
    --dark-purple: #40258A;
    --light-purple: #B09AE5;
    --dark-purple: #40258A;
    --green: #22BAA0;
    --light-green: #00ffd3;
    --blue: #228BC9;
    --orange: #F6BD60;
    --seeking-profit-orange: #feab0b;
    --red: #E06470;
    --black: #444444;
    --dark-black: #242423;
    --white: #FFFFFF;
    --gray: #E2E2E2;
    --dark-gray: #A6A6A6;
    --light-gray: #F7F7FC;
    --medium-gray: #E9E9F7;
}
.white{color: var(--white) !important;}
.white-bg{background: var(--white) !important;}
.white-border{border: 10px solid var(--white) !important;}
.white-border-big{border: 60px solid var(--white) !important;}
.black{color: var(--black) !important; text-decoration: none !important;}
.black-bg {background: var(--black) !important;}
.dark-black{color: var(--dark-black) !important; text-decoration: none !important;}
.dark-black-bg {background: var(--dark-black) !important;}
.blue{color: var(--blue) !important;}
.blue-bg{background: var(--blue) !important;}
.green, .lasso-description span strong {color: var(--green) !important;}
.green-bg{background: var(--green) !important;}
.light-green{color: var(--light-green) !important;}
.light-green-bg{background: var(--light-green) !important;}
.orange{color: var(--orange) !important;}
.orange-bg{background: var(--orange) !important;}
.seeking-profit-orange{color: var(--seeking-profit-orange) !important;}
.seeking-profit-orange-bg{background: var(--seeking-profit-orange) !important;}
.purple{color: var(--purple) !important;}
.purple-bg{background: var(--purple) !important;}
.light-purple{color: var(--light-purple) !important;}
.light-purple-bg{background: var(--light-purple) !important;}
.dark-purple{color: var(--dark-purple) !important;}
.dark-purple-bg{background: var(--dark-purple) !important;}
.red{color: var(--red) !important;}
.red-bg{background: var(--red) !important;}
.gray{color: var(--gray) !important;}
.gray-bg{background: var(--gray) !important;}
.gray-border-sm{border: 2px solid var(--gray) !important;}
.gray-border{border: 10px solid var(--gray) !important;}
.dark-gray{color: var(--dark-gray) !important;}
.dark-gray-bg{background: var(--dark-gray) !important;}
.dark-gray-border-sm{border: 2px solid var(--dark-gray) !important;}
.dark-gray-border{border: 10px solid var(--dark-gray) !important;}
.light-gray{color: var(--light-gray) !important;}
.light-gray-bg{background: var(--light-gray) !important;}
.light-gray-border-sm{border: 2px solid var(--light-gray) !important;}
.light-gray-border{border: 10px solid var(--light-gray) !important;}
.medium-gray{color: var(--medium-gray) !important;}
.medium-gray-bg{background: var(--medium-gray) !important;}
.medium-gray-border{border: 10px solid var(--medium-gray) !important;}
.border{border: 1px solid var(--gray) !important;}
.black-border{border: 2px solid var(--black) !important;}
.purple-border{border: 2px solid var(--purple) !important;}
.green-border{border: 2px solid var(--green) !important;}
.no-border{border: 0px !important;}
.border-bottom{border-bottom: 1px solid var(--gray);}
.border-top{border-top: 1px solid var(--gray);}
.border-right{border-right: 2px solid var(--gray);}
.border-left{border-left: 2px solid var(--gray);}
.text-glow{text-shadow: 0px 0px 10px white !important;}


/*********************************************************
  ANIMATIONS
*********************************************************/
.animated {animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-15px);}
  60% {transform: translateY(-5px);}
}
.bounce {animation-name: bounce;}


/*********************************************************
  TRANSFORMS + GRADIENTS
*********************************************************/
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.rotate-1 {--tw-rotate: 1deg;}
.rotate-2 {--tw-rotate: 8deg;}
.-rotate-2 {--tw-rotate: -2deg;}

/*********************************************************
  FORMS
*********************************************************/
.form-control::placeholder{color: var(--dark-gray);}
input.form-control, textarea.form-control, select.form-control{color: var(--black) !important; padding: 0.5rem 0.75rem !important; border-radius: 0.5rem !important; border: 1px solid #ced4da !important; width: 100%; height: auto !important; max-width: 100%;}
input:focus.form-control, textarea:focus.form-control, select:focus.form-control, select:focus{border: 1px solid var(--light-purple) !important;}
.btn{color: #fff; white-space: normal; font-size: 1.25rem; line-height: 1.75; transition: none; padding: 0.75rem 1.5rem; text-decoration: none; border: 0px; border-radius: 0.5rem !important; cursor: pointer; display: inline-block; background-image: none !important; text-shadow: none !important; font-weight: 800 !important; letter-spacing: 0px !important;}
.btn:hover{color: #fff; text-decoration: none; transition: 0.2s ease !important;}
.custom-select{display: block; font-weight: 800; color: var(--black); padding: 0.5rem 1rem; width: 100%; max-width: 100%;  box-sizing: border-box; margin: 0; border: 1px solid var(--gray); outline: none; border-radius: 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: var(--white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='297.31' height='168.65' viewBox='0 0 297.31 168.65'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2322baa0;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M31.3,192H288.6c17.8,0,26.7,21.5,14.1,34.1L174.1,354.8a20.038,20.038,0,0,1-28.3,0L17.2,226.1C4.6,213.5,13.5,192,31.3,192Z' transform='translate(-11.295 -192)'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; font-size: 20px; line-height: 35px;}
.white-btn, .white-btn:hover{box-shadow: inset 0 0 0 3px var(--white) !important;}
/*.watch-video::before {width: 25px; height: 15px; content: ''; display: inline-block; background-position: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, 1)' fill='rgba(255, 255, 255, 1)' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpolygon fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.35' points='8 19 19 12 8 5'/%3E %3C/svg%3E");}*/
.search-affiliate-programs::before {width: 35px; height: 25px; position: relative; top: -1px; font: normal normal normal 14px/1 'lasso-public'; content: '\f002'; display: inline-block;}
.subscribe-box .form-control, .subscribe-box .btn {padding: 0.75rem 1rem !important; line-height: 1.5; font-size: 1.1rem;}
.subscribe-box .form-control {padding: 0.65rem 1rem !important;}
.loader-small, .loader-large{border: 3px solid #E2E2E2; border-radius: 50%; border-top: 3px solid #22baa0; width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-large {border: 5px solid #E2E2E2; border-radius: 50%; border-top: 5px solid #22baa0; width: 50px; height: 50px;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* PERFORMANCE SLIDER*/
.slider-container {position: relative; margin: 100px auto 20px auto; width: 100%; max-width: 500px;}
.range-slider {width: 100%;}
.range-label {position: absolute; background: #ffffff; padding: 4px 8px; border-radius: 4px; font-size: 16px; top: -30px; transform: translateX(-50%);}
.range-type {font-size: 14px; font-weight: bold; margin-bottom: 4px; text-align: center;}
.performance-h1 {max-width: 900px; margin: 0 auto 20px auto;}
.performance-subscribe .start-trial-plan {padding: 10px;}
.performance-subscribe .start-trial-box-header {max-width: 350px; padding-bottom: 0px; margin: 0 auto 30px auto;}
.performance-subscribe .start-trial-plan ul {margin: 8px auto; max-width: 300px; text-align: left;}
.performance-subscribe .start-trial-plan li:before, .start-trial-plan.selected li:before {color: var(--green);}
.perf-testimonial-2 {border-right: 0px !important;}
input[type='range'] {-webkit-appearance: none;appearance: none; height: 5px; background: linear-gradient(90deg,#22BAA0 var(--slider-percentage),#ddd 0); background-size: 100% 100%;}
input[type='range']::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #22BAA0; border-radius: 50%; cursor: pointer;}
input[type='range']::-moz-range-thumb {width: 20px; height: 20px; background: #22BAA0; border-radius: 50%; cursor: pointer;}
input[type='range']::-moz-range-progress {background-color: #22BAA0;}


/*********************************************************
    CONTENT
*********************************************************/
.container.affiliate-container, .container.feature-container {max-width: 1200px;}
.article{max-width: 760px; margin: auto; overflow: visible;}
.article > p:first-child {font-size: 1.3em;}
.article.niche > p:first-child {font-size: inherit;}
.article a{text-decoration: underline;}
.article h2{margin-top: 4rem;}
.affiliate-program .article h2 {margin-top: 2rem;}
.article blockquote{font-size: 22px; line-height: 35px; font-style: italic; border-left: 5px solid var(--green); padding-left: 40px; margin-bottom: 40px;}
.article .recommended-post{list-style: none; padding: 0 1rem 0.5rem; margin-bottom: 1rem; display: block; width: 100%;}
ul.crp-list, .crp-list li.recommended-post {padding: 0; line-height: 1.25; margin-bottom: 15px;}
.post-header {max-width: 900px !important; margin: 0 auto;}
.contain {object-fit: contain;}
.content-hub {max-width: 1175px !important; margin: 0 auto;}
.content-hub-article {max-width: 800px !important; margin: 0 auto;}
.hub-chapter {padding: 2em;}
.hub-chapter span {line-height: 2rem;}
.card-image img{border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important;}
.card-avatar{position: relative; bottom: 30px; height: 0px; margin-bottom: 20px;}
.card-avatar img{width: 60px; height: 60px; min-height: auto; border: 2px solid var(--white); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); border-radius: 100rem;}
.card-content{padding: 20px;}
img.img-fluid.screenshot {float: none; width: auto; height: auto; margin: -20px 0 20px 0; border: 1px solid #eee;}
.program-featured.black .screenshot {margin: 20px 0;}
.programs {list-style-position: inside; padding: 0 !important; color: var(--purple);}
.programs li:nth-child(1) { list-style-type: none; }
.programs h2{display: inline-block;}
.programs img{float: right; margin: 0rem 0 1rem 1rem; width: 150px; height: 150px; border-radius: 5px;}
.programs article img{margin-top: 0; border-radius: 5px;}
.programs article .lasso-title {margin-top: 0 !important;}
.programs article .lasso-description p {color: white;}
.programs .subscribe-box {margin-top: 40px;}
.programs .subscribe-box p {color: white;}
.programs article .lasso-flow a.lasso-button-1, .lasso-flow a.lasso-button-2 {margin-bottom: 0 !important;}
.programs p{font-size: 1.25rem; font-weight: 400; line-height: 1.75; letter-spacing: 0; color: black;}
.programs .lasso-description {font-size: 1.25rem; padding-bottom: 0.5em;}
.programs .lasso-title {font-size: 2.5rem !important;}
.programs .lasso-button-2 {margin-left: 10px !important;}
.programs .lasso-price, .programs .lasso-disclosure {display: none;}
.programs .lasso-brag img {margin-top: 0;}
.programs.niche-guides li { list-style-type: none; }
.narrow-grid .lasso-grid-row .lasso-description {min-height: 100px;}
.lasso-border-radius {border-radius: 5px;}
.article_block {padding: 0em 1em; background: white; border-radius: 10px; margin: 2.5em 0; transition: 0.3s ease; display: flex; border: 1px solid #E2E2E2;}
.article_block:hover, .article_block.green:hover, .article_block.yellow:hover, .article_block.red:hover {box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);}
.article_block h3, .article_block .block_icon .far {color: black; line-height: 1em;}
.article_block.green {border: 1px solid var(--green); border-radius: 10px; box-shadow: none; color: inherit !important;}
.article_block.green h3, .article_block.green .block_icon .far {color: var(--green); line-height: 1em;}
.article_block.yellow {border: 1px solid var(--orange); border-radius: 10px; box-shadow: none; }
.article_block.yellow h3, .article_block.yellow .block_icon .far {color: var(--orange); line-height: 1em;}
.article_block.red {border: 1px solid var(--red); border-radius: 10px; box-shadow: none; color: inherit !important;}
.article_block.red h3, .article_block.red .block_icon .far {color: var(--red); line-height: 1em;}
.article_block .block_icon {order: 1; flex-grow: 1; font-size: 2em !important; text-align: center; margin: 2.5rem 1rem 0 0;}
.article_block .block_content {order: 2; flex-grow: 5;}
.article_block .block_title {order: 1; flex-grow: 5;}
.article_block .block_content ol, .article_block .block_content ul {margin-left: -20px;}
.author-top {border-bottom: 1px solid #ccc;}
.author-top img {width: 85px; height: 85px; border-radius: 50px;}
.author-top h1 {font-size: 2rem;}
.author-top a {color: white; text-decoration: none;}
.author-top p {line-height: 1.5}
.lasso-image img {border: 0px;}
.lasso-list .lasso-image img {border-radius: 40px; }
article .lasso-display.lasso-flow {background: var(--purple) !important; padding: 40px; border-radius: 0.5rem; margin: 40px 0; color: white;}
article .lasso-display.lasso-flow .lasso-title {color: white !important;}
.lasso-display.lasso-flow.lasso-url-grammarly-join {background: inherit !important; color: inherit; padding: inherit; border-radius: inherit; margin: inherit;}
.lasso-display.lasso-flow.lasso-url-grammarly-join  .lasso-title {color: inherit !important;}
.lasso-display-table .table-vertical.template-1 .lasso-fields .img-container img {border: none;}
.twitter, .linkedin {padding: 0 20px 0 0;}
.twitter-tweet.twitter-tweet-rendered {margin: 20px auto !important;}
.author-bio {border: 1px solid #E2E2E2; border-radius: 0.5rem; padding: 20px;}
.author-head {display: flex; padding-bottom: 10px;}
.author-name {padding-left: 10px; font-size: 1.3rem;}
.author-name p {margin-bottom: 0;}
.author-description {line-height: 1.5rem; font-size: 18px;}
.built-by, .affiliate-disclosure {background: var(--light-gray); padding: 20px; border-radius: 0.5rem; margin-bottom: 60px;}
.built-by {font-weight: bold;}
.affiliate-disclosure {padding: 15px 20px; margin-bottom: 40px;}
.programs .lasso-splash a.lasso-button-2 {background-color: var(--purple) !important;}
#searchform {margin: 0 auto !important;}
#searchform .form-control {padding: 0.8rem 0.75rem !important;}
section .tablepress {margin-bottom: 2rem;}
.article.toolbox {max-width: 1200px;}
.article.toolbox p {max-width: 800px; margin: 0 auto;}
.affiliate-program-promo {max-width: 800px; margin: 0 auto;}
.affiliate-program-promo .lasso-container {background: var(--light-gray); margin: 0 !important;}
.affiliate-program-promo .lasso-display {margin: -40px 0 0 0 !important;}
.affiliate-program-promo .subscribe-box {margin-bottom: 0px !important;}
.testimonial-min-height {min-height: 70px;}
.insights-logo img {position: relative; left: 1rem; top: 4rem; z-index: 99;}
.insights-graph img {position: relative; right: 3em;}
.vs-slider-box {max-width: 50%;}
.comparison-video h3{font-size: 2.5rem;}
.comparison-video ul{font-size: 1.75rem;}
.comparison-video ul li{line-height: 2.1em;}
.comparison-video iframe {width:600px; height:338px;}
.seller .hero-header-container .hero-container p {font-size:28px !important; margin-left:0; margin-right:0;}
.seller .hero-header-container {display: flex; justify-content: center !important; max-width: 100% !important; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.seller .hero-container {max-width: 800px;}
.seller .hero-header-container .col-md-4 {display: flex; align-items: center; justify-content: center;}
.seller .hero-header-container .col-md-4 img {max-width: 100%; height: auto; max-height: 500px; object-fit: contain;}
.seller h1 {font-size: 3.2rem;}
.demo-benefits-list {list-style: none; padding-inline-start: 0px;}
hr.stat-divider {border: 2px solid var(--purple);}
.demo-testimonial {background: color-mix(in srgb, var(--light-purple) 25%, transparent) !important; position: relative; overflow: visible; padding-top: 1.05rem !important;}
.demo-testimonial::before, .demo-testimonial::after {content: '"'; font-size: 150px; font-family: 'Palatino'; position: absolute; color: var(--purple); opacity: 0.6; line-height: 0.7; font-style: italic;}
.demo-testimonial::before {top: 190px; left: -45px;}
.demo-testimonial::after {bottom: 120px; right: -30px; transform: rotate(180deg);}

/* Case Studies */
.case-study-wrapper {height: 500px; position: relative; overflow: visible;}
.case-study-cards {position: absolute; display: flex; justify-content: center; padding: 40px 0; margin: 0 -30px; flex-wrap: nowrap; width: calc(100% + 60px); height: 500px;}
.case-study-card {flex: 1; margin: 0 5px; padding: 30px; border-radius: 20px; text-decoration: none; color: var(--white); transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; box-shadow: 0 4px 15px rgba(0,0,0,0.1); min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-basis: 0; transform-origin: center center;}
.case-study-card:nth-child(1) {background: var(--orange);}
.case-study-card:nth-child(2) {background: var(--light-purple);}
.case-study-card:nth-child(3) {background: var(--blue);}
.case-study-card:nth-child(4) {background: var(--green);}
.js .case-study-card {opacity: 0; transform: translateY(30px) rotate(0deg);}
.case-study-card.case-study-hidden {opacity: 0; transform: translateY(30px) rotate(0deg);}
.case-study-card.in-view {opacity: 1; transform: translateY(0) rotate(0deg);}
.case-study-card.in-view.tilt-ready:nth-child(1) {transform: rotate(-4deg) translateY(10px);}
.case-study-card.in-view.tilt-ready:nth-child(2) {transform: rotate(3deg) translateY(-15px);}
.case-study-card.in-view.tilt-ready:nth-child(3) {transform: rotate(-3deg) translateY(5px);}
.case-study-card.in-view.tilt-ready:nth-child(4) {transform: rotate(4deg) translateY(-10px);}
.case-study-card:hover {text-decoration: none; z-index: 5;}
.case-study-card:hover {transform: rotate(0) translateY(0) scale(1.1) !important;}
.quote-text {font-size: 1.5rem; line-height: 1.4; font-weight: 500; margin: 25px 0; width: 100%; text-align: left; box-sizing: border-box;}
.quote-mark {font-size: 4.5rem; line-height: 1; font-family: Georgia, serif; position: absolute; opacity: 0.3;}
.quote-mark.opening {top: 10px; left: 15px;}
.quote-mark.closing {bottom: 0; right: 15px;}

/* Seller Styling */
.seller-hero .seller-hero-image {align-content:center;}
.how-to-sellers .sellers.step.circle {width: 60px; height: 60px; max-width: 60px; max-height: 60px; display: flex; align-items: center; justify-content: center;}
.how-to-sellers .sellers.step.circle p {margin: 0;}
.how-to-sellers .step-card .step-heading {align-content: center;}
.how-to-sellers .step-card .step-text {color: #666;}
.how-to-sellers .step-card {border: 1px solid var(--gray);}
.pricing-plan-grid.seller #plan-3-price {padding-bottom: 8px;}
.seller.pain-point h3 {font-size: 1.6rem;}
.seller.pain-point img {min-height: 100px; height: 100px;}
.seller.pain-point p {color: #666; font-size: 1rem;}
@media (min-width: 1200px) {
    .pain-points .pain-point-heading h2 {padding-left: 3rem; padding-right: 3rem;}
    .seller-footer h3 {padding-left: 3rem; padding-right: 3rem;}
}
.brand-scroll.seller-brand-scroll img {opacity: 0.8;}

.white-logo {filter: brightness(0) invert(1);}

img.aff-plus-hero {
    position: absolute;
    top: 0; /* Align to the top of the container */
    left: 0; /* Start from the left side of the container */
    height: 100% !important; /* Take up 100% of the container's height */
    width: auto; 
    max-width:none;/* Width will automatically adjust to maintain aspect ratio */
}

div#upgrade-plan-box {max-width: 680px;margin:0 auto;}
.upgrade-plan ul li {font-size:16px !important;}
.two-plan-box .pricing-plan.upgrade-plan {max-width: 400px !important;}
.two-plan-box .pricing-plan.upgrade-plan#upgrade-plan-box {margin-left: auto; margin-right: 0;}
.two-plan-box .pricing-plan.upgrade-plan#pro-plan-box {margin-left: 0; margin-right: auto;}

.article a {word-break: break-word;}

/* VS Pages */
.feature-comparison .plan-table-header {background-color: var(--light-gray);}
.feature-comparison .plan-table-feature-single, .feature-comparison .plan-table-subheading {border-bottom: 1px solid var(--gray);}
.feature-comparison .plan-table-feature-single:last-child {border-bottom: none;}
.feature-comparison div.col-3.text-center{line-height:1.4;}
.feature-comparison .plan-table-header {border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important;}
.feature-comparison .plan-table-price {border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important;}
.competitor-container {max-width: 600px;}
.competitor-container:hover {background-color: var(--gray) !important;}
.vs-hero .hero-container p {max-width: 1200px !important;}
.vs-how-to .steps-container {max-width: 900px; margin: 0 auto; position: relative; padding-left: 60px;}
.vs-how-to .steps-container:before {content: ''; position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; background-color: var(--purple); z-index: 1;}
.vs-how-to .step {position: relative; margin-bottom: 70px;}
.vs-how-to .step:last-child {margin-bottom: 0;}
.vs-how-to .step-circle {position: absolute; left: -60px; width: 80px; height: 80px; background-color: var(--purple); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2;}
.vs-how-to .step-circle span {color: white; font-size: 36px; font-weight: bold;}
.vs-how-to .step-content {margin-left: 3rem;}
.vs-how-to .step-content h3 {margin-bottom: 10px;}
.vs-how-to .step-content p {margin-bottom: 15px;}
.vs-how-to .step-result {background-color: #f0e7ff; border-radius: 8px; padding: 15px 20px; margin-top: 15px;}
.vs-how-to .step-result p {color: var(--purple); margin-bottom: 0;text-align: center;}

@media (max-width: 767px) {
    .roi-calculator {padding: 0rem !important; background-color: var(--light-gray) !important;}
    .roi-calculator .calculator-container {margin: 0rem auto !important; padding-left: 1rem !important; padding-right: 1rem !important; border-radius: 0rem !important; border: none !important; box-shadow: none !important;}
    .feature-comparison #comparison-table {font-size:.8rem;}
    .feature-comparison #comparison-table .bold {font-weight: 400 !important;}
    .feature-comparison #comparison-table h4, .feature-comparison #comparison-table h3 {font-size:1rem;}
    .feature-comparison #comparison-table .btn {font-size:.8rem; padding:.8rem}
    .step-content {margin-left: 2rem;}
    .steps-container {padding-left: 40px;}
    .steps-container:before {left: 20px;}
    .step-circle {left: -40px; width: 40px; height: 40px;}
    .step-circle span {font-size: 20px;}
    .step-content {padding-left: 15px;}
}

/* Chrome Extension Page */
.how-it-works-icon {width: 110px; height: 110px; display: inline-flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; position: relative; z-index: 1;}
.step-text h3 {font-size: 1.8rem; margin-top: 0.5rem; margin-bottom: 1rem; color: #444;}

@media (max-width: 767px) {
    .how-it-works-icon {width: 100px; height: 100px;}
    .step-text h3 {font-size: 1.5rem;}
}

/* Alternatives Page */
.five-equal-cols {display: flex; flex-wrap: wrap;}
.five-equal-cols > div {flex: 0 0 20%; max-width: 20%; padding: 0 5px;}
.alternative-toc div{line-height: 1.5;}
.alternative-breakdown .advantage-list, .alternative-breakdown .shortcoming-list, .alternative-breakdown .lasso-comparison-list {list-style-type: none;
    padding-left: 0;}
.alternative-breakdown .alternative-screenshot-box .alternative-screenshot-title {border-top-right-radius: .75rem; border-top-left-radius: .75rem;}
.tab-container {
    margin-bottom: 2rem;
}
.tab-nav {height: auto; display: grid; grid-template-columns: repeat(2, 1fr); background-color: #f5f5f5; border-radius: 0.375rem; padding: 0.25rem; margin-bottom: 0.5rem;}
.tab-button {border: none; background: none; padding: 0.75rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.25rem; cursor: pointer; transition: all 0.2s; text-align: center; display: block;}
.tab-button[data-state="active"] {background-color: white; color: #000; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.alternative-toc p{font-size: 1.4rem !important; margin: 1rem !important; width: 100% !important; max-width: 100% !important;}
.alternative-breakdown .tab-content {display: none !important;}
.alternative-breakdown .tab-content[data-state="active"] {display: block !important; opacity: 1; visibility: visible; height: auto; max-height: inherit; border-radius: 0.75rem; border: 1px solid var(--gray); padding: 1rem;}
.alternative-breakdown .similarity-list {list-style: none;  padding: 0; margin: 0;}
.alternative-breakdown .similarity-item {display: flex; margin-bottom: 0.5rem;}
.alternative-breakdown .similarity-item i {align-content:center;}
.alternative-breakdown .similarity-item:last-child {margin-bottom: 0;}
.alternatives-divider hr{margin: 0 auto;  border: 1px solid var(--gray); width: 80% !important;  max-width: 800px;}
.alternative-breakdown .sticky-sidebar {position: sticky; top: 20px; height: fit-content; max-height: calc(100vh - 40px); overflow-y: auto; width: 100%; padding-bottom: 2rem;}
.alternative-breakdown .sticky-sidebar.at-section-bottom {position: absolute; bottom: 0; top: auto;}
.alternative-comparison-table .comparison-table {width: 100%; border-collapse: collapse; background-color: #fff;}
.alternative-comparison-table .comparison-table th, .alternative-comparison-table .comparison-table td {padding: 12px 15px; border: 1px solid #e0e0e0;}
.alternative-comparison-table .comparison-table th {text-align: left; font-weight: 500;}
.alternative-comparison-table .comparison-table th:not(:first-child), .alternative-comparison-table .comparison-table td:not(:first-child) {text-align: center;}
.alternative-comparison-table .comparison-table .lasso-col {background-color: #f0f0fa;}

@media (max-width: 991px) {
    .alternative-breakdown .sticky-sidebar, .alternative-breakdown .sticky-sidebar.at-section-bottom {position: static; height: auto; max-height: none; overflow-y: visible;}
    .alternative-breakdown .alternatives-midpoint-cta .rounded{border-radius: 0px !important;}
    .alternative-breakdown .five-equal-cols > div {flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .five-equal-cols > div {flex: 0 0 50%; max-width: 50%; margin-bottom: 10px;}
    .alternatives-midpoint-cta .container{padding: 2rem !important; border-radius: 0px !important;}
}

@media (max-width:1255px) {
    .top-promo {display:none !important;}
}

@media (max-width:1200px) {
  .comparison-video iframe {width:400px; height:225px;}
  .comparison-video .video-container{margin-bottom:1.5rem;}
}

@media (max-width: 767.98px) {
    .five-equal-cols > div {flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;}
    .integration-header-logo img {margin-top:1.6rem !important;}
    .integration-logo {width:100px; height:100px;}
    .insights-logo img {position: relative; left: 1rem; top: 4rem; z-index: 99;}
    .insights-graph img {position: relative; right: 3em;}
    .comparison-video iframe {width:300px; height:169px;}
    .comparison-video .video-container{margin-bottom:1.5rem;}
    .case-study-item .case-study-content {padding:2rem !important;}
    .case-study-item .col-md-8.px-5 {padding:0 1rem !important;}
    .case-study-item .case-study-content h2 {font-size: 2rem !important;}
    .case-study-item .case-study-content p {font-size: 1.4rem !important;}
    .case-study-item .case-study-content h4 {font-size: 1.4rem !important;}
    .case-study-item .case-studies-header {padding: 0rem 1rem !important;}
    .case-studies-header .logo-item {max-width: 100px;}
}

@media (max-width: 550px) {
  .integration-header-logo {padding-right: 1rem !important;}
  .integration-header-logo img {width:60px; height:60px;}
  .integration-logo {width:50px; height:50px;}
  .insights-logo img {position: relative; left: 0rem; top: 2rem; z-index: 99;}
  .insights-graph img {position: relative; right: 2.4em; width:100px;}
  .integration-flow img {padding-top: 0rem !important;}
  .integration-link img {margin-top: 1rem !important;}
  .integration-link {padding-left: 0rem !important; padding-right: 0rem !important;}
  .integration-flow {padding-left: 0rem !important; padding-right: 0rem !important;}
}

@media (max-width: 767.98px) {
  .vs-table-header {font-size:1em !important;}
}
@media (max-width: 520px) {
  .vs-table-header {font-size:.7em !important;}
  .vs-table-text {font-size:.8em !important;}
}
@media screen and (max-width:500px) {
  .vs-slider-box{
      max-width:100%;
      margin:0 auto !important;
  }
}

.footer-tile {border: 2px solid var(--light-purple); padding: 10px;}
.footer a.footer-tile:hover {text-shadow:none !important;}
.footer-heading {font-size: 2rem;}
.footer hr {height:3px;border-width:0;color:white; background-color:white;}
.footer a.inline {display:inline;}
@media screen and (max-width:500px) {
    .footer .col-md-6 {padding-left:0rem !important; padding-right:0rem !important;}
}

.trust-box {background-color:#b09ae520;}
.trust-box h2 {margin-top:1rem; font-size:2rem;}
.trust-box h3 {font-size:1.5rem;}

/* Landing Pages */

.landing-page-hero .background-image {background-image: url('https://media.getlasso.co/getlasso-wp-media/wp-content/uploads/background-revenue-graph.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center bottom; height: auto;}

.landing-page-feature-box {background: linear-gradient(to bottom, #E7E1F7, var(--light-gray));}

.landing-page-feature-box .landing-image {max-width:1400px; width:100%;}

.signup-button {display: flex; align-items: center; justify-content: center; gap: 10px; margin-left: 0px !important; margin-right: 0px !important;}
.selling-point.feature-icon {min-height: 80px; align-content: center;}

@media (max-width: 768px) {
  .landing-page-hero .background-image {background-size: contain; background-position: center bottom; height: 580px;}
  section.landing-page-feature-box {padding-bottom:1rem !important;}
  .landing-page-feature-box div {padding-left:0rem !important; padding-right: 0rem !important;}
  .signup-container {padding-left: 0px !important; padding-right: 0px !important;}
}

/* Feature Pages */
.feature-page-hero {max-width: 1400px; margin: 0 auto;}
.artistic-underline {position: relative; white-space: nowrap;}
.artistic-underline::after {content: ''; position: absolute; left: 0; bottom: -28px; width: 110%; height: 50px; background-image: url("https://media.getlasso.co/getlasso-wp-media/wp-content/uploads/underline-one.svg"); background-repeat: no-repeat; background-size: 100% 100%; z-index: -1;}
h3.proof-metric {font-size: 7rem; font-weight: 900;}
.proof-metric .underline-image::after{content: ''; position: absolute; left: -50px; bottom: 130px; width: 100%; height: 50px; background-image: url("https://media.getlasso.co/getlasso-wp-media/wp-content/uploads/underline-two.svg"); background-repeat: no-repeat; background-size: 100% 100%;}
.feature-dropdown .features-accordion {max-width: 400px;}
.feature-dropdown .feature-item {margin-bottom: 1rem; border: 1px solid #eee; border-radius: 8px; background: white; transition: all 2s ease-in-out;}
.feature-dropdown .feature-item[open] {background: var(--light-gray);}
.feature-dropdown .feature-item summary {padding: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-weight: 500;}
.feature-dropdown .feature-item summary > div {display: flex; align-items: center; gap: 1rem;}
.feature-dropdown .feature-item summary::after {content: "▼"; font-size: 0.8em; transition: transform 0.3s ease;}
.feature-dropdown .feature-item[open] summary::after {transform: rotate(180deg);}
.feature-dropdown .feature-item summary::-webkit-details-marker {display: none;}
.feature-dropdown .feature-content {padding: 0 1rem 1rem; transition: all 0.5s ease;}
.feature-dropdown .feature-image-container {position: relative; height: 100%; min-height: 450px; margin-right: -100vw; padding-right: 100vw; display: flex; align-items: center;}
.feature-dropdown .feature-image {position: absolute; top: 50%; left: 390px; transform: translate(-50%, -50%); max-width: 800px; max-height: 80%; width: auto; height: auto; object-fit: contain; opacity: 0; transition: opacity 0.3s ease;}
.feature-dropdown .feature-image.active {opacity: 1;}
.feature-dropdown .animated-arrow {display: inline-block; position: relative; width: 100px; height: 300px; left: -70px; top: -100px; z-index: 1; margin-left: 20px;}
.feature-dropdown .animated-arrow::after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url('https://media.getlasso.co/getlasso-wp-media/wp-content/uploads/curved-arrow.svg'); background-size: contain; background-repeat: no-repeat; animation: curvedArrowSlide 2s ease-in-out infinite; transform-origin: top left;}
.feature-dropdown h2#feature-dropdown-header {position: relative;}
.feature-dropdown h2#feature-dropdown-header::after {content: ''; position: absolute; width: 100px; height: 300px; left: calc(50% + 410px); top: 30px; z-index: 1; background-image: url('https://media.getlasso.co/getlasso-wp-media/wp-content/uploads/curved-arrow.svg'); background-size: contain; background-repeat: no-repeat; opacity: 0; transform-origin: top left;}
@keyframes curvedArrowSlide {
    0% {clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); opacity: 0;}
    100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1;}
}

@media (max-width: 768px) {
    .proof-metric .underline-image::after {display: none;}
    p.proof-metric {padding-top: 0px !important; font-size: 2rem; font-weight: 900;}
    h3.proof-metric {margin-bottom: 1rem !important;}
    .feature-dropdown p.mb-4 {display: none;}
    .feature-dropdown .features-accordion {max-width: none; margin: 0 auto;}
    .feature-dropdown .feature-image-container {margin: 0 -15px; padding: 2rem 15px; margin-bottom: 2rem;}
    .feature-dropdown .feature-image {left: 50%; width: 90%; max-width: 90vw;}
    .feature-dropdown .light-gray-bg {margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 1rem; width: 100vw; display: flex; justify-content: center;}
    .feature-dropdown .col-md-5.order-md-first {margin-top: 2rem; padding-left: 1rem !important; padding-right: 1rem !important;}
    .feature-dropdown .feature-image-container.p-5.rounded.light-gray-bg {border-radius: 10px !important; padding: 1rem !important; margin-left: auto; margin-right: auto; max-width: 99%;}
    .feature-dropdown .feature-image-container {height: inherit; min-height: 300px;}
    .feature-accordion .pt-5 {display:none;}
    .feature-dropdown {padding-bottom: 0px !important;}
    .feature-dropdown .button-container {text-align: center !important;}
}

/* Feature List */
ul.feature-list {list-style: none;}
.feature-list li {opacity: 1; transition: opacity 0.2s; text-indent: -2em; padding-left: 2em !important; font-size: 18px;}
.feature-list li.fade {opacity: 0;}
.feature-list li:before {content: "\2714"; color: var(--green); padding: 0 7px 0 0;}
.feature-list-button {width: 80%; max-width:1400px;}
div#feature-section {max-width:1600px; width:90%;}
@media (min-width: 767.98px) {
  ul.feature-list {
    padding: 0 1em 0 1em !important;
  }
  .row #feature-section{
    margin-bottom:0!important;
  }
}
@media (max-width: 767.98px) {
  .hidden-mobile {
    display: none !important;
  }
  ul.feature-list {
    padding: 0 !important;
    margin: 0 !important;
    font-size: .8rem;
  }
  .feature-list li{font-weight: 400 !important; font-size: 14px;}
  .feature-list-column h3 {font-size:1.5rem; padding-top:2rem;}
  div#feature-section {padding:0 !important;}
}

/* Single Testimonials */
.single-testimonial-container {display: flex; align-items: center !important; justify-content: center !important; flex-wrap: wrap;}

.single-testimonial-text {width: 80%; margin-left:10%; margin-right:10%; font-style: italic; font-size:24px;
}

@media (max-width: 767.98px) {
  .single-testimonial-text {
    width: 90%;
    margin-left:5%;
    margin-right:5%;
  }
}

/* TOC sidebar */
nav.show {display: block;}
nav .nav-title {font-weight: bold; font-size: 23px; line-height: 30px; padding: 0 0 15px 0;}
nav .nav-body {padding-bottom: 15px; line-height: 1.5em;}
.section-nav img {border-radius: 0.5rem; margin-bottom: 10px;}
.section-nav li.active {background: var(--light-gray);}
.section-nav li.active a {color: var(--purple);}
.section-nav .btn {font-size: 1.2rem; line-height: 1.5rem; padding: 0.75rem 1.25rem;}
.section-nav {margin: 2rem 0 2rem 60px; padding-left: 60px; border-left: 1px solid #ccc; font-size: 0.9em;}
div#related_posts {margin-top: 60px;}
.crp-list .recommended-post span {font-size: 17px;}
.crp-list .recommended-post a {color: var(--black);}
.related_list {margin-bottom: 15px; line-height: 1.5em;}
.related_list .far, .related_list .fas {font-size: 1em !important; margin-bottom: 0px !important;}
/* Used for TOC in sidebar 
.section-nav a {text-decoration: none; display: block; padding: .125rem 0; color: var(--black); transition: all 50ms ease-in-out; font-size: 15px; line-height: 20px;}
*/
.section-nav .related_posts a:hover, .section-nav .related_posts a:focus, .section-nav .related_list a:hover, .section-nav .related_list a:focus {color: var(--purple) !important;}
.section-nav ul, .section-nav ol {list-style: none; margin: 0; padding: 0;}
.section-nav li {padding: 0; margin-left: 14px; margin-bottom: 0; list-style: disc;}
main {display: grid; grid-template-columns: 780px 1fr; width: 100%; margin: 0 auto;}
main > nav .sidebar-sticky {position: sticky; top: 2rem; align-self: start;}

/* TOC from LMM*/
.table_of_contents_desktop {display: block; cursor: pointer; padding: 20px; background: white; border-radius: 4px; margin: 60px 0 0 0; background: var(--light-gray);}
.table_of_contents_sidebar {background: none; margin: 40px 0 40px 0; padding: 0 60px 20px 0; width: 320px; position: sticky; position: -webkit-sticky; top: 55px; transition: 0.3s ease; border-right: 1px solid #ccc;}
.table_of_contents_sidebar ol {list-style: none; margin-bottom: 20px;}
.table_of_contents_sidebar ol li {position: relative; line-height: 1em; margin-bottom: 1em;}
.table_of_contents_sidebar ol li:before {content: ''; position: absolute; border-right: 2px solid black; border-bottom: 2px solid black; width: 5px; height: 5px; top: 12px; left: -20px; transform: translateY(-50%) rotate(-45deg);}
/* .table_of_contents_sidebar:hover {box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);} */
.table_of_contents_mobile {background: #222222; margin: 0 0 20px 0; }
#toc_head {font-weight: 600; display: block; text-align: center;}
#toc_head:hover {cursor: pointer;}
.table_of_contents_desktop li {padding-left: 5px;}
#actual_toc {display: none; margin: 20px 0 0 0; font-weight: normal; text-align: left;}
#table_of_contents_header {display: none; float: left; padding: 7px 0 0 0; margin: 0; width: 100%;}
.table_of_contents_sidebar .action_button.button-cta {margin-top: 40px; width: 100%; max-width: 300px; text-align: center;}
.table_of_contents_sidebar ol li.active a span {color: #33CC99; font-weight: bold; transition: 0.3s ease;}
.table_of_contents_sidebar ol li.active a span:hover {color: #33CC99;}
#actual_toc_mobile {display: none; color: white; padding: 10px 20px 10px 35px; margin: 6px 0 0 0px; box-shadow: 0 40px 40px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 rgba(0, 0, 0, .1); border: 0px; border-top: 0px;}
#actual_toc_mobile li {padding: 5px 0px; line-height: 20px;}
#actual_toc_mobile li a, #actual_toc_sidebar li a {color: white; line-height: 20px; font-weight: 300; text-decoration: underline; text-decoration-color: #33CC99;}
#actual_toc_sidebar li a {color: black;}
#actual_toc_sidebar li a:hover {text-decoration: none; color: #33CC99;}
#actual_toc_sidebar li.active a:hover {color: #33CC99;}
.toc_sidebar {font-weight: bold; text-align: center; font-size: 1.5em; padding: 20px 0;}
#toc_mobile_head {padding: 8px 20px; font-weight: bold; color: white;}

/* Course Videos */
.course-video-container {position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;}
.course-video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Pages Landing */
img#pages-hero-image { max-height: 600px; }
.handle-reserve { display: flex; align-items: stretch; max-width: 520px; font-size:1rem;}
.handle-reserve .prefix {background: var(--light-gray); border: 1px solid #e2e2e2; border-right: 0; border-radius: 6px 0 0 6px; padding: 10px 12px; font-weight: 600; color: var(--black); display: flex; align-items: center;}
.handle-reserve input[type="text"] {border: 1px solid #e2e2e2; border-left: 0; border-radius: 0 6px 6px 0; padding: 10px 12px;flex: 1; min-width: 140px;}
.handle-reserve .cta-btn { margin-left: 10px; }
.hero-bullets { list-style: none; padding-left: 0; }
.hero-bullets li { display: flex; align-items: center; margin-bottom: 8px; }
.hero-bullets li i { margin-right: 8px; }
.hero-bullets .blue.bold { margin-right: 4px; }
.hiw-card { background: var(--white); border: 1px solid var(--light-gray); height: 100%;}
.hiw-icon { width: 64px; height: 64px; border-radius: 50%; display:flex; align-items:center; justify-content:center; background:#F1ECFF; color: var(--purple); margin-bottom:12px; }
.hiw-icon .hiw-step { font-weight: 700; font-size: 28px; line-height: 1; }
.container.feature-container { max-width: 1500px; }

@media (max-width: 768px) {
    .handle-reserve { flex-direction: column; max-width: 100%;}
    .handle-reserve .cta-btn { margin-left: 0; margin-top: 10px; width: 100%; text-align: center; }
    .handle-reserve .prefix { border-radius: 6px 6px 0 0; border-right: 1px solid #e2e2e2; }
    .handle-reserve input[type="text"] { border-left: 1px solid #e2e2e2; border-radius: 0 0 6px 6px; margin-bottom: 1.6rem !important; }
    section#pages-cta { padding: 0rem !important; background: var(--purple) !important; }
}


/*********************************************************
  HOMEPAGE
*********************************************************/
.url_box_text {font-size: 0.8em; line-height: 1.5;}
input#input_top {max-width: 400px; font-size: 20px;}
.feature-container .col-md-4.feature-left, .affiliate-container .col-md-4.feature-left {padding-left: 0px;}
.feature-container .col-md-8.feature-right {padding-left: 40px; padding-right: 0px;}
.feature-container .col-md-4.feature-right {padding-right: 0px;}
.feature-container .col-md-8.feature-left {padding-right: 40px; padding-left: 0px;}
.container.row.feature-container.text-center.white {max-width: initial;}
.feature-container small, .home-features .small {font-weight: 500;}
.feature-main {font-size: 2.2rem; margin-top: 10px;}
.feature-box {line-height: 1.75;}
.trusted-by {font-size: 1rem; margin: auto;}
h3.trusted-by {font-size: 1.2rem; margin: auto;}
img.trusted-by {max-width: 180px;}
.col-lg.testimonial-text {font-size: 1.45rem;}
.col-lg.testimonial-text p {line-height: 2.5rem;}
.col-lg.testimonial-1 {padding: 0 40px 0 0;}
.col-lg.testimonial-2 {border-left: 1px dashed var(--black); border-right: 1px dashed var(--black);}
.col-lg.testimonial-3 {padding: 0 0 0 40px;}
.testimonial-image {width: 60px; min-height: auto; margin-bottom: 20px;}
.lasso-container .lasso-price {line-height: 1.75 !important;}
.lasso-display a.lasso-button-1, .lasso-display a.lasso-button-2 {line-height: 1.75 !important;}
.lasso-amazon-info {line-height: 1.4;}
.highlighted-text {background-color: white; color: var(--purple); padding: 0 10px;}
.hero-subheader, .hero-container p {font-size: 32px; line-height: 40px; max-width: 750px; margin: 0 auto 3rem auto;}
.hero-header-container {max-width: 1400px; margin: 0 auto;}
.hero-header {font-size: 70px; line-height: 85px; display: inline-block;}
.hero-header-container .benefits {border-left: 1px solid var(--light-purple);}
.hero-header-container h1.hero-header {font-size: 75px; line-height:1.2;}
.hero-header-container p {font-size: 1.5rem !important; font-weight: 400 !important; line-height:1.2;}
.hero-header-container p.small {font-size: 1.2rem !important;}
.hero-header-container ul.hero-benefits {font-size: 20px !important;}
.hero-header-container .signup-container .btn {font-weight: normal; border-radius: 50px !important; display: flex; align-items: center; justify-content: center; gap: 10px;}
button#loginBtn {background-color: initial !important; border: 0 !important; color: var(--black); cursor: pointer !important;}
.home-header-container {max-width: 1500px; margin:0 auto;}
.css-xkrlmq-CustomBrandButton__icon {display: flex; align-items: center;}
.blog-links {padding-left: 0px !important; padding-right: 0px !important;}
.blog-links .row {margin: 0 -30px;}
.blog-links .col-md-3 {font-size: 0.95em;}
.blog-links p {line-height: 1.6em;}
.blog-links a {font-weight: bold;}
.homepage-image-border {border: 60px solid var(--light-gray);}
.home-features .feature-container {max-width: 1400px;}
.home-features h2.feature-heading {font-size: 4.8rem;}
.home-hero-container p {font-size: 1.4rem; font-weight: 500;}
.home-hero-container ul.hero-benefits {padding-left:0px; list-style: none; font-size: 1.6rem; font-weight: bold;}
.mock-browser-box {background-image: linear-gradient(#442793, #2e1b64); width:100%;}
.mock-browser {border: solid 3px var(--light-purple); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:none; max-width: 1400px !important; width:85%; margin:2rem auto 0rem auto; background-image: linear-gradient(#351E72, #201344);}
.mock-browser .browser-screen {position:relative; padding-top:56.25%}
.brand-scroll{display: flex; flex-wrap: nowrap; animation: scroll 120s linear infinite; column-gap: 100px;}
.home .feature-dropdown h2#feature-dropdown-header::after {display:none;}
.home.feature-dropdown .feature-image{max-width: 1200px !important;}

.seller-signup {border: 2px solid var(--light-purple); border-radius: 10px; background-color: #40258A90;}
.seller-signup-link {align-content: center;}
.seller-signup-link a {display: block; width: 100% !important; line-height: 1.4;}
.pain-points-container.mb-5 {max-width: 1310px; margin-left: auto; margin-right: auto;}

/* .home-features .feature-img {transform: translateY(150px); opacity: 0; transition: transform 1.75s ease-out, opacity 1.75s ease-out;} */
.home-features .feature-text h2 {opacity: 1;}
.home-features .feature-text > *:not(h2) {opacity: 1;}

.home.bad-list li {position: relative; padding-left: 50px; list-style-type: none; margin-bottom: 20px;}
.home.bad-list .list-icon {position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-color: #E0647040; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--red);}
.home.good-list li {position: relative; padding-left: 50px; list-style-type: none; margin-bottom: 20px;}
.home.good-list .list-icon {position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-color: #22BAA040; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--green);}
.platform-box {height: 100%;}

/* CASE STUDIES */
.case-study-wrapper {height: 500px; position: relative; overflow: visible;}
.case-study-cards {position: absolute; display: flex; justify-content: center; padding: 40px 0; margin: 0 -30px; flex-wrap: nowrap; width: calc(100% + 60px); height: 500px;}
.case-study-card {flex: 1; margin: 0 5px; padding: 30px; border-radius: 20px; text-decoration: none; color: var(--white); transition: all 0.3s ease; position: relative; box-shadow: 0 4px 15px rgba(0,0,0,0.1); min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-basis: 0; transform-origin: center center;}
.case-study-card:nth-child(1) {background: var(--orange); transform: rotate(-4deg) translateY(10px); z-index: 4;}
.case-study-card:nth-child(2) {background: var(--light-purple); transform: rotate(3deg) translateY(-15px); z-index: 3;}
.case-study-card:nth-child(3) {background: var(--blue); transform: rotate(-3deg) translateY(5px); z-index: 2;}
.case-study-card:nth-child(4) {background: var(--green); transform: rotate(4deg) translateY(-10px); z-index: 1;}
.case-study-card:hover {text-decoration: none; z-index: 5;}
.case-study-card:nth-child(1):hover {transform: rotate(0) translateY(0) scale(1.1);}
.case-study-card:nth-child(2):hover {transform: rotate(0) translateY(0) scale(1.1);}
.case-study-card:nth-child(3):hover {transform: rotate(0) translateY(0) scale(1.1);}
.case-study-card:nth-child(4):hover {transform: rotate(0) translateY(0) scale(1.1);}
.quote-text {font-size: 1.5rem; line-height: 1.4; font-weight: 500; margin: 25px 0; width: 100%; text-align: left; box-sizing: border-box;}
.quote-mark {font-size: 4.5rem; line-height: 1; font-family: Georgia, serif; position: absolute; opacity: 0.3;}
.quote-mark.opening {top: 10px; left: 15px;}
.quote-mark.closing {bottom: 0; right: 15px;}

/* Platform Cards Styles */
.platform-cards {margin-top: 2rem; display: flex; align-items: flex-start;}
.platform-cards .row {margin: 0 -5px;}
.platform-cards [class*="col-"] {padding: 0 5px; margin-bottom: 10px;}
.platform-cards .col-md-2, .platform-cards .col-sm-4, .platform-cards .col-6 {display: flex; align-items: flex-start;}
.platform-card {background-color: white; border-radius: 8px; padding: 15px; width: 100%; flex: 1; height: auto !important; min-height: auto !important; text-align: center; cursor: pointer; position: relative; overflow: hidden !important; display: flex; flex-direction: column; transition: transform 0.3s ease, padding 0.3s ease !important;}
.platform-card:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); z-index: 1;}
.platform-card .card-header {display: flex; align-items: center; gap: 8px; padding: 10px 0; flex-shrink: 0;}
.platform-card .card-header i {font-size: 1.5em;}
.platform-card .card-preview {margin-top: 10px; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden !important; position: relative;}
.platform-card .card-preview img {width: 100%; height: auto; max-height: none; object-fit: contain; transition: transform 0.3s ease; transform-origin: center center;}
.platform-card.hover-down:hover {z-index: 1 !important; transform: scale(1.05) !important; transition: transform 0.3s ease !important;}
.platform-card.hover-down:hover .card-preview img {transform: scale(1.05) !important; transition: transform 0.3s ease !important;}
.home-hero-section .platform-card .card-preview {height: auto !important; overflow: visible !important; min-height: unset !important; max-height: unset !important;}
.home-hero-section .platform-card .card-preview img {height: auto !important; object-fit: contain !important; max-height: none !important;}
.feature-dropdown .features-accordion {display: flex !important; flex-direction: column !important; min-height: 400px !important; justify-content: flex-start !important; max-width: 400px !important;}
.feature-dropdown .feature-item {margin-bottom: 1rem !important; border: 1px solid #eee !important; border-radius: 8px !important; background: white !important; transition: background-color 0.15s ease-in-out !important; min-height: 60px !important; max-height: 60px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important;}
.feature-dropdown .feature-item.is-open {background: var(--light-gray) !important; height: 180px !important; max-height: 180px !important;}
.feature-dropdown .feature-item summary {padding: 1rem !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: space-between !important; font-weight: 500 !important; flex-shrink: 0 !important; min-height: 60px !important; box-sizing: border-box !important;}
.feature-dropdown .feature-item summary > div {display: flex !important; align-items: center !important; gap: 1rem !important;}
.feature-dropdown .feature-item summary::after {content: "▼" !important; font-size: 0.8em !important; transition: transform 0.2s ease !important;}
.feature-dropdown .feature-item.is-open summary::after {transform: rotate(180deg) !important;}
.feature-dropdown .feature-item summary::-webkit-details-marker {display: none !important;}
.feature-dropdown .feature-content {padding: 0 1rem 1rem !important; transition: none !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden !important;}
.feature-dropdown .feature-item.is-open .feature-content {opacity: 1 !important; max-height: 120px !important;}
.feature-dropdown .feature-content .platform-icons {margin-top: 8px !important; margin-bottom: 0 !important;}
.feature-dropdown .button-container {margin-top: 2rem !important; padding-top: 1rem !important;}
.feature-dropdown .feature-image-container {position: relative !important; height: 484px !important; min-height: 450px !important; margin-right: -100vw !important; padding-right: 100vw !important; display: flex !important; align-items: center !important; overflow: hidden !important;}
.feature-dropdown .feature-image {position: absolute !important; top: 50% !important; left: 384px !important; transform: translate(-50%, -50%) !important; max-width: 800px !important; max-height: 400px !important; width: auto !important; height: auto !important; object-fit: contain !important; opacity: 0 !important; transition: opacity 0.3s ease !important; will-change: opacity !important;}
.feature-dropdown .feature-image.active {opacity: 1 !important;}
@keyframes autoHoverDown {0% {transform: translateY(0) scale(1); z-index: 1;} 50% {transform: translateY(12px) scale(1.05); z-index: 2;} 100% {transform: translateY(0) scale(1); z-index: 1;}}
@keyframes autoImageScale {0% {transform: scale(1);} 50% {transform: scale(1.072);} 100% {transform: scale(1);}}
.platform-card.auto-animating {animation: autoHoverDown 1s ease-in-out; z-index: 2 !important;}
.platform-card.auto-animating .card-preview img {animation: autoImageScale 1s ease-in-out;}
.platform-cards.user-hovering .platform-card.auto-animating {animation: none !important; z-index: 1 !important;}
.platform-cards.user-hovering .platform-card.auto-animating .card-preview img {animation: none !important;}
.platform-icons, .feature-platforms {display: flex; gap: 8px;}
.platform-icons {margin-top: 15px; margin-bottom: 10px;}
.platform-icon {width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; text-decoration: none; transition: transform 0.2s ease;}
.platform-icon:hover {transform: scale(1.1); text-decoration: none; color: white;}
.modal__container {max-width: 800px; width: 90%; border-radius: 12px; padding: 30px;}
.modal__title {color: var(--purple); margin-bottom: 20px;}
.modal__close {background: transparent; border: 0; color: var(--purple); font-size: 24px;}
.modal-content-left {padding: 1.4rem;}
.platform-features {list-style: none; padding: 0;}
.platform-features li {display: flex; margin-bottom: 1.5rem; align-items: flex-start;}
.platform-features li p {font-size: 1rem;}
.feature-icon {min-width: 30px; margin: 0 5px 0 10px; font-size: 1.5rem; vertical-align: top;}

/* Additional responsive styles */
@media (max-width: 768px) {
    .platform-card {padding: 1rem 0.75rem;}
    .card-icon {width: 50px; height: 50px;}
    .platform-card h4 {font-size: 0.9rem;}
    .card-preview {height: 90px;}
    .modal__container {padding: 15px;}
    .platform-features li {flex-direction: column; margin-bottom: 10px;}
    .feature-icon {margin-bottom: 10px;}
}

@media (max-width: 1100px) {
    .case-study-wrapper {height: auto; position: static;}
    .case-study-cards {position: static; flex-direction: column; margin: 0; width: 100%; padding: 20px 0; gap: 20px; height: auto;}
    .case-study-card {width: 100%; transform: none !important; position: static; display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "open quote ." ". quote close"; align-items: start; gap: 10px; padding: 20px; height: 100%; min-height: inherit;}
    .quote-text {grid-area: quote; font-size: 1.5rem; padding: 0 10px; margin: 0;}
    .quote-mark {position: static; font-size: 4rem; opacity: 0.3; line-height: 1;}
    .quote-mark.opening {grid-area: open; margin: 0; padding-top: 5px;}
    .quote-mark.closing {grid-area: close; margin: 0; align-self: end; padding-bottom: 0px;}
}

/*HOME RESPONSIVE*/
@media screen and (min-width: 991px) {
  .home-header-container {min-width: 1200px;}
}

@media screen and (max-width: 991px) {
    .home-header-container img {margin-left: 0px !important; margin-right: 0px !important;}
    .home-header-container {padding-top: 1rem !important;}
    p.lg {font-size: 1.2rem !important;}
}

@media screen and (max-width: 767px) {
    .home-features .feature-img {opacity:1; transform: translateY(0px)}
    .home-features .feature-text h2 {opacity:1;}
    .home-features .feature-text > *:not(h2) {opacity:1}
    .home-header-container h1.hero-header {font-size: 3rem; line-height: 1.4;}
    .pain-points .col-md-6 {padding-left:1.5rem !important; padding-right:1.5rem !important;}
    .pain-points h3.lg {font-size: 2.4rem; text-align: center;}  
    h2.feature-heading {font-size: 2.8rem !important; line-height: 1.8;}
    .platform-box {padding-left: 1rem !important; padding-right: 1rem !important;}
    .platform-box h3 {font-size: 1.3rem !important;}
    .secondary-cta.purple-bg, .feature-dropdown.purple-bg {padding-bottom: 3rem !important;}
}

@keyframes scroll {
    0% {transform: translateX(0); }
    100% {transform: translateX(-2700px);}
}

.home-transition {background-image: linear-gradient(var(--light-gray), #ffffff);}

@media (max-width: 767.98px) {
  .blog-links .row {margin: initial;}
  .trusted-by {padding: 0 0 0 0 !important;}
  .trusted-by img {max-width: 165px;}
  .hero-header-container {max-width: 1200px; margin: 0px auto 0 auto;}
  .feature-container .btn {line-height: 1.5;}
  .col-lg.testimonial-1 {padding: 40px 0 0 0; margin-bottom: 0px; border-top: 1px dashed var(--black);}
  .col-lg.testimonial-2 {border: 0px; margin: 40px 0; padding: 40px; border-top: 1px dashed var(--black); border-bottom: 1px dashed var(--black);}
  .col-lg.testimonial-3 {padding: 0px;}
  .feature-container .feature-left, .feature-container .feature-right {padding: 0px 10px !important;}
  .authors {text-align:center !important;}
  .brand-scroll{column-gap: 30px; margin:.5rem 0 0 0 !important;}
  .lasso-graph .container {padding:2rem !important; border-radius:0 !important;}
  .lasso-graph .container .text-center.mb-5.px-5 {padding-left:0rem !important; padding-right:0rem !important;}
  .midpoint-cta-box {border-radius:0px !important;}
  .mock-browser {width:90%;}
  .mock-browser div.px-3 {padding-left:.5rem !important; padding-right:.5rem !important;}
  .home-hero-container {padding:1rem !important;}
  .home-hero-container h1 {font-size: 2.5rem !important;}
  .home-hero-container p {font-size: 1.3rem !important;}
  .home-hero-container h1, .home-hero-container p {text-align: center !important;}
  .home-hero-container ul, .home-hero-container h3 {display:none;}
  .home-hero-container .signup-button.col-md-6.pl-0, .home-hero-container .signup-button.col-md-6 {padding-left: 0px !important; padding-right: 0px !important;}
  .home-hero-container a.btn {margin-bottom:1rem !important;}
  .hero-header-container .benefits {border-left: 0px solid var(--light-purple); padding-top: 2rem !important;}
  .mock-browser-box {display: none;}
}


/*********************************************************
  VIDEO MODAL
*********************************************************/
.modal {font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;}
.modal__overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: flex-start; padding-top: 40px; z-index: 900;}
.modal__container {padding: 20px; width: 1122px; max-width: 90%; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box;}
#newsletter-resource-modal .modal__overlay {align-items: center !important; padding-top: 0 !important;}
#newsletter-resource-modal .modal__container {border-radius: 0;}
.modal__header {display: flex; justify-content: space-between; align-items: center;}
.modal__title {margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box;}
.modal__close {background: transparent; border: 0;}
.modal__header .modal__close:before { content: "\2715"; color: white; }
.homepage-modal-content {line-height: 1.5; color: rgba(0,0,0,.8); grid-template-columns: initial;}

@keyframes mmfadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
  from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
  from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {display: none;}
.micromodal-slide.is-open {display: block;}
.micromodal-slide[aria-hidden="false"] .modal__overlay {animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.micromodal-slide[aria-hidden="false"] .modal__container {animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);}
.micromodal-slide[aria-hidden="true"] .modal__overlay {animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.micromodal-slide[aria-hidden="true"] .modal__container {animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);}
.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {will-change: transform;}

/*********************************************************
  FAQ
*********************************************************/
.tabs input {position: absolute; opacity: 0; z-index: -1;}
.row {display: flex;}
.row .col {flex: 1;}
.row .col:last-child {margin-left: 1em;}
.tabs {border-radius: 8px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important; width: 100%;}
.tab {width: 100%; color: white; overflow: hidden;}
.tab-label {display: flex; justify-content: space-between; padding: 1em; background: white; color: var(--black); border: 1px solid var(--dark-gray); border-radius: 8px; font-weight: bold; cursor: pointer;}
.tab-label::after {content: "\276F"; width: 1em; height: 1em; text-align: center; transition: all 0.3s;}
.tab-content {max-height: 0; line-height: 1.5em; padding: 0 1em; color: var(--black); background: white; transition: all 0.3s; display: none !important;}
.tab-close {display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: var(--purple); cursor: pointer;}
.tab-close:hover {background: var(--purple);}
/* .tabs input:checked + .tab-label {background: var(--purple);} */
.tabs input:checked + .tab-label::after {transform: rotate(90deg);}
.tabs input:checked ~ .tab-content {max-height: 100vh; padding: 1em; display: block !important;}

@media (max-width: 700px) {
  .row .col:last-child {margin-left: 0;}
  .hero-subheader {padding: 1em !important;}
  .url_box_input {margin-bottom: 10px; text-align: center;}
  #hero-button {width: 100%; padding: 0.5rem 0.75rem !important;}
}


/*********************************************************
  GET STARTED + PRICING
*********************************************************/
.start-trial-section {min-height: calc(100vh - 80px);}
.start-trial-section h1 {line-height: 55px;}
.start-trial-section p {font-size: 23px; line-height: 2rem;}
.start-trial-box {max-width: 1100px; margin: auto;}
.start-trial-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px;}

.start-trial-plan {padding: 25px;}
.start-trial-plan.selected {background-color: rgba(158, 237, 224, 0.3);}
.start-trial-plan-header {display: flex; align-items: center;}
.start-trial-plan h2 {font-size: 32px; margin-bottom: 0px; font-weight: 400;}
.start-trial-good-for {font-size: 0.8em; line-height: 22px; margin: 10px 0 20px 0;}
.start-trial-popular {font-size: 15px; margin-left: auto; font-weight: bold; color: var(--green);}
.start-trial-plan p {margin-top: 0.5em; margin-bottom: 1.5em;}
.start-trial-plan s {display: none; font-size: 1.2em; line-height: 1.25;  margin: 10px 0;}
.start-trial-plan b {font-size: 1.6em; line-height: 1.25; margin: 0;}
.start-trial-plan ul {padding-left: 0; margin: 8px 0 0 0; list-style-type: none;}
.start-trial-plan ul li:last-child {margin-bottom: 0px;}
.start-trial-plan li, .start-trial-plan li b {font-size: 15px; line-height: 22px;}
.start-trial-plan li:before, .start-trial-plan.selected li:before { content:"\2714\0020"; color: rgba(0, 0, 0, 0.3); margin-right: 5px;}
.start-trial-plan.selected li:before {color: #22BAA0;}
.start-trial-plan .comp-features li:before {content:"X"; color: var(--red); font-weight:900;}

.start-trial-box-header {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.start-trial-box .radio-item {margin-right: 12px; cursor: pointer;}
.start-trial-box .radio-item input[type='radio'] {display: none; cursor: pointer;}
.start-trial-box .radio-item label {cursor: pointer;}
.start-trial-box .radio-item label:before {content: " "; display: inline-block; position: relative; top: 4px; margin: 0; width: 20px; height: 20px; border-radius: 11px; border: 1px solid #22BAA0; background-color: transparent; cursor: pointer;}
.start-trial-box .radio-item input[type=radio]:checked + label:after {border-radius: 11px; width: 8px; height: 8px; position: relative; top: -2px; left: -14px; margin-right: -8px; content: " "; display: inline-block; background: var(--black); cursor: pointer;}

.start-trial-box .btn {padding: 12px !important; width: 100%; text-align: center;}
.start-trial-button {margin-top: 32px;}
.start-trial-footnote {max-width: 580px; margin: auto; font-size: 15px !important;}

#trialPlan1-note, #trialPlan2-note, #trialPlan3-note {margin-bottom: 10px; font-size: 0.9em;}

.pricing-plan-grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px;}
.pricing-plan-box-header {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.pricing-plan h2 {font-size: 1.8rem;}
.pricing-plan .plan-best-for {font-size:.8em; line-height: 1.4em;}
.pricing-plan-header {border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.pricing-plan .plan-price-heading {font-size:1em;}
.pricing-plan .plan-price-heading {padding-top:1.4rem;}
.pricing-plan .plan-price {font-size:3rem; padding-left:0em !important; margin-bottom:.75rem;}
.pricing-plan .plan-price .pricing-note {padding-right: 0em;}
.pricing-plan .plan-price .pricing-note.empty-note {padding-top: 2rem !important;}
.pricing-plan .enterprice-plan-price {font-size:2em; padding-bottom:1.4rem;}
.pricing-plan .plan-inclusion-list ul {list-style:none; padding-inline-start: 0px;}
.pricing-plan .plan-inclusion-list .inclusion-list-item {color:var(--green);}
.pricing-plan ul.plan-feature-list {padding-left: 0; margin: 8px 0 0 0; list-style-type: none;}
.pricing-plan .plan-feature-list li {font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 0.75rem;}
.pricing-plan .plan-feature-list li.dark-gray:before {color:var(--gray)}
.pricing-plan .savings-callout {border-radius: 2rem;}
.pricing-plan div#advanced-button-2 {padding-top: .4rem;}
.pricing-plan div#essential-button-2 {padding-top: .4rem;}
.pricing-plan div#enterprise-button-2 {padding-top: 1.4rem;}
.pricing-plan .plan-price s {display: none; font-size: 1.2em; line-height: 1.25;  margin: 10px 0;}

.pricing-plan #free-plan-spacer {padding:1rem; font-size:80px !important;}
.pricing-plan #free-plan-websites, .pricing-plan #plan-1-websites {opacity: 1; -webkit-appearance: none; padding: .6rem !important;}
.pricing-plan #plan-2-websites {font-weight: 500;}

.plan-price #free-plan-price {margin-bottom: 5.25rem !important; margin-top: 2.35rem !important;}

.plan-table .plan-table-header h2 {font-size: 2rem;}
.plan-table .plan-table-header h3, .plan-table .plan-table-subheading h3 {font-size: 1.4rem;}
.plan-table .plan-table-ctas a.btn,.plan-table .plan-table-bottom-ctas a.btn {border-radius:50px !important; font-size:1rem; width:100%;}
.plan-table div.row {flex-wrap:nowrap;}
/* .plan-table div.row div:nth-child(5) {background: var(--gray);} */
.plan-table div.plan-table-header div:nth-child(5) {border-top-right-radius: 15px; border-top-left-radius: 15px;}
.plan-table .plan-table-bottom-ctas div:nth-child(5) {border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.plan-table .row.plan-table-feature-single div {transition: background-color .1s ease-in-out;}
/*.plan-table .row.plan-table-feature-single:hover div {background: var(--dark-gray); color:white; cursor: pointer;} 
.plan-table .row.plan-table-feature-single:hover div i {color:white !important;} */

.price-strike {position: relative; display: inline-block; color: var(--dark-gray); font-size: 2.2rem;}
.price-strike::before {content: ''; position: absolute; left: -10px; right: -10px; top: 50%; border-top: 2px solid var(--dark-gray);}

.container .lasso-container {background-color: inherit !important;}

/* New Pricing Plans */
.container.pricing-container {width:90vw;max-width:1504px;}
.pt-3.pb-5.container.pricing-container {width: 90vw;max-width: 1504px !important;}
.row.align-items-start.start-trial-box {max-width: 100%;}
.pricing-plan.plan-free h2, .pricing-plan.plan-1 h2, .pricing-plan.plan-3 h2 {padding-top: 2rem !important;}
.pricing-plan.plan-free .plan-price {margin-bottom: 10rem;}
.pricing-plan.plan-free .row.plan-price.pb-3.mt-2 {margin-bottom: 2.8rem;}
.pricing-plan.plan-2 .white-bg.rounded.p-3 {min-height:95%}

/* Pricing carousel: 3 visible on desktop (same gap as original grid), shift by 1; all stacked on mobile */
.pricing-carousel-wrapper { position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; }
.pricing-cards-carousel { position: relative; }
.pricing-cards-track { display: flex; transition: transform 0.3s ease; flex-wrap: nowrap; gap: 20px; align-items: stretch; }
.pricing-card-slide { flex: 0 0 calc((100% - 40px) / 3); min-width: calc((100% - 40px) / 3); box-sizing: border-box; display: flex; }
.pricing-card-slide .pricing-plan { flex: 1; display: flex; flex-direction: column; }
.pricing-card-slide .pricing-plan .white-bg { flex: 1; display: flex; flex-direction: column; }
.pricing-card-slide .pricing-plan .pricing-plan-features { flex: 1; }
/* Buttons absolutely positioned so they don't shift the boxes; only visible when clickable */
.pricing-carousel-wrapper .pricing-carousel-prev,
.pricing-carousel-wrapper .pricing-carousel-next {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	width: 44px; height: 44px; border-radius: 50%; border: none;
	background: rgba(255,255,255,0.95); color: var(--dark-purple); cursor: pointer; display: flex; align-items: center; justify-content: center;
	transition: background 0.2s, color 0.2s;
}
.pricing-carousel-wrapper .pricing-carousel-prev:hover,
.pricing-carousel-wrapper .pricing-carousel-next:hover { background: #fff; color: var(--purple); }
.pricing-carousel-wrapper .pricing-carousel-prev { left: -56px; }
.pricing-carousel-wrapper .pricing-carousel-next { right: -56px; }
.pricing-carousel-wrapper .pricing-carousel-prev[aria-disabled="true"],
.pricing-carousel-wrapper .pricing-carousel-next[aria-disabled="true"] { display: none !important; }

@media (min-width: 960px) {
	.pricing-cards-carousel { overflow-x: hidden; overflow-y: visible; }
}

@media (max-width: 959px) {
	.pricing-cards-carousel { overflow: visible; }
	.pricing-cards-track { flex-wrap: wrap; transform: none !important; }
	.pricing-card-slide { flex: 0 0 100%; min-width: 100%; padding: 0 0 1rem 0; }
	.pricing-carousel-wrapper .pricing-carousel-prev,
	.pricing-carousel-wrapper .pricing-carousel-next { display: none !important; }
}

@media screen and (max-width: 1200px) {
.plan-table.container {max-width:90%;}
.plan-table .plan-table-header h2 {font-size: 1.6rem;}
.plan-table .plan-table-header h3, .plan-table .plan-table-subheading h3 {font-size: 1.1rem;}
.plan-table .row.plan-table-feature-single {font-size:1rem;}
.plan-table .row div {padding-left:.5rem !important; padding-right:.5rem !important;}
.pricing-plan ul.plan-feature-list li {font-size:12px;}
.pricing-plan .free-plan-pacer {padding:1.8rem;}
}

@media screen and (max-width: 767.98px) {
.plan-table.container {max-width:100%; border-radius:0px !important;}
.plan-table .plan-table-ctas a.btn, .plan-table .plan-table-bottom-ctas a.btn {font-size:.8rem;}
.plan-table .row.plan-table-feature-single {font-size:.8rem;}
.pricing-plan ul.plan-feature-list li {font-size:15px;}
}

@media screen and (max-width: 650px) {
.plan-table .row.plan-table-feature-single {font-size: 1rem;}
.plan-table .row div, .plan-table.container {padding-left:.1rem !important; padding-right:.1rem !important;}
.plan-table .row {padding-left:1rem !important; padding-right:1rem !important;}
}

.lasso-climate {max-width: 49%; margin: 2em auto 0em auto; text-align: left;}
.climate-badge {height: 35px; width: 35px; margin-top: 5px;}

.cupid-arrow {margin-left: 160px; cursor: pointer;}
.cursor-pointer {cursor: pointer;}
#latest-deal {display: none; text-align: center;}

.signup-bubble {border-radius: 0.5rem; max-width: 600px; margin: 0 auto;}
.signup_info_icon {padding: 0 !important; max-width: 25px !important; margin-right: 8px;}
.signup_info_description {padding: 0 !important;}
.signup_info_description p {margin-bottom: 0 !important;}
.extra-light-purple-bg {background-color: #F5F1FE !important;}
.extra-light-purple {color: #F5F1FE;}

.block-trustpilot-rating {margin-top: 40px; margin-bottom: 60px; padding: 0 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; background-color: #f5f7fa; border-radius: 16px; align-items: center;}
.block-trustpilot-rating .block-trustpilot-rating__stars {margin: 20px 0; padding: 0;}
.block-trustpilot-rating .block-trustpilot-rating__logo {text-align: right;}
.block-trustpilot-rating span {display: block;}
.block-trustpilot-rating__trustscore {align-self: center; text-align: left;}
.block-trustpilot-rating__title.block-trustpilot-rating__title {color: #0c0f1f; font-family: Gotham,sans-serif; font-size: 2.125rem; line-height: 1.2; margin: 0;}
.block-trustpilot-rating__rate.block-trustpilot-rating__rate {margin-top: 0; margin-bottom: 0; line-height: 1.2em;}
.block-trustpilot-rating__stars {text-align: center;}


.blocker {background: var(--light-gray); position: relative; width: 200px; float: right; height: 50px; top: -60px;}

@media (max-width: 1250px) {
    .block-trustpilot-rating {padding:40px 30px; flex-wrap: wrap; justify-content: space-between;}
    .block-trustpilot-rating__trustscore {flex:0 0 180px;}
    .block-trustpilot-rating__title.block-trustpilot-rating__title {font-size: 1.75rem;}
    .block-trustpilot-rating__stars {flex:0 0 176px;}
    .block-trustpilot-rating__stars img {width: 176px; height: 32px;}
    .block-trustpilot-rating__logo img {width: 148px; height: 36px;}
}
@media (max-width: 700px) {
    h2+p+.block-testimonial {margin-top:60px;}
    .block-trustpilot-rating {justify-content: center; grid-template-columns: 1fr;}
    .block-trustpilot-rating {margin-bottom: 40px; padding: 0px;}
    .block-trustpilot-rating__trustscore {text-align: center; margin: 10px;}
    .block-trustpilot-rating__logo,.block-trustpilot-rating__stars {margin:10px}
    .block-trustpilot-rating__logo {grid-row: 1; text-align: center !important;}
    .block-trustpilot-rating__stars {grid-row: 2;}
    .block-trustpilot-rating__trustscore {grid-row: 3;}
}

@media (min-width: 990px) and (max-width: 1250px) {
    .pricing-plan .plan-price {
        font-size: 2rem !important;
    }
    .price-strike {
        font-size: 1.6rem !important;
    }
}

@media (max-width: 1217px) {
    #plan2-box .d-flex .rounded {
        display: none !important;
    }
}

.secondary-cta p {font-size: 1.5em;}

.landingpage_caption_container {
    margin: 0 auto 40px auto;
    width: 100%;
    padding: 0 1rem;
    max-width: var(--layout-container-width)
}
#landingpage_screenshot .loader-large {margin-top: 160px;}

.ImageWithCaptions-module--wrap--7e8d5 {
    margin: auto;
    position: relative;
    max-width: 1200px
}

.ImageWithCaptions-module--landingpage--03372 {
    max-width: 700px;
    margin: auto;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--box-shadow-small);
    overflow: hidden;
    border: 1px solid var(--color-border-1)
}

.ImageWithCaptions-module--landingpage__top--f3ab9 {
    height: 22px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ImageWithCaptions-module--landingpage__top--f3ab9 span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 999px;
    margin-left: 10px
}

.ImageWithCaptions-module--landingpage__bottom--47687 {
    position: relative
}

.ImageWithCaptions-module--landingpage__bottom__inner--86f9d {
    display: flex;
    background: var(--light-gray);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.ImageWithCaptions-module--screenshot--9258c {
    overflow: hidden;
    position: relative;
    padding-top: 60%
}

.ImageWithCaptions-module--screenshot__img--f6d3f {
    width: 100%;
    z-index: 25;
    opacity: 0;
    transition: opacity .1s
}

.ImageWithCaptions-module--placeholder__image--938a7 {
    opacity: 1;
    transition: opacity .1s
}

.ImageWithCaptions-module--screenshotLoaded--6b24c .ImageWithCaptions-module--placeholder__image--938a7 {
    opacity: 0
}

.ImageWithCaptions-module--screenshotLoaded--6b24c .ImageWithCaptions-module--screenshot__img--f6d3f {
    opacity: 1
}

.ImageWithCaptions-module--buttonWrap--7a483 {
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    margin-top: calc(1rem*4)
}
.IconBadge-module--root--64656 {
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 999px
}

.IconBadge-module--root--64656:active,.IconBadge-module--root--64656:hover {
    opacity: .85
}

.IconBadge-module--root--64656.IconBadge-module--square--7ff6e {
    border-radius: var(--border-radius-small)
}

.IconBadge-module--size_small--796ee {
    width: 24px;
    height: 24px;
    font-size: 14px
}

.IconBadge-module--size_medium--3940d {
    width: 36px;
    height: 36px;
    font-size: 20px
}

.landingpage_caption_item {
  display: inline-flex;
  display: none;
  text-align: left;
  position: relative;
  text-decoration: none;
  align-items: center;
  padding: calc(1rem/1.5);
  background-color: var(--light-gray);
  z-index: 25;
  width: 100%;
  max-width: 290px;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, transform 0.3s;
  transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s;
  color: var(--black);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.landingpage_caption_item:nth-child(even) {
    right: -2rem;
  }

.landingpage_caption_item:nth-child(odd) {
    left: -2rem;
  }

.landingpage_caption_item:nth-child(1) {
    bottom: 1.5rem;
    transition-delay: 0.2s;
  }

.landingpage_caption_item:nth-child(2) {
    bottom: 1.5rem;
    transition-delay: 0.4s;
  }

.landingpage_caption_item:nth-child(3) {
    top: 3rem;
    transition-delay: 0.1s;
  }

.landingpage_caption_item:nth-child(4) {
    top: 3rem;
    transition-delay: 0.3s;
  }
.landingpage_caption_item span {
     color: transparent;
     text-shadow: 0 0 10px rgba(0,0,0,1);
  }

.Captions-module--captionsVisible--25efb .landingpage_caption_item {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media (min-width: 1024px) {
  .landingpage_caption_item {
    position: absolute;
  }
}

@media (max-width: 1024px) {
  .Captions-module--captions--36918 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(1rem*-2);
    padding: 0 1rem;
  }

  .landingpage_caption_item {
    margin-bottom: calc(1rem/2);
    max-width: 350px;
  }
}

@media (max-width: 700px) {
  #landingpage_screenshot .loader-large {margin-top: 40px;}
  .landingpage_caption_container {padding: 10px;}
  .Captions-module--captions--36918 {margin-top: 0;}
  .landingpage_caption_item:nth-child(1) {order: 3; bottom: -1rem;}
  .landingpage_caption_item:nth-child(2) {order: 4; bottom: -1rem;}
  .landingpage_caption_item:nth-child(3) {order: 1; top: 1rem;}
  .landingpage_caption_item:nth-child(4) {order: 2; top: 1rem;}
}

/*New Pricing Page*/
.pricing-switcher {padding: 2px; border: 1px solid var(--light-purple); border-radius: 9999px; background-color: color-mix(in srgb, var(--light-purple) 20%, transparent); display: inline-flex; position: relative; overflow: hidden; max-width: 285px;}
.pricing-switcher__label {position: relative; display: flex; cursor: pointer; padding: 2px;}
.pricing-switcher__option {position: relative; z-index: 2; padding: 8px 16px; display: flex; align-items: center; gap: 8px; transition: color 0.5s; justify-content: center;}
.pricing-switcher__toggle {position: absolute; top: 2px; height: calc(100% - 4px); background: white; border-radius: 9999px; transition: all 1.5s ease-in-out (0.25, 1.2, 0.5, 1); z-index: 1;}
.js-toggle:checked + .pricing-switcher__label .pricing-switcher__toggle {left: 2px; width: 95px; /* Width for "Monthly" */}
.js-toggle:not(:checked) + .pricing-switcher__label .pricing-switcher__toggle {left: auto; right: 2px; width: 180px; /* Width for "Yearly • Save 25%" */}
.pricing-switcher__label,
.pricing-switcher__option {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.js-toggle:checked + .pricing-switcher__label .monthly {color: #000; font-weight: bold;}
.js-toggle:not(:checked) + .pricing-switcher__label .yearly {color: #000; font-weight: bold;}
.js-toggle {position: absolute;visibility: hidden;}
.price-strike.white::before {border-top: 2px solid var(--white);}

/*********************************************************
	HEADER
*********************************************************/
nav {max-width: 100%; margin: 0 auto;}
.header {text-align: center; height: 100px;}
.header ul{text-align: center; margin: 0 auto; padding: 0; list-style: none; display: inline-block;}
.header ul li{font-size: 1rem; cursor: pointer; transition: .05s linear; position: relative; padding: 0 20px !important; margin: 0 !important; display: inline;}
.header .nav-link, .header .login-link {color: var(--white); text-decoration: none; font-weight: 800 !important; line-height: 90px; height: 90px; padding: 35px 0; transition: none; display: initial;}
.header .login-link {padding: 10px 0px 10px 10px; border-radius: 0.5rem;}
.header .nav-link:hover, .header .login-link:hover  {text-shadow: 0px 0px 10px white !important; transition: all .2s ease-out;}
.header .dropdown-arrow-up{width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; top: -8px; left: 50%; margin-left: -8px;}
.header .dropdown-container, .header .dropdown-container-large {width: 400px; position: absolute; z-index: 2; left: 50%; margin-left: -200px; /* half of width */top: -400px;}
.header .dropdown-container-large {width: 500px; margin-left: -250px;}
.header .dropdown, .header .dropdown-large{width: 400px; background: var(--white); float: left; position: relative; margin-top: 0px; opacity: 0; padding: 1rem; border-radius: 0.75rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); transition: all .2s ease-out;}
.header .dropdown-large {width: 500px;}
.nav-dropdown:after {content: ""; display: inline-block; width: 10px; height: 7px; background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjciIHdpZHRoPSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxbDQgNSA0LTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLXdpZHRoPSIxLjciLz48L3N2Zz4=); vertical-align: middle; margin-left: 8px;}
.header ul li:hover .dropdown-container{top: 40px;}
.header ul li:hover .dropdown{opacity: 1; margin-top: 8px;}
.lasso-logo img.skip-lazy {height: 40px; width: auto; display: block; margin: 0 0 0 0 !important;}
.lasso-logo-container {padding: 20px 0px 20px 50px; display: inline; float: left; width: auto; margin-right:50px;}
.lasso-login-container, .lasso-blog-menu-container {padding: 0; display: inline; position: relative; top: -3.25rem; float: right; text-align: right; font-size: 1rem; width: 440px; padding-right:50px}
.lasso-blog-menu-container {top: 0;}
.lasso-blog-menu-container {width: 700px;}
.lasso-login-container .btn, .lasso-blog-menu-container .btn {padding: 0.5rem 1rem !important; margin-left: 20px !important;}
.header .btn {font-size: 1rem;}
.header a.nav-link.active {text-shadow: 0 0 10px #fff!important; transition: all .2s ease-out;}
.dropdown-container .row.align-items-center i {margin: 0 10px; width: 20px;}
.dropdown-container .row.align-items-center {font-size: 1.15rem; line-height: 1.2; margin: 0; padding: 0; }
.dropdown-container .row.align-items-center a {padding: 0px; }
.blog-header {height: 80px;}
.top-promo, .top-promo-black {float: left; display: block; width: auto; margin-top: 33px; margin-left: -10px; padding: 2px 16px 4px; font-size: 15px; line-height: 20px; font-style: italic; border-radius: 30px; color: #E4DBFC !important; background-color: #40258A;}
.top-promo-black {color: white !important; background-color: var(--black);}
.tagline {float: right; display: block; width: 420px; margin-top: 20px; font-size: 15px; line-height: 20px; font-style: italic; text-align: left; color: #E4DBFC !important;}


/*********************************************************
  HEADER DROPDOWN NEW
*********************************************************/
:root {
    --menu-width: 42em;
    --menu-width-home: 24em;
    --items: 5;
    --items-home: 4;
    --item-width: calc(var(--menu-width) / var(--items));
    --item-width-home: calc(var(--menu-width-home) / var(--items-home));
}

#menu, #menu.home {width: var(--menu-width); display: flex; transform-style: preserve-3d; justify-content: space-evenly; position: relative; z-index: 2; margin: 0 0 0 50px; perspective: 2000px; flex-wrap: wrap; top: 1.25em;}
#menu {margin: 0;}
#menu.home {width: 490px; margin: 0 0 0 0;}
#menu .menu-item, #menu .menu-item-basic, #menu .menu-item-button, #menu.home .menu-item, #menu.home .menu-item-basic, #menu.home .menu-item-button {color: white; font-weight: 600; font-size: 1rem; transform-style: preserve-3d; display: flex; box-sizing: border-box; padding: 1em 0; justify-content: center; perspective: 200px; letter-spacing: 0.5px; min-height: 3.5em; margin-right:30px !important}
#menu .menu-item-button {padding: 0.25em 0 1em 0;}
#menu .menu-text, #menu .menu-text a {font-size: 1em; color: white; text-decoration: none; text-shadow: 0 1px 5px rgba(0,0,0,0.1); transition: color 0.1s ease-out; text-align: center;}
#menu .menu-text a:hover {color: rgba(255,255,255,0.5);}
#sub-menu-holder, #menu.home #sub-menu-holder {pointer-events: none; color: rgba(0,0,0,0.5); font-weight: normal; padding: 1em; position: absolute; transition: opacity 2 ease-out; transform: rotateX(-25deg) scale(1); transform-origin: 50% 7em 0em; opacity: 0; box-shadow: 0 2px 7px rgba(0,0,0,0.1), 0 2px 20px rgba(0,0,0,0.3); box-sizing: border-box; top: 3rem; border-radius: 10px; background: white; display: block; height: 310px; width: calc(var(--menu-width) * 1.4);}
#menu.home #sub-menu-holder {width: calc(var(--menu-width-home) * 1.5);}
#sub-menu-container {position: absolute; z-index: -1; min-width: 100%; top: -1em; width: 100%;}
#sub-menu-container.home {top: -2.1em;}

#menu .menu-item:hover ~ #sub-menu-container #sub-menu-holder {animation: clipPath 0.25s ease-out 1 forwards; transition: clip-path 0.25s ease-out, left 0.15s ease-out, height 0.15s ease-out; opacity: 1; right: auto;}
#menu .menu-item:nth-of-type(1):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 22em 0 5em round 10px); left: calc(-8.6em + 1px);height: 22em;}
#menu .menu-item:nth-of-type(2):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 15em 0 0 round 10px); left: -1.5em; height: 16em;}
#menu .menu-item:nth-of-type(5):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 19.75em 0 0 round 10px); height: 17.75em;}
#menu .menu-item:nth-of-type(3):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 13em 0em 6em round 10px); left: calc(-5.6em + 1px); height: 18.5em;}
#menu .menu-item:nth-of-type(4):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 23em 6em 13em round 10px);}
#menu .menu-item:nth-of-type(5):hover ~ #sub-menu-container #sub-menu-holder {left: calc(7.5em + 1px);}
#menu.home .menu-item:nth-of-type(1):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 8em 0 2em round 10px); left: calc(-5.7em + 20px); height: 17em; top: 4.4em !important;}
#menu.home .menu-item:nth-of-type(2):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 0 0 0 round 10px); left: calc(2.2em + -1px); height: 15em; top: 4.4em !important;}
#menu.home .menu-item:nth-of-type(3):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 14em 0 3.2em round 10px); left: calc(8.8em + -50px); height: 14em; top: 4.4em !important;}
#menu.home .menu-item:nth-of-type(4):hover ~ #sub-menu-container #sub-menu-holder {clip-path: inset(0 6em 0 14em round 10px); left: calc(2.25em + -1px); height: 13.75em;}

/* Seller Nav */
#menu.home .menu-item.seller-nav:nth-of-type(1):hover ~ #sub-menu-container #sub-menu-holder {left: calc(-3.4em + -1px); clip-path: inset(0 16em 0em 2em round 10px) !important; height: 11em;}  
#menu.home .menu-item.seller-nav:nth-of-type(2):hover ~ #sub-menu-container #sub-menu-holder {left: calc(1.4em + 1px); clip-path: inset(0 14em 1em 4.6em round 10px) !important; height: 15em;}
 
.menu-item .sub-menu {position: absolute; top: 3em; color: rgba(0,0,0,0.5); text-align: left; border-radius: 10px; min-width: 28em; pointer-events: none; box-sizing: border-box; z-index: 999; margin-left: -5em; clip-path: inset(0 10em 10em 15em); opacity: 0; font-weight: initial; padding: 1.5em; transition: all 0.25s ease-out, opacity 0.25s ease-in, margin-left 0.25s ease-out, clip-path 0.15s ease-out;}
.menu-item .sub-menu.double {min-width: 46em; height: 18.75em; display: grid; grid-template-columns: 50% 50%; margin-left: 30em !important;}
.menu-item .sub-menu.triple {min-width: 41.25em; height: 25em; display: grid; padding: 1.5em 2.5em; grid-template-columns: 55% 45%;}
.menu-item:hover .sub-menu {pointer-events: all; clip-path: inset(0 0 0 0);}

/**** Blog Menu Specific ****/
.lasso-blog-menu-container .menu-item:nth-of-type(3) .sub-menu.double {margin-left: 7.4em !important; grid-template-columns: 52% 48% !important; min-width: 38em;}
.lasso-blog-menu-container .menu-item .sub-menu {top: 3.8em}
.lasso-blog-menu-container #sub-menu-bottom {bottom: 0 !important;}
.lasso-blog-menu-container .menu-item:nth-of-type(2) .sub-menu.double {margin-left: 24em !important;}

.menu-text:after {transition: bottom 0.25s ease-out, opacity 0.01s ease-out 0.01s; opacity: 0; content: ''; position: absolute; pointer-events: none; bottom: -5em; left: calc(50% - 10px); border-color: transparent transparent white transparent; border-width: 10px; border-style: solid;}
.menu-item:hover .menu-text:after {bottom: 0.5em; opacity: 1; transition: bottom 0.25s ease-out, opacity 0.01s ease-out 0.15s; }
.menu-item:hover .sub-menu {opacity: 1; margin-left: 15em;}
.menu-item:hover .sub-menu.double {opacity: 1; margin-left: 30em;}
.menu-item:hover .sub-menu.double.affprograms {opacity: 1; margin-left: 0em; margin-top: 0.75em;}
.menu-item:hover ~ #sub-menu-container #sub-menu-holder  {transition: transform 0.25s ease-out, opacity 0.25s ease-out, clip-path 0.25s ease-out;}

@keyframes clipPath { 0% {opacity: 0;} 100% {transform: rotateX(0deg) scale(1); top: 4.5em; opacity: 1; } }

/* Menu specific */
.menu-item .title {font-weight: 500; color: rgb(44 70 86); margin: 0 0 0.25em 0;}
.menu-item .icon-box * {transition: all 0.1s ease-out; position: relative;}
.menu-item .icon-box.space {margin-bottom: 1.25em;}
.menu-item .icon-box.flat {height: 1.5em;margin-bottom: 0.5em;}
.menu-item .icon, .menu-item .text {float: left; color: #9ea9af;}
.menu-item .icon {color: rgb(44 70 86); font-size: 1.25em; margin: 0 1em 0 0;}
.menu-item .icon-box {cursor: pointer;}
.menu-item .icon-box {float: left; width: 100%; margin: 0; height: 4em; row-gap: 0; line-height: 1em; }
.menu-item .icon-box .text i {clip-path: inset(0 100% 0 0); font-size: 0.75em; position: relative; top: -1px;}

/* Base Icon Style */
.icon-box.gb .icon i:before {background: linear-gradient(45deg, #0c86ef, #0cef9b); -webkit-text-fill-color: transparent; -webkit-background-clip: text; padding-left: 1px;}

/* Define Icon Colors */
.icon-box.gb.a .icon i:before {background-image: linear-gradient(45deg, #2ca7ff 35%, #31d078 75%);}
.icon-box.gb.b .icon i:before {background-image: linear-gradient(45deg, #f32b2b 35%, #efbe0c 75%);}
.icon-box.gb.c .icon i:before {background-image: linear-gradient(45deg, #7176ff 35%, #b26cea 75%);}
.icon-box.gb.d .icon i:before {background-image: linear-gradient(45deg, #79c76f 35%, #bed09b 75%);}
.icon-box.gb.e .icon i:before {background-image: linear-gradient(45deg, #6082ff 35%, #ff5dbe 75%);}
.icon-box.gb.f .icon i:before {background-image: linear-gradient(45deg, #808080 35%, #bbbbbb 75%);}

.menu-item .icon-box:hover .text i {clip-path: inset(0 0 0 0); transition: clip-path 0.1s ease-out;}
.menu-item .icon-box:hover .icon, .menu-item .icon-box:hover .title, .menu-item .icon-box:hover .sub-text {color: rgb(89 110 123);}

#sub-menu-bottom {background: #d4e3ea70; position: absolute; bottom: 0; opacity: 0; transition: all 0.25s ease-out, height 0.1s ease-out; left: 0; width: 100%; height: 4em;}
.bottom-container {grid-area: 4 / -3 / 4 / 3; padding-top: 1.5em; color: #3a5260; font-weight: 500;}
.top-container {grid-area: 1 / -3 / 1 / 3; margin: 0 0 2em 0;}
.bottom-container a {float: right; background: linear-gradient(90deg, #8ea4b166, #a3b5bf6b); padding: 0.5em 1em; border-radius: 100px; position: absolute; color: #2c4655bf; font-weight: bold; text-decoration: none; right: 1em; bottom: 1.5em;}
.bottom-container.menu-two a {float: right; background: linear-gradient(90deg, #8ea4b166, #a3b5bf6b); padding: 0.5em 1em; border-radius: 100px; position: absolute; color: #2c4655bf; font-weight: bold; text-decoration: none; right: 4em !important; bottom: 1.5em;}
.bottom-container a:hover {background: linear-gradient(90deg, #8ea4b136, #a3b5bf33);}
.sub-menu h3 {font-size: 1em; text-transform: uppercase; letter-spacing: 0.5px; color: rgb(44 70 86 / 68%); margin: 0.75em 0;}
.sub-menu .box a {width: 100%; float: left; font-size: 1em; line-height: 1.75em; color: #7a8a94; text-decoration: none;}
.sub-menu .box a:hover {color: rgb(44 70 86);}
.box {margin: 0 0 3em 0;}
.icon.big i {font-size: 1.25em; top: 0.2em;}
#menu .menu-item.highlight:hover ~ #sub-menu-container #sub-menu-holder #sub-menu-bottom { opacity: 1; }
#info-box {position: absolute; bottom: 2em; right: 2em;}
#info-box ul {list-style: none;}
#info-box a {color: white; text-decoration: none; text-align: right; padding: 0.5em 0; transition: all 0.1s ease-out; display: block; text-transform: uppercase; font-size: 1.25em; font-weight: 900; letter-spacing: 1px;}
#info-box a:hover {color: rgba(255,255,255,0.5);}

/* Popup Styles */
.popup {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.popup-content {background-color: var(--light-gray); margin: 20% auto; padding: 20px; border: 1px solid var(--dark-gray); width: 650px;}
.close { color: var(--dark-gray); float: right; font-size: 20px; font-weight: bold; cursor: pointer;}
.close:hover,.close:focus {color: var(--black); text-decoration: none; cursor: pointer;}

@media (max-width: 900px) {
  #menu {display: none !important;}
  .lasso-logo-container {padding: 25px 20px; display: block; float: none;}
  .lasso-mobile-mega {background: var(--purple); color: white; position: fixed; margin-left: -20px; top: 0; width: 100%; height: 100vh; z-index: 999999999999;}
  .lasso-global-pill {font-size: 0.95rem; background: #40258A; width: 90%; margin: 0 auto; border-radius: 50px; padding: 10px 0;}
  .lasso-global-pill a {font-size: inherit; font-weight: bold; color: white; text-decoration: underline;}
  .mobile-search #s {width: 90%; border-radius: 4px; padding: 5px; margin: 20px 20px; text-align: center; -webkit-appearance: none; border: 0;}
  #search-lasso {background-color: white; float: right; border: 0px; right: -10px; top: -30px; position: relative; padding: 0px; font-size: 0.8rem;}
  .lasso-list-flex {flex-wrap: wrap; justify-content: space-around; display: flex; margin-top: 30px;}
  .lasso-flex-item {width: 40%; text-align: left; margin-bottom: 40px;}
  .lasso-flex-item h4 {font-size: 1.3em; font-weight: bold;}
  .lasso-flex-item a {color: white; font-size: 1em;}
  .header .lasso-flex-item ul li {padding: 0 !important; display: block !important; width: 100%; text-align: left;}
  .mobile-social {position: fixed; bottom: 0px; text-align: center; width: 100%;}
  .mobile-social a .fa {color: white !important; font-size: 1.3rem; padding: 15px;}
}


/*********************************************************
    TOOLTIPS
*********************************************************/
[data-tooltip]{position: relative; cursor: pointer;}
[data-tooltip]:before,[data-tooltip]:after{position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after{visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
[data-tooltip]:before{z-index: 1001; border: 6px solid transparent; background: transparent; content: "";}
[data-tooltip]:after{z-index: 1000; padding: 0.75rem; width: 200px; background-color: var(--black); color: var(--white); content: attr(data-tooltip); border-radius: 0.5rem; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important; font-weight: 800 !important; font-size: 0.8rem;}
/* Property tooltips on pricing cards: ensure they paint above overflow */
.pricing-carousel-wrapper .pricing-plan [data-tooltip]:before { z-index: 10001; }
.pricing-carousel-wrapper .pricing-plan [data-tooltip]:after { z-index: 10000; }
.pricing-carousel-wrapper .pricing-card-slide,
.pricing-carousel-wrapper .pricing-plan,
.pricing-carousel-wrapper .pricing-plan .white-bg { overflow: visible; }
[data-tooltip]:before, [data-tooltip]:after{bottom: 100%; left: 50%;}
[data-tooltip]:before{margin-left: -6px; margin-bottom: -12px; border-top-color: var(--black);}
[data-tooltip]:after{margin-left: -100px;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after{-webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px);}
[data-tooltip]:after{line-height: 1.5; font-size: 14px; width: 28ch;}
/* Property tooltips use JS body-level element so they are never clipped; hide native pseudo tooltips for these */
.property-tooltip-trigger:before,
.property-tooltip-trigger:after { display: none !important; }
/* Body-level property tooltip (created by JS) */
#property-tooltip-portal {
	position: fixed;
	z-index: 10002;
	padding: 0.75rem;
	max-width: 28ch;
	width: max-content;
	background-color: var(--black);
	color: var(--white);
	border-radius: 0.5rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
	font-weight: 800;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	pointer-events: none;
	visibility: hidden;
}
#property-tooltip-portal.visible { visibility: visible; }
label {border-bottom: 1px dashed;}
label.white-bg[data-tooltip]:after {color: var(--black) !important; background-color: white !important;}
label.white-bg {color: inherit!important; background-color: inherit!important; border-bottom: 0px !important;}


/*********************************************************
	FOOTER
*********************************************************/
.footer a{text-decoration: none; color: var(--white); font-weight: normal; font-size: 1rem; display: block; line-height: 1.5; margin-bottom: 0.5rem;}
.footer a:hover{text-shadow: 0px 0px 10px white !important;}


/*********************************************************
	HUB
*********************************************************/
.toggle{position: relative; display: inline-block; width: 50px; height: 25px; border-bottom: 0px;}
.toggle input{opacity: 0; width: 0; height: 0;}
.toggle .slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--gray); -webkit-transition: 0.4s; transition: 0.4s; border-radius: 25px;}
.toggle .slider:before{position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.25s; transition: 0.25s; border-radius: 50%; box-shadow: 0px 2.5px 5px rgba(0, 0, 0, 0.10);}
.toggle input:checked + .slider{background-color: var(--green);}
.toggle input:checked + .slider:before{-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);}


/*********************************************************
    WORDPRESS
*********************************************************/
.alignnone {margin: 5px 20px 0 0; max-width: 100%; width: auto; height: auto; border: 1px solid var(--gray); border-radius: 0.75rem;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
.visuallyhidden:not(:focus):not(:active) {clip: rect(0 0 0 0); border: 0; -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px;}
a img.alignright {float:right; margin: 5px 0 20px 20px;padding: 5px;}
a img.alignnone {padding: 0px; max-width: 100%; width: auto; height: auto; border: 1px solid var(--gray); border-radius: 0.75rem;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;padding: 5px;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;padding: 5px;}
.wp-caption {background: none; max-width: 100%; /* Image does not overflow the content area */ padding: 0; text-align: right; margin: 0 0 40px 0;}
.wp-caption.alignnone {margin: 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {height: auto; margin:0; max-width: 100%; padding:0; width: auto;}
.wp-caption-text{font-size: 14px; line-height: 16px; padding: 10px 0 0; color: #999; text-align: center; margin: 0 0 40px 0 !important;}


/*********************************************************
    ICOMOON FONT
*********************************************************/
@font-face {
  font-family: 'lasso-public';
  src:  url('./fonts/lasso-public.eot?2023022713');
  src:  url('./fonts/lasso-public.eot?2023022713#iefix') format('embedded-opentype'),
    url('./fonts/lasso-public.woff2?2023022713') format('woff2'),
    url('./fonts/lasso-public.ttf?2023022713') format('truetype'),
    url('./fonts/lasso-public.woff?2023022713') format('woff'),
    url('./fonts/lasso-public.svg?2023022713#lasso-public') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.far, .fab {display: inline-block; font: normal normal normal 14px/1 'lasso-public'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.fa-lg {font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em}
.fa-xs {font-size: .75em}
.fa-sm {font-size: .875em}
.fa-1x {font-size: 1em}
.fa-2x {font-size: 2em}
.fa-3x {font-size: 3em}
.fa-amazon:before {content: "\f270";}
.fa-music:before {content: "\f001";}
.fa-heart:before {content: "\f004";}
.fa-home:before {content: "\f015";}
.fa-tag:before {content: "\f02b";}
.fa-arrow-right:before {content: "\f061";}
.fa-plus-circle:before {content: "\f055";}
.fa-times-circle:before {content: "\f057";}
.fa-check-circle:before {content: "\f058";}
.fa-info-circle:before {content: "\f05a";}
.fa-plane:before {content: "\f072";}
.fa-retweet:before {content: "\f079";}
.fa-hand-point-down:before {content: "\f0a7";}
.fa-link:before {content: "\f0c1";}
.fa-bars:before {content: "\f0c9";}
.fa-code:before {content: "\f121";}
.fa-edit:before {content: "\f044";}
.fa-unlink:before {content: "\f127";}
.fa-plug:before {content: "\f1e6";}
.fa-heartbeat:before {content: "\f21e";}
.fa-server:before {content: "\f233";}
.fa-tv:before {content: "\f26c";}
.fa-utensils:before {content: "\f2e7";}
.fa-trash-alt:before {content: "\f2ed";}
.fa-spade:before {content: "\f2f4";}
.fa-camera-alt:before {content: "\f332";}
.fa-dumbbell:before {content: "\f44b";}
.fa-football-ball:before {content: "\f44e";}
.fa-box-open:before {content: "\f49e";}
.fa-loveseat:before {content: "\f4cc";}
.fa-school:before {content: "\f549";}
.fa-tshirt:before {content: "\f553";}
.fa-cannabis:before {content: "\f55f";}
.fa-grin-hearts:before {content: "\f584";}
.fa-layer-group:before {content: "\f5fd";}
.fa-lips:before {content: "\f600";}
.fa-tachometer-alt-fast:before {content: "\f625";}
.fa-analytics:before {content: "\f643";}
.fa-bullseye-pointer:before {content: "\f649";}
.fa-business-time:before {content: "\f64a";}
.fa-funnel-dollar:before {content: "\f662";}
.fa-landmark:before {content: "\f66f";}
.fa-lightbulb-on:before {content: "\f672";}
.fa-search:before {content: "\f002";}
.fa-search-dollar:before {content: "\f688";}
.fa-cat:before {content: "\f6be";}
.fa-user-injured:before {content: "\f728";}
.fa-flower-daffodil:before {content: "\f800";}
.fa-pager:before {content: "\f815";}
.fa-times:before {content: "\f00d";}
.fa-sack-dollar:before {content: "\f81d";}
.fa-linkedin-in:before {content: "\f0e1";}
.fa-twitter:before {content: "\f099";}
.fa-youtube:before {content: "\ea9d";}
.fa-podcast:before {content: "\e900";}
.fa-spotify:before {content: "\ea94";}
.fa-caret-down:before {content: "\e901";}
.fa-filter-circle-dollar:before {content:"\f662";}
.fa-comments-dollar:before {content:"\f653";}
.fa-chart-mixed-up-circle-dollar:before {content:"\e5d9";}
.fa-envelope-open-dollar:before {content:"\f657";}

.fa-bars,.fa-times {
    background-color: var(--purple) !important;
    color: #fff;
    font-size: 30px;
    width: 50px;
    line-height: 40px !important;
    padding: 5px;
    border-radius: 50em;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 999;
}

/*********************************************************
    SEEKING PROFIT PAGE
*********************************************************/
.seeking_profit.white ::selection, .seeking_profit.white::selection {background: var(--seeking-profit-orange); color: var(--dark-black);}
.seeking_profit ::selection, .seeking_profit::selection {background: var(--seeking-profit-orange);}
.seeking_profit h1 {font-size: 2em;}
.seeking_profit h1 .show_pop {display: block; font-size: 1.9em; margin: 0;}
.seeking_profit .show_tag {font-size: 1.5em;}
.seeking_profit .col-5 {padding: 0px !important;}
.seeking_profit .show_description {font-size: 1.08em;}
.highlighted-text-seeking-profit {background-color: var(--seeking-profit-orange); color: white; font-weight: bold; padding: 2px 6px;}
.cover_image {margin-top: -90px; border-radius: 5px;}
.seeking_profit .latest_episodes {display: flex; gap: 30px; flex-wrap: wrap;}
.seeking_profit .latest_episodes .post {flex-basis: 31%; text-decoration: none;}
.seeking_profit .latest_episodes .post img {border-radius: 0.75rem;}
.seeking_profit .latest_episodes .image {margin-bottom: 5px;}
.seeking_profit .latest_episodes .title {font-size: 1.1em; line-height: 1.1em; padding: 0 5px; font-weight: bold;}
.seeking-profit-orange-bg {margin: 0 0 1rem 0 !important;}

/*********************************************************
    RESPONSIVE
*********************************************************/
@media (min-width: 1200px) {
  .container.container-1200 {max-width: 1200px; padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 1199.98px) {
  .tagline {display: none;}
  .section-nav {display: none;}
  main {display: block;}
}

@media (max-width: 991.98px) {
	h1, .h1{font-size: 3rem;}
	h2, .h2{font-size: 2rem;}
	h3, .h3{font-size: 1.5rem;}
	.text-lg-center{text-align: center;}
	.pain-points-container h3 {font-size: 2.5rem;}
}

@media (max-width: 900px) {
  .start-trial-grid {display: inherit;}
  .show-only-mobile {display: initial !important;}
  header, .header {height: 75px; margin-bottom: -1px;}
}

@media (max-width: 991px) {
  .pricing-plan-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 800px) {
  .pricing-plan-grid {grid-template-columns: 1fr !important;}
}

@media only screen and (max-width: 780px) {
  .start-trial-plan{
    margin:0 0 20px 0;
  }
  .lasso-climate {
    width:100% !important;
    max-width:100%;
    margin:auto;
  }
  b#discount_text {
    padding: 0 !important;
    max-width: 100%;
    width: 100%;
  }
  div#latest-deal {
    background: white;
    padding: 0% 3% 6% 3%;
    border-radius: 10px;
  }
  div.pricing-plan {
    margin-top: 1rem !important;
  }
  div.pricing-plan.plan-2 {
    padding: .5rem !important;
  }
}

.nav-promo-wrapper {
  position: sticky;
  top: 0;
  z-index: 1100;
}

.nav-promo-wrapper .nav-promo {
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1050px) {
  .lasso-logo-container {padding-left:10px; margin-right:20px;}
  .lasso-login-container {padding-right:10px;}
  .lasso-login-container .btn, .lasso-blog-menu-container .btn {margin-left:10px !important}
}

@media (max-width: 900px) {
  .top-promo, .top-promo-black {display: block; margin: 0 -20px 20px -20px; width: 100%; position: absolute; top: 0px; border-radius: 0px;}
  .top-promo, .top-promo-black {display: none;}
  .nav-dropdown:after, .lasso-login-container, .lasso-blog-menu-container {display: none;}
}

@media (max-width: 767.98px) {
  html, body {overflow: scroll; overflow-x: hidden;}
  nav {padding: 0px 20px;}
  /*Promo Banner CSS*/
  .nav-promo{padding:20px 70px !important;}
  .lasso-logo img.skip-lazy {margin:0 auto !important;}
  .lasso-logo-container {padding: 1.2rem;}
  .hero-header-container p {padding:0 1.5rem;}
  .hero-container h1 {padding-top: 2rem !important;}
  /*End Promo Banner CSS*/
  nav  li {width: 20%; padding: 0px;}
  .hero-container h1 {margin-top: 0;}
  .lasso-logo-container {padding: 15px 20px 10px 20px; display: block; float: none; width: auto;}
  .lasso-logo img {display: inherit;}
  .blog-header {height: auto;}
  .text-md-center{text-align: center;}
  .article_block {padding: 0em 1em; margin: 2em 0;}
  .article_block h2, .article_block h3 {padding: 0 0 20px 0;}
  .article_block .block_icon {margin-top: -4px; font-size: 1.3em!important;}
  .content-hub {padding: 0 15px;}
  .content-hub h1, .content-hub h3 {text-align: center;}
  .hub-chapter {padding: 0;}
  #excerpt .action_button.button-cta {padding: 10px 0; width: 100%; text-align: center;}
  .author {margin-bottom: -5px;}
  .author-social {padding-bottom: 20px;}
  .programs img {float: inherit; margin: 1rem auto; display: block;}
  .programs h2 {margin-top: 1rem !important;}
  .lasso-container .lasso-splash {padding: 20px !important;}
  .lasso-splash .lasso-box-1, .lasso-splash .lasso-box-2, .lasso-splash .lasso-box-3, .lasso-splash .lasso-box-4, .lasso-splash .lasso-box-5, .lasso-splash .lasso-box-6 {padding: 0 !important;}
  .lasso-splash a.lasso-button-1, .lasso-splash a.lasso-button-2 {margin: 0 10px 10px 10px !important;}
  section .col-lg-9 {padding: 0;} 
  
  .hero-header {font-size: 3.5rem; line-height: 1;}
  .hero-subheader, .hero-container p {font-size: 1.5rem; line-height: 1.1; max-width: 900px; margin: 0 auto 3rem auto;}

  
  .feature-container .col-md-4.feature-left {padding-left: inherit;}
  .feature-container .col-md-8.feature-right {padding-left: inherit; padding-right: inherit;}
  .feature-container .col-md-4.feature-right {padding-right: inherit;}
  .feature-container .col-md-8.feature-left {padding-right: inherit; padding-left: inherit;}
  
  .affiliate-program-title {text-align: center;}
  
  .d-block.testimonial-image {display: none !important;}
  #product_review_email_button {margin-top: 10px;}
  .author-byline {padding: 1em !important;}
  
  .footer .col-md {width: 50%; margin: 0 auto;}

  .hero-header-container div.col-md-7 {padding: 0 !important}
  .home-hero-section div.pt-5 {padding-top: 0 !important;}
  .hero-header-container .hero-header {font-size:2.5rem !important;}

  .seller .hero-header-container .hero-container {text-align:center;} 
}

@media (max-width: 600px) {
  .hide-mobile {display: none;}
  .full-width-mobile {max-width: 100% !important; flex: 100% !important; padding: 10px 0 !important;}
}

@media (max-width: 575.98px) {
  h1, .h1{font-size: 2.5rem;}
  .header .nav-link {line-height: 50px;}
  a.nav-link img {max-width: 45%; padding: 10px;}
  .start-trial-section .p-4 {padding: 15px !important;}
  .start-trial-section .p-1.m-3 {padding: 0px !important; margin: 0px !important; border-radius: 0px !important;}
  .start-trial-section h1 {line-height: 2.5rem; font-size: 40px; padding: 15px;}
  .start-trial-section p.mb-3 {padding: 0 15px;}
  .start-trial-section .container {padding-left: 0px; padding-right: 0px;}
}

@media (max-width: 600px) {
  .img-fluid {min-height: auto;}
  }

@media (max-width: 767.98px) {
  .lasso-display-table {background:none !important;}
  .mobile-box {background-color:var(--lasso-background)}
}

/* CUSTOM AUDIO PLAYER */
.podcast-subscribe-box {padding: 15px; background: white; border-radius: 4px; margin-bottom: 2em; text-align: center; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2); transition: 0.3s ease;}
.podcast-subscribe-box .subscribe-cta {display: block;}
.podcast-subscribe-box:hover {box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); -moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);}
.podcast-subscribe-box p {margin: 1em 0 0.5em 0; font-size: 1.3em; text-align: center;}
.podcast-subscribe-box ul {list-style: none; margin: unset; text-align: center;}
.podcast-subscribe-box .subscribe-link {display: inline; margin: 0 10px;}
.podcast-subscribe-box .subscribe-link a {font-weight: 400;}
.lmm-player ul {list-style: none;}
@media only screen and (max-width: 600px) {
    .podcast-subscribe-box {padding: 15px; background: white; border-radius: 0px; margin: 0 -20px 2em -20px; text-align: center;}
    .podcast-subscribe-box .subscribe-cta {display: none;}
    .podcast-subscribe-box .subscribe-cta-mobile {display: block;}
}

/* LazyLoad Youtube */
.js-lazytube{background-color:#000;overflow:hidden;max-width:1000px;cursor:pointer;margin:0 auto 20px auto;position:relative;display:block}.js-lazytube img{display:block;width:100%;height:auto;transition:opacity .5s cubic-bezier(.4,0,1,1)}.js-lazytube img.fadeout{opacity:0}.js-lazytube button{width:68px;height:48px;cursor:pointer;outline:0;border:none;background-color:transparent;background-color:#212121;transition:background-color .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1);box-shadow:0 0 30px rgba(0,0,0,.6);z-index:1;opacity:.8;border-radius:6px}.js-lazytube button,.js-lazytube button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0);position:absolute}.js-lazytube button:before{content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 18px}.js-lazytube:hover button{background-color:red;opacity:1}.js-lazytube iframe{height:100%;width:100%;position:absolute;top:0;left:0}

/* Mobile Padding Fix */
@media (max-width: 992px) {
    .mobile-padding-fix {
        padding-left: 1rem !important;
    }
}

/* HERO CALLOUTS */
.hero-visual img { display: block; }
.hero-callout { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); transform: translate(-50%, -8px) scale(.98); opacity: 0; transition: opacity .7s ease-out, transform .7s ease-out; z-index: 2; background: rgba(255,255,255,0.87); width: 400px; backdrop-filter: saturate(100%) blur(12px); -webkit-backdrop-filter: saturate(100%) blur(12px);}
.hero-callout .hero-callout-inner { font-size: 1.4rem; line-height: 1.4;}
.hero-callout.left { transform-origin: left center; }
.hero-callout.right { transform-origin: right center; }
.hero-visual.in-view .hero-callout { opacity: 1; transform: translate(-50%, 0) scale(1); }

@media (max-width: 600px) {
  .hero-visual { width: 100% !important; }
}

/* SCROLL ANIMATIONS */
.sa { opacity: 0; transform: translateY(16px); transition: opacity .9s ease, transform .9s ease; will-change: opacity, transform; }
.sa.sa-left { transform: translateX(-24px); }
.sa.sa-right { transform: translateX(24px); }
.sa.sa-up { transform: translateY(24px); }
.sa.in-view { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .sa { transition: none; transform: none !important; opacity: 1 !important; }
}

/* NEWSLETTER STYLES */
.newsletter-featured-section {background: linear-gradient(to bottom, var(--purple) 0%, var(--purple) 50%, #ffffff 50%, #ffffff 100%);}
.newsletter-featured-section::before {content: ''; height: 50%; background: var(--purple); z-index: 0;}
.newsletter-featured-card {position: relative !important;}
.newsletter-resource-card {position: relative !important;}
.newsletter-resource-card .newsletter-badge {position: absolute; top: -10px; right: 10px; padding: 4px 12px; border-radius: 12px; font-size: 1rem !important; font-weight: 600; z-index: 10; display: block;}
.newsletter-resource-icon {width: 100%; padding-bottom: 100%; border-radius: 12px; position: relative;}
.newsletter-resource-icon i {font-size: 3.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media (max-width: 768px) {
  .newsletter-featured-section .container {padding: 2rem 15px;}
  .newsletter-featured-card .row {flex-direction: column; text-align: center;}
  .newsletter-featured-card .col-2 {width: 100%; max-width: 100px; margin: 0 auto 1.5rem auto;}
  .newsletter-featured-card .col-md {margin-bottom: 1.5rem; text-align: center;}
  .newsletter-featured-card .col-md-auto {width: 100%; margin-top: 0;}
  .newsletter-featured-card .col-md-auto .btn {width: 100%;}
  #newsletter-header-form .col-md-auto {width: 100%; margin-top: 10px;}
  #newsletter-header-form .col-md {margin-bottom: 0;}
  .newsletter-resources-list {padding: 0 15px;}
  .newsletter-resource-card {margin-bottom: 1.5rem;}
  .newsletter-resource-card .row {flex-direction: column; text-align: center;}
  .newsletter-resource-card .col-2 {width: 100%; max-width: 100px; margin: 0 auto 1.5rem auto;}
  .newsletter-resource-card .col-md {margin-bottom: 1.5rem; text-align: center;}
  .newsletter-resource-card .col-md-auto {width: 100%; margin-top: 0;}
  .newsletter-resource-card .col-md-auto .btn {width: 100%;}
  .newsletter-resource-icon {max-width: 100px; margin: 0 auto;}
}

/* Newsletter Modal */
#newsletter-resource-modal .modal__container {max-width: 1000px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); border-radius: 0;}
.newsletter-modal-content {padding: 2rem; line-height: 1.75;}
#newsletter-resource-modal .newsletter-resource-icon {width: 100%; padding-bottom: 100%;}
#newsletter-resource-modal .newsletter-resource-icon i {font-size: 3.5rem;}
#newsletter-resource-modal #newsletter-resource-modal-title {font-size: 2rem; font-weight: 800; line-height: 1.2;}
#newsletter-resource-modal #newsletter_resource_email_button {white-space: normal;}
@media (max-width: 768px) {
  .newsletter-modal-content {padding: 1.5rem;}
  #newsletter-resource-modal .row {flex-direction: column;}
  #newsletter-resource-modal .col-md-3 {width: 100%; max-width: 100px; margin: 0 auto 1.5rem auto;}
  #newsletter-resource-modal .col-md-9 {margin-bottom: 1.5rem; text-align: center;}
  #newsletter-resource-modal .col-md-9 .text-left {text-align: center !important;}
  #newsletter-resource-modal #newsletter-resource-form .col-md-auto {width: 100%; margin-top: 10px;}
  #newsletter-resource-modal #newsletter-resource-form .col-md {margin-bottom: 0;}
  #newsletter-resource-modal #newsletter-resource-modal-title {font-size: 1.5rem;}
}

/* Homepage hero animated blocks (scoped to hero that contains #animated-blocks-container) */
.home-hero-section:has(#animated-blocks-container) {width: 100%; background: var(--purple); position: relative; min-height: auto;}
.home-hero-section:has(#animated-blocks-container) .animated-blocks {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; pointer-events: none; z-index: 0;}
.home-hero-section .animated-block {position: absolute; pointer-events: none;}
.home-hero-section:has(#animated-blocks-container) .pb-0 {position: relative; z-index: 1;}

/*********************************************************
    SELLERS HOMEPAGE
*********************************************************/
.sellers-home-shell {
    width: min(100% - 2rem, 1200px);
    margin: 0 auto;
}

.sellers-home-shell-narrow {
    width: min(100% - 2rem, 860px);
}

.sellers-home-section,
.sellers-home-header,
.sellers-home-footer {
    color: var(--black);
}

.sellers-home-section a,
.sellers-home-header a,
.sellers-home-footer a {
    text-decoration: none;
}

.sellers-home-section {
    position: relative;
    padding: 5.5rem 0;
}

[data-sellers-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        background-color 0.25s ease;
    will-change: opacity, transform;
}

[data-sellers-reveal="right"] {
    transform: translateX(24px);
}

[data-sellers-reveal].is-visible {
    opacity: 1;
    transform: translate(0, 0);
}

[data-sellers-delay="1"] { transition-delay: 0.08s; }
[data-sellers-delay="2"] { transition-delay: 0.16s; }
[data-sellers-delay="3"] { transition-delay: 0.24s; }
[data-sellers-delay="4"] { transition-delay: 0.32s; }
[data-sellers-delay="5"] { transition-delay: 0.40s; }
[data-sellers-delay="6"] { transition-delay: 0.48s; }

.sellers-home-heading {
    margin: 0 auto 3.5rem;
    max-width: 780px;
    text-align: center;
}

.sellers-home-heading h2,
.sellers-home-final-copy h2 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.05;
    margin-bottom: 1.5rem;
}

.sellers-home-heading h2 span,
.sellers-home-copy h1 span {
    color: var(--purple);
}

.sellers-home-heading p,
.sellers-home-heading-copy p,
.sellers-home-copy p,
.sellers-home-card p,
.sellers-home-detail-card p,
.sellers-home-case-copy p,
.sellers-home-center-copy,
.sellers-home-final-copy p,
.sellers-home-faq-item p,
.sellers-home-price-copy,
.sellers-home-price-card li,
.sellers-home-note,
.sellers-home-trust-label,
.sellers-home-stat span,
.sellers-home-kicker {
    color: #6f6f82;
}

.sellers-home-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, backdrop-filter 0.2s ease;
}

.sellers-home-header.is-scrolled {
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 35px rgba(55, 39, 102, 0.08);
}

.sellers-home-header-nav {
    padding: 1rem 0;
}

.sellers-home-header-shell,
.sellers-home-footer-top {
    width: min(100% - 2rem, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.sellers-home-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--black);
    font-weight: 800;
}

.sellers-home-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 0.85rem;
}

.sellers-home-brand-logo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0.85rem;
}

.sellers-home-brand-text {
    font-size: 1.625rem;
    line-height: 1;
}

.sellers-home-brand-text span {
    color: var(--purple);
}

.sellers-home-header-links,
.sellers-home-header-actions,
.sellers-home-footer-links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.sellers-home-header-links a,
.sellers-home-footer-links a {
    color: #66657a;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.sellers-home-header-links a:hover,
.sellers-home-footer-links a:hover,
.sellers-home-inline-link:hover {
    color: var(--black);
}

.sellers-home-header-creator-link {
    color: #8a8999;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.sellers-home-header-actions .sellers-home-header-creator-link:hover {
    color: var(--black);
}

.sellers-home-mobile-links .sellers-home-header-creator-link {
    background: transparent;
    border: none;
    color: #66657a;
    font-size: 0.95rem;
    padding: 0.35rem 1rem;
}

.sellers-home-mobile-links .sellers-home-header-creator-link:hover {
    color: var(--black);
}

.sellers-home-hero-creator-hint {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #8a8999;
    margin: 1rem 0 0;
}

.sellers-home-hero-creator-hint a.sellers-home-hero-creator-link {
    color: #6f6f82;
    text-decoration: underline;
    text-decoration-color: rgba(111, 111, 130, 0.45);
    text-underline-offset: 0.12em;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.sellers-home-hero-creator-hint a.sellers-home-hero-creator-link:hover {
    color: var(--purple);
    text-decoration-color: rgba(94, 54, 202, 0.55);
}

.sellers-home-btn {
    border-radius: 0.75rem !important;
    padding: 0.85rem 1.5rem;
    font-size: 1rem;
    line-height: 1.2;
    box-shadow: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}

.sellers-home-btn.shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
}

.sellers-home-btn-primary {
    background: var(--purple) !important;
    color: var(--white) !important;
}

.sellers-home-btn.green-bg {
    color: var(--white) !important;
}

.sellers-home-btn-primary:hover:not(.green-bg),
.sellers-home-btn-white:hover:not(.green-bg) {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(94, 54, 202, 0.18) !important;
}

.sellers-home-btn-secondary,
.sellers-home-btn-ghost {
    background: transparent !important;
    color: var(--black) !important;
    border: 1px solid rgba(94, 54, 202, 0.15);
}

.sellers-home-btn-white {
    background: var(--white) !important;
    color: var(--purple) !important;
}

.sellers-home-btn-secondary:hover,
.sellers-home-btn-ghost:hover {
    background: rgba(94, 54, 202, 0.06) !important;
    transform: translateY(-2px);
}

.sellers-home-btn-outline {
    background: transparent !important;
    color: var(--white) !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.sellers-home-btn-outline:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-2px);
}

.sellers-home-menu-toggle,
.sellers-home-menu-close {
    display: none;
    border: 0;
    background: transparent;
    color: var(--black);
    cursor: pointer;
}

.sellers-home-menu-toggle {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.5rem;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
}

.sellers-home-menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 999px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.sellers-home-header.is-menu-open .sellers-home-menu-toggle span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}

.sellers-home-header.is-menu-open .sellers-home-menu-toggle span:nth-child(2) {
    opacity: 0;
}

.sellers-home-header.is-menu-open .sellers-home-menu-toggle span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}

.sellers-home-mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 1001;
    padding: 1rem;
    background: rgba(36, 36, 35, 0.55);
}

.sellers-home-mobile-menu[hidden] {
    display: none !important;
}

.sellers-home-mobile-menu-inner {
    background: #fff;
    border-radius: 1.5rem;
    padding: 1.25rem;
    box-shadow: 0 24px 80px rgba(36, 36, 35, 0.2);
}

.sellers-home-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sellers-home-menu-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem;
}

.sellers-home-mobile-links,
.sellers-home-mobile-actions {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.5rem;
}

.sellers-home-mobile-links a {
    color: var(--black);
    font-size: 1rem;
    font-weight: 500;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    background: var(--light-gray);
}

.sellers-home-hero {
    overflow: hidden;
    padding-top: 9rem;
    padding-bottom: 4.5rem;
}

.sellers-home-background {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(94, 54, 202, 0.14), transparent 32%),
        radial-gradient(circle at bottom left, rgba(34, 186, 160, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(94, 54, 202, 0.05), transparent 45%, rgba(34, 186, 160, 0.06));
    pointer-events: none;
}

.sellers-home-grid {
    display: grid;
    gap: 2rem;
}

.sellers-home-grid-hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: center;
}

.sellers-home-copy h1 {
    font-size: clamp(3rem, 5.6vw, 5rem);
    line-height: 0.96;
    margin-bottom: 1.5rem;
}

.sellers-home-lead {
    font-size: 1.25rem;
    line-height: 1.7;
    max-width: 640px;
    margin-bottom: 2rem;
}

.sellers-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.sellers-home-actions-centered {
    justify-content: center;
}

.sellers-home-note {
    font-size: 0.95rem;
    margin-bottom: 0;
}

.sellers-home-visual-card,
.sellers-home-card,
.sellers-home-detail-card,
.sellers-home-flow-card,
.sellers-home-price-card,
.sellers-home-stat,
.sellers-home-faq-item,
.sellers-home-case-study {
    border: 1px solid rgba(94, 54, 202, 0.1);
    background: #fff;
    border-radius: 1.75rem;
    box-shadow: 0 14px 50px rgba(44, 35, 79, 0.06);
}

.sellers-home-visual-card {
    padding: 2rem;
    background: linear-gradient(145deg, #ffffff, #f6f4ff);
}

.sellers-home-flow-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sellers-home-flow-item-primary {
    padding: 1rem;
    background: linear-gradient(135deg, var(--purple), #7d5ad8);
    color: var(--white);
    border-radius: 1.25rem;
}

.sellers-home-flow-item-soft {
    padding: 1rem;
    background: linear-gradient(135deg, rgba(34, 186, 160, 0.12), rgba(34, 186, 160, 0.05));
}

.sellers-home-flow-line {
    width: 2px;
    height: 2.5rem;
    margin: 0.75rem 0 0.75rem 1.3rem;
    background: linear-gradient(180deg, rgba(94, 54, 202, 0.2), rgba(94, 54, 202, 0.5));
    border-radius: 999px;
}

.sellers-home-flow-line-accent {
    background: linear-gradient(180deg, rgba(34, 186, 160, 0.35), rgba(34, 186, 160, 0.75));
}

.sellers-home-icon,
.sellers-home-card-icon,
.sellers-home-flow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.sellers-home-icon {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
}

.sellers-home-icon-soft,
.sellers-home-card-icon {
    background: rgba(94, 54, 202, 0.08);
    color: var(--purple);
}

.sellers-home-icon-primary {
    background: rgba(255, 255, 255, 0.18);
    color: var(--white);
}

.sellers-home-icon-accent {
    background: rgba(34, 186, 160, 0.12);
    color: var(--green);
}

.sellers-home-icon-accent-strong,
.sellers-home-card-icon-accent {
    background: var(--green);
    color: var(--white);
}

.sellers-home-kicker {
    margin-bottom: 0.1rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.sellers-home-flow-title {
    margin-bottom: 0;
    color: var(--black);
    font-weight: 800;
}

.sellers-home-flow-title-light,
.sellers-home-kicker-light {
    color: rgba(255, 255, 255, 0.85);
}

.sellers-home-pill {
    display: inline-flex;
    margin-top: 0.75rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
    font-size: 0.85rem;
    font-weight: 500;
}

.sellers-home-trust {
    padding: 4.5rem 0 3.5rem;
    overflow: hidden;
}

.sellers-home-trust-wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.sellers-home-trust-label {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.sellers-home-trust-logos,
.sellers-home-network-list,
.sellers-home-chip-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 1.5rem;
}

.sellers-home-trust-carousel {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
}

.sellers-home-trust-track {
    display: flex;
    align-items: center;
    gap: 3rem;
    width: max-content;
    animation: sellers-home-trust-scroll 75s linear infinite;
    will-change: transform;
}

.sellers-home-trust-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.sellers-home-trust-logo-image {
    display: block;
    width: auto;
    height: 7.8rem;
    max-width: 39rem;
    opacity: 0.75;
}

.sellers-home-trust-logo-link:hover,
.sellers-home-trust-logo-link:focus-visible {
    transform: translateY(-2px);
}

.sellers-home-trust-logo-link:focus-visible {
    outline: 2px solid rgba(94, 54, 202, 0.35);
    outline-offset: 2px;
}

@keyframes sellers-home-trust-scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-50% - 1.5rem));}
}

.sellers-home-network-list span {
    color: rgba(68, 68, 68, 0.65);
    font-size: 1.45rem;
    font-weight: 800;
    transition: color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sellers-home-trust-logos span:hover,
.sellers-home-network-list span:hover,
.sellers-home-chip-row span:hover {
    color: var(--black);
    transform: translateY(-2px);
}

.sellers-home-card-grid {
    display: grid;
    gap: 1.5rem;
}

.sellers-home-card-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sellers-home-card,
.sellers-home-detail-card,
.sellers-home-flow-card {
    padding: 2rem;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
}

.sellers-home-price-card {
    position: relative;
    padding: 2rem;
    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
}

.sellers-home-card h3,
.sellers-home-detail-card h3,
.sellers-home-flow-card h3,
.sellers-home-case-copy h3,
.sellers-home-price-card h3 {
    font-size: 1.65rem;
    margin-bottom: 0.9rem;
}

.sellers-home-card p,
.sellers-home-detail-card p,
.sellers-home-flow-card p,
.sellers-home-case-copy p {
    margin-bottom: 0;
}

.sellers-home-card:hover,
.sellers-home-detail-card:hover,
.sellers-home-flow-card:hover,
.sellers-home-case-study:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 60px rgba(44, 35, 79, 0.11);
    border-color: rgba(94, 54, 202, 0.2);
}

.sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study:nth-child(even):hover {
    border-color: rgba(34, 186, 160, 0.28);
}

.sellers-home-card-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    margin-bottom: 1.25rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sellers-home-card-icon-image {
    width: 7rem;
    height: 7rem;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.sellers-home-card-icon-image-asset {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sellers-home-card-illustrated {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sellers-home-card-illustrated .sellers-home-card-icon-image {
    width: 100%;
    height: auto;
    min-height: 11rem;
    padding: 0;
    margin-bottom: 1.5rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: none;
}

.sellers-home-card-illustrated .sellers-home-card-icon-image-asset {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sellers-home-card-illustrated:hover .sellers-home-card-icon-image {
    transform: none;
    box-shadow: none;
}

.sellers-home-card-illustrated h3 {
    min-height: 5rem;
}

.sellers-home-card-icon-solid {
    background: var(--purple);
    color: var(--white);
}

.sellers-home-card:hover .sellers-home-card-icon,
.sellers-home-detail-card:hover .sellers-home-step-icon,
.sellers-home-flow-card:hover .sellers-home-flow-icon {
    transform: scale(1.08);
}

.sellers-home-step-icon {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    margin-bottom: 1.25rem;
    background: rgba(94, 54, 202, 0.1);
    color: var(--purple);
    font-size: 1.15rem;
    font-weight: 800;
}

.sellers-home-detail-card-accent .sellers-home-step-icon,
.sellers-home-flow-card-accent .sellers-home-flow-icon {
    background: var(--green);
    color: var(--white);
}

.sellers-home-list {
    padding-left: 0;
    list-style: none;
    margin: 1.5rem 0 0;
}

.sellers-home-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.8rem;
    color: #6f6f82;
    font-size: 1rem;
}

.sellers-home-list li::before {
    content: "";
    position: absolute;
    top: 0.62rem;
    left: 0;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--green);
}

.sellers-home-flow-card {
    position: relative;
    text-align: center;
    padding-top: 2.5rem;
}

.sellers-home-flow-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(94, 54, 202, 0.1);
    font-size: 0.9rem;
    font-weight: 800;
}

.sellers-home-flow-icon {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto 1.5rem;
    border-radius: 1.5rem;
    background: var(--purple);
    color: var(--white);
}

.sellers-home-inline-callout {
    width: fit-content;
    max-width: 100%;
    margin: 2.25rem auto 0;
    padding: 1rem 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(90deg, rgba(94, 54, 202, 0.08), rgba(34, 186, 160, 0.08));
    border: 1px solid rgba(94, 54, 202, 0.14);
    font-weight: 800;
    text-align: center;
}

.sellers-home-promo-flow {
    margin-top: 0.5rem;
}

.sellers-home-promo-flow-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 0.5rem;
}

.sellers-home-promo-flow .sellers-home-flow-card {
    flex: 1 1 0;
    min-width: 0;
    max-width: 22rem;
    padding-top: 2rem;
}

.sellers-home-promo-flow .sellers-home-flow-card h3 {
    font-size: 1.45rem;
    margin-bottom: 0.65rem;
}

.sellers-home-promo-flow .sellers-home-flow-card-accent {
    position: relative;
    z-index: 1;
    transform: scale(1.04);
    background: linear-gradient(145deg, rgba(34, 186, 160, 0.14), #fff 55%);
    border-color: rgba(34, 186, 160, 0.35);
    box-shadow: 0 20px 55px rgba(34, 186, 160, 0.14);
}

.sellers-home-promo-flow-step-label {
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.sellers-home-promo-flow-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    min-height: 7.5rem;
}

.sellers-home-promo-flow-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 8.25rem;
    height: auto;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sellers-home-promo-connector {
    flex: 0 0 auto;
    align-self: center;
    padding: 0 0.25rem;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1;
    color: rgba(94, 54, 202, 0.45);
}

.sellers-home-promo-flow-closing {
    margin-top: 2.5rem;
}

.sellers-home-stack {
    display: grid;
    gap: 1.5rem;
}

.sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 1.5rem;
    padding: 2rem;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study:nth-child(odd) {
    background: linear-gradient(160deg, rgba(94, 54, 202, 0.07), #fff 52%);
    border-color: rgba(94, 54, 202, 0.14);
}

.sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study:nth-child(even) {
    background: linear-gradient(160deg, rgba(34, 186, 160, 0.09), #fff 52%);
    border-color: rgba(34, 186, 160, 0.2);
}

.sellers-home-case-brand {
    display: flex;
    align-items: center;
    min-height: 3rem;
    margin-bottom: 1rem;
}

.sellers-home-case-logo {
    display: block;
    max-height: 2.85rem;
    max-width: 12rem;
    width: auto;
    height: auto;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sellers-home-case-brand-text {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--black);
}

.sellers-home-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    margin-bottom: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(94, 54, 202, 0.1);
    font-size: 0.9rem;
    font-weight: 800;
}

.sellers-home-stat-grid {
    display: grid;
    gap: 1rem;
    align-self: center;
}

.sellers-home-stat-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sellers-home-stat-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sellers-home-stat-grid-auto {
    grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr));
}

.sellers-home-case-studies .sellers-home-stat-grid-auto {
    justify-items: stretch;
}

.sellers-home-stat {
    padding: 1.5rem 1.25rem;
}

.sellers-home-stat strong {
    display: block;
    color: var(--black);
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.55rem;
}

.sellers-home-stat span {
    display: block;
    font-size: 0.95rem;
}

.sellers-home-center-copy {
    max-width: 780px;
    margin: 2rem auto 0;
    text-align: center;
    font-size: 1.1rem;
}

.sellers-home-network-list {
    margin-top: 2rem;
    gap: 1.5rem 2rem;
}

.sellers-home-platform-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.sellers-home-platform-logo-image {
    display: block;
    width: auto;
    height: 11.7rem;
    max-width: 58.5rem;
    opacity: 0.75;
}

.sellers-home-platform-logo-link:hover,
.sellers-home-platform-logo-link:focus-visible {
    transform: translateY(-2px);
    opacity: 0.9;
}

.sellers-home-platform-logo-link:focus-visible {
    outline: 2px solid rgba(94, 54, 202, 0.35);
    outline-offset: 2px;
}

.sellers-home-network-list span,
.sellers-home-chip-row span {
    padding: 0.85rem 1.2rem;
    border-radius: 1rem;
    border: 1px solid rgba(94, 54, 202, 0.1);
    background: rgba(94, 54, 202, 0.03);
}

.sellers-home-chip-row {
    margin-top: 2rem;
}

.sellers-home-chip-row span {
    color: var(--black);
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sellers-home-card-center {
    text-align: center;
}

.sellers-home-card-center .sellers-home-card-icon {
    margin-inline: auto;
}

.sellers-home-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: stretch;
    max-width: 1080px;
    margin: 0 auto;
}

.sellers-home-price-card-featured {
    background: linear-gradient(180deg, var(--purple), #6b45d2);
    color: var(--white);
    transform: scale(1.03);
}

.sellers-home-price-card-featured h3,
.sellers-home-price-card-featured .sellers-home-price,
.sellers-home-price-card-featured .sellers-home-price span,
.sellers-home-price-card-featured .sellers-home-list li,
.sellers-home-price-card-featured .sellers-home-price-copy {
    color: var(--white);
}

.sellers-home-price-card-featured .sellers-home-list li::before {
    background: var(--white);
}

.sellers-home-price-badge {
    position: absolute;
    top: -0.9rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: var(--green);
    color: var(--white);
    font-size: 0.85rem;
    font-weight: 800;
}

.sellers-home-price {
    margin: 1.25rem 0 0.35rem;
    color: #6f6f82;
    font-size: 1.15rem;
}

.sellers-home-price span {
    color: var(--black);
    font-size: 3rem;
    line-height: 1;
    font-weight: 800;
    margin-right: 0.25rem;
}

.sellers-home-price-actions {
    margin-top: 1.75rem;
    display: grid;
    gap: 0.85rem;
}

.sellers-home-inline-link {
    color: #66657a;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: center;
}

.sellers-home-inline-link-light {
    color: rgba(255, 255, 255, 0.82);
}

.sellers-home-faq-list {
    display: grid;
    gap: 1rem;
}

.sellers-home-faq-item {
    padding: 0 1.5rem;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.sellers-home-faq-item.is-open {
    box-shadow: 0 18px 45px rgba(44, 35, 79, 0.08);
    border-color: rgba(94, 54, 202, 0.18);
}

.sellers-home-faq-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
    color: var(--black);
    font-size: 1.15rem;
    font-weight: 800;
    background: transparent;
    border: 0;
    text-align: left;
    padding: 1.25rem 0;
}

.sellers-home-faq-trigger::after {
    content: "+";
    color: #6f6f82;
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.2s ease, color 0.2s ease;
}

.sellers-home-faq-item.is-open .sellers-home-faq-trigger::after {
    content: "\2212";
    color: var(--black);
}

.sellers-home-faq-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.22s ease, padding-bottom 0.22s ease;
}

.sellers-home-faq-item.is-open .sellers-home-faq-panel {
    opacity: 1;
    padding-bottom: 1.25rem;
}

.sellers-home-faq-panel p {
    margin: 0;
    font-size: 1rem;
}

.sellers-home-final-cta {
    overflow: hidden;
}

.sellers-home-final-copy {
    position: relative;
    text-align: center;
}

.sellers-home-final-copy h2,
.sellers-home-final-copy p {
    color: var(--white);
}

.sellers-home-final-copy p {
    font-size: 1.15rem;
    opacity: 0.82;
}

.sellers-home-footer {
    padding: 3rem 0;
}

.sellers-home-brand-footer,
.sellers-home-brand-footer .sellers-home-brand-text,
.sellers-home-brand-footer .sellers-home-brand-text span {
    color: var(--white);
}

.sellers-home-brand-footer .sellers-home-brand-logo {
    width: 100%;
    height: 100%;
}

.sellers-home-footer-links a {
    color: rgba(255, 255, 255, 0.88);
}

.sellers-home-footer-links a:hover,
.sellers-home-brand-footer:hover {
    color: var(--white);
}

.sellers-home-footer-bottom {
    width: min(100% - 2rem, 1200px);
    margin: 2rem auto 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    text-align: center;
}

.sellers-home-footer-bottom p {
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
}

body.sellers-home-menu-open {
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    [data-sellers-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .sellers-home-card,
    .sellers-home-detail-card,
    .sellers-home-flow-card,
    .sellers-home-price-card,
    .sellers-home-case-study,
    .sellers-home-btn,
    .sellers-home-card-icon,
    .sellers-home-step-icon,
    .sellers-home-flow-icon,
    .sellers-home-trust-logo-link,
    .sellers-home-network-list span,
    .sellers-home-chip-row span,
    .sellers-home-faq-panel {
        transition: none !important;
        animation: none !important;
    }
}

@media (max-width: 1080px) {
    .sellers-home-header-links,
    .sellers-home-header-actions {
        display: none;
    }

    .sellers-home-menu-toggle {
        display: inline-flex;
    }

    .sellers-home-grid-hero,
    .sellers-home-case-study,
    .sellers-home-pricing-grid,
    .sellers-home-card-grid-3 {
        grid-template-columns: 1fr;
    }

    .sellers-home-price-card-featured {
        transform: none;
    }

    .sellers-home-stat-grid-3,
    .sellers-home-stat-grid-2,
    .sellers-home-stat-grid-auto {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sellers-home-promo-flow-track {
        flex-direction: column;
        align-items: stretch;
        gap: 1.25rem;
    }

    .sellers-home-promo-connector {
        display: none;
    }

    .sellers-home-promo-flow .sellers-home-flow-card {
        max-width: none;
    }

    .sellers-home-promo-flow .sellers-home-flow-card-accent {
        transform: none;
    }
}

@media (max-width: 767px) {
    .sellers-home-section {
        padding: 4rem 0;
    }

    .sellers-home-hero {
        padding-top: 7.5rem;
    }

    .sellers-home-copy h1 {
        font-size: 2.7rem;
    }

    .sellers-home-header-shell,
    .sellers-home-footer-top {
        width: min(100% - 1.5rem, 1200px);
    }

    .sellers-home-stat-grid-3,
    .sellers-home-stat-grid-2,
    .sellers-home-stat-grid-auto {
        grid-template-columns: 1fr;
    }

    .sellers-home-trust-track {
        gap: 2rem;
        animation-duration: 58s;
    }

    .sellers-home-trust-logo-image {
        height: 6rem;
        max-width: 30rem;
    }

    .sellers-home-platform-logo-image {
        height: 9rem;
        max-width: 45rem;
    }

    .sellers-home-network-list span {
        font-size: 1.15rem;
    }

    .sellers-home-flow-card,
    .sellers-home-price-card,
    .sellers-home-card,
    .sellers-home-detail-card,
    .sellers-home-case-study {
        padding: 1.5rem;
    }

    .sellers-home-brand-text {
        font-size: 1.375rem;
    }

    .sellers-home-brand-logo {
        width: 100%;
        height: 100%;
    }

    .sellers-home-brand-footer .sellers-home-brand-logo {
        width: 100%;
        height: 100%;
    }

    .sellers-home-actions,
    .sellers-home-footer-top {
        flex-direction: column;
        align-items: stretch;
    }

    .sellers-home-actions .btn,
    .sellers-home-price-actions .btn {
        width: 100%;
        text-align: center;
    }

    .sellers-home-footer-links {
        justify-content: center;
    }
}