/* ========== Motion system (micro-animation guide) ========== */
        :root {
          --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
          --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
          --dur-press: 140ms;
          --dur-fast: 160ms;
          --dur-base: 200ms;
          --dur-normal: 200ms;
          --dur-slow: 280ms;
          --dur-reveal: 400ms;
          --radius-sm: 0.25rem;
          --radius-md: 0.375rem;
          --radius-lg: 0.5rem;
          --radius-xl: 0.75rem;
          --radius-2xl: 1rem;
          --radius-3xl: 1.5rem;
          --radius-full: 9999px;
          --section-py: clamp(2.5rem, 6vw, 5rem);
          --section-py-tight: clamp(2rem, 4vw, 3rem);
          --block-gap: clamp(1.5rem, 3vw, 2rem);
          --stack-gap: 1rem;
          --header-gap: 1.5rem;
          --card-gap: 1.5rem;
          --space-4: 1rem;
          --space-6: 1.5rem;
          --space-8: 2rem;
        }

        #wrap .btn,
        #wrap button.btn,
        #wrap a.btn {
          transition:
            background-color var(--dur-fast) ease,
            border-color var(--dur-fast) ease,
            color var(--dur-fast) ease,
            box-shadow var(--dur-base) ease,
            transform var(--dur-press) var(--ease-out);
        }

        #wrap .btn:active,
        #wrap button.btn:active,
        #wrap a.btn:active {
          transform: scale(0.96);
        }

        @media (hover: hover) and (pointer: fine) {
          .iconbox-hover-zoom {
            transition: transform var(--dur-base) var(--ease-out);
          }
          .iconbox-hover-zoom:hover {
            transform: scale(1.015);
          }

          .carousel-logos .news-outlet-chip,
          #news-carousel .news-outlet-scroller a.news-outlet-chip {
            transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) ease, border-color var(--dur-base) ease, color var(--dur-fast) ease;
          }
          .carousel-logos .news-outlet-chip:hover,
          #news-carousel .news-outlet-scroller a.news-outlet-chip:hover {
            transform: translateY(-1px) scale(1.02);
            box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
            border-color: #0587ed;
            color: #0587ed;
          }

          .inline-circle {
            transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-base) ease;
          }
          .inline-circle:hover {
            transform: translateY(-1px) scale(1.04);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          }

          .pricing-select-container .writing-package-btn-group label.btn {
            transition:
              background-color var(--dur-fast) ease,
              border-color var(--dur-fast) ease,
              color var(--dur-fast) ease,
              transform var(--dur-press) var(--ease-out);
          }
          .pricing-select-container .writing-package-btn-group label.btn:active {
            transform: scale(0.96);
          }

          .accordion-expander i {
            transition: transform var(--dur-base) var(--ease-out);
          }

          #wrap .btn.btn-gradient:hover,
          #wrap .btn.btn-solid.btn-gradient:hover {
            transform: translateY(-1px);
          }
          #wrap .btn.btn-gradient:active,
          #wrap .btn.btn-solid.btn-gradient:active {
            transform: scale(0.96) translateY(0);
          }
        }

        .mobile-banner .buy-now-button {
          transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-base) ease;
        }
        .mobile-banner .buy-now-button:active {
          transform: scale(0.96);
        }

        .fancy-box-travel {
          transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) ease;
        }
        @media (hover: hover) and (pointer: fine) {
          .fancy-box-travel:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
          }
        }

        @media (prefers-reduced-motion: reduce) {
          [data-custom-animations="true"] {
            visibility: visible !important;
            opacity: 1 !important;
          }
          .ca-initvalues-applied,
          .ca-initvalues-applied * {
            transform: none !important;
            animation: none !important;
          }
          #wrap .btn:active,
          #wrap button.btn:active,
          #wrap a.btn:active {
            transform: none;
          }
          .main-header.is-sticky {
            animation: none !important;
          }
          .main-header.is-leaving {
            animation: none !important;
          }
          .roller #rolltext {
            animation: none !important;
            position: static;
          }
          .fade-in {
            animation: fade-in var(--dur-fast) ease both;
          }
          .review-progress-bars .review-progress-bar {
            width: var(--progress) !important;
            transition: none !important;
          }
        }

        @keyframes fade-in {
          from { opacity: 0; }
          to { opacity: 1; }
        }

        #wrap .accordion-collapse.collapsing {
          transition: height var(--dur-base) var(--ease-out) !important;
        }

        .horizontal-divided-list {
          display: flex;
          list-style: none;
          justify-content: center;
          padding: 0;
          margin: 0;
        }

        .review-5-star {
          display: inline-block
        }

        .horizontal-divided-list li {
          padding: 10px;
          text-align: center;
        }

        .h5 .emoji {
          margin-top: -4px;
          margin-right: 3px;
        }

        .horizontal-divided-list li:first-child {
          border-left: none;
        }

        [data-megamenu-bg-scheme=dark] .lqd-custom-menu a {
          color: var(--color-link);
        }

        .roller {
          height: 1em;
          position: relative;
          overflow: hidden;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 37px !important;
          line-height: 1.197 !important
        }

        .roller #rolltext {
          position: absolute;
          top: 0;
          animation: roller 2.8s var(--ease-out);
          animation-fill-mode: forwards;
          left: 0;
          white-space: nowrap;
        }

        .roller:hover #rolltext {
          animation: roller-reverse 4.5s var(--ease-out);
          animation-fill-mode: forwards;
        }

        .text-default {
          color: var(--color-font);
        }

        #login-check {
          margin-left: 0;
          height: 18px;
          width: 18px;
        }

        .login-check-label {
          margin-left: 8px;
          margin-top: 1px;
        }

        .heading-bullets li {
          float: left;
          margin-right: 9px;
        }

        @keyframes roller {
          0% {
            top: 0;
          }
          100% {
            top: -12em;
          }
        }

        @keyframes roller-reverse {
          0% {
            top: -12em;
          }
          100% {
            top: 0;
          }
        }

        @media screen and (min-width: 768px) {
          .benefits-image-tablet {
            transform: translateY(0px);
            opacity: 1;
            float: left;
            width: 40%;
            margin-right: var(--space-6, 1.5rem);
            position: relative;
            margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
          }
          .append2.hero-headline {
            font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
          }
          
        }

        @media screen and (max-width: 1199px) {
          [data-mobile-nav-style=classic] .navbar-collapse,
          [data-mobile-nav-style=minimal] .navbar-collapse {
            max-height: 100vh;
          }
          .megamenu .nav-item-children {
            padding: 0px 12px;
          }
        }

        @media screen and (max-width: 991px) {
          .horizontal-divided-list li {
            border: none;
            padding: 5px 10px;
          }
          .horizontal-divided-list li:last-child {
            border-bottom: none;
          }
          .content h4,
          .content .h4 {
            font-size: var(--text-3xl, 1.875rem);
          }
          .feature-box {
            margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
          }
          .feature-box, .report-feature-box {
            border-radius: var(--radius-surface, 1rem);
            border: 1px solid #ededed;
            background: #fff;
            padding: 30px 30px 10px 30px;
            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
          }
          .report-feature-box {
            margin-left:10px !important;
            margin-right:10px !important;
            margin-top:0px !important;
            margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem)) !important;
            padding-top:0px;
          }
          #case-study-lbo .iconbox, .review-box{
            margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem));
          }

        }

        @media screen and (max-width: 550px) {
          .text-left-mob {
            text-align: left !important;
            text-wrap: wrap !important;
          }
          .feature-box, .report-feature-box {
            margin-left: 24px;
            margin-right: 24px;
          }
          .mobile-banner {
            padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
          }
        }

        @media screen and (max-width: 767px) {
          .append2.hero-headline {
            font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
          }
          #how-it-works .container {
              margin-top: 0;
              z-index: 2 !important;
              position: relative;
          }
          #benefits {
            padding-bottom: 0 !important;
          }
          .review-box:last-of-type {
            margin-bottom: var(--block-gap, clamp(1.5rem, 3vw, 2rem));
          }
        }

        @media screen and (max-width: 800px) {
          #cookieNoticePro.display-bottom {
            bottom: 87px;
          }
        }

        /* Style for the mobile banner */

        .mobile-banner {
          display: none;
          /* Initially hidden */
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          /*background-color: #f0f0f0;*/
          /* border-top: 1px solid #ccc; */
          box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
          z-index: 99;
          /* Ensure it's above other content */
          padding: 20px;
          backdrop-filter: blur(10px) saturate(150%);
          background-color: rgba(255, 255, 255, 0.9);
          /* Adjust the alpha value for transparency */
        }

        .desktop-bubble {
          position: fixed;
          bottom: 0;
          right: 60px;
          z-index: 999991;
          /* Ensure it's above other content */
          padding: 20px;
        }

        /* Style for the "Buy Now" button */

        .buy-now-button {
          display: block;
          text-align: center;
          /*background-color: #007bff;*/
          color: #fff;
          padding: 10px 20px;
          border-radius: var(--radius-control, 0.5rem);
          text-decoration: none;
          font-weight: bold;
          background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
          background: linear-gradient(to right, var(--color-gradient-stop) 0, var(--color-gradient-start) 100%);
          background-size: 99.99%;
        }

        .buy-now-button:hover,
        .buy-now-button:active {
          color: #fff;
          background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-stop)), to(var(--color-gradient-start)));
          background: linear-gradient(to right, var(--color-gradient-stop) 0, var(--color-gradient-start) 100%);
          background-size: 99.99%;
        }

        /* Media query for mobile screens */

        @media (max-width: 768px) {
          .intercom-faceade {
            display: none !important;
          }

          .mobile-banner {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
          }

          .mobile-banner .buy-now-button {
            flex: 1 1 auto;
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 12px 16px;
          }

          .mobile-banner-chat {
            flex: 0 0 48px;
            width: 48px;
            height: 48px;
            padding: 0;
            border: 0;
            border-radius: 50%;
            background-color: #0287ed;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          }

          .mobile-banner-chat svg {
            display: block;
          }

          /* Hide Intercom's floating launcher — chat lives in the sticky bar */
          .intercom-lightweight-app-launcher,
          .intercom-namespace > div[class*="intercom-with-namespace"],
          #intercom-container .intercom-launcher {
            display: none !important;
            visibility: hidden !important;
            pointer-events: none !important;
          }
        }

        .review-box:before {
          /*display: none !important;*/
          background: none !important;
          height: 0px;
        }

        .review-box img.star-rating {
          right: auto !important;
          width: 133px;
          height: 50px;
        }
        
        .review-box img.yellow-star-rating-heading{
          width: 20px;
          height: 20px;
          position: relative;
          border-radius: 0;
          left: 0;
          bottom: 0 !important;
          margin-right: -3px;
          top: -3px;
        }

        .review-box img.review-favicon {
          width: 40px;
          height: 40px;
          border-radius: var(--radius-control, 0.5rem);
          position: static;
          top: auto;
          left: auto;
          bottom: auto !important;
          float: none;
          margin: 0;
          flex-shrink: 0;
          object-fit: contain;
          background: #f5f7fa;
          padding: 4px;
          box-sizing: border-box;
        }

        .review-box img.review-favicon.review-favicon--default {
          padding: 7px;
          object-fit: contain;
        }

        @media (max-width: 767px) {
        .review-box img.review-favicon {
          width: 40px;
          height: 40px;
          border-radius: var(--radius-control, 0.5rem);
        }

        .review-card-head {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          gap: 12px;
          margin-bottom: 1rem;
        }

        .review-card-identity {
          display: flex;
          align-items: center;
          gap: 10px;
          min-width: 0;
        }

        .review-card-author {
          min-width: 0;
        }

        .review-card-name a {
          font-size: var(--text-base, 1rem);
          font-weight: var(--weight-semibold, 600);
          color: var(--color-text, #1d1d1d);
          text-decoration: none;
        }

        .review-card-stars {
          display: flex;
          align-items: center;
          gap: 6px;
          margin-top: 2px;
        }

        .review-card-score {
          font-size: var(--text-xs, 0.75rem);
          font-weight: var(--weight-semibold, 600);
          color: var(--color-text-secondary, #6b7280);
        }

        .review-card-package {
          flex-shrink: 0;
          display: inline-block;
          padding: 5px 10px;
          border-radius: var(--radius-full, 9999px);
          border: 1px solid #e8eaed;
          background: #f8fafc;
          color: var(--color-text-secondary, #6b7280);
          font-size: var(--text-xs, 0.75rem);
          font-weight: var(--weight-semibold, 600);
          letter-spacing: 0.04em;
          text-transform: uppercase;
          line-height: 1.2;
          max-width: 42%;
          text-align: right;
        }

        .review-card-body {
          margin: 0 0 1rem;
          padding: 0;
          border: 0;
          font-size: var(--text-base, 1rem);
          line-height: var(--leading-normal, 1.5);
          color: var(--color-text-body, #737373);
          font-weight: var(--weight-regular, 400);
        }

        .review-card-orders {
          margin: 0;
          padding-top: 0.75rem;
          border-top: 1px solid #f0f2f5;
        }
        }

        .review-box {
          padding: 1.8rem 1.5rem 1.5rem 1.5rem;
          border-radius: var(--radius-surface, 1rem);
        }

        .tooltiptext {
          z-index: 99999;
        }

        .review-tag {
          border: #fae2cc;
          background: #fae2cc;
          font-size: var(--text-xs, 0.75rem);
          border-radius: var(--radius-pill, 9999px);
          padding: 6px 16px;
          margin-left: 0;
          color: #d29b6e;
          display: inline-block;
        }

        .review-box .bp_rating {
          display: inline-block;
          margin: 0;
        }

        .review-box img {
          bottom: 37px !important;
        }

        .review-box span span {
          margin: 20px 0 15px 65px;
        }

        .bp_rating.star_gray .fa-square {
          color: #00e89b;
        }

        .bp_rating.star_red .fa-square {
          color: #d29b6e;
        }

        .tooltip:not(.tooltip-plain) .tooltiptext:before {
          display: none !important;
          background: none !important;
        }

        .tooltip:not(.tooltip-plain) .tooltiptext span:after {
          background-image: none !important;
        }

        .tooltip .bp_rating {
          display: inline-block !important;
        }

        .tooltip .star-container {
          position: absolute;
          bottom: 19px;
          right: -100px;
          scale: 0.8;
        }

        ol.styled-counter {
          counter-reset: item;
          list-style: none;
          padding-left: 0;
        }

        ol.styled-counter li {
          counter-increment: item;
          position: relative;
          padding-left: 2.12em;
          /* room for our circle */
          margin-bottom: 0.5em;
          /* space between items */
        }

        ol.styled-counter li::before {
          content: counter(item);
          position: absolute;
          left: 0;
          top: 0;
          width: 1.8em;
          height: 1.8em;
          line-height: 1.8em;
          /* vertically center number */
          border-radius: 50%;
          /* make it a circle */
          background-color: #71a986;
          /* green background */
          color: #fff;
          /* white text */
          text-align: center;
          /* horizontally center */
          font-weight: bold;
          font-size: 15px;
        }

        .review-stars-br {
          position: absolute;
          right: 15px;
          bottom: 11px;
        }

        .bp_rating .fa-star {
          font-size: 19px;
          color: #fff;
        }

        .bp_rating .fa-square {
          color: #00b67a;
        }

        .bp_rating.fa-stack {
          width: 1.67em;
        }

        .bp_rating .fa-square.star5 {
          color: #00b67a;
        }

        .bp_rating .fa-square.star4 {
          color: #72cf10;
        }

        .bp_rating .fa-square.star3 {
          color: #fece00;
        }

        .bp_rating .fa-square.star2 {
          color: #ff8621;
        }

        .bp_rating .fa-square.star1 {
          color: #ff3315;
        }

        .bp_rating .fa-square.star-null {
          color: #dcdce6;
        }

        .pricing-table thead {
          z-index: 999;
        }

        .lity {
          z-index: 10000010;
        }

        .text-light {
          color: var(--color-text-muted, #9ca3af);
        }

        .centered-reviews {
          min-height: 24px;
          margin: auto auto;
          width: fit-content;
        }

        .liquid-img-group-content.content-floated-mid {
          top: calc(50% - 15px);
        }

        /* Closed Lity modals must stay hidden (home4 sticky-foot sets display:flex) */
        .lqd-modal.lity-hide {
          display: none !important;
          visibility: hidden !important;
          pointer-events: none !important;
        }

        /* Video modal close: hidden until Lity opens (home4.css shows it always otherwise) */
        #modal-video-review.lity-hide .video-modal-close {
          display: none !important;
          visibility: hidden !important;
          pointer-events: none !important;
        }

        html.lity-active .lity-wrap .video-modal-close,
        html.lity-active .lity-container .video-modal-close,
        .lity-opened .video-modal-close {
          display: flex !important;
          visibility: visible !important;
          pointer-events: auto !important;
        }

        .hover-glow:hover {
          box-shadow: 0 0 15px rgb(254 81 107), 0 0 25px rgb(254 81 107 / 60%);
          transform: scale(1.05);
        }

        #why-brand-push .iconbox-side .iconbox-icon-wrap {
          margin-left: -10px;
        }

        @media (max-width: 768px) {
          #heading-trust1 .inline-reviews,
          #heading-trust1 p {
            margin: auto auto;
            width: 100%;
          }
          #heading-trust1 .inline-reviews {
            margin-top: 16px !important;
          }
          .lead-xs {
            font-size: 1.3rem;
            font-weight: 400;
            line-height: 1.6;
          }
          .inline-circle img {
            width: 55px;
          }
          ol.styled-counter li {
            border: 1px solid #ededed;
            background: #fff;
            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
            border-radius: var(--radius-surface, 1rem);
            padding: 15px 15px 15px 50px;
            margin-bottom: 15px;
          }
          ol.styled-counter li::before {
            top: 15px;
            left: 12px;
          }
        }

        /* 1) Make the section tall enough to scroll through */

        #news-carousel {
          position: relative;
          margin: 0;
        }

        /* 2) Pin the carousel in place while the user scrolls */

        .carousel-wrapper {
          overflow: hidden;
          /* hide overflowing logos */
          background: white;
          padding: 1rem 0;
          width: 100%;
          max-width: 1150px;
          margin: auto;
        }

        /* 3) Row of logos */

        .carousel-inner {
          width: 200%;
          display: flex;
          flex-wrap: nowrap;
          /* no wrapping */
          gap: 5rem;
          /* space between logos */
          will-change: transform;
        }

        .carousel-item img {
          max-height: 100px;
          display: block;
        }

        .google-rank-element {
          width: 100%;
          background: #fff;
          border-radius: var(--radius-surface, 1rem);
          border: 1px solid #ededed;
          box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
          -webkit-user-select: none;
          /* Safari */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
        }

        .icon-circle-img {
          width: 65%;
          position: relative;
          top: -5px;
          left: -1px;
        }

        .pricing-emoji {
          position: relative;
          margin-top: -12px;
          margin-bottom: -12px;
          margin-left: -15px !important;
          width: 59px !important;
        }

        .yellow-star-rating-heading {
          width: 27px;
          margin-right: -8px;
        }

        .hero-subheading {
          font-weight: var(--weight-medium, 500);
          font-size: var(--text-xl, 1.25rem) !important;
          max-width: 95%;
          color: var(--color-text-secondary, #6b7280);
        }

        .pricing-table tbody tr td .fa-minus-circle {
          color: #ccc;
        }

        .review-container .liquid-img-container-inner::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 45%;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
        }

        @media (max-width: 767px) {
          #recommendations .review-preview-stage {
            position: relative;
            width: 100%;
            max-width: 420px;
            margin-left: auto;
            margin-right: auto;
            aspect-ratio: 690 / 920;
            overflow: visible;
            margin-bottom: 0;
          }

          #recommendations .review-preview-stage .liquid-img-group-img-container {
            overflow: visible;
            border-radius: var(--radius-surface, 1rem);
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
            height: 100%;
          }

          #recommendations .review-preview-stage .review-container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            float: none;
            opacity: 0;
            transform: translateY(10px) scale(0.98);
            transition:
              opacity 320ms var(--ease-out),
              transform 320ms var(--ease-out),
              visibility 0s linear 320ms;
            visibility: hidden;
            pointer-events: none;
            z-index: 1;
            display: block !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
          }

          #recommendations .review-preview-stage .liquid-img-group-single {
            height: 100%;
            width: 100%;
            transform: none !important;
            opacity: 1 !important;
          }

          #recommendations .review-preview-stage .liquid-img-group-img-container {
            display: block;
            width: 100%;
          }

          #recommendations .review-preview-stage .liquid-img-group-img-container > .liquid-img-container-inner {
            height: 100%;
            width: 100%;
          }

          #recommendations .review-preview-stage .liquid-img-container-inner figure,
          #recommendations .review-preview-stage .liquid-img-container-inner picture,
          #recommendations .review-preview-stage .liquid-img-container-inner img {
            display: block;
            width: 100%;
            height: 100%;
          }

          #recommendations .review-preview-stage .liquid-img-container-inner img {
            object-fit: cover;
          }

          #recommendations .review-preview-stage .review-container .liquid-img-container-inner {
            margin-bottom: 0 !important;
            overflow: hidden;
            border-radius: var(--radius-surface, 1rem);
            box-shadow: none !important;
            position: relative;
            height: 100%;
          }

          #recommendations .review-avatars-row {
            /* Half of each 60px avatar overlaps the testimonial card. */
            margin-top: -30px;
            z-index: 5;
            position: relative;
            padding-bottom: 4px;
          }

          #recommendations .radio-avatar-container {
            position: relative;
            z-index: 5;
          }

          #recommendations .radio-avatar-container .avatar-radio {
            background: #fff;
          }

          #recommendations > .container {
            overflow: visible;
          }

          #recommendations .review-preview-stage .review-container.is-active {
            opacity: 1;
            transform: translateY(0) scale(1);
            visibility: visible;
            pointer-events: auto;
            z-index: 2;
            transition:
              opacity 320ms var(--ease-out),
              transform 320ms var(--ease-out),
              visibility 0s linear 0s;
          }

          #recommendations .review-preview-stage .review-container.is-exiting {
            opacity: 0;
            transform: translateY(-6px) scale(0.98);
            visibility: visible;
            pointer-events: none;
            z-index: 1;
            transition:
              opacity 280ms var(--ease-out),
              transform 280ms var(--ease-out),
              visibility 0s linear 280ms;
          }

          #recommendations .review-preview-stage .liquid-img-group-content.content-floated-mid {
            top: auto !important;
            bottom: 14% !important;
            left: 50% !important;
            right: auto !important;
            width: calc(100% - 32px) !important;
            max-width: 100%;
            transform: translateX(-50%) !important;
            text-align: center !important;
            padding: 0 12px;
            box-sizing: border-box;
          }

          #recommendations .review-preview-stage .liquid-img-group-content.content-floated-mid > div {
            width: 100%;
          }

          #recommendations .review-preview-stage .liquid-img-group-content h4,
          #recommendations .review-preview-stage .liquid-img-group-content a.text-white {
            display: block;
            width: 100%;
            text-align: center !important;
            margin-left: auto;
            margin-right: auto;
          }

          #recommendations .review-preview-stage .review-container .liquid-img-group-content {
            transition:
              opacity 280ms var(--ease-out),
              transform 280ms var(--ease-out);
          }

          #recommendations .review-preview-stage .review-container:not(.is-active) .liquid-img-group-content {
            opacity: 0;
            transform: translateX(-50%) translateY(8px) !important;
          }

          #recommendations .review-preview-stage .review-container.is-active .liquid-img-group-content,
          #recommendations .review-preview-stage .review-container.is-exiting .liquid-img-group-content {
            transform: translateX(-50%) translateY(0) !important;
          }

          #recommendations .review-preview-stage .review-container.is-active .liquid-img-group-content {
            opacity: 1;
            transition-delay: 60ms;
          }

          #recommendations .radio-avatar-container .avatar-radio {
            transition:
              border-color var(--dur-base) ease,
              transform var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) ease;
          }

          #recommendations .radio-avatar-container .avatar-radio:has(input[type="radio"]:checked) {
            transform: scale(1.08);
            box-shadow: 0 4px 14px rgba(5, 135, 237, 0.28);
          }

          @media (prefers-reduced-motion: reduce) {
            #recommendations .review-preview-stage .review-container,
            #recommendations .review-preview-stage .review-container.is-exiting,
            #recommendations .review-preview-stage .review-container .liquid-img-group-content,
            #recommendations .radio-avatar-container .avatar-radio {
              transition: none;
              transform: none;
            }

            #recommendations .review-preview-stage .liquid-img-group-content.content-floated-mid {
              transform: translateX(-50%) !important;
            }
          }
        }

        .iconbox-pricing {
          padding: 30px;
        }

        .iconbox-pricing ul {
          list-style: none;
          padding-left: 0;
        }

        /* Bullet image for a specific UL */

        ul.li-tick {
          list-style: none;
          margin: 0;
          padding: 0;
        }

        ul.li-tick>li {
          position: relative;
          padding-left: 26px;
          /* space for the icon */
          margin: 0 0 5px 0;
        }

        ul.li-tick>li::before {
          content: "";
          position: absolute;
          left: -3px;
          top: -1px;
          /* adjust vertical alignment */
          width: 25px;
          height: 25px;
          background: url("https://www.brandpush.co/assets/img/icons/brandpush-tick-1.png") no-repeat center;
          background-size: contain;
        }

        .pricing-card-green {
          background: #f3f7f5;
        }

        .pricing-table-green-col {
          background: #fff !important;
        }

        th.pricing-table-green-col:after {
          display: none !important;
        }

        #news_sites {
          background: none !important;
        }

        .screenshot-arrow {
          left: -18px;
        }

        .iconbox-logo {
          height: 80px;
          padding: 20px;
        }
        
        #placement-box .iconbox-logo {
          padding: 0;
          justify-content: center;
          display: flex;
          align-content: center;
        }

        .iconbox-logo img {
          margin-top: auto;
          margin-bottom: auto;
          max-width: 70%;
          max-height: 50px;
        }
        
        .inline-form {
          display: flex;
          align-items: center;
          gap: 12px;
        }

        .inline-form > :first-child {
          width: 140px;      /* label */
          margin: 0;
        }

        .inline-form > :nth-child(2) {
          flex: 1;           /* input */
        }

        @media (max-width: 767px) {
          #reviews .reviews-cards-shell {
            position: relative;
            padding: 0;
          }

          #reviews .reviews-carousel-viewport {
            overflow: hidden;
            touch-action: pan-y;
            padding: 8px 16px 0;
          }

          #reviews .reviews-carousel-track {
            column-count: unset !important;
            column-gap: unset !important;
            display: flex !important;
            align-items: stretch;
            gap: 0;
            margin: 0;
            padding: 0;
            transition: transform var(--dur-slow) var(--ease-out);
            will-change: transform;
          }

          #reviews .reviews-carousel-track .review-box {
            flex: 0 0 100%;
            width: 100%;
            margin: 0 !important;
            min-height: 0;
            height: auto;
            align-self: stretch;
            break-inside: unset;
            display: flex;
            flex-direction: column;
            padding: 1.25rem 1.2rem 1rem;
            border-radius: var(--radius-surface, 1rem);
            border: 1px solid #eceff3;
            background: #fff;
            box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
            opacity: 1;
            transform: none;
            transition: box-shadow var(--dur-base) ease;
          }

          #reviews .reviews-carousel-track .review-box.is-carousel-active {
            box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
          }

          #reviews .reviews-carousel-track .review-box .review-text {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: auto;
            min-height: 0;
            flex: 1 1 auto;
          }

          #reviews .reviews-carousel-track .review-box .review-footer {
            margin-top: auto;
          }

          #reviews .reviews-carousel-track .review-card-head {
            margin-bottom: 0.85rem;
          }

          #reviews .reviews-carousel-track .review-card-package {
            font-size: var(--text-xs, 0.75rem);
            padding: 4px 8px;
            max-width: 46%;
          }

          #reviews .reviews-carousel-track .review-card-body {
            position: relative;
            margin-bottom: 0.75rem;
            padding-left: 0.15rem;
            font-size: var(--text-sm, 0.875rem);
            line-height: var(--leading-relaxed, 1.65);
            color: var(--color-text, #1d1d1d);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 7;
            overflow: hidden;
          }

          #reviews .reviews-carousel-track .review-card-body::before {
            content: '\201C';
            position: absolute;
            top: -0.45rem;
            left: -0.1rem;
            font-size: 2.4rem;
            line-height: 1;
            color: #0587ed;
            opacity: 0.18;
            font-family: Georgia, 'Times New Roman', serif;
            pointer-events: none;
          }

          #reviews .reviews-carousel-track .review-card-orders {
            margin-top: auto;
            padding-top: 0.65rem;
          }

          #reviews .reviews-carousel-ui {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            margin-top: 16px;
            padding: 0 16px;
          }

          #reviews .reviews-carousel-nav-center {
            flex: 0 1 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            min-width: 0;
          }

          #reviews .reviews-carousel-counter {
            font-size: var(--text-xs, 0.75rem);
            font-weight: var(--weight-semibold, 600);
            color: var(--color-text-muted, #9ca3af);
            letter-spacing: 0.06em;
            text-transform: uppercase;
            line-height: 1;
          }

          #reviews .reviews-carousel-progress {
            display: none;
          }

          #reviews .reviews-carousel-arrow {
            flex: 0 0 40px;
            width: 40px;
            height: 40px;
            border: 1px solid #e5e7eb;
            border-radius: 50%;
            background: #fff;
            color: var(--color-text, #1d1d1d);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            padding: 0;
            font-size: var(--text-xs, 0.75rem);
            transition:
              transform var(--dur-press) var(--ease-out),
              border-color var(--dur-fast) ease,
              box-shadow var(--dur-base) ease,
              opacity var(--dur-fast) ease,
              color var(--dur-fast) ease;
            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
          }

          #reviews .reviews-carousel-arrow:not(:disabled):hover {
            border-color: #0587ed;
            color: #0587ed;
          }

          #reviews .reviews-carousel-arrow:active:not(:disabled) {
            transform: scale(0.94);
          }

          #reviews .reviews-carousel-arrow:disabled {
            opacity: 0.28;
            cursor: not-allowed;
            box-shadow: none;
          }

          #reviews .reviews-trustpilot-cta {
            margin-top: 16px !important;
            padding: 0 16px;
          }

          #reviews .reviews-trustpilot-cta .btn {
            width: 100%;
            font-size: var(--text-sm, 0.875rem);
            padding: 11px 16px !important;
          }

          @media (prefers-reduced-motion: reduce) {
            #reviews .reviews-carousel-track,
            #reviews .reviews-carousel-track .review-box,
            #reviews .reviews-carousel-arrow {
              transition: none;
              transform: none;
            }
          }
        }

        @media (min-width: 768px) {
          #reviews.reviews1.row {
            margin-left: 0;
            margin-right: 0;
          }

          #reviews .reviews-cards-shell {
            width: 100%;
          }

          #reviews .reviews-carousel-viewport {
            overflow: visible;
          }

          #reviews .reviews-carousel-track {
            display: block !important;
            column-count: 3 !important;
            column-gap: 1.5rem;
            width: 100%;
            transform: none !important;
          }

          @media (max-width: 991px) {
            #reviews .reviews-carousel-track {
              column-count: 2 !important;
            }
          }

          #reviews .reviews-carousel-track .review-box {
            display: inline-block !important;
            width: 100%;
            margin: 0 0 1.5rem !important;
            break-inside: avoid;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            vertical-align: top;
            height: auto !important;
            min-height: 0 !important;
            align-self: auto !important;
          }

          #reviews .reviews-carousel-track .review-box .review-text {
            height: auto !important;
            min-height: 0 !important;
            display: block;
          }

          #reviews .reviews-carousel-ui {
            display: none;
          }
        }

        /* Shared SVG gradient for button borders */
        .svg-defs-hidden {
          position: absolute;
          width: 0;
          height: 0;
          overflow: hidden;
        }

        /* Navigation & layout (moved from inline styles) */
        .megamenu-badge-popular {
          background: #ffc107;
          display: inline;
          padding: 5px 13px;
          border-radius: var(--radius-control, 0.5rem);
          color: #fff;
          font-size: var(--text-xs, 0.75rem);
          text-transform: uppercase;
          height: 28px;
          float: right;
        }

        .megamenu-review-logo {
          max-height: 50px;
        }

        .account-login-figure {
          max-width: 320px;
        }

        .hero-headline {
          font-size: var(--text-display, clamp(1.875rem, 3.5vw, 2.8125rem)) !important;
          line-height: var(--leading-tight, 1.15);
        }

        .hero-badge-icon {
          width: 23px;
          height: 23px;
          top: -2px;
          position: relative;
        }

        .hero-benefits-list {
          list-style: none;
          padding: 0;
        }

        .hero-benefit-tick {
          margin: -4px 0 0 -9px;
          padding: 0;
        }

        #hero-section .btn-video-explainer.btn-solid.btn-gradient,
        .cta1 .btn-solid.btn-gradient,
        #wrap .btn-solid.btn-gradient {
          border: none !important;
        }

        #wrap .btn-solid.btn-gradient .btn-gradient-border {
          display: none !important;
        }

        #hero-section .btn-video-explainer.btn-solid.btn-gradient:focus,
        #hero-section .btn-video-explainer.btn-solid.btn-gradient:focus-visible,
        .cta1 .btn-solid.btn-gradient:focus,
        .cta1 .btn-solid.btn-gradient:focus-visible,
        #wrap .btn-solid.btn-gradient:focus,
        #wrap .btn-solid.btn-gradient:focus-visible {
          outline: none;
          box-shadow: none;
        }

        .main-content-no-bg {
          background-image: none !important;
        }

        .review-score-display {
          font-size: var(--text-3xl, 1.875rem);
          line-height: var(--leading-tight, 1.15);
        }

        .review-stars-offset {
          top: -13px;
          position: relative;
        }

        .review-progress-cell {
          padding-top: 5px;
        }

        .review-progress-bar {
          height: 16px;
          width: 0;
          transition: width 720ms var(--ease-out);
        }

        .review-progress-bars.is-inview .review-progress-bar {
          width: var(--progress);
        }

        .review-progress-bars.is-inview .row:nth-child(1) .review-progress-bar { transition-delay: 80ms; }
        .review-progress-bars.is-inview .row:nth-child(2) .review-progress-bar { transition-delay: 140ms; }
        .review-progress-bars.is-inview .row:nth-child(3) .review-progress-bar { transition-delay: 200ms; }
        .review-progress-bars.is-inview .row:nth-child(4) .review-progress-bar { transition-delay: 260ms; }
        .review-progress-bars.is-inview .row:nth-child(5) .review-progress-bar { transition-delay: 320ms; }


        /* ========== Floating Sticky Navbar (Desktop Only) ========== */
        @media (min-width: 1200px) {
          .main-header {
            transition: transform var(--dur-slow) var(--ease-out),
                        background-color var(--dur-base) ease,
                        box-shadow var(--dur-base) ease,
                        backdrop-filter var(--dur-base) ease;
            will-change: transform, background-color, box-shadow;
          }

          .main-header.is-sticky {
            position: fixed !important;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999999;
            background: rgba(255, 255, 255, 0.82) !important;
            backdrop-filter: blur(20px) saturate(180%);
            -webkit-backdrop-filter: blur(20px) saturate(180%);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06),
                        0 1px 3px rgba(0, 0, 0, 0.04);
            border-bottom: 1px solid rgba(230, 230, 230, 0.45);
            animation: navSlideDown var(--dur-slow) var(--ease-out) forwards;
          }

          /* Megamenu always on top */
          .main-header.is-sticky .nav-item-children {
            z-index: 9999999 !important;
          }

          .main-header.is-sticky .mainbar-wrap {
            transition: padding var(--dur-slow) var(--ease-out);
          }

          .main-header.is-sticky .mainbar-row {
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            transition: padding var(--dur-slow) var(--ease-out);
          }

          .main-header.is-sticky .navbar-brand-inner img {
            transition: height var(--dur-slow) var(--ease-out),
                        opacity var(--dur-fast) ease;
            height: 22px !important;
          }

          /* Remove blue focus outline on navbar items */
          .main-header .main-nav > li > a:focus,
          .main-header .main-nav > li > a:active,
          .main-header .nav-item-children a:focus,
          .main-header .nav-item-children a:active {
            outline: none !important;
            box-shadow: none !important;
          }

          /* Get Started button in navbar — only styled as button when sticky */
          /* Hide any phantom duplicate outside the right nav column */
          .main-header.is-sticky .col:not(.text-right) .nav-get-started-btn {
            display: none !important;
          }
          .main-header.is-sticky .text-right .nav-get-started-btn {
            display: flex !important;
            align-items: center !important;
            align-self: center !important;
            flex: 0 0 auto !important;
            margin-left: 8px;
            height: auto !important;
          }
          .main-header.is-sticky .nav-get-started-btn > a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 0 0 auto !important;
            flex-flow: row nowrap !important;
            padding: 14px 20px !important;
            margin: 0 !important;
            border-radius: var(--radius-full, 9999px) !important;
            background: linear-gradient(135deg, #ff6a5c 0%, #ff8a6a 100%) !important;
            color: #fff !important;
            font-weight: var(--weight-semibold, 600) !important;
            font-size: var(--text-xs, 0.75rem) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.8px !important;
            border: none !important;
            line-height: 1 !important;
            height: auto !important;
            min-height: unset !important;
            max-height: none !important;
            white-space: nowrap !important;
            box-shadow: 0 2px 10px rgba(255, 106, 92, 0.3);
            transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-base) ease !important;
            text-decoration: none !important;
          }
          .main-header.is-sticky .nav-get-started-btn > a:hover {
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 18px rgba(255, 106, 92, 0.45) !important;
          }
          .main-header.is-sticky .nav-get-started-btn > a .link-icon,
          .main-header.is-sticky .nav-get-started-btn > a .link-ext,
          .main-header.is-sticky .nav-get-started-btn > a .submenu-expander {
            display: none !important;
          }
          .main-header.is-sticky .nav-get-started-btn > a .txt {
            color: #fff !important;
          }
          /* Remove underline hover effect on Get Started when it's a button */
          .main-header.is-sticky .nav-get-started-btn > a::before,
          .main-header.is-sticky .nav-get-started-btn > a::after {
            display: none !important;
          }

          /* Scroll padding for sticky navbar offset */
          html {
            scroll-padding-top: 80px;
          }

          /* Link hover glow on sticky */
          .main-header.is-sticky .main-nav > li > a {
            transition: color 0.25s ease, text-shadow 0.25s ease;
          }
          .main-header.is-sticky .main-nav > li > a:hover {
            text-shadow: 0 0 12px rgba(99, 102, 241, 0.25);
          }

          /* Un-sticky: slide up & out (shorter/softer than enter) */
          .main-header.is-leaving {
            animation: navSlideUp var(--dur-fast) var(--ease-out) forwards;
          }

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

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

/* Pricing topics — unified expand/collapse (no staggered row transforms) */
#pricing-comparison-table tr.pricing-topic-extra {
  transition: opacity var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0ms !important;
}

#pricing-comparison-table tr.pricing-topic-extra:not(.is-visible) {
  opacity: 0;
  transform: none !important;
}

#pricing-comparison-table tr.pricing-topic-extra.is-visible {
  opacity: 1;
  transform: none !important;
}

#pricing-comparison-table tr.pricing-topic-extra.is-hiding {
  opacity: 0;
  transform: none !important;
}

.pricing-topics-toggle {
  gap: 0.65rem;
}

.pricing-topics-toggle-icon {
  margin-right: 0;
  transition: transform var(--dur-base, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
}

.pricing-topics-toggle.is-expanded .pricing-topics-toggle-icon {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  #pricing-comparison-table tr.pricing-topic-extra {
    transition: none !important;
  }

  .pricing-topics-toggle-icon {
    transition: none !important;
  }
}

/* Pricing table — keep "Most Popular" notch from shifting column headings */
#pricing-comparison-table.pricing-table thead tr th {
  padding-top: 54px;
}

/* Writing package rows — staggered show/hide (delay set via --pricing-stagger in JS) */
#pricing-comparison-table tr.pricing-table-writing td {
  padding: 10px 0;
  vertical-align: middle;
}

#pricing-comparison-table tr.pricing-table-writing td p.lead {
  margin: 0;
}

#pricing-comparison-table tbody td .lead {
  font-size: 1.0625rem;
  line-height: 1.5;
}

#pricing-comparison-table tbody td p.lead {
  margin-bottom: 0;
}

#pricing-comparison-table tr:has(.writing-package-btn-group) td.pricing-select-container {
  padding-bottom: 4px;
}

#pricing-comparison-table tr:has(.writing-package-btn-group) h5 {
  margin-bottom: 0.65rem;
}

#pricing-comparison-table tr.pricing-table-writing td .pricing-value {
  transition-delay: calc(var(--pricing-stagger, 0ms) + var(--pricing-cell-stagger, 0ms));
}

@media (prefers-reduced-motion: reduce) {
  #pricing-comparison-table tr.pricing-table-writing,
  #pricing-comparison-table tr.pricing-table-writing td .pricing-value {
    transition: none !important;
    transition-delay: 0ms !important;
  }
}

/* Video lightboxes — backdrop must sit below content and close controls */
.fr-overlay {
  z-index: 10000010 !important;
}

.fr-window,
.fr-spinner {
  z-index: 10000011 !important;
}

.fr-close-outside,
.fr-window > .fr-close-outside,
.fr-window > .fr-close-fullclick,
.fr-window .fr-close,
.fr-window .fr-close-outside {
  z-index: 10000013 !important;
}

html.lity-active .lity-wrap,
html.lity-active .lity-container,
html.lity-active .lity-content,
.lity-opened .lity-wrap,
.lity-opened .lity-container,
.lity-opened .lity-content {
  z-index: 10000011 !important;
}

html.lity-active .video-modal-close,
.lity-opened .video-modal-close,
html.lity-active .lity-wrap .video-modal-close,
html.lity-active .lity-container .video-modal-close {
  z-index: 10000013 !important;
}

html.lity-active .video-review,
.lity-opened .video-review {
  position: relative;
  z-index: 10000012 !important;
}

/* Benefits card carousel is defined in home4.css (#benefits .benefits-cards-scroll, mobile-only). */

/* Mobile page grid: every non-scrolling section uses one 24px outer gutter.
   Horizontal carousels remain scrollable, but their first card starts on the
   same grid line as the surrounding section copy. */
@media (max-width: 767px) {
  :root {
    --mobile-page-gutter: 24px;
    --mobile-page-inset: max(
      var(--mobile-page-gutter),
      env(safe-area-inset-left, 0px),
      env(safe-area-inset-right, 0px)
    );
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  body > section[id],
  body > section.cta1 {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  #hero-section > .container,
  body > section[id] > .container,
  body > section.cta1 > .container,
  .main-footer > section > .container {
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--mobile-page-inset) !important;
    padding-right: var(--mobile-page-inset) !important;
    box-sizing: border-box;
  }

  /* The hero container is a flex item. Its fixed-width Trustpilot iframe was
     setting the container's min-content width to 420px and clipping the right
     side of the entire hero on phones. */
  #hero-section > .container {
    flex: 0 1 100%;
  }

  #hero-section > .container > .row,
  body > section[id] > .container > .row,
  body > section.cta1 > .container > .row,
  .main-footer > section > .container > .row {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #hero-section > .container > .row > [class*="col-"],
  body > section[id] > .container > .row > [class*="col-"],
  body > section.cta1 > .container > .row > [class*="col-"],
  .main-footer > section > .container > .row > [class*="col-"],
  #hero-section > .container > .row > .lqd-column,
  body > section[id] > .container > .row > .lqd-column,
  body > section.cta1 > .container > .row > .lqd-column,
  .main-footer > section > .container > .row > .lqd-column {
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #hero-section .hero-eyebrow-wrap,
  #hero-section .hero-eyebrow-trustpilot,
  #hero-section .hero-eyebrow-trustpilot-clip {
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Remove nested Bootstrap row offsets that otherwise create section-specific
     9px, 15px, or 33px content insets. */
  #benefits .container > .px-2 > .row,
  #benefits #ai-authority-framework > .row,
  #benefits #ai-authority-framework .ai-authority-layout,
  #how-it-works .mobile-news-grid,
  #recommendations > .container > .row > .review-avatars-row,
  #faq > .container > .row > .row {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #benefits .container > .px-2 > .row > .lqd-column,
  #benefits #ai-authority-framework > .row > .lqd-column,
  #benefits #ai-authority-framework .ai-authority-layout > .lqd-column,
  #faq > .container > .row > .row > .lqd-column {
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #faq .lqd-column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #recommendations .review-preview-stage,
  #recommendations .radio-avatar-container,
  #results .report-feature-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Match Verified Reviews to the Case Studies carousel: 85%-wide slides with
     a visible 16px gap and no extra viewport padding. */
  #reviews .reviews-carousel-viewport {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #reviews .reviews-carousel-track {
    gap: 0 var(--space-4, 1rem) !important;
  }

  #reviews .reviews-scroll-col,
  #reviews .reviews-carousel-track > .review-box {
    flex: 0 0 85% !important;
    min-width: 85% !important;
    max-width: 85% !important;
  }

  #money-back-guarantee .heading-label {
    width: fit-content;
    max-width: 100%;
  }
}

/* Mobile logical-group rhythm
   Each eyebrow starts a content group. Keep 24px between that group's header
   and content, and 64px between the last visible item and the next eyebrow.
   The desktop wave dividers are hidden on phones, so the 64px break supplies
   the same visual separation without leaving empty divider clearance. */
@media (max-width: 767px) {
  :root {
    --mobile-group-gap: 64px;
    --mobile-group-content-gap: 24px;
  }

  body > section[id] > .custom-shape-divider-bottom-1621016099 {
    display: none !important;
  }

  body > section[id] header:has(> .heading-label) {
    margin-bottom: var(--mobile-group-content-gap) !important;
    padding-bottom: 0 !important;
  }

  body > section[id] header:has(> .heading-label) > :last-child {
    margin-bottom: 0 !important;
  }

  /* Header wrappers: remove legacy padding/margins so the header itself owns
     the single 24px content gap. */
  #how-it-works .how-it-works-header-row > .lqd-column,
  #benefits > .container > .px-2 .lqd-column,
  #results > .container > .row:first-child > .lqd-column,
  #case-studies > .container:first-child .lqd-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #benefits .ai-authority-header,
  #case-studies header.fancy-title {
    margin-bottom: var(--mobile-group-content-gap) !important;
  }

  #results > .container > .row:first-child {
    margin-bottom: 0 !important;
  }

  /* News Outlets and How It Works are separate groups inside one section. */
  #how-it-works .mobile-news-grid {
    margin-bottom: var(--mobile-group-gap) !important;
    padding-bottom: 0 !important;
  }

  #how-it-works .how-it-works-cta-row {
    margin-bottom: 0 !important;
  }

  #how-it-works > .container > .d-block.visible-xs.mb-50,
  #benefits > .container > .d-block.visible-xs.mb-50 {
    display: none !important;
  }

  /* Product Benefits and AI Authority are separate groups in #benefits. */
  #benefits #ai-authority-framework {
    margin-top: var(--mobile-group-gap) !important;
  }

  #benefits #ai-authority-framework > .row > .lqd-column {
    padding-bottom: 0 !important;
  }

  /* Remove trailing card/utility spacing; section bottom + next section top
     already produce the shared 64px group break. */
  #results > .container {
    padding-bottom: 0 !important;
  }

  #results .report-feature-box:last-of-type,
  #packages .row.d-flex.flex-wrap.mt-md-4 > .col-sm-6:last-child .iconbox-pricing {
    margin-bottom: 0 !important;
  }

  #case-studies > .container.pr-lg-9 {
    margin-bottom: 0 !important;
  }

  #case-studies .cards-dots,
  #reviews > .container:nth-of-type(2) > p {
    margin-bottom: 0 !important;
  }

  #reviews > .container:first-of-type > .row > .lqd-column:has(> .reviews-verified-note) {
    padding-top: 0 !important;
  }

  /* The hidden desktop image column still occupied mobile vertical space. */
  #money-back-guarantee .col-sm-5 {
    display: none !important;
  }

  #money-back-guarantee .heading-label {
    display: inline-block !important;
    height: auto !important;
  }

  #money-back-guarantee > .container,
  #money-back-guarantee .col-sm-7 > p:last-of-type {
    margin-bottom: 0 !important;
  }
}

/* Product Benefits cards — mobile containment and shared card padding.
   The legacy layout removed both side paddings and positioned 100px icons
   outside the border. Keep every element inside a 24px card gutter instead. */
@media (max-width: 767px) {
  #benefits .benefits-cards-scroll > .row > .lqd-column.feature-box {
    padding: var(--space-6, 1.5rem) !important;
    overflow: hidden !important;
  }

  #benefits .benefits-cards-scroll .feature-box header.fancy-title {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-4, 1rem);
    width: 100%;
    margin: 0 0 var(--space-6, 1.5rem) !important;
    padding: 0 !important;
  }

  #benefits .benefits-cards-scroll .feature-box .icon-circle {
    position: static !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    line-height: 1;
    padding: 0 !important;
  }

  #benefits .benefits-cards-scroll .feature-box .icon-circle-img {
    position: static !important;
    width: 65%;
    max-width: 42px;
    height: auto;
    margin: 0 !important;
  }

  #benefits .benefits-cards-scroll .feature-box .heading-with-icon {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
  }

  #benefits .benefits-cards-scroll .feature-box div.visible-xs {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  #benefits .benefits-cards-scroll .feature-box div.visible-xs > img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #benefits .benefits-cards-scroll .feature-box div.visible-xs > p:first-of-type {
    margin-bottom: 0 !important;
  }
}

/* Mobile content headers: one authoritative header-to-content interval.
   Section headers and card headers previously depended on a mixture of mb-*,
   padding, and collapsed child margins. Keep all visible content headers on the
   same 24px token, while the structural rules above remove wrapper offsets. */
@media (max-width: 767px) {
  body > section header.fancy-heading,
  body > section header.fancy-title {
    margin-bottom: var(--mobile-group-content-gap, 24px) !important;
    padding-bottom: 0 !important;
  }

  body > section header.fancy-heading + *,
  body > section header.fancy-title + * {
    margin-top: 0 !important;
  }
}

/* Mobile testimonial cards accept horizontal swipe gestures while preserving
   normal vertical page scrolling. */
@media (max-width: 767px) {
  #recommendations .review-preview-stage {
    touch-action: pan-y;
  }
}

/* Guarantee eyebrow uses the exact compact pill treatment of Support. */
@media (max-width: 767px) {
  #money-back-guarantee .heading-label {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    height: auto !important;
    letter-spacing: normal !important;
  }
}

/* Mobile carousel exception: Case Studies and Verified Reviews are the only
   page elements allowed to extend through the 24px page gutter. The scroller
   clips at the viewport while its inner padding keeps the active card composed. */
@media (max-width: 767px) {
  #case-studies #case-study-ab h3 + br {
    display: none;
  }

  /* The shared desktop section gradient reaches its grey stop at the carousel
     dots, then ends abruptly before #reviews. Keep this mobile carousel on a
     clean surface so the card shadow and pagination dots are not visually cut. */
  #case-studies {
    background: #fff;
  }

  #case-studies .case-studies-cards,
  #reviews .reviews-carousel-viewport {
    width: calc(100% + var(--mobile-page-inset) + var(--mobile-page-inset)) !important;
    max-width: none !important;
    margin-left: calc(-1 * var(--mobile-page-inset)) !important;
    margin-right: calc(-1 * var(--mobile-page-inset)) !important;
  }

  #reviews .reviews-carousel-viewport {
    padding: 0 !important;
    overflow: hidden;
  }

  #case-studies .case-studies-cards {
    box-sizing: border-box;
    padding: var(--space-3) var(--mobile-page-inset) var(--space-6) !important;
    scroll-padding-left: var(--mobile-page-inset);
    scroll-padding-right: var(--mobile-page-inset);
    overscroll-behavior-inline: contain;
  }

  #case-studies .case-studies-cards::before,
  #case-studies .case-studies-cards::after {
    display: none !important;
  }

  #reviews .reviews-carousel-track {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    padding: var(--space-5) var(--mobile-page-inset) var(--space-6) !important;
    scroll-padding-left: var(--mobile-page-inset);
    scroll-padding-right: var(--mobile-page-inset);
    overscroll-behavior-inline: contain;
  }

  #case-studies .case-studies-cards > .lqd-column,
  #reviews .reviews-scroll-col,
  #reviews .reviews-carousel-track > .review-box {
    scroll-snap-align: center;
  }

  #case-studies .cards-dots,
  #reviews .reviews-cards-shell + .cards-dots {
    position: relative;
    z-index: 1;
  }
}

/* Mobile hero: one consistent rhythm between Trustpilot, headline, video,
   and introductory copy. Reset the heading/figure margins that previously
   produced three different visible gaps. */
@media (max-width: 767px) {
  #hero-section {
    --hero-mobile-element-gap: var(--space-6, 24px);
  }

  #hero-section p.lead.visible-xs {
    display: none !important;
  }

  #wrap #hero-section .hero-eyebrow-wrap {
    margin-bottom: var(--hero-mobile-element-gap) !important;
  }

  #hero-section .ld-fancy-heading.visible-xs {
    margin: 0 0 var(--hero-mobile-element-gap) !important;
  }

  #wrap #hero-section .ld-fancy-heading.visible-xs h1 {
    margin: 0 !important;
  }

  #hero-section .liquid-img-group-img-container.visible-xs {
    margin-bottom: var(--hero-mobile-element-gap) !important;
  }

  #hero-section .liquid-img-group-img-container.visible-xs figure {
    display: block;
    line-height: 0;
  }
}

/* The sticky mobile CTA stays out of the way until both hero CTAs have scrolled
   past the viewport. */
@media (max-width: 767px) {
  .mobile-banner {
    display: flex !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(calc(100% + env(safe-area-inset-bottom, 0px)));
    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
                opacity 0.2s ease,
                visibility 0s linear 0.32s;
    will-change: transform, opacity;
  }

  .mobile-banner.is-visible {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .mobile-banner {
    transition: none;
  }
}

/* Mobile case-study cards: keep the result summary and CTA, omit the
   additional descriptive paragraph. */
@media (max-width: 767px) {
  #reviews .reviews-verified-note {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--space-2, 0.5rem);
    text-align: left;
  }

  #reviews .reviews-verified-note-icon {
    flex: 0 0 auto;
    margin-top: 0.125rem;
  }

  #reviews .reviews-verified-note .visible-xs {
    flex: 1 1 auto;
    min-width: 0;
  }

  #case-studies .case-studies-cards {
    align-items: stretch !important;
  }

  #case-studies .case-studies-cards > .lqd-column {
    display: flex !important;
    align-self: stretch !important;
  }

  #case-studies .case-study-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  #case-studies .case-study-card .contents {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
  }

  #case-studies .case-study-card .contents > p.h5 + p {
    display: none !important;
  }

  #case-studies .case-study-card .contents > p.h5 {
    margin-bottom: 0 !important;
  }

  #case-studies .case-study-read-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto 0 0 !important;
    padding: 0.4rem 1rem !important;
    color: var(--gray-dark, #1d1d1d) !important;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: var(--radius-control, 8px);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    transition: background-color var(--dur-fast, 160ms) ease,
                border-color var(--dur-fast, 160ms) ease,
                color var(--dur-fast, 160ms) ease;
  }

  #case-studies .case-study-read-cta > span {
    display: inline-block !important;
    width: 100%;
    padding: 0 !important;
    text-align: center;
  }

  #case-studies .case-study-read-cta .btn-icon,
  #case-studies .case-study-read-cta .btn-txt {
    display: inline-flex !important;
    width: auto !important;
    padding: 0 !important;
  }

  #case-studies .case-study-read-cta .btn-icon i {
    display: inline-block !important;
    margin-right: 0.5rem !important;
  }

  #case-studies .case-study-card:hover .case-study-read-cta,
  #case-studies .case-study-card:focus-within .case-study-read-cta {
    background: #0287ed;
    border-color: #0287ed;
    color: #fff !important;
  }
}

/* Mobile footer: compact contact details, collapsible navigation, and one
   full-width community stack. Desktop/tablet footer layout remains unchanged. */
@media (max-width: 767px) {
  .main-footer .footer-address-mobile {
    display: inline !important;
  }

  .main-footer .footer-accordion-column,
  .main-footer .footer-community-column {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 0 !important;
  }

  .main-footer .footer-accordion-column {
    border-bottom: 1px solid #e5e7eb;
  }

  .main-footer .footer-accordion-toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 !important;
    padding: var(--space-4) 0;
    border: 0;
    background: transparent;
    color: var(--color-text, #1d1d1d);
    font: inherit;
    font-size: var(--text-lg, 1.125rem);
    font-weight: var(--weight-bold, 700);
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
  }

  .main-footer .footer-accordion-icon {
    font-size: 0.8em;
    transition: transform var(--dur-base, 200ms) var(--ease-out, ease);
  }

  .main-footer .footer-accordion-panel {
    display: block !important;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: max-height 0.32s var(--ease-out, ease),
                opacity 0.2s ease,
                margin-bottom 0.2s ease,
                visibility 0s linear 0.32s;
  }

  .main-footer .footer-accordion-column.is-open .footer-accordion-panel {
    margin-bottom: var(--space-4);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }

  .main-footer .footer-accordion-column.is-open .footer-accordion-icon {
    transform: rotate(180deg);
  }

  .main-footer .footer-community-column {
    padding-top: var(--space-6);
  }

  .main-footer .footer-community-column > .widget-title {
    display: none !important;
  }

  .main-footer .footer-community-stack,
  .main-footer .footer-community-stack > *,
  .main-footer .footer-community-stack .trustpilot-widget,
  .main-footer .footer-community-stack .trustpilot-widget iframe,
  .main-footer .footer-community-facebook {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .main-footer .footer-community-stack {
    gap: var(--space-4);
  }

  .main-footer .footer-community-facebook {
    order: 1;
  }

  .main-footer .footer-community-stack .trustpilot-widget {
    order: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto !important;
    min-height: 164px;
    padding: var(--space-4);
    border: 1px solid #ededed;
    border-radius: var(--radius-surface, 1rem);
    background: #fff;
    overflow: hidden;
  }

  .main-footer .footer-community-compliance {
    order: 3;
  }

  .main-footer .footer-social-icons--mobile {
    order: 4;
  }

  .main-footer .footer-community-stack .trustpilot-widget iframe {
    display: block !important;
    height: 130px !important;
    min-height: 130px !important;
  }

  .main-footer .footer-community-facebook {
    justify-content: center;
    min-height: 72px;
    padding: var(--space-4);
    border: 1px solid #ededed;
    border-radius: var(--radius-surface, 1rem);
    background: #fff;
  }

  .main-footer .footer-community-compliance {
    width: 100%;
  }

  .main-footer .footer-community-gdpr,
  .main-footer .footer-community-dmca {
    flex: 0 0 auto;
  }

  .main-footer .footer-social-icons--mobile {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--space-2);
  }

  .main-footer .footer-social-icons--mobile a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #e2e6ea;
    border-radius: 50%;
    background: #fff;
    color: #737373;
    font-size: 18px;
    line-height: 1;
  }

  .main-footer .footer-social-icons--mobile a:hover,
  .main-footer .footer-social-icons--mobile a:focus-visible {
    border-color: #0287ed;
    background: #0287ed;
    color: #fff;
  }

  .main-footer .footer-copyright-block {
    display: block;
  }

  .main-footer .footer-bottom-copyright {
    margin-bottom: 0 !important;
  }

  .main-footer .footer-community-dmca .dmca-badge {
    display: block;
    width: fit-content;
    margin: 0;
  }

  .main-footer .footer-secure-payments-copy {
    display: block !important;
    margin: var(--space-8) 0 0;
    color: var(--color-text-body, #737373);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--leading-normal, 1.5);
    text-align: left;
  }

  .main-footer .footer-community-compliance--mobile {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    margin-top: var(--space-6);
    gap: var(--space-3);
  }

  .main-footer .footer-community-compliance--mobile .footer-community-gdpr,
  .main-footer .footer-community-compliance--mobile .footer-community-dmca {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 0;
  }

  .main-footer > section:last-of-type {
    margin-top: 0 !important;
    padding-top: var(--space-8) !important;
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (min-width: 768px) {
  .main-footer .footer-accordion-panel {
    max-height: none !important;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* Mobile Global Reach KPIs use the same compact tile language as pricing KPIs. */
@media (max-width: 767px) {
  #results .report-feature-box .reach-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    width: 100%;
    margin: var(--space-5) 0 0 !important;
  }

  #results .report-feature-box .reach-stat-col {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: var(--space-3) var(--space-2);
    box-sizing: border-box;
    border: 1px solid rgba(29, 29, 29, 0.06);
    border-radius: var(--radius-lg, 0.5rem);
    background: var(--light, #f5f7fa);
    text-align: center;
  }

  #results .report-feature-box .reach-stats .reach-stat-col.mr-5 {
    margin-right: 0 !important;
  }

  #results .report-feature-box .reach-stat-col h2 {
    margin: 0 !important;
    line-height: 1.1;
  }

  #results .report-feature-box .reach-stat-col p {
    position: static !important;
    top: auto !important;
    margin: var(--space-1) 0 0 !important;
    color: var(--color-text-muted, #9ca3af);
    font-size: var(--text-xs, 0.75rem);
    font-weight: var(--weight-semibold, 600);
    line-height: 1.2;
  }
}