    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            color: #333;
        }
        header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 50px;
            background-color: #000;
            color: #fff;
            position: fixed; /* Make header fixed */
            width: 100%; /* Ensure header spans full width */
            top: 0; /* Position at the top */
            left: 0; /* Position at the left */
            z-index: 1000; /* Ensure header is above other content */
            box-sizing: border-box; /* Include padding in width */
        }
        header img {
            height: 40px;
        }
        header .logo-text {
            margin-left: 10px;
            font-size: 1.5rem;
            font-weight: bold;
        }
        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
        }
        nav a:hover {
            text-decoration: underline;
        }
        /* Add padding to body to prevent content from being hidden by fixed header */
        body {
            padding-top: 80px; /* Adjust this value based on your header's height */
        }
        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 80vh;
            text-align: center;
            background-color: #f4f4f4;
            padding: 20px;
        }
        /* Enlarge the Build Now button */
        .hero button {
            margin: 10px 0;
            padding: 15px 30px; /* Increased padding for a larger button area */
            font-size: 1.1rem; /* Slightly increased font size */
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #000;
            color: #fff;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .hero button:hover {
            background-color: #444;
        }
        .section {
            display: flex;
            flex-wrap: wrap;
            padding: 50px;
            align-items: center;
            justify-content: center;
        }
        .section .text {
            flex: 1;
            padding: 20px;
            max-width: 600px;
        }
        .section .image {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 600px;
        }
        .section iframe {
            width: 100%;
            height: 400px;
            border: none;
        }
        .section img {
            max-width: 100%;
            height: auto;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }
        #contact .text img {
            max-width: 150px;
            height: auto;
            margin-bottom: 20px;
        }
        #contact .form-container {
            flex: 1;
            max-width: 600px;
            padding: 20px;
        }
        .input-wrapper {
            margin-bottom: 15px;
        }
        .form-input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .sub-button {
            background-color: #000;
            color: #fff;
            padding: 10px 15px;
            border: none;
            cursor: pointer;
        }
        footer {
            background-color: #000;
            color: #fff;
            text-align: center;
            padding: 10px 20px;
        }

        /* Custom styles for the Pricing section to stack content vertically */
        #pricing.section {
            flex-direction: column; /* Stack children vertically */
            align-items: center; /* Center items horizontally in the column */
            text-align: center; /* Center text within the pricing section */
        }

        #pricing .text {
             flex: none; /* Prevent flex items from growing/shrinkin g based on flex: 1 */
             width: 100%; /* Allow text container to take full width up to max-width */
             /* Increased max-width for wider content */
             max-width: 1200px; /* Adjusted as requested */
             box-sizing: border-box; /* Include padding in the width */
             padding: 20px; /* Keep the padding */
             margin-bottom: 0; /* Adjust margin to control space below text */
        }

        /* Styles for the pricing toggle container */
        .pricing-toggle-container {
            margin-top: 20px; /* Space below the text */
            margin-bottom: 20px; /* Space above the images */
            display: flex;
            justify-content: center; /* Center the toggle switch */
        }

        /* Styles for the pricing toggle switch */
        .pricing-toggle {
            border: 1px solid #ccc; /* Add a border similar to the screenshot */
            border-radius: 20px; /* Rounded corners */
            overflow: hidden; /* Ensures rounded corners are applied to children */
            display: flex; /* Arrange buttons side-by-side */
        }

        /* Styles for the toggle buttons */
        .toggle-button {
            padding: 10px 20px;
            border: none;
            background-color: transparent;
            cursor: pointer;
            font-size: 1rem;
            transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
        }

        .toggle-button.active {
            background-color: #000; /* Black background for active button */
            color: #fff; /* White text for active button */
        }

        /* Styles for the pricing images container */
        .pricing-images {
            width: 100%; /* Take full width up to max-width of parent */
            /* Increased max-width for wider content */
            max-width: 1200px; /* Adjusted as requested */
            display: flex; /* Use flex to center the image if it's smaller than container */
            justify-content: center;
            align-items: center;
        }

        /* Styles for the pricing images */
        .pricing-image {
            max-width: 100%; /* Ensure image fits within its container */
            height: auto;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Keep the shadow */
        }

        /* Class to hide the inactive image */
        .hidden {
            display: none;
        }

        /* Styles to enlarge text in the pricing section */
        #pricing .text h2 {
            font-size: 2.5rem; /* Adjust as needed */
            margin-bottom: 10px; /* Adjusted spacing below heading */
        }

        #pricing .text p {
            font-size: 1.4rem; /* Adjust as needed */
            margin-top: 0; /* Adjusted spacing above paragraph */
        }

        /* Custom styles for the Use Cases section to stack content vertically */
        #use-cases.section {
            flex-direction: column; /* Stack children (heading and use case items) vertically */
            align-items: center; /* Center items horizontally */
            text-align: center; /* Center the main heading text */
        }

        /* Style for the main Use Cases heading */
        #use-cases h2 {
            margin-bottom: 40px; /* Add space below the main heading */
        }

        /* Style for each individual use case item */
        .use-case-item {
            display: flex;
            flex-direction: column; /* Stack text and image within each item */
            align-items: center; /* Center text and image horizontally within the item */
            width: 100%; /* Take full width of parent (up to max-width) */
            max-width: 1000px; /* Set a max-width for each use case item - you can adjust this */
            margin-bottom: 40px; /* Add space between individual use cases */
            padding: 20px; /* Add padding within each use case item */
            box-sizing: border-box;
            border: 1px solid #eee; /* Optional: Add a subtle border for separation */
            border-radius: 8px; /* Optional: Add rounded corners */
            background-color: #fff; /* Optional: Add a background color */
            text-align: left; /* Align text to the left within the use case item */
        }

        /* Corrected styles for the bold text in use case titles */
        .use-case-item .text p strong {
            /* Removed display and width properties */
            margin-right: 5px; /* Keep or adjust space after the bold text */
        }

        /* Ensure correct spacing for paragraphs within use case text */
         .use-case-item .text p {
            padding-left: 0;
            text-indent: 0;
            margin-bottom: 10px; /* Add some space between paragraphs */
        }


        /* Override default .section .text and .section .image styles for .use-case-item children */
        .use-case-item .text {
            flex: none; /* Prevent flex stretching */
            width: 100%; /* Text takes full width of the item container */
            max-width: none; /* Remove max-width constraint from general .section .text */
            padding: 0 0 20px 0; /* Adjust padding as needed (bottom padding for space before image) */
        }

        .use-case-item .image {
            flex: none; /* Prevent flex stretching */
            width: 100%; /* Image container takes full width of the item container */
            max-width: none; /* Remove max-width constraint from general .section .image */
            padding: 0; /* Remove default padding */
            display: flex; /* Keep flex for centering iframe */
            justify-content: center;
            align-items: center;
        }

        .use-case-item iframe {
            width: 100%; /* Ensure iframe takes full width of its container */
            height: 400px; /* Keep existing height, adjust if needed */
            border: none;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Keep shadow */
        }


        /* Optional: Add smooth scrolling */
        html {
            scroll-behavior: smooth;
        }
    </style>
