/* Color Variables for easy adjustment */
:root {
    --bg-dark: #4A353A; /* Dark Brown/Plum Background */
    --text-light: #FAF0E6; /* Light Cream Text */
    --accent-button: #7A6040; /* Rich Camel Brown Button (Only for button) */
    
    /* Fonts */
    --font-heading: 'Roboto', sans-serif; 
    --font-body: 'Lato', sans-serif; 
}

/* Basic Reset, Font, and Body Styles */
body {
    font-family: var(--font-body); /* Lato for body text */
    background-color: var(--bg-dark);
    color: var(--text-light);
    line-height: 1.4; 
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

/* Main Content Container */
.container {
    max-width: 800px; 
    width: 90%;
    padding: 40px 20px;
    margin: auto; 
    text-align: center;
}

/* Headings - Using Roboto */
h1 {
    font-family: var(--font-heading);
    font-size: 3.5em; 
    margin-bottom: 0.1em; 
    font-weight: 900; 
    letter-spacing: 0.2em; 
    text-transform: uppercase; 
    line-height: 1; 
}

/* H2 - The Subheading: 'Deploying blended capital...' */
h2 {
    font-family: var(--font-heading);
    font-size: 1.2em;
    font-weight: 400; 
    margin-top: 0.75em; 
    margin-bottom: 0.5em; /* Reduced margin here, moved spacing to the paragraph below */
    line-height: 1.2;
}

/* H3 - Section Titles: 'Collaborate with us' and 'Why Now?' */
h3 {
    font-family: var(--font-heading);
    font-size: 1.6em;
    margin-top: 2em;
    margin-bottom: 0.8em;
    border-bottom: 2px solid var(--text-light); /* UNDERLINE IS BACK */
    display: inline-block;
    padding-bottom: 5px;
    letter-spacing: 0.05em;
    font-weight: 700;
}

/* Subheadings under 'Collaborate with us' (H4) */
h4 {
    font-family: var(--font-heading);
    font-size: 1.2em; 
    margin-top: 1.2em; 
    margin-bottom: 0.2em; 
    color: var(--text-light); 
    font-weight: 700;
    text-align: left; /* VERIFIED: LEFT ALIGNMENT IS BACK */
}

/* Paragraphs and Text Alignment (General) */
p {
    margin-bottom: 1.2em; 
    text-align: justify; 
    font-weight: 400; 
}

/* Specific Spacing Adjustments */
.intro {
    padding-bottom: 0;
    margin-bottom: 30px;
}
/* INTRO PARAGRAPH: 'Groundwork exists to accelerate...' */
.intro p {
    margin-top: 1.5em; /* NEW ADJUSTMENT: Pushed down further from H2 */
    margin-bottom: 3em; 
}

/* Collaboration Points - Grouping P with H4 (Clearer sub-sections) */
.collaborate .point p {
    margin-bottom: 2.5em; 
}

/* Section Styles - Lines are removed by default */
.whynow, .cta {
    padding: 20px 0;
    margin-bottom: 30px;
    border-bottom: none; 
}

.collaborate h4 {
    text-align: left; /* VERIFIED: LEFT ALIGNMENT IS BACK */
}

/* Call to Action Text 'Let’s put capital to work...' (H3 size) */
.cta p {
    font-family: var(--font-heading); 
    font-size: 1.6em; 
    text-align: center; 
    font-weight: 700;
    margin-bottom: 0.8em;
}

/* The Button Styling (Restored to previous state) */
.button {
    display: inline-block;
    padding: 15px 30px;
    background-color: var(--accent-button);
    color: var(--text-light); 
    text-decoration: none; 
    font-size: 1.1em;
    font-weight: 700; 
    border-radius: 5px;
    transition: background-color 0.3s ease;
    margin-top: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Button Hover Effect */
.button:hover {
    background-color: #A08060; 
}

/* Footer Styling (Copyright bottom right) */
footer {
    width: 100%;
    padding: 20px 0;
    margin-top: 40px;
    font-size: 0.8em;
    color: rgba(250, 240, 230, 0.5); 
    text-align: right; 
}
footer p {
    margin-right: 5%; 
    text-align: right;
    margin-bottom: 0;
}

/* --- RESPONSIVENESS (Mobile/Tablet Optimizations) --- */

/* Adjust text sizes for smaller screens */
@media (max-width: 768px) {
    .container {
        padding: 20px 15px;
    }
    h1 {
        font-size: 2.2em;
        letter-spacing: 0.15em;
    }
    h2 {
        font-