/* CSS Reset */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* CSS Variables */
        :root {
            --purple-50: #faf5ff;
            --purple-100: #f3e8ff;
            --purple-200: #e9d5ff;
            --purple-500: #a855f7;
            --purple-600: #9333ea;
            --purple-700: #7e22ce;
            --purple-900: #581c87;
            --blue-50: #eff6ff;
            --blue-500: #3b82f6;
            --blue-600: #2563eb;
            --blue-700: #1d4ed8;
            --red-50: #fef2f2;
            --red-200: #fecaca;
            --red-500: #ef4444;
            --red-600: #dc2626;
            --orange-50: #fff7ed;
            --orange-200: #fed7aa;
            --orange-500: #f97316;
            --orange-600: #ea580c;
            --green-200: #bbf7d0;
            --green-500: #22c55e;
            --green-600: #16a34a;
            --yellow-50: #fefce8;
            --yellow-400: #facc15;
            --gray-50: #f9fafb;
            --gray-100: #f3f4f6;
            --gray-500: #6b7280;
            --gray-600: #4b5563;
            --gray-700: #374151;
            --gray-900: #111827;
            --white: #ffffff;
        }

        /* Animated Background - Simple Gradient Wave */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
                background: linear-gradient(-45deg, #faf5ff, #ccb5ff38, #8b57ff38, #b898ff38, #7d44fc40);
            background-size: 400% 400%;
            animation: gradientWave 15s ease infinite;
        }

        @keyframes gradientWave {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        /* Base Styles */
        *{
            font-family: 'Inter', sans-serif;
        }
        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--gray-900);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
        }

        html {
            scroll-behavior: smooth;
        }

        /* Utility Classes */
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1rem;
            position: relative;
            z-index: 1;
        }
        div#calendly-embed {
            height: 100%;
        }

        
        .header-logo-scroll{
            margin: 40px auto 50px auto !important;
            max-width: 70%;;
        }
        .guarantee-list{
            list-style-type: none;
            
        }
        .guarantee-list li{
            color: var(--gray-600);
            font-weight: 400;
        }

        @media (min-width: 640px) {
            .container {
                padding: 0 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .container {
                padding: 0 2rem;
            }
        }



        .my-img {
            display: block;
            margin-left: 0;
        }

        .my-img1 {
            display: block;
            margin-left: 0;
        }

        @media (min-width: 888px) {
            .my-img {
                display: flex;
                margin-left: -200px;
            }
        }

        @media (min-width: 888px) {
            .my-img1 {
                display: flex;
                /* margin-left: -200px; */
            }
        }

        /* Header */
        header {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(10px);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
            border-bottom: 1px solid var(--gray-100);
        }

        .logo-container {
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease;
        }

        .logo-container:hover {
            transform: scale(1.05);
        }

        .logo-text {
            font-size: 1.75rem;
            font-weight: 700;
            color: var(--gray-900);
            letter-spacing: -0.025em;
        }

        .btn {
            padding: 0.75rem 1.5rem;
            border-radius: 0.5rem;
            font-weight: 600;
            font-size: 0.9375rem;
            transition: all 0.2s ease;
            cursor: pointer;
            border: none;
            text-decoration: none;
            display: inline-block;
            letter-spacing: -0.01em;
        }

        .btn-primary {
            background: var(--purple-600);
            color: var(--white);
        }

        .btn-primary:hover {
            background: var(--purple-700);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
        }

        .btn-secondary {
            background: var(--white);
            color: var(--purple-600);
            border: 2px solid var(--purple-600);
            height: 52px;
        }

        .btn-secondary:hover {
            background: var(--purple-50);
            border-color: var(--purple-700);
            color: var(--purple-700);
        }

        .btn-gradient {
            background: linear-gradient(135deg, #7c43ff, #6c3ad7);
            color: var(--white);
        }
        .btn{
            cursor: pointer;
            font-family: 'Inter';
            font-weight: 500 !important;
        }

        .btn-gradient:hover {
            box-shadow: 0 8px 24px rgba(147, 51, 234, 0.35);
            transform: translateY(-2px);
        }

        .hidden-sm {
            display: none;
        }
        .footer-email-link:hover {
            text-decoration: underline;
        }
        .mb-0{
            margin-bottom: 0;
        }
        .section-title.mb-0{
            margin-bottom: 0;
        }
        section.transformationGuaranteeSection {
            padding: 0px 0 85px 0 !important;
        }



        @media (min-width: 640px) {
            .hidden-sm {
                display: block;
            }
        }

        /* Tab Navigation */
        .tab-nav {
            display: flex;
            gap: 0;
            margin-bottom: -1px;
        }

        .tab-button {
            flex: 1;
            padding: 1rem 1.5rem;
            font-weight: 600;
            font-size: 0.9375rem;
            transition: all 0.2s ease;
            position: relative;
            background: none;
            border: none;
            cursor: pointer;
            color: var(--gray-500);
            letter-spacing: -0.01em;
        }

        .tab-button:hover {
            color: var(--gray-700);
            background: var(--gray-50);
        }

        .tab-button.active {
            color: var(--purple-600);
            background: var(--purple-50);
        }

        .tab-button.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--purple-600), var(--blue-600));
        }

        .tab-button-text-full {
            display: none;
        }

        @media (min-width: 640px) {
            .tab-button-text-full {
                display: inline;
            }

            .tab-button-text-short {
                display: none;
            }
        }

        /* Tab Content */
        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
            animation: fadeIn 0.4s ease-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Hero Section */
        .hero {
            position: relative;
            overflow: hidden;
            margin: 10px;
            padding-bottom: 2rem;
            padding-top: 80px;
            margin-bottom: 0;
        }

        .hero-content {
            position: relative;
            /* padding: 4rem 0; */
        }

        @media (min-width: 640px) {
            .hero-content {
                padding: 6rem 0;
            }
        }

        .badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: #201f41;
            color: var(--white);
            padding: 0.625rem 1.25rem;
            border-radius: 2rem;
            font-weight: 600;
            font-size: 0.875rem;
            box-shadow: 0 4px 12px rgba(147, 51, 234, 0.2);
            margin-bottom: 1.5rem;
            letter-spacing: -0.01em;
        }

        .hero-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--gray-900);
            margin-bottom: 1.2rem;
            line-height: 1.2;
            letter-spacing: -0.03em;
        }
        section.hero .hero-content.container .card {
            background: transparent;
            padding: 0;
            border: 0;
            box-shadow: 0 0 #000;
        }

        @media (min-width: 640px) {
            .hero-title {
                font-size: 3.5rem;
            }
        }

        @media (min-width: 1024px) {
            .hero-title {
                font-size: 3.2rem;
            }
        }

        .gradient-text {
            display: block;
            background: linear-gradient(135deg, var(--purple-600), var(--blue-600));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .hero-subtitle {
            font-size: 1.1rem;
            color: var(--gray-700);
            font-weight: 600;
            margin-bottom: 1rem;
            max-width: 56rem;
            margin-left: auto;
            margin-right: auto;
            letter-spacing: -0.02em;
        }

        @media (min-width: 640px) {
            .hero-subtitle {
                font-size: 1.75rem;
            }
        }

        .hero-description {
            font-size: 1.125rem;
            color: var(--gray-600);
            margin-bottom: 2rem;
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.7;
        }

        @media (min-width: 640px) {
            .hero-description {
                font-size: 1.25rem;
            }
        }

        /* Card */
        .card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 2px solid var(--purple-200);
            border-radius: 1rem;
            padding: 2rem;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        }

        /* Grid */
        .grid {
            display: grid;
            gap: 1.5rem;
        }

        @media (min-width: 768px) {
            .grid-2 {
                grid-template-columns: repeat(2, 1fr);
            }

            .grid-3 {
                grid-template-columns: repeat(3, 1fr);
            }

            .grid-4 {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        /* Section */
        section {
            padding: 5rem 0;
        }

        .section-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--gray-900);
            margin-bottom: 3rem;
            text-align: center;
            letter-spacing: 0;
            text-transform: capitalize;
            line-height: 1.4;
        }

        @media (min-width: 640px) {
            .section-title {
                font-size: 2.4rem;
            }
        }

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

        /* Feature Card */
        .feature-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 2px solid var(--purple-200);
            border-radius: 1rem;
            padding: 1.75rem;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            transition: all 0.2s ease;
        }

        .feature-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        }

        .feature-icon {
            width: 3.5rem;
            height: 3.5rem;
            background: #a14af2;
            border-radius: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25rem;
            box-shadow: 0 4px 12px rgba(168, 85, 247, 0.25);
        }

        .feature-icon svg {
            width: 1.75rem;
            height: 1.75rem;
            color: white;
        }

        .feature-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--gray-900);
            margin-bottom: 10px;
            letter-spacing: -0.02em;
            line-height: 1.4;
        }

        .feature-description {
            color: var(--gray-600);
            font-weight: 500;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        /* CTA Buttons */
        .cta-container {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            justify-content: center;
            align-items: center;
            margin-bottom: 2rem;
        }
        .testimonial-card .testimonial-image img {
            border-radius: 6px !important;
            object-fit: cover;
            width: 55px !important;
            height: 55px !important;
        }
        .testimonial-card > div {
            gap: 0px 20px !important;
            width: 100%;
        }
        .productTransformationsRow {
            padding: 55px 2rem 60px 2rem !important;
        }
        .productTransformationsRow .productTransformationBox {
            padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
        }

        .productTransformationsRow .productTransformationBox p.font-black {
            line-height: 1.3;
            font-weight: 600;
        }

        @media (min-width: 640px) {
            .cta-container {
                flex-direction: row;
            }
        }

        .btn-large {
            padding: 1rem 2rem;
            font-size: 1.0625rem;
            display: flex;
            align-items: center;
            gap: 0.625rem;
            width: 100%;
            justify-content: center;
            font-weight: 600;
        }

        @media (min-width: 640px) {
            .btn-large {
                width: auto;
            }
        }

        /* Problem Section */
        .problem-section {
            position: relative;
            padding-top: 0 !important;
            /* background-color: #f3dcdc; */
        }

        .problem-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 1.5rem;
            padding: 2rem;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            /* border: 2px solid var(--red-200); */
        }

        @media (min-width: 640px) {
            .problem-card {
                padding: 3rem;
            }
        }

        .problem-item {
            background: #6e3bdb0a;
            padding: 1rem 1.25rem;
            border-radius: 0.6rem;
            border-left: 3px solid #7941f9;
            box-shadow: 0 0 1px #00000063;
        }
        .problem-item p {
            font-weight: 500;
        }

        .cost-box {
            background: linear-gradient(135deg, #201e43, #7741f3);
            color: var(--white);
            padding: 2rem;
            border-radius: 1rem;
            margin-bottom: 1.5rem;
            box-shadow: 0 8px 24px rgb(113 62 230 / 18%);
        }
        .problem-card .cost-2ndBox {
            background: #ffffff !important;
            border: 1px solid #11111117;
            padding: 41px 30px 40px 30px !important;
            box-shadow: 0 0 10px #0000000f;
        }

        .problem-card .cost-2ndBox h3 {
            font-size: 18px !important;
        }

        .problem-card .cost-2ndBox p.text-red-600 {
            font-weight: 500;
        }

        .cost-stat {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            padding: 1.25rem;
            border-radius: 0.875rem;
        }

        /* What You Get Section */
        .what-you-get {
            padding-top: 0;
            padding-bottom: 0;
            /* background: linear-gradient(135deg, var(--purple-600), var(--purple-700), var(--blue-700));
            color: var(--white); */
        }

        .what-you-get-card {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            padding: 2rem;
            border: 2px solid rgb(57 13 13 / 20%);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        }

        .what-you-get-card.highlighted {
            background: linear-gradient(135deg, rgb(154 108 201 / 90%), rgba(255, 255, 255, 0.9));
            color: var(--gray-900);
            border: 3px solid #acc9eb;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
        }

        /* Testimonials */
        .testimonial-card {
            background: rgb(255 255 255 / 80%);
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            padding: 1.75rem 1.75rem 16px 1.75rem;
            border: 1px solid #7a42f954;
            transition: all 0.2s ease;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
        }

        .testimonial-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }

        /* Final CTA */
        .final-cta {
            position: relative;
            padding-top: 0 !important;
            padding-bottom: 40px;
        }

        .final-cta-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 1.5rem;
            padding: 2rem;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
            /* border: 3px solid var(--yellow-400); */
            text-align: center;
        }

        iframe {
            min-height: 70vh !important;
            overflow: scroll !important;
        }


        @media (min-width: 640px) {
            .final-cta-card {
                padding: 3rem;
            }
        }

        @keyframes pulse {
          0%, 100% {
            transform: scale(1);
          }
          50% {
            transform: scale(1.05);
          }
        }

        .urgency-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--red-500);
            color: var(--white);
            padding: 0.625rem 1.25rem;
            border-radius: 2rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            letter-spacing: -0.01em;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        /* Spacing utilities */
        .mb-2 {
            margin-bottom: 0.5rem;
        }

        .mb-4 {
            margin-bottom: 1rem;
        }

        .mb-6 {
            margin-bottom: 1.5rem;
        }

        .mb-8 {
            margin-bottom: 2rem;
        }

        .mb-12 {
            margin-bottom: 3rem;
        }

        .mt-6 {
            margin-top: 1.5rem;
        }

        .space-y-3>*+* {
            margin-top: 0.75rem;
        }

        .space-y-4>*+* {
            margin-top: 1rem;
        }

        .space-y-6>*+* {
            margin-top: 1.5rem;
        }

        /* Text utilities */
        .text-lg {
            font-size: 1.0625rem;
        }

        .text-xl {
            font-size: 1.1875rem;
        }

        .text-2xl {
            font-size: 1.43rem;
        }

        .text-3xl {
            font-size: 1.75rem;
        }

        .text-4xl {
            font-size: 2.125rem;
        }

        .text-5xl {
            font-size: 2.75rem;
        }

        .font-medium {
            font-weight: 500;
        }

        .font-semibold {
            font-weight: 600;
        }

        .font-bold {
            font-weight: 700;
        }

        .font-black {
            font-weight: 800;
        }

        .text-gray-500 {
            color: var(--gray-500);
        }

        .text-gray-600 {
            color: var(--gray-600);
        }

        .text-gray-700 {
            color: var(--gray-700);
        }

        .text-gray-900 {
            color: var(--gray-900);
        }

        .text-white {
            color: var(--white);
        }

        .text-red-600 {
            color: var(--red-600);
        }

        .text-purple-600 {
            color: #7941f9;
        }

        /* Calendly Inline Widget */
        .calendly-inline-widget {
            min-width: 320px;
            height: 700px;
        }

        /* Calendly Modal Overlay */
        .calendly-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            z-index: 9999;
            align-items: center;
            justify-content: center;
        }

        .calendly-overlay.active {
            display: flex;
        }

        .calendly-popup {
            width: 90%;
            max-width: 1000px;
            height: 90%;
            background: white;
            border-radius: 1rem;
            overflow: hidden;
            position: relative;
        }

        .calendly-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: var(--white);
            border: none;
            border-radius: 50%;
            width: 3rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10000;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-size: 1.5rem;
            color: var(--gray-900);
            transition: all 0.2s ease;
        }

        .calendly-close:hover {
            background: var(--gray-100);
            transform: scale(1.05);
        }

        .underline {
            text-decoration: underline;
        }

        .text-purple-700:hover {
            color: var(--purple-700);
        }

        /* Icon styling */
        .icon-wrapper {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        /* Scroll animations */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .scroll-reveal.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .scroll-reveal-left {
            opacity: 0;
            transform: translateX(-30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .scroll-reveal-left.revealed {
            opacity: 1;
            transform: translateX(0);
        }

        .scroll-reveal-right {
            opacity: 0;
            transform: translateX(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .scroll-reveal-right.revealed {
            opacity: 1;
            transform: translateX(0);
        }

        .scroll-reveal-scale {
            opacity: 0;
            transform: scale(0.95);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .scroll-reveal-scale.revealed {
            opacity: 1;
            transform: scale(1);
        }

        /* Stagger animation delays for grid items */
        

        /* Footer Base Styles */
        .footer-logo {
            width: 163px;
            height: auto;
            margin-bottom: 1rem;
            filter: brightness(0) invert(1);
            object-fit: cover;
            cursor: pointer;
            transition: 0.3s;
        }

        .footer-logo:hover {
            transform: scale(1.03);
        }

        .footer-tagline {
            font-size: 1rem;
            opacity: 0.9;
            font-weight: 400;
        }

        .footer-cta-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }

        .footer-btn {
            padding: 0.75rem 1.5rem;
            font-size: 0.9375rem;
            width: 100%;
            max-width: 200px;
        }

        .footer-links-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            text-align: center;
        }

        .footer-column {
            min-width: 0;
        }

        .footer-heading {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: var(--purple-200);
        }

        .footer-link-item {
            margin-bottom: 0.75rem;
        }

        .footer-link-button {
            background: none;
            border: none;
            color: var(--white);
            opacity: 0.8;
            cursor: pointer;
            font-size: 0.9375rem;
            transition: opacity 0.2s;
            padding: 0;
            width: 100%;
        }

        .footer-link-button:hover {
            opacity: 1;
        }

        .footer-link {
            color: var(--white);
            opacity: 0.8;
            text-decoration: none;
            font-size: 0.9375rem;
            transition: opacity 0.2s;
        }

        .footer-link:hover {
            opacity: 1;
        }

        .footer-email-link {
            color: var(--white);
            opacity: 0.8;
            text-decoration: none;
            font-size: 0.9375rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            transition: opacity 0.2s;
        }

        .footer-email-link:hover {
            opacity: 1;
        }

        .footer-email-text {
            word-break: break-all;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 2rem;
            text-align: center;
        }

        .footer-bottom-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            justify-content: center;
        }

        .footer-copyright {
            opacity: 0.7;
            font-size: 0.875rem;
            margin: 0;
        }

        .footer-description {
            opacity: 0.6;
            font-size: 0.8125rem;
            margin: 0;
            max-width: 42rem;
            padding: 0 1rem;
        }

        /* Button Styles */
        footer .btn-gradient {
            box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
        }

        footer .btn-gradient:hover {
            box-shadow: 0 6px 20px rgba(147, 51, 234, 0.4);
        }

        footer .btn-secondary {
            background: rgba(255, 255, 255, 0.1);
            border: 2px solid rgba(255, 255, 255, 0.3);
            color: var(--white);
        }

        footer .btn-secondary:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.5);
            color: var(--white);
        }
        section.transformationGuaranteeSection .guarantee-card {
            padding: 25px 14px 33px 14px;
            border: 1px solid #7840f45c;
        }

        section.transformationGuaranteeSection .guarantee-card h3.guarantee-title {
            font-weight: 700;
            line-height: 1.3;
            margin: 0 0 9px 0;
        }

        section.transformationGuaranteeSection .guarantee-card p.guarantee-description {
            font-weight: 400;
        }
        section.slotSection {
            padding-top: 20px;
            padding-bottom: 90px;
        }
        section.slotSection .urgency-badge {
            background: #ef4444;
        }
        section.slotSection h2.section-title {
            line-height: 1.2;
        }
        section.slotSection .slotSectionBox {
            padding: 50px 50px !important;
        }
        section.slotSection .slotSectionBox h6 {
            font-size: 1.2rem;
            margin: 3px 0px 30px 0;
        }

        section.slotSection .slotSectionBox h6 span {
            color: #7c43ff !important;
        }
        footer {
            background: linear-gradient(135deg, #201e43, #7741f3) !important;
            padding: 80px 0 40px 0 !important;
        }

        footer .cta-container {
            margin-bottom: 0;
        }

        footer  h4.footer-heading {
            color: #fff;
            font-weight: 600;
            font-size: 25px;
        }

        footer  p.footer-copyright {
            opacity: 1;
        }

        footer  .footer-bottom-content {
            gap: 10px 0;
        }
        .cost-box h3 {
            line-height: 1.3;
            margin-bottom: 10px;
        }
        button.bookAMeetingText {
            font-weight: 500;
            transition: 0.3s;
        }
        button.bookAMeetingText:hover {
            text-decoration: underline;
        }
        footer .cta-container .btn {
            height: 53px;
        }
        .roiBoxesRow .z-roiPricingBox .z-price {
            background: linear-gradient(135deg, #201e43, #7741f3);
            padding: 20px;
            border-radius: 10px;
            color: #fff;
        }
        .roiBoxesRow .z-roiPricingBox .z-price h5 {
            font-size: 35px;
            line-height: 1;
            font-weight: 800;
            letter-spacing: 0.5px;
            margin: 0 0 8px 0;
        }
        .roiBoxesRow .z-roiPricingBox .z-price p.small {
            font-size: 12px;
            opacity: 0.9;
            margin-top: 3px;
        }
        .roiBoxesRow .z-roiPricingBox .space-y-3 {
            display: flex;
            flex-wrap: wrap;
            gap: 12px 0px;
        }
        .roiBoxesRow .z-roiPricingBox .space-y-3 > div {
            width: 100%;
            margin: 0;
            padding: 16px;
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            color: #fff;
            color: #111;
            box-shadow: 0 0 7px #0000000f;
        }
        .roiBoxesRow .z-roiPricingBox .space-y-3 > div p.font-bold {
            font-weight: 500;
            font-size: 16px;
            line-height: 1;
        }



        /* Tablet Breakpoint (480px+) */
        @media (min-width: 480px) {
            .footer-logo {
                max-width: 350px;
            }

            .footer-tagline {
                font-size: 1.125rem;
            }

            .footer-btn {
                width: auto;
                min-width: 160px;
            }

            .footer-email-text {
                word-break: normal;
            }
        }

        /* Small Tablet Breakpoint (600px+) */
        @media (min-width: 600px) {
            .footer-links-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .footer-column:last-child {
                grid-column: 1 / -1;
            }
        }

        /* Medium Tablet Breakpoint (768px+) */
        @media (min-width: 768px) {
            footer {
                padding: 5rem 0 2.5rem 0;
            }

            .footer-logo {
                max-width: 450px;
            }

            .footer-cta-buttons {
                gap: 1.25rem;
            }

            .footer-btn {
                padding: 0.875rem 1.75rem;
                min-width: 180px;
            }

            .footer-links-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 2.5rem;
            }

            .footer-column:last-child {
                grid-column: auto;
            }
        }

        /* Desktop Breakpoint (1024px+) */
        @media (min-width: 1024px) {
            .footer-logo {
                max-width: 500px;
            }

            .footer-links-grid {
                grid-template-columns: repeat(3, minmax(200px, 1fr));
                gap: 3rem;
            }

            .footer-description {
                font-size: 0.875rem;
            }
        }

        /* Large Desktop Breakpoint (1280px+) */
        @media (min-width: 1280px) {
            .footer-links-grid {
                gap: 4rem;
            }
        }

        /* Mobile-specific optimizations */
        @media (max-width: 479px) {
            footer {
                padding: 3rem 0 1.5rem 0;
            }

            .footer-cta-buttons {
                gap: 0.75rem;
            }

            .footer-btn {
                font-size: 0.875rem;
                padding: 0.625rem 1.25rem;
            }

            .footer-links-grid {
                gap: 1.5rem;
                padding-top: 1.5rem;
            }

            .footer-heading {
                font-size: 0.9375rem;
            }

            .footer-link,
            .footer-link-button,
            .footer-email-link {
                font-size: 0.875rem;
            }

            .footer-bottom {
                padding-top: 1.5rem;
            }

            .footer-copyright {
                font-size: 0.8125rem;
            }

            .footer-description {
                font-size: 0.75rem;
            }
        }

        /* Phase Card Styling */
        .phase-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            padding: 2rem;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            /* border: 2px solid; */
        }

        .phase-card.phase-purple {
            border-color: var(--purple-200);
            background: linear-gradient(135deg, rgba(250, 245, 255, 0.9), rgba(255, 255, 255, 0.9));
        }

        .phase-card.phase-blue {
            /* border-color: var(--blue-200); */
            background: linear-gradient(135deg, rgba(239, 246, 255, 0.9), rgba(255, 255, 255, 0.9));
        }

        .phase-card.phase-green {
            border-color: var(--green-200);
            background: linear-gradient(135deg, rgba(240, 253, 244, 0.9), rgba(255, 255, 255, 0.9));
        }

        .phase-card.phase-orange {
            border-color: var(--orange-200);
            background: linear-gradient(135deg, rgba(255, 247, 237, 0.9), rgba(255, 255, 255, 0.9));
        }

        .phase-badge {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            font-weight: 700;
            font-size: 0.875rem;
            margin-bottom: 0.5rem;
            color: white;
        }

        .phase-badge.badge-purple {
            background: var(--purple-600);
        }

        .phase-badge.badge-blue {
            background: var(--blue-600);
        }

        .phase-badge.badge-green {
            background: var(--green-600);
        }

        .phase-badge.badge-orange {
            background: var(--orange-600);
        }

        /* Guarantee Card */
        .guarantee-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            padding: 1.5rem;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            border: 2px solid var(--yellow-400);
            text-align: center;
            transition: all 0.2s ease;
        }

        .guarantee-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        }

        .guarantee-emoji {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .guarantee-title {
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--gray-900);
            margin-bottom: 0.75rem;
        }

        .guarantee-description {
            color: var(--gray-600);
            font-weight: 500;
        }
        .phase-card.phase-purple {
            background: rgb(255 255 255);
        }

        .phase-card.phase-blue {
            background: rgb(255 255 255 / 90%);
        }

        .phase-card.phase-green {
            background: rgb(255 255 255 / 80%);
        }

        .phase-card.phase-orange {
            background: rgb(255 255 255 / 70%);
        }

        .phase-card .phase-badge {
            font-weight: 500;
            background: #eac433;
            padding: 7px 30px;
            margin: 0 0 13px 0;
        }

        .phase-card  h3 {
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: 0.5px;
            margin: 0 0 5px 0;
        }

        .phase-card p {
            font-weight: 500;
            color: #0a0a0adb;
        }

        .phase-card  .space-y-3 {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 0px;
        }

        .phase-card .space-y-3 p {
            margin: 0 0;
            width: 100%;
            display: block;
            line-height: 1.6;
        }
        .phase-card.phase-purple{
            background: #fffefb;
            border: 2px solid #fff4c9;
        }
        .phase-card.phase-blue {
            background: #eff4ff;
            border: 2px solid #bfdbfe;
        }
        .phase-card.phase-blue .phase-badge.badge-blue {
            background: #2563eb;
        }
        .phase-card.phase-green {
            background: #fafdfc;
            border: 2px solid #bbf7d0;
        }
        .phase-card.phase-green .phase-badge.badge-green {
            background: #16a34a;
        }
        .phase-card.phase-orange {
            background: #fffcf8;
            border: 2px solid #fed7aa;
        }
        .phase-card.phase-orange .phase-badge.badge-orange {
            background: #ea580c;
        }
        .roiBoxesRow {
            flex-wrap: wrap;
            gap: 30px 4%;
        }

        .roiBoxesRow .z-roiPricingBox {
            width: 42%;
        }

        .roiBoxesRow .yourRoiBox.card {
            width: 42%;
        }
        .pkg-card .z_featureImage a {
            display: block;
        }
        .roiBoxesRow .z-roiPricingBox p.small {
            line-height: 1.5;
        }
        .roiBoxesRow .z-roiPricingBox p.small strong {
            font-weight: 500;
        }



        @media (min-width: 640px) {
            

            section:nth-last-of-type(2)>div>div:last-child>div {
                flex-direction: row;
            }
        }

        @media (min-width: 1024px) {
            
        }

        .verification-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            font-size: 0.75rem;
            color: var(--green-600);
            font-weight: 600;
            margin-top: 0.25rem;
        }

        .verification-icon {
            width: 14px;
            height: 14px;
        }

        /* FAQ Styles */
        .faq-item {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 2px solid var(--purple-200);
            border-radius: 1rem;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .faq-item:hover {
            border-color: var(--purple-300);
            box-shadow: 0 4px 16px rgba(168, 85, 247, 0.15);
        }

        .faq-item.active {
            border-color: var(--purple-500);
        }

        .faq-question {
            width: 100%;
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: none;
            border: none;
            cursor: pointer;
            text-align: left;
            transition: all 0.3s ease;
        }

        .faq-question:hover {
            background: var(--purple-50);
        }

        .faq-question-text {
            font-size: 1.125rem;
            font-weight: 500;
            color: var(--gray-900);
            letter-spacing: -0.01em;
            padding-right: 1rem;
        }

        .faq-icon {
            width: 1.5rem;
            height: 1.5rem;
            color: var(--purple-600);
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            padding: 0 1.5rem;
        }

        .faq-item.active .faq-answer {
            max-height: unset;
            padding: 0 1.5rem 1.5rem 1.5rem;
        }

        .faq-answer p {
            color: var(--gray-700);
            font-size: 0.9375rem;
            line-height: 1.7;
            font-weight: 500;
            margin-bottom: 0.75rem;
        }

        .faq-answer p:last-child {
            margin-bottom: 0;
        }

        .faq-answer strong {
            color: var(--gray-900);
            font-weight: 700;
        }

        /* Mobile responsive */
        @media (max-width: 640px) {
            .faq-question {
                padding: 1.25rem;
            }

            .faq-question-text {
                font-size: 1rem;
            }

            .faq-answer {
                font-size: 0.875rem;
            }

            .faq-item.active .faq-answer {
                padding: 0 1.25rem 1.25rem 1.25rem;
            }
        }

        /* Logos Section */
        .logos-section {
            padding: 0 0;
            padding-bottom: 80px;
            overflow: hidden;
            /* background: linear-gradient(135deg, var(--purple-50), var(--blue-50)); */
        }

        .logos-scroll-container {
            overflow: hidden;
            position: relative;
            margin-top: 3rem;
        }

        .logos-scroll-container::before,
        .logos-scroll-container::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100px;
            z-index: 2;
            pointer-events: none;
        }

        .logos-scroll-container::before {
            left: 0;
            /* background: linear-gradient(to right, rgba(250, 245, 255, 1), rgba(250, 245, 255, 0)); */
        }

        .logos-scroll-container::after {
            right: 0;
            /* background: linear-gradient(to left, rgba(250, 245, 255, 1), rgba(250, 245, 255, 0)); */
        }

        .logos-track {
            display: flex;
            gap: 4rem;
            animation: scroll-logos 40s linear infinite;
            width: fit-content;
        }

        .logos-track:hover {
            animation-play-state: paused;
        }

        .logo-item {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            min-width: 120px;
            filter: grayscale(100%) opacity(0.6);
            transition: all 0.3s ease;
        }

        .logo-item:hover {
            filter: grayscale(0%) opacity(1);
            transform: scale(1.1);
        }

        .logo-item img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
        }

        @keyframes scroll-logos {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }


        /* Comparison Section */
        .comparison-section {
            padding: 90px 0 0px 0;
        }

        .comparison-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            align-items: stretch;
        }

        .comparison-card {
            background: var(--white);
            border-radius: 1.5rem;
            padding: 3rem;
            transition: transform 0.3s ease;
        }

        .comparison-card.before {
            border: 2px solid #ff8a8a;
            background: #fff;
        }
        .comparison-list li:last-child {
            margin: 0;
        }

        .comparison-card.after {
            border: 2px solid #6bd191;
            background: #fff;
            box-shadow: 0 20px 40px rgba(34, 197, 94, 0.1);
            transform: scale(1.02); /* Slight lift for emphasis */
        }

        .card-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 2rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .icon-badge {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }
        .icon-badge svg {
            width: 40px;
        }

        .icon-badge.red { background: #ffe8e8; }
        .icon-badge.green { background: #e1ffeb; }

        .icon-badge.green svg {
            fill: #16a34a;
        }

        .icon-badge.red svg {
            fill: #dc2626;
        }

        .comparison-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .comparison-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 1rem;
            color: var(--gray-700);
            font-weight: 400;
        }

        .comparison-list li .bullet {
            font-weight: 800;
            min-width: 20px;
        }
        .bullet.red { color: var(--red-600); }
        .bullet.green { color: var(--green-600); }
        .comparison-card.after .card-header {
            border-color: #6bd19185;
        }
        .comparison-card.before .card-header {
            border-color: #fd8b8a85;
        }


        /* Outcomes Section */
        .roiBoxesRow .yourRoiBox.card h4 {
            margin: 25px 0 15px 0;
            font-size: 20px;
            font-weight: 600;
        }

        .roiBoxesRow .yourRoiBox.card h5 {
            font-size: 16px;
            font-weight: 500;
            margin: 0 0 10px 0px;
        }

        .roiBoxesRow .yourRoiBox.card ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0 0 0 20px;
            gap: 8px 0px;
        }

        .roiBoxesRow .yourRoiBox.card ul li {
            width: 100%;
            margin: 0 0 0 0;
            color: var(--gray-700);
        }
        .results-container {
            padding: 4rem 0;
        }

        .outcomes-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem 2rem;
            padding: 3rem;
        }

        .outcome-card {
            background: var(--white);
            border: 1px solid var(--purple-100);
            border-radius: 1rem;
            padding: 2.5rem 2rem;
            text-align: center;
            box-shadow: 0 10px 30px rgba(118, 65, 243, 0.08);
            transition: transform 0.3s ease, border-color 0.3s ease;
        }

        .outcome-card:hover {
            transform: translateY(-5px);
            border-color: var(--purple-500);
        }

        .company-name {
            font-size: 1.125rem;
            font-weight: 700;
            color: var(--gray-500);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 1.5rem;
        }

        .stat-highlight {
            font-size: 3rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--purple-700), var(--blue-600));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1;
            margin-bottom: 0.5rem;
        }

        .stat-desc {
            font-size: 1.125rem;
            color: var(--gray-900);
            font-weight: 600;
        }

        .stat-row {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.5rem;
        }

        .divider-v {
            width: 1px;
            height: 40px;
            background-color: var(--gray-200);
        }

        .outcome-card .stat-row .stat-highlight {
            font-size: 2.25rem; /* Slightly smaller for double stats */
        }
        .comparison-card h4 {
            font-size: 22px;
            font-weight: 600;
            line-height: 1.5;
        }



        /* Pricing Enhancement */
        .pricing-context-wrapper {
            margin-top: 0;
            display: flex;
            justify-content: center;
        }

        .pricing-context-content {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 1.5rem;
            padding: 3rem;
            max-width: 60rem;
            width: 100%;
            text-align: center;
            color: var(--white);
        }

        .context-title {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 1rem;
            color: var(--white);
        }

        .context-desc {
            font-size: 1.125rem;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 2.5rem;
            line-height: 1.6;
        }

        .not-paying-for-box {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 1rem;
            padding: 35px 40px 40px 40px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .box-label {
            font-weight: 600;
            font-size: 22px;
            margin-bottom: 15px;
            text-transform: capitalize;
            letter-spacing: 0.5px;
        }

        .not-list {
            display: flex;
            justify-content: center;
            gap: 13px 30px;
            flex-wrap: wrap;
        }

        .not-item {
            position: relative;
            padding-left: 1.5rem;
            font-weight: 400;
            color: #fff;
            font-size: 16px;
        }

        .not-item::before {
            content: '✕';
            position: absolute;
            left: 0;
            color: #f2ab2b;
            font-weight: bold;
            text-decoration: none;
        }
        .box-label span.font-bold {
            color: #f2ab2b;
        }



        /* Transformation Package Section */
        .transformation-package-section {
            background: transparent;
            padding: 80px 0 0px 0;
        }

        .package-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            align-items: stretch;
        }

        .pkg-card {
            background: var(--white);
            border: 1px solid var(--gray-200);
            border-radius: 1rem;
            padding: 2rem 1.5rem;
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .pkg-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }

        /* Color Coding for Phases */
        .pkg-card.phase-1 { border-top: 4px solid var(--purple-600); }
        .pkg-card.phase-2 { border-top: 4px solid var(--blue-600); }
        .pkg-card.phase-3 { border-top: 4px solid var(--green-600); }
        .pkg-card.phase-4 { border-top: 4px solid #2fb6bc; }

        .pkg-card.phase-1 span.pkg-phase-badge {
            background: var(--purple-600);
            color: #fff;
        }

        .pkg-card.phase-2 span.pkg-phase-badge {
            background: var(--blue-600);
            color: #fff;
        }

        .pkg-card.phase-3 span.pkg-phase-badge {
            background: var(--green-600);
            color: #fff;
        }

        .pkg-card.phase-4 span.pkg-phase-badge {
            background: var(--orange-600);
            color: #fff;
        }

        .pkg-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.25rem;
        }

        .pkg-phase-badge {
            font-size: 0.75rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 4px 0.75rem;
            border-radius: 100px;
            background: var(--gray-100);
            color: var(--gray-700);
        }

        .pkg-days {
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--gray-500);
        }

        .pkg-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--gray-900);
            line-height: 1.3;
            margin: 0px 0 10px 0;
        }

        .pkg-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .pkg-list li {
            position: relative;
            padding-left: 1.25rem;
            margin-bottom: 0.6rem;
            color: var(--gray-600);
            line-height: 1.5;
        }

        .pkg-list li:last-child {
            margin: 0;
        }

        .pkg-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--gray-400);
            font-weight: bold;
        }

        /* End Result Bar */
        .end-result-bar {
            background: linear-gradient(135deg, #201e43, #7741f3);
            color: var(--white);
            border-radius: 1rem;
            padding: 1.5rem 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1.5rem;
            box-shadow: 0 10px 25px rgba(32, 30, 67, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .result-icon {
            font-size: 2rem;
        }

        .result-content {
            text-align: left;
        }

        .result-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            opacity: 0.8;
            margin-bottom: 0.25rem;
        }

        .result-text {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.4;
        }



        /* SaaS Outcomes Section - Redesign */
        .saas-outcomes-section {
            padding: 95px 0 100px 0;
            background: transparent; /* Inherits main background */
        }

        .outcomes-grid-layout {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }

        .metric-card {
            background: var(--white);
            border-radius: 12px;
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .metric-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
        }

        .metric-header {
            background: linear-gradient(135deg, #6d3bd9, #201f41);
            padding: 15px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .client-name {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            text-transform: capitalize;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center;
            gap: 8px;
            justify-content: center;
            text-align: center;
        }

        /* Optional: Add a small dot before the name */
        

        .metric-body {
            padding: 30px 25px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .metric-body.single-stat {
            text-align: center;
        }

        .metric-body.split-stat {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 1rem;
            text-align: center;
        }

        .stat-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .stat-number {
            font-size: 40px;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: -0.03em;
            margin-bottom: 0.5rem;
            display: inline-block;
            color: var(--gray-900);
        }

        .stat-label {
            color: var(--gray-600);
            font-weight: 500;
            line-height: 1.4;
        }

        /* Vertical Divider for Split Stats */
        .stat-divider {
            width: 1px;
            height: 60%;
            background: var(--gray-200);
            margin: auto 0;
        }

        /* Gradients for numbers */
        .stat-number.gradient-purple {
            background: linear-gradient(135deg, var(--gray-900), var(--purple-900));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-number.gradient-blue {
            background: linear-gradient(135deg, var(--gray-900), var(--purple-900));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-number.gradient-green {
            background: linear-gradient(135deg, var(--gray-900), var(--purple-900));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        section.problem-section{
            padding-top: 80px !important;
            padding-bottom: 0px !important;
        }


        section.transformationGuaranteeSection .container > .grid.grid-4 {
            display: flex;
            flex-wrap: wrap;
            gap: 25px 2%;
            justify-content: center;
        }

        section.transformationGuaranteeSection .container > .grid.grid-4 .guarantee-card {
            width: 32%;
        }


        .pkg-card {
            padding: 15px 15px 18px 15px;
        }
        .pkg-card .z_featureImage img {
            width: 100%;
            display: block;
            border-radius: 10px;
        }
        .pkg-card .z_featureImage {
            margin: 0 0 13px 0;
        }
        .pkg-card h3.pkg-title {
            margin: 0;
            text-align: center;
        }
        .pkg-title a {
            text-decoration: none;
            color: #111;
            transition: 0.3s;
        }
        .pkg-card.phase-1:hover h3.pkg-title a {
            color: var(--purple-600) !important;
        }
        .pkg-card.phase-2:hover h3.pkg-title a {
            color: var(--blue-600) !important;
        }
        .pkg-card.phase-3:hover h3.pkg-title a {
            color: var(--green-600) !important;
        }
        .pkg-card.phase-4:hover h3.pkg-title a {
            color: #2fb6bc !important;
        }
        .z-notListTop.not-list {
            gap: 10px 20px;
        }
        .z-notListTop.not-list .not-item {
            padding: 0 0 0 15px;
        }
        .z-notListTop.not-list .not-item:before {
            content: "";
            width: 6px;
            height: 6px;
            background-color: #f2ab2b;
            border-radius: 10px;
            top: 50%;
            transform: translate(0px, -50%);
            left: 0;
        }
        .logos-scroll-container h4 {
            text-transform: unset;
            line-height: 1.4;
            text-align: center;
            font-size: 20px;
            margin: 0 0 10px 0;
        }
        .hero-description {
            max-width: 50rem;
        }
        .hero-description p {
            margin: 0 0 10px 0;
        }
        .hero-description p:last-child {
            margin: 0 0 0 0;
        }
        .brief-panels-section {
            padding: 0 0 90px 0;
        }

        .brief-panel {
            background: var(--white);
            border: 1px solid var(--gray-200);
            border-radius: 12px;
            margin-bottom: 1rem;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        }

        .brief-panel:hover {
            border-color: var(--purple-300);
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }

        .brief-panel[open] {
            border-color: var(--purple-500);
            background: #ffffff;
            box-shadow: 0 8px 24px rgba(124, 67, 255, 0.08);
        }

        .brief-trigger {
            list-style: none; /* Remove default marker */
            padding: 1.5rem 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            background: transparent;
        }

        /* Remove default marker for Webkit/Chrome */
        .brief-trigger::-webkit-details-marker {
            display: none;
        }

        .brief-header-group {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

        .brief-audience-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: var(--purple-600);
        }

        .brief-heading {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--gray-900);
            margin: 0;
            line-height: 1.2;
        }

        .brief-icon {
            color: var(--gray-400);
            transition: transform 0.3s ease, color 0.3s ease;
            display: flex;
            align-items: center;
        }

        .brief-panel[open] .brief-icon {
            transform: rotate(180deg);
            color: var(--purple-600);
        }

        .brief-content {
            border-top: 1px solid var(--gray-100);
            animation: slideDown 0.3s ease-out;
        }

        .brief-inner {
            padding: 1.5rem 2rem 2rem 2rem;
            color: var(--gray-700);
            font-size: 1rem;
            line-height: 1.6;
        }

        .brief-inner p {
            margin-bottom: 0.75rem;
        }

        .brief-inner p:last-child {
            margin-bottom: 0;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }


        /* Value Proposition Band */
        .value-prop-band {
            background: linear-gradient(135deg, var(--gray-900), #2e1065); /* Dark Purple/Black Theme */
            padding: 100px 0;
            color: var(--white);
            position: relative;
            overflow: hidden;
            /* Subtle inner glow for depth */
            box-shadow: inset 0 0 100px rgba(0,0,0,0.3);
        }

        /* Decorative background accent */
        .value-prop-band::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(124, 58, 237, 0.2) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }

        .vp-title {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 2rem;
            line-height: 1.1;
            color: var(--white);
            letter-spacing: -0.02em;
            position: relative;
            z-index: 2;
        }

        .vp-content {
            margin-bottom: 3rem;
            position: relative;
            z-index: 2;
        }

        .vp-text {
            font-size: 1.35rem;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.6;
            margin-bottom: 0.5rem;
            max-width: 50rem;
            margin-left: auto;
            margin-right: auto;
        }

        .vp-cta-wrapper {
            position: relative;
            z-index: 2;
        }

        /* High Contrast Button specific to this dark section */
        .btn-white-pop {
            background: var(--white);
            color: var(--purple-900);
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 1.125rem;
            padding: 1.125rem 2.5rem;
            border-radius: 0.5rem;
            border: 2px solid transparent;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        .btn-white-pop:hover {
            transform: translateY(-2px);
            background: var(--purple-50);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
            color: var(--purple-700);
        }
        section.brief-panels-section .container details.brief-panel:last-child {
            margin: 0;
        }
        .roiBoxesRow .z-roiPricingBox > div {
            position: sticky;
            top: 90px;
        }
        section.z-section.z-faqSection {
            padding: 85px 0 0 0;
        }
        /* Deliverables Section */
        .deliverables-section {
            padding: 0 0 90px 0;
        }

        .deliverables-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem; /* Space between cards */
            margin-top: 2rem;
        }

        .deliverable-item {
            background: var(--white);
            border: 1px solid var(--gray-200);
            border-radius: 1rem;
            padding: 1.75rem 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            transition: all 0.3s ease;
            height: 100%;
        }

        .deliverable-item:hover {
            border-color: var(--purple-300);
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        }

        .del-icon {
            width: 3rem;
            height: 3rem;
            background: var(--purple-50);
            color: var(--purple-600);
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25rem;
        }

        .del-icon svg {
            width: 1.5rem;
            height: 1.5rem;
        }

        .del-title {
            font-size: 1.05rem;
            font-weight: 700;
            color: var(--gray-900);
            margin-bottom: 0.5rem;
            line-height: 1.3;
        }

        .del-desc {
            font-size: 0.9375rem; /* ~15px */
            color: var(--gray-600);
            line-height: 1.5;
            margin: 0;
        }


        /* Add to stylesheet.css */
        .payment-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 7px;
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }

        .payment-desc {
            font-size: 14px !important;
            line-height: 1.4 !important;
            color: var(--gray-600);
            margin: 0 !important;
        }

        /* Update the existing rule to ensure flex direction allows stacking */
        .roiBoxesRow .z-roiPricingBox .space-y-3 > div {
            display: flex;
            flex-direction: column; 
            padding: 18px 20px;
        }
        section.z-book-a-callSection {
            padding: 15px 0 60px 0;
            background: #fafafa;
        }
        section.z-book-a-callSection .hero-content.container {
            max-width: 100%;
        }
        body.z-book-a-callBody header {
            display: none;
        }
        div#redesign-content {
            overflow: hidden;
        }
        span.showInMobile {
            display: none;
        }
        .faq-item.active .faq-answer button.btn {
            text-align: left;
            padding: 15px 15px;
            font-size: 14px;
            line-height: 1.5;
        }


        /* Executive Context Component */
        .executive-context-wrapper {
            max-width: 60rem;
            margin-left: auto;
            margin-right: auto;
            padding: 0 1rem;
        }

        .executive-card {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(12px);
            border: 1px solid var(--purple-200);
            border-radius: 1.5rem;
            padding: 3rem;
            box-shadow: 0 20px 40px rgba(118, 65, 243, 0.05);
            text-align: center;
        }

        .badge-subtle {
            display: inline-block;
            background: var(--purple-50);
            color: var(--purple-700);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            margin-bottom: 1.5rem;
            border: 1px solid var(--purple-100);
        }

        .executive-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--gray-900);
            line-height: 1.5;
            margin-bottom: 1.5rem;
        }

        .executive-body p {
            color: var(--gray-600);
            line-height: 1.7;
            margin-bottom: 1.25rem;
            max-width: 81%;
            margin-left: auto;
            margin-right: auto;
            letter-spacing: 0.5px;
        }

        .executive-body .highlight-text {
            color: var(--gray-900);
            font-weight: 600;
        }

        .executive-footer-grid {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
            flex-wrap: wrap;
        }

        .context-pill {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--white);
            border: 1px solid var(--gray-200);
            padding: 0.75rem 1.25rem;
            border-radius: 0.5rem;
            font-weight: 600;
            color: var(--gray-800);
            font-size: 0.95rem;
            box-shadow: 0 0 4px rgb(0 0 0 / 7%);
        }

        .check-icon {
            color: var(--green-500);
            font-weight: 800;
        }
        .brief-feature-list {
            list-style: none;
            padding: 0;
            display: grid;
            gap: 1rem;
        }

        .brief-feature-list li {
            position: relative;
            padding-left: 1.5rem;
            color: var(--gray-600);
            line-height: 1.6;
        }

        .brief-feature-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--purple-600);
            font-weight: bold;
        }

        .brief-feature-list li strong {
            color: var(--gray-900);
            font-weight: 600;
            margin-right: 0.25rem;
        }
        section.value-prop p {
            max-width: 780px;
            margin-left: auto;
            margin-right: auto;
        }
        .problem-card .cost-2ndBox p.last {
            color: #7b43fc;
            font-size: 15px;
            line-height: 1.5;
            margin-top: 10px;
        }


        /* Business Outcomes Section */
        .business-outcomes-section {
            padding: 80px 0 0px 0;
            background: transparent;
        }

        .outcomes-card {
            background: var(--white);
            border: 1px solid var(--purple-100);
            border-radius: 1.5rem;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
            overflow: hidden;
            max-width: 64rem;
            margin: 0 auto;
        }

        .outcomes-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            padding: 3rem;
        }

        .outcome-item {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .outcome-icon-wrapper {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background: var(--green-200); /* Using your existing green var */
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .outcome-icon-wrapper svg {
            width: 1.25rem;
            height: 1.25rem;
            color: var(--green-600);
        }

        .outcome-text {
            font-weight: 500;
            color: var(--gray-900);
            line-height: 1.5;
        }

        .outcomes-footer {
            background: var(--gray-50);
            padding: 2rem 3rem;
            border-top: 1px solid var(--gray-200);
            text-align: center;
        }

        .outcome-context {
            color: var(--gray-600);
            margin-bottom: 1rem;
            font-size: 1rem;
        }

        .outcome-commitment {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--white);
            border: 1px solid var(--purple-200);
            padding: 1rem 1.5rem;
            border-radius: 0.75rem;
            color: var(--gray-900);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
        }

        .commitment-icon {
            font-size: 1.25rem;
        }
        .outcome-commitment strong {
            font-weight: 500;
            text-transform: capitalize;
        }
        .productTransformationsRow .productTransformationBox p.text-lg {
            line-height: 1.5;
        }
        .roiBoxesRow .yourRoiBox.card h4:first-child {
            margin-top: 0;
        }
        .roiBoxesRow .z-roiPricingBox > div > p.small {
            font-size: 15px;
            margin: 4px 0 0 0;
        }


        /* Pricing/ROI Context Updates */
        .pricing-context-content.roi-focus {
            text-align: center;
            max-width: 50rem; /* Slightly narrower for focus */
        }

        .roi-title {
            font-size: 1.75rem;
            font-weight: 700;
            color: var(--white);
            margin-bottom: 0.5rem;
        }

        /* The Calculation Card */
        .roi-calculation-card {
            background: rgba(0, 0, 0, 0.25); /* Darker background for contrast */
            border-radius: 1rem;
            padding: 1.5rem 2rem;
            border: 1px solid rgba(255, 255, 255, 0.15);
            margin-bottom: 2rem;
            text-align: left;
        }

        .roi-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.6);
            margin-bottom: 1rem;
            font-weight: 600;
        }

        .roi-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.75rem;
            font-size: 1.05rem;
            color: var(--white);
        }

        .roi-value {
            font-family: 'Inter', monospace; /* Monospace for alignment if available, or just Inter */
            font-weight: 600;
            font-feature-settings: "tnum"; /* Tabular numbers */
        }

        .roi-value.text-red {
            color: #fca5a5;
        }

        .roi-value.text-green {
            color: #86efac;
        }

        .roi-divider {
            height: 1px;
            background: rgba(255, 255, 255, 0.2);
            margin: 1rem 0;
        }

        .roi-row.highlight {
            font-weight: 700;
        }

        .roi-summary {
            margin-top: 1.5rem;
            padding-top: 1rem;
            border-top: 1px dashed rgba(255, 255, 255, 0.2);
            text-align: center;
        }

        .roi-summary p {
            color: var(--white);
            margin-bottom: 0.25rem;
        }

        .roi-upside {
            color: #f2ab2b !important; /* Gold */
            font-weight: 600;
        }

        /* Conclusion Text */
        .roi-conclusion {
            font-size: 1.15rem;
            line-height: 1.6;
            color: var(--white);
            font-weight: 500;
        }

        .gold-highlight {
            color: #f2ab2b;
            font-weight: 800;
        }



        .pricing-context-wrapper {
            width: 100%;
            max-width: 100%;
        }

        .pricing-context-content.roi-focus {
            max-width: 100%;
        }

        section.yourInvestmentSection .container {
            max-width: 1080px !important;
        }

        .roiBoxesRow .yourRoiBox.card, .roiBoxesRow .z-roiPricingBox {
            width: 48%;
        }

        /* Platinum Guarantee Section */
        .commercial-guarantee-section {
            padding: 80px 0;
        }

        .guarantee-platinum-card {
            background: #ffffff;
            max-width: 64rem;
            margin: 0 auto;
            border-radius: 1rem;
            position: relative;
            overflow: hidden;
            /* Deep, premium shadow (The "Levitation" effect) */
            box-shadow: 
                0 1px 1px rgba(0,0,0,0.02), 
                0 2px 2px rgba(0,0,0,0.02), 
                0 4px 4px rgba(0,0,0,0.02), 
                0 8px 8px rgba(0,0,0,0.02),
                0 16px 32px rgba(32, 30, 67, 0.08); 
            border: 1px solid rgba(0,0,0,0.04);
        }

        /* The Top Gradient Accent */
        .card-accent-line {
            height: 6px;
            width: 100%;
            background: linear-gradient(90deg, #7641f1, #242049);
        }

        .guarantee-grid {
            display: flex;
            align-items: stretch;
        }

        /* Left Column */
        .guarantee-left {
            width: 35%;
            background: #fafafa;
            padding: 3rem 2.5rem;
            border-right: 1px solid #f1f1f1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }

        .guarantee-icon-badge {
            width: 3.5rem;
            height: 3.5rem;
            background: #ffffff;
            border: 1px solid #e5e5e5;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            color: var(--purple-700);
            box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        }

        .guarantee-heading {
            font-size: 2rem;
            font-weight: 800;
            color: var(--gray-900);
            line-height: 1.1;
            letter-spacing: -0.03em;
            margin: 0;
        }

        /* Right Column */
        .guarantee-right {
            width: 65%;
            padding: 3rem 3rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .guarantee-statement {
            font-size: 1.5rem;
            font-weight: 500;
            color: var(--gray-900);
            line-height: 1.4;
            margin-bottom: 1.5rem;
            letter-spacing: 0;
        }

        .highlight-purple {
            color: var(--purple-700);
            font-weight: 700;
            position: relative;
            white-space: nowrap;
        }

        /* Subtle underline for emphasis */
        .highlight-purple::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--purple-200);
            opacity: 0.6;
        }

        .guarantee-condition-box {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            border-left: 3px solid var(--gray-200);
            padding-left: 0;
        }

        .condition-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--gray-500);
            font-weight: 700;
        }

        .condition-text {
            font-size: 1rem;
            color: var(--gray-700);
            font-weight: 500;
            margin: 0;
        }
        .guarantee-left h2.section-title {
            text-align: left;
            margin: 0;
        }



        .limited-capacity-section {
            padding: 10px 0 90px 0;
            background: transparent;
        }

        .capacity-feature-card {
            background: #ffffff;
            border-radius: 1.5rem;
            box-shadow: 0 20px 40px rgba(32, 30, 67, 0.08);
            border: 1px solid rgba(0,0,0,0.06);
            overflow: hidden;
            position: relative;
        }

        /* Decorative Top Gradient Line */
        .capacity-feature-card::before {
                content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 6px;
            background: linear-gradient(90deg, #7641f1, #242049);
        }

        .capacity-grid {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
        }

        /* --- Left Column Styling --- */
        .cap-col-left {
            padding: 3.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-right: 1px solid #00000012;
        }

        .capacity-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 0.875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--red-600);
            margin-bottom: 1.3rem;
            background: var(--red-50);
            padding: 6px 12px;
            border-radius: 100px;
            width: fit-content;
        }

        .pulsing-dot {
            width: 8px;
            height: 8px;
            background-color: var(--red-600);
            border-radius: 50%;
            animation: pulse-red 2s infinite;
        }

        @keyframes pulse-red {
            0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }
            70% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); }
            100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
        }

        .capacity-heading {
            font-size: 2.25rem;
            line-height: 1.2;
            font-weight: 800;
            color: var(--gray-900);
            margin-bottom: 2.5rem;
            letter-spacing: -0.02em;
        }

        /* Visual Slot Indicator */
        .availability-indicator {
            background: var(--white);
            padding: 1.25rem;
            border-radius: 1rem;
            display: flex;
            align-items: center;
            gap: 1.5rem;
            border: 1px solid var(--gray-200);
            box-shadow: 0 4px 12px rgba(0,0,0,0.03);
            width: fit-content;
        }

        .slots-visual {
            display: flex;
            gap: 6px;
        }

        .slot {
            width: 12px;
            height: 24px;
            border-radius: 4px;
            background: var(--gray-200);
        }

        .slot.filled {
            background: var(--gray-400);
            opacity: 0.5;
        }

        .slot.open {
            background: var(--green-500);
            box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
        }

        .slots-text {
            font-size: 1.125rem;
            color: var(--gray-900);
            margin: 0;
            font-weight: 600;
        }

        /* --- Right Column Styling --- */
        .cap-col-right {
            padding: 3.5rem 3rem;
            background: #fafafa; /* Very subtle red/warm tint for 'risk' */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .risk-label {
            font-size: 0.9375rem;
            text-transform: uppercase;
            font-weight: 700;
            color: var(--gray-500);
            letter-spacing: 0.05em;
            margin-bottom: 2rem;
        }

        .risk-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .risk-list li {
            display: flex;
            align-items: center;
            gap: 1.25rem;
        }

        .risk-icon {
            font-size: 1.5rem;
            line-height: 1;
            background: white;
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            flex-shrink: 0;
        }

        .risk-text {
            font-size: 1.25rem;
            color: var(--gray-800);
            font-weight: 600;
        }

        /* --- Footer CTA Area --- */
        .capacity-footer {
            padding: 2rem;
            background: var(--gray-50);
            border-top: 1px solid var(--gray-200);
            text-align: center;
            display: flex;
            justify-content: center;
        }

        .capacity-footer .btn {
            max-width: 400px;
        }
        .cap-col-left h2.capacity-heading {
            font-weight: 700;
            line-height: 1.5;
            margin: 0 0 25px 0;
        }

        .availability-indicator {border: 1px solid #11111112;border-radius: 10px;box-shadow: 0 0 12px rgb(0 0 0 / 7%);}

        .slot.filled {
            background: #22c55e;
            opacity: 0.3;
        }

        .slots-visual .slot.filled:nth-child(2) {
            opacity: 0.6;
        }

        .risk-label {
            color: #1a1a1a;
            margin-bottom: 2rem;
            font-size: 20px;
            letter-spacing: 0.5px;
        }

        .risk-list {
            gap: 15px 0px;
        }

        .risk-text {
            font-weight: 500;
            font-size: 19px;
        }

        .risk-icon {
            font-size: 22px;
            width: 55px;
            height: 55px;
            box-shadow: 0 0 10px #0000001a;
        }

        .capacity-footer .btn {
            max-width: max-content;
        }

        .capacity-footer {
            background: #fafafa;
            border-top: 1px solid #00000012;
            padding: 1.5rem 2rem;
        }
        .hero .hero-content.container button.bookAMeetingText {
            text-decoration: underline;
        }
        .hero-content .cta-container p.z_small {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 14px;
        }
        .hero-content .cta-container {
            flex-wrap: wrap;
            gap: 10px 0px;
        }
        .pricing-context-wrapper .pricing-context-content p.roi-subtitle {
            margin-left: auto;
            margin-right: auto;
            max-width: 750px;
        }
        .pricing-context-content {
            width: 100%;
            max-width: 100%;
        }






        @media (max-width: 1024px){
            .roiBoxesRow .z-roiPricingBox {
                width: 48%;
            }

            .roiBoxesRow .yourRoiBox.card {
                width: 48%;
            }
            .comparison-card {
                padding: 40px 30px;
            }

            .metric-card {
                width: 32%;
            }

            .outcomes-grid-layout {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 20px 2%;
            }

            .metric-body {
                padding: 25px 20px;
            }

            .stat-label {
                font-size: 15px;
                line-height: 1.3;
            }

            .metric-body.split-stat {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 10px 0;
                align-items: flex-start;
            }

            .metric-body.split-stat .stat-divider {
                display: none;
            }

            .stat-block {
                width: 48%;
            }

            .metric-body.single-stat .stat-block {
                width: 100%;
            }

        }

        @media (max-width: 992px){
            section.hero .badge {
                margin-bottom: 10px;
                letter-spacing: 0;
                font-weight: 500;
            }
            section.hero h1.hero-title {
                font-size: 40px;
                line-height: 1.4;
                margin-bottom: 15px;
            }
            section.hero p.hero-subtitle {
                font-size: 22px;
                line-height: 1.6;
                margin-bottom: 14px;
            }

            section.hero  p.hero-description {
                font-size: 18px;
                margin-bottom: 35px;
            }

            section.hero .hero-content > .card {
                max-width: 768px !important;
                line-height: 1.5;
                margin-bottom: 20px;
            }

            section.hero .hero-content.container > .grid {
                gap: 20px 15px;
            }

            section.hero .hero-content.container > .grid .feature-card {
                padding: 25px 15px;
            }

            section.hero .hero-content.container > .grid .feature-card h3.feature-title {
                font-size: 17px;
                line-height: 1.6;
            }

            h2.section-title {
                font-size: 35px;
                line-height: 1.5;
            }

            section.problem-section  .problem-card {
                padding: 35px 30px;
            }

            section.problem-section .problem-card .space-y-4 h3 {
                line-height: 1.4;
                margin-bottom: 20px;
            }

            section.problem-section .problem-card .space-y-4 {}

            .problem-item {
                padding: 14px 20px;
                margin-top: 15px;
            }

            .cost-box {
                padding: 24px 20px;
                margin-bottom: 15px;
            }

            .cost-box h3 {
                font-size: 25px;
            }

            .problem-card .cost-2ndBox {
                padding: 20px 20px !important;
            }

            section.ninetyDaySaasSection .phase-card {
                padding: 25px;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 {display: flex;flex-wrap: wrap;gap: 0px !important;}

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div {
                width: 40%;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div.space-y-3 {
                width: 60%;
            }

            section.happyClientSection .grid.grid-3 {
                display: flex;
                flex-wrap: wrap;
                gap: 20px 0px;
            }

            .testimonial-card {
            }

            .testimonial-card > p {
                text-align: center;
            }

            .testimonial-card > div {
                justify-content: center;
            }

            .productTransformationsRow .grid.grid-3 .productTransformationBox {
                width: 100%;
            }

            .transformationGuaranteeSection .grid.grid-4 {
                display: flex;
                flex-wrap: wrap;
                gap: 15px 0px;
                justify-content: space-between;
            }

            .transformationGuaranteeSection .grid.grid-4 .guarantee-card {
                width: 49%;
            }

            section.slotSection h2.section-title {
                line-height: 1.5;
                margin-top: 6px;
            }

            section.slotSection h2.section-title span.gradient-text {
                margin-top: 5px !important;
            }   
            .comparison-card h4 {
                font-size: 20px;
                line-height: 1.3;
            }

            .card-header {
                gap: 0px 15px;
            }

            .icon-badge {
                min-width: 55px;
            }

            .comparison-list li {
                gap: 0px 8px;
            }

            section.yourInvestmentSection h2.section-title {
                max-width: 600px;
                margin-left: auto;
                margin-right: auto;
            }

            .roiBoxesRow .z-roiPricingBox .space-y-3 > div p.font-bold {
                line-height: 1.3;
            }

            .pricing-context-wrapper h3.section-title {
                font-size: 35px;
            }

            .pricing-context-content {
                padding: 40px 30px;
            }

            .not-paying-for-box {
                padding: 30px 30px 35px 30px;
            }

            .saas-outcomes-section {
                padding: 75px 0 80px 0;
            }

            .metric-card {
                width: 100%;
            }

            .outcomes-grid-layout {
                max-width: 450px;
                margin-left: auto;
                margin-right: auto;
            }
            .package-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 35px 4%;
            }

            .package-grid .pkg-card {
                width: 48%;
            }
            .testimonial-card{
                width: 100%;
            }
            .deliverables-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 32px 4%;
            }
            .deliverables-grid .deliverable-item {
                width: 48%;
            }
            .header-logo-scroll{
                max-width: 100%;
            }
            .executive-body p {
                max-width: 100%;
            }
            section.yourInvestmentSection h2.section-title {
                max-width: 100%;
            }

            .cap-col-left {
                padding: 40px 30px;
            }

            .cap-col-left h2.capacity-heading {
                font-size: 35px;
                line-height: 1.3;
            }

            .availability-indicator {
                padding: 20px 20px;
                gap: 0px 15px;
            }

            .slot {
                width: 10px;
                height: 20px;
            }

            .slots-text {
                font-size: 14px;
                letter-spacing: 0;
            }

            .cap-col-right {
                padding: 40px 30px;
            }

            .risk-label {
                font-size: 18px;
                margin-bottom: 20px;
            }

            .risk-text {
                font-size: 17px;
            }
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .logos-track {
                gap: 3rem;
                animation: scroll-logos 30s linear infinite;
            }

            .logo-item {
                height: 40px;
                min-width: 100px;
            }

            .logos-scroll-container::before,
            .logos-scroll-container::after {
                width: 50px;
            }
            .header-content button.btn {
                display: inline-block;
            }

            .hero {
                padding-top: 20px;
                padding-bottom: 60px;
            }

            section.hero h1.hero-title {
                font-size: 27px;
                line-height: 1.5;
            }

            section.hero p.hero-subtitle {
                font-size: 17px;
            }

            section.hero p.hero-description {
                font-size: 16px;
                margin-bottom: 25px;
            }

            h2.section-title {
                font-size: 25px;
                line-height: 1.5;
            }

            h2.section-title br {
                display: none;
                width: auto;
            }

            section.problem-section .problem-card .space-y-4 h3 {
                font-size: 20px;
            }

            .phase-card h3 {
                font-size: 20px;
            }

            .phase-card p {
                font-size: 15px;
            }

            p {
                font-size: 15px;
            }

            .feature-description {
                font-size: 15px;
            }

            section.hero .hero-content.container > .grid .feature-card h3.feature-title {
                font-size: 20px;
                margin-bottom: 6px;
            }

            .phase-card .phase-badge {
                padding: 4px 20px;
            }

            h2.section-title.mb-8 {
                margin-bottom: 20px;
            }

            .productTransformationsRow .grid.grid-3 .productTransformationBox p.text-lg {
                font-size: 15px;
            }

            .productTransformationsRow .grid.grid-3 .productTransformationBox p {
                font-size: 20px;
            }

            .container {
                max-width: 480px !important;
            }

            section.happyClientSection {
                padding: 60px 0 !important;
            }

            section.yourInvestmentSection {
                padding: 55px 0 80px 0 !important;
            }

            .yourRoiBox.card h3 {
                font-size: 20px;
                margin-bottom: 14px;
            }

            section.transformationGuaranteeSection {
                padding: 0px 0 60px 0 !important;
            }

            section.slotSection .urgency-badge {
                letter-spacing: 0;
                font-weight: 500;
                margin-bottom: 12px;
            }

            section.slotSection h2.section-title {
                margin-bottom: 28px;
            }

            section.slotSection .slotSectionBox {
                padding: 30px 20px !important;
            }

            section.slotSection .slotSectionBox h5 {
                font-size: 20px;
                line-height: 1.5;
            }

            section.slotSection .slotSectionBox h6 {
                font-size: 17px;
                margin-bottom: 25px;
            }

            .btn-large {
                padding: 15px 25px;
                font-size: 15px;
                height: auto;
                max-height: unset;
                min-height: auto;
                line-height: 1.3;
                width: auto;
            }
            section.slotSection {
                padding-bottom: 60px !important;
            }
            .roiBoxesRow .yourRoiBox.card {
                width: 100%;
            }
            .roiBoxesRow .z-roiPricingBox {
                width: 100%;
            }
            section.logos-section h2.section-title {
                margin-bottom: 30px !important;
            }
            section.logos-section .logos-scroll-container {
                margin-top: 0;
            }

            .header-logo-scroll{
                max-width: 100%;
            }
            .sm-hide-br br{
                display: none !important;
            }

            section.comparison-section {
                padding: 60px 0;
            }

            .comparison-card {
                width: 100%;
            }

            .comparison-grid {
                display: flex;
                flex-wrap: wrap;
                flex-wrap: wrap;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div {
                padding-right: 20px;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div.space-y-3 {
                padding-right: 0;
            }

            .phase-card h3 {
                font-size: 18px;
            }

            .pricing-context-wrapper h3.section-title {
                font-size: 25px;
                text-align: left;
            }

            .box-label {
                font-size: 20px;
                text-align: left;
            }

            .not-list {
                justify-content: flex-start;
            }

            .pricing-context-content p {
                text-align: left;
            }

            .pricing-context-content p br {
                display: none;
            }

            section.transformationGuaranteeSection .container > .grid.grid-4 .guarantee-card {
                width: 100%;
            }
            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div {
                padding: 0;
            }
            .package-grid .pkg-card {
                width: 100%;
            }

            .pkg-card .z_featureImage {
                margin: 0 0 15px 0;
            }

            .package-grid {
                gap: 30px 0px;
            }
            .comparison-card.after{
                transform: scale(1);
            }
            section.happyClientSection{
                padding: 20px 0 60px 0 !important;
            }
            section.z-book-a-callSection {
                padding: 30px 0px 60px 0px;
            }
            section.value-prop p.mb-8 {
                margin-bottom: 25px;
            }
            section.value-prop {
                padding: 40px 0 40px 0px !important;
            }
            section.problem-section {
                padding-top: 40px !important;
            }
            section.comparison-section {
                padding-top: 40px;
            }
            section.yourInvestmentSection {
                padding: 40px 0 40px 0 !important;
            }

            .deliverables-section {
                padding: 0 0 40px 0;
            }
            footer {
                padding-top: 40px !important;
            }
            .pricing-context-wrapper .not-item {
                width: 100%;
            }
            span.mobileFull {
                display: block;
                width: 100%;
            }

            span.removeMobile {
                display: none;
            }

            h3.brief-heading {
                font-size: 18px;
                line-height: 1.3;
            }

            section.z-section.z-faqSection {
                padding-top: 40px;
            }

            span.showInMobile {
                display: inline-block;
            }
            section.brief-panels-section {
                padding-bottom: 45px;
            }
            .roiBoxesRow .yourRoiBox.card ul li{
                letter-spacing: -0.1px;
            }
            section.slotSection .slotSectionBox h6 {
                font-size: 14px;
                font-weight: 400;
                letter-spacing: -0.1px;
            }
            section.hero {
                padding-bottom: 40px;
            }

            section.comparison-section {
                padding-bottom: 40px !important;
            }

            section.happyClientSection {
                padding-bottom: 40px !important;
            }

            section.transformation-package-section.z-caseStudies {
                padding-top: 50px;
            }

            section.saas-outcomes-section {
                padding-top: 50px;
                padding-bottom: 50px;
            }

            section.transformationGuaranteeSection {
                padding-bottom: 50px !important;
            }
            section.hero .badge {
                max-width: 400px;
                padding: 12px 20px;
            }

            .executive-card {
                padding: 30px 30px;
            }

            .executive-title {
                font-size: 22px;
                margin-bottom: 20px;
            }

            .executive-body p {
                margin-bottom: 15px;
            }

            .context-pill {
                width: 100%;
                justify-content: center;
            }

            section.comparison-section {
                padding-bottom: 0 !important;
            }

            .business-outcomes-section {
                padding: 65px 0 65px 0;
            }

            .outcomes-grid {
                padding: 30px 30px;
                flex-wrap: wrap;
                display: flex;
                gap: 20px 0px;
            }

            .outcome-item {
                width: 100%;
            }

            .outcomes-footer {
                padding: 25px 30px;
                text-align: c;
            }

            .outcome-commitment {
                flex-wrap: wrap;
                gap: 15px 0px;
                justify-content: center;
            }

            section.happyClientSection {
                padding-top: 0 !important;
                padding-bottom: 40px !important;
            }

            .pricing-context-content p {
                text-align: center;
            }

            .roi-value {
                text-align: right;
                font-size: 15px;
            }

            .roi-row {
                font-size: 15px;
            }

            section.commercial-guarantee-section {padding: 40px 0;}

            .guarantee-grid {
                /* flex-wrap: wrap; */
            }

            section.commercial-guarantee-section .guarantee-grid {
                flex-wrap: wrap;
            }

            section.commercial-guarantee-section .guarantee-grid .guarantee-left {
                width: 100%;
                padding: 30px 30px;
                text-align: center;
                justify-content: center;
                display: flex !important;
                flex-wrap: wrap;
                align-items: center;
                gap: 0;
            }

            section.commercial-guarantee-section .guarantee-grid .guarantee-left .guarantee-icon-badge {
                margin: 0 0 15px 0;
            }

            .guarantee-left h2.section-title {
                font-weight: 600;
            }

            section.commercial-guarantee-section .guarantee-grid .guarantee-right {
                width: 100%;
                padding: 30px 30px;
                text-align: center;
            }

            .guarantee-statement {
                font-size: 18px;
                line-height: 1.6;
                margin: 0 0 25px 0;
            }

            .limited-capacity-section {
                padding: 0 0 40px 0;
            }

            .capacity-grid .cap-col-left {
                width: 100%;
                padding: 40px 30px;
            }

            .capacity-grid {
                flex-wrap: wrap;
                display: flex;
            }

            .capacity-badge {
                margin-bottom: 20px;
            }

            .cap-col-left h2.capacity-heading {
                font-size: 25px;
                line-height: 1.4;
            }

            .pricing-context-content p.roi-conclusion {
                font-size: 16px;
            }

            .availability-indicator {
                width: 100%;
            }

            .capacity-grid .cap-col-right {
                width: 100%;
            }
            section.business-outcomes-section .text-center p.text-gray-600 {
                max-width: 210px !important;
            }
            section.comparison-section h2.section-title {
                max-width: 260px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media (max-width: 480px) {
            .package-grid {
                gap: 25px 0px;
            }
            .logos-track {
                gap: 2rem;
                animation: scroll-logos 25s linear infinite;
            }

            .logo-item {
                height: 35px;
                min-width: 80px;
            }
            .header-content button.btn {
                display: none;
            }

            .header-content {
                justify-content: center;
            }

            section.hero .badge {
                font-size: 13px;
                padding: 10px 30px;
            }

            section.hero h1.hero-title {
                font-size: 25px;
                line-height: 1.3;
            }
            section.hero h1.hero-title span.gradient-text {
                margin-top: 4px;
            }

            section.hero p.hero-subtitle {
                font-size: 16px;
            }

            section.hero p.hero-subtitle br {
                display: none;
            }

            section.hero p.hero-description {
                font-size: 15px;
                margin-bottom: 20px;
            }

            section.hero .hero-content.container > .grid .feature-card h3.feature-title {
                font-size: 18px;
                line-height: 1.4;
                margin-bottom: 9px;
            }
            .feature-description{
                line-height: 1.5;
            }
            section.hero .hero-content.container > .grid {
                margin-bottom: 15px;
            }

            button.bookAMeetingText {
                font-size: 15px;
                line-height: 1.5;
            }

            h2.section-title {
                font-size: 22px;
                line-height: 1.4;
            }

            section.problem-section .problem-card {
                padding: 25px 20px;
            }

            section.problem-section .problem-card .space-y-4 h3 {
                font-size: 18px;
                line-height: 1.3;
            }

            .problem-card .cost-2ndBox p{
                line-height: 1.5;
            }

            .problem-card .cost-2ndBox p.text-red-600 {
                font-weight: 400;
            }

            .problem-item {
                padding: 12px 15px;
            }

            .problem-item p {
            }

            .cost-box {
                padding: 20px 20px;
            }

            .cost-box h3 {
                font-size: 20px;
            }

            .problem-card .cost-2ndBox h3 {
                font-size: 16px !important;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div {
                width: 100% !important;
                text-align: center;
            }

            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div.space-y-3 {
                margin-top: 14px;
                gap: 6px 0px;
            }

            section.ninetyDaySaasSection .phase-card {
                padding: 25px 20px;
            }

            .testimonial-card {
                padding: 20px 20px;
            }

            .productTransformationsRow {
                padding: 30px 20px !important;
            }

            .productTransformationsRow .grid.grid-3 .productTransformationBox {
                padding: 20px 15px !important;
            }

            .productTransformationsRow .productTransformationBox p.font-black {
                font-size: 18px !important;
            }

            .yourRoiBox.card {
                padding: 25px 25px;
            }

            .yourRoiBox.card h3 {
                font-size: 18px;
            }

            .transformationGuaranteeSection .grid.grid-4 .guarantee-card {
                width: 100%;
                padding: 20px 17px 25px 17px;
            }

            section.transformationGuaranteeSection .guarantee-card h3.guarantee-title {
                font-size: 18px;
            }

            .footer-description {
                padding: 0;
            }

            .footer-description br {
                display: none;
            }
            section.slotSection .slotSectionBox > div > p {
                font-size: 14px;
            }
            .roiBoxesRow .z-roiPricingBox {
                padding: 25px;
            }

            .roiBoxesRow .z-roiPricingBox h3 {
                font-size: 18px;
            }

            .roiBoxesRow .z-roiPricingBox .z-price {
                padding: 20px;
                margin-bottom: 20px;
            }

            .roiBoxesRow .z-roiPricingBox .z-price h5 {
                font-size: 20px;
            }

            .roiBoxesRow .z-roiPricingBox .space-y-3 > div {
                padding: 18px 20px;
                border-radius: 8px !important;
            }

            .roiBoxesRow .z-roiPricingBox .space-y-3 > div p {
                font-size: 15px !important;
            }
            section.ninetyDaySaasSection .phase-card .grid.grid-2 > div.space-y-3 {
                margin-top: 16px;
                gap: 8px 0px;
            }

            .phase-card .space-y-3 p {
                line-height: 1.5;
            }

            .phase-card h3 {
                margin: 0 0 1px 0;
            }

            section.happyClientSection h2.section-title {
                text-align: left;
            }

            .testimonial-card {
            }

            .testimonial-card > p {
                text-align: left;
            }

            .testimonial-card > div {
                justify-content: flex-start;
            }

            .testimonial-card > p {
                line-height: 1.5;
            }

            section.happyClientSection h2.section-title {
            }

            .productTransformationsRow .grid.grid-3 .productTransformationBox p.text-lg {
                line-height: 1.4;
            }

            .logos-section {
                padding-bottom: 60px;
            }

            section.logos-section h2.section-title {
                margin-bottom: 25px !important;
            }

            .roiBoxesRow .yourRoiBox.card p {
                line-height: 1.5;
            }

            .roiBoxesRow .z-roiPricingBox .space-y-3 > div p.font-bold {
                line-height: 1.3;
            }

            .roiBoxesRow .z-roiPricingBox .space-y-3 > div {
                padding: 15px 20px;
            }

            .guarantee-emoji {
                margin: 0 0 10px 0;
            }

            section.transformationGuaranteeSection .guarantee-card h3.guarantee-title {
                margin-bottom: 8px;
            }

            section.transformationGuaranteeSection .guarantee-card p.guarantee-description {
                line-height: 1.4;
            }

            section.slotSection .slotSectionBox h6 {
                line-height: 1.5;
            }

            section.slotSection .slotSectionBox .cta-container.mb-4 {
                margin: 0 0 10px 0;
                gap: 10px 0px;
            }

            .footer-tagline {
                line-height: 1.4;
            }

            .footer-link-item {
                margin-bottom: 8px;
            }
            .comparison-card {
                padding: 30px 20px;
            }

            .comparison-list li {
                font-size: 15px;
            }

            .comparison-card h4 {
                font-size: 18px;
            }

            section.happyClientSection h2.section-title {
                text-align: center;
            }

            .yourRoiBox.card {
                padding: 25px 20px;
            }

            .pricing-context-content {
                padding: 30px 25px;
            }

            .pricing-context-wrapper h3.section-title {
                font-size: 22px;
            }

            .not-paying-for-box {
                padding: 0 0;
                text-align: left;
                background: transparent;
                border: 0;
            }

            .box-label {
                font-size: 18px;
                margin: 0 0 13px 0;
            }

            .not-item {
                font-size: 15px;
            }

            section.slotSection .slotSectionBox h5 {
                font-size: 18px;
            }

            section.slotSection .slotSectionBox h6 {
                font-size: 14px;
                letter-spacing: -0.2px;
                margin: 6px 0 14px 0;
            }
            .hero-description {
                margin-bottom: 18px;
            }

            section.slotSection .slotSectionBox .cta-container .btn {
                width: 100% !important;
            }

            footer .container > div:nth-child(1) {
                margin-bottom: 24px !important;
            }

            footer h4.footer-heading {
                font-size: 20px;
            }
            .logos-scroll-container h4 {
                font-size: 18px;
            }

            .comparison-grid {
                gap: 25px 0px;
            }

            section.happyClientSection {
                padding-top: 0 !important;
            }

            .deliverables-grid .deliverable-item {
                width: 100%;
            }

            .deliverables-grid {
                gap: 20px;
            }

            .del-title {
                font-weight: 600;
            }

            .roiBoxesRow .yourRoiBox.card h4 {
                font-size: 18px;
            }

            .roiBoxesRow .z-roiPricingBox .z-price h5 {
                font-size: 30px;
            }

            .not-item {
                text-align: left;
            }

            section.slotSection .slotSectionBox .cta-container .btn {
                padding: 15px 10px;
            }
            section.slotSection .slotSectionBox .cta-container .btn {
                width: auto !important;
                padding: 15px 25px !important;
            }

            section.hero button.btn {
                padding: 15px 15px;
            }

            .executive-context-wrapper {
                padding: 0;
            }

            .executive-card {
                padding: 30px 20px;
            }

            .badge-subtle {
                margin-bottom: 20px;
            }

            .executive-title {
                font-size: 20px;
            }

            .brief-trigger {
                padding: 20px 20px;
            }

            .brief-inner {
                padding: 20px 20px;
            }

            .business-outcomes-section {
                padding: 50px 0 40px 0;
            }

            .outcomes-grid {
                padding: 20px 20px;
            }

            .outcomes-footer {
                padding: 20px 20px;
            }

            .roiBoxesRow .z-roiPricingBox {
                padding: 20px;
            }

            .pricing-context-content.roi-focus {
                padding: 25px 20px;
            }

            .pricing-context-content p {
                margin-bottom: 25px;
            }

            .roi-calculation-card {
                padding: 20px 20px;
                margin-bottom: 25px;
            }

            .roi-row.highlight {
                flex-wrap: wrap;
                margin: 0 0 0 0 !important;
            }

            .roi-summary {
                margin-top: 25px;
            }

            .pricing-context-content p {}

            .pricing-context-content .roi-summary {}

            .pricing-context-content .roi-summary p {
                margin: 0 0 0 0;
                text-align: c;
            }

            .pricing-context-content p.roi-conclusion {
                text-align: center;
                margin: .0;
            }

            section.commercial-guarantee-section .guarantee-grid .guarantee-left {
                padding: 20px 20px;
            }

            section.commercial-guarantee-section .guarantee-grid .guarantee-right {
                padding: 25px 20px;
            }

            .guarantee-statement {
                font-size: 16px;
            }

            .capacity-grid .cap-col-left {
                padding: 30px 20px;
            }

            .capacity-badge {
                margin-bottom: 15px;
                font-size: 13px;
            }

            .cap-col-left h2.capacity-heading {
                font-size: 20px;
                font-weight: 600;
            }

            .availability-indicator {
                flex-wrap: wrap;
                gap: 8px 0px;
                padding: 17px 20px;
                text-align: center;
                justify-content: center;
            }

            .availability-indicator p.slots-text {
                width: 100%;
            }

            .capacity-grid .cap-col-right {
                padding: 30px 20px;
            }

            .capacity-footer {
                padding: 15px 20px;
            }
            .cap-col-left h2.capacity-heading{
                text-align: center;
            }
            .capacity-badge {
                margin-left: auto;
                margin-right: auto;
            }
            .roi-label {
                text-align: center;
            }
            .roi-row.highlight {
                text-align: left !important;
                justify-content: flex-start;
            }
            .pricing-context-content p {
                margin: 0;
            }
            section.slotSection .slotSectionBox .cta-container.mb-4 {
                margin: 0;
            }
            section.slotSection .slotSectionBox {
                padding: 25px 20px 30px 20px !important;
            }
        }

        .light {
            position: absolute;
            width: 20px;
            height: 20px;
            background: radial-gradient(circle, #00ffff 0%, #0088ff 50%, transparent 70%);
            border-radius: 50%;
            box-shadow: 0 0 30px #00ffff, 0 0 60px #0088ff;
            animation: moveAroundBorder 4s linear infinite;
        }

        @keyframes moveAroundBorder {
            0% {
                top: -10px;
                left: -10px;
            }

            25% {
                top: -10px;
                left: calc(100% - 10px);
            }

            50% {
                top: calc(100% - 10px);
                left: calc(100% - 10px);
            }

            75% {
                top: calc(100% - 10px);
                left: -10px;
            }

            100% {
                top: -10px;
                left: -10px;
            }
        }