/* Design System - Modern Premium Human */
:root {
    --color-bg-body: #FAFAFA;
    /* Slightly cooler white for modern feel */
    --color-bg-card: #FFFFFF;

    --color-text-primary: #111827;
    /* Deep Black */
    --color-text-secondary: #6B7280;
    /* Neutral Gray */

    --color-accent: #2F3E32;
    /* Forest Green - Brand */
    --color-accent-light: #E8ECE9;
    /* Very soft green for backgrounds */

    --color-primary: #2f3e32;
    /* Restoring Primary Blue */
    --color-primary-dark: #1A365D;

    --color-primary-btn: #2F3E32;
    --color-text-on-primary: #FFFFFF;

    --font-family-base: 'Outfit', sans-serif;

    --spacing-sm: 0.5rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 3rem;
    --spacing-xl: 6rem;

    --border-radius-sm: 8px;
    --border-radius-card: 16px;
    --border-radius-pill: 100px;

    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Reset & Base */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family-base);
    color: var(--color-text-primary);
    line-height: 1.6;
    background-color: var(--color-bg-body);
    padding-top: 80px;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

/* Typography */
h1,
h2,
h3,
h4 {
    color: var(--color-text-primary);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

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

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

.text-sm-secondary {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

.section-title {
    font-size: 2.25rem;
    margin-bottom: var(--spacing-sm);
}

/* Utils */
.container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-spacing {
    padding: var(--spacing-xl) 0;
}

.bg-light {
    background-color: #F3F4F6;
}

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

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

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

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    border-radius: var(--border-radius-pill);
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.btn--large {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
}

.btn--small {
    padding: 0.5rem 1.25rem;
    font-size: 0.9rem;
}

.btn--primary {
    background-color: var(--color-primary-btn);
    color: var(--color-text-on-primary);
}

.btn--primary:hover {
    background-color: #1a231c;
    transform: translateY(-2px);
}

.btn--secondary {
    background-color: transparent;
    border-color: #E5E7EB;
    color: var(--color-text-primary);
}

.btn--secondary:hover {
    border-color: var(--color-text-primary);
}

.btn--white {
    background-color: #FFFFFF;
    color: var(--color-accent);
}

.btn--white:hover {
    background-color: #F3F4F6;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: rgba(250, 250, 250, 0.836);
    backdrop-filter: blur(10px);
    z-index: 1000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__nav {
    display: none;
}

/* Hero - Modern Overlap */
.hero {
    position: relative;
    padding-top: 2rem;
    /* Mobile top padding */
    padding-bottom: 0px;
    /* Remove padding-bottom to allow wave to sit flush */
    background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 100%);
    /* Removed overflow:hidden to allow overlap potentially, but safer to keep relative container context */
}

/* Final CTA (Second Hero) */
/* Final CTA (Second Hero) */
.cta-hero {
    background: #2f3e32;
    color: #FFFFFF;
    padding-top: 2rem;
    padding-bottom: 0;
    /* Flush bottom */
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.cta-hero__grid {
    display: flex;
    flex-direction: column;
    /* Content first, Image last */
    /* Image bottom on mobile */
    align-items: center;
    gap: 2rem;
}

.cta-hero__content {
    padding: 0rem 2rem 2rem;
    text-align: center;
    flex: 1;
}

.cta-hero__title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #FFFFFF;
    line-height: 1.2;
}

.cta-hero__subtitle {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.cta-hero__image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}

.cta-hero__img {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    margin-bottom: -4px;
    /* Fix gap at bottom if flush */
    /* Add a subtle fade or mask if needed, but clean cutout is best */
}

@media (min-width: 768px) {
    .cta-hero {
        padding: 0;
    }

    .cta-hero__grid {
        flex-direction: row;
        gap: 4rem;
        text-align: left;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .cta-hero__content {
        text-align: left;
        padding: 6rem 0;
    }

    .cta-hero__subtitle {
        margin-left: 0;
        margin-right: 0;
    }

    .cta-hero__image-wrapper {
        justify-content: flex-end;
        align-self: flex-end;
        position: relative;
        top: 2rem;
        /* Push down to create that "pop out" effect possibly? Or just align bottom */
        height: 100%;
    }

    .cta-hero__img {
        max-width: 500px;
        margin-bottom: 0px;
    }
}

/* Mobile Hero Defaults */
.hero__container {
    display: flex;
    flex-direction: column;
    /* Text FIRST on mobile (Standard) */
    align-items: center;
    text-align: center;
    gap: 2rem;
    position: relative;
    z-index: 2;
    padding-bottom: 0rem;
}

.hero__content {
    max-width: 600px;
    z-index: 10;
}

.hero__badge-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.hero__badge {
    padding: 0.25rem 1rem;
    background-color: var(--color-accent-light);
    color: var(--color-accent);
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 100px;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
}

.hero__crm {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    font-weight: 500;
}

.text-highlight {
    color: var(--color-accent);
    font-weight: 700;
}

.hero__title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    color: var(--color-text-primary);
    line-height: 1.1;
}

.hero__subtitle {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.hero__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.hero__trust {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.trust-stars {
    color: #F59E0B;
    letter-spacing: 2px;
}

/* Mobile Image */
.hero__image-wrapper {
    position: relative;
    width: 70%;
    max-width: 320px;
    margin: 0 auto;
    z-index: 3;
    /* On mobile, standard flow */
}

.hero__cutout-img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.05));
}

.hero__wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 2;
    /* Behind image if overlapped, or just decoration */
}

.hero__wave svg {
    display: block;
    width: 100%;
    height: auto;
}

/* Stats Section */
.stats {
    background-color: var(--color-accent);
    padding: 3rem 0;
    color: white;
    margin-top: -1px;
    position: relative;
    z-index: 2;
}

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

.stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* About Section */
.about__container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    /* Center content on mobile */
}

.about__content {
    text-align: center;
}

.about__content p {
    text-align: justify;
}

.about__image-wrapper {
    position: relative;
}

.about__accent-bg {
    position: absolute;
    bottom: 0px;
    left: -10px;
    width: 100%;
    height: 100%;
    background-color: var(--color-accent-light);
    border-radius: var(--border-radius-card);
    z-index: 1;
}

.about__cutout-img {
    position: relative;
    z-index: 2;
    border-radius: var(--border-radius-card);
}

.about__badges {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-top: 1.5rem;
    justify-content: center;
    /* Center badges on mobile */
}

.authority-badge {
    height: 45px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.authority-badge:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Methodology Grid (Divider Style) */
.methodology__grid {
    display: grid;
    grid-template-columns: 1fr;
    background-color: transparent;
    gap: 0;
    /* No gap because we use borders */
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}

.methodology__item {
    padding: 2rem;
    border-bottom: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    min-height: 220px;
    background: transparent;
    align-items: center;
}

/* Remove last border on mobile if needed, or keep for consistency */
.methodology__item:last-child {
    border-bottom: none;
}

.methodology__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-text-primary);
}

.methodology__desc {
    color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    max-width: 90%;
    text-align: center;
}

.methodology__icon {
    font-size: 2.5rem;
    color: var(--color-accent);
    font-weight: 700;
    line-height: 1;
}

.methodology__img {
    width: 100%;
    max-width: 120px;
    height: auto;
    object-fit: cover;
    border-radius: var(--border-radius-card);
}

/* Services (Minimalist Cards) */
/* Services (Hero Layout) */
.services {
    background: #e8ece9;
    /* Requested background */
    padding-bottom: 0;
    /* Remove bottom padding so image hits edge */
}

.services__container {
    display: flex;
    flex-direction: column;
    /* Content first, Image last on Mobile */
    gap: 3rem;
}

.services__header {
    text-align: left;
    margin-bottom: 2rem;
}

.services__hero-img {
    width: 100%;
    max-width: 600px;
    /* Larger max-width */
    height: auto;
    margin: 0 auto;
    display: block;
    object-fit: cover;
    /* Remove border-radius and shadow to look like a cutout/hero */
    border-radius: 0;
    box-shadow: none;
    margin-bottom: -10px;
    /* Pull down to flush */
}

.services__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    align-content: start;
}

.service-card--minimal {
    background: #FFFFFF;
    padding: 1.75rem 1.5rem;
    border-radius: 16px;
    border: 1px solid rgba(47, 62, 50, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    text-align: left;
}

/* Premium accent line on left */
.service-card--minimal::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: linear-gradient(180deg, var(--color-primary) 0%, #4a6b50 100%);
    border-radius: 0 4px 4px 0;
    transition: height 0.3s ease;
}

.service-card--minimal:hover::before {
    height: 60%;
}

.service-card--minimal h3 {
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
    transition: color 0.3s ease;
}

.service-card--minimal:hover h3 {
    color: var(--color-primary);
}

.service-card--minimal p {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.5;
}

.service-card--minimal:hover {
    box-shadow: 0 12px 24px rgba(47, 62, 50, 0.12);
    transform: translateY(-4px);
    border-color: rgba(47, 62, 50, 0.15);
}

/* Reviews (Testimonials) */
.testimonials__header .google-badge-large {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #FFFFFF;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
}

/* Review Grid Containers */
.testimonials__grid {
    /* Mobile Slider Default */
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding: 1rem 0.5rem 2rem 0.5rem;
    /* Bottom padding for scrollbar/shadow space */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
    align-items: center;
    /* Prevent stretching */
}

.testimonials__grid::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for cleaner look */
}

.review-card {
    background: #FFFFFF;
    border-radius: var(--border-radius-card);
    padding: 1.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #F3F4F6;
    flex: 0 0 85%;
    /* Mobile: Show 85% of card to encourage scroll */
    scroll-snap-align: center;
    height: auto;
    /* Height auto for content */
    display: flex;
    flex-direction: column;
    break-inside: avoid;
    /* For masonry */
    margin-bottom: 1.5rem;
    /* CSS Columns spacing */
}

.review-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.review-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-accent);
    /* Brand color avatar */
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.review-info {
    display: flex;
    flex-direction: column;
}

.review-name {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-text-primary);
}

.review-stars {
    color: #FBBC05;
    font-size: 0.85rem;
    letter-spacing: 1px;
}

.review-text {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
    font-style: italic;
}

/* Testimonials Navigation */
.testimonials__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.testimonials__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D1D5DB;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.dot:hover {
    background: #9CA3AF;
}

.dot.active {
    background: var(--color-primary);
    transform: scale(1.2);
}

.review-image {
    width: auto;
    height: auto;
    max-width: 100%;
    /* Constrain only if wider than screen */
    max-height: none;
    /* Allow full original height */
    border-radius: var(--border-radius-card);
    box-shadow: none;
    flex-shrink: 0;
    scroll-snap-align: center;
    border: solid 8px #fff;
    background: transparent;
    padding: 0;
    outline: none;
}

.testimonials__arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.testimonials__arrow:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #FFFFFF;
}

.testimonials__arrow:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.testimonials__cta {
    text-align: center;
    margin-top: 2rem;
}

/* Outline Button */
.btn--outline {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    border: 2px solid var(--color-primary);
    background: transparent;
    color: var(--color-primary);
    font-weight: 600;
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn--outline:hover {
    background: var(--color-primary);
    color: #FFFFFF;
}

.about__badges {
    display: flex;
    gap: 1.5rem;
    /* Space between cards */
    align-items: center;
    margin-top: 1.5rem;
    justify-content: center;
}

.authority-card {
    background: #FFFFFF;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    /* Soft card shadow */
    border: 1px solid #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.authority-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.08);
}

.authority-badge {
    height: 35px;
    /* Slightly smaller to fit in padding */
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 0.3s ease;
}

.authority-card:hover .authority-badge {
    filter: grayscale(0%);
    opacity: 1;
}

@media (min-width: 768px) {
    .testimonials__grid {
        display: flex;
        /* Flex Slider for Desktop */
        column-count: auto;
        /* Reset masonry */
        overflow-x: auto;
        padding-bottom: 2rem;
        scroll-padding: 0;
        gap: 1.5rem;
        -ms-overflow-style: none;
        /* Hide scrollbar IE/Edge */
        scrollbar-width: none;
        /* Hide scrollbar Firefox */
        align-items: center;
        /* Prevent stretching on Desktop */
    }

    .testimonials__grid::-webkit-scrollbar {
        display: none;
        /* Hide scrollbar Webkit */
    }

    .review-card {
        flex: 0 0 calc(33.333% - 1rem);
        /* 3 cards visible */
        width: auto;
        margin-bottom: 0;
        scroll-snap-align: start;
    }
}

/* Process (Jornada do Paciente - Timeline) */
.process {
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    padding: 6rem 0;
}

.process__steps {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    /* Increased spacing between steps */
    position: relative;
    padding-left: 0;
    margin-top: 4rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Vertical Line (Mobile) */
.process__steps::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    /* Center of 40px circle */
    width: 2px;
    background: #E2E8F0;
    z-index: 1;
}

.process__step {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    z-index: 2;
    padding-left: 4rem;
    /* Space for circle (40px) + gap */
}

.process__icon {
    display: none;
    /* Hide icons on mobile */
}

/* Mobile Icon Handling: Maybe just color the number? 
   Let's keep icons for Desktop as usually these "serpentine" or "horizontal" layouts are desktop first. 
   But user asked for it. Let's make it visible on desktop only for cleanliness? 
   "Adicionar icones... acima do número". */

.process__number {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    color: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    border: 2px solid var(--color-primary);
    position: absolute;
    left: 0;
    /* On the line */
    top: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.process__title {
    font-size: 1.35rem;
    /* Slightly larger for premium feel */
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-text-primary);
}

.process__desc {
    font-size: 1rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

/* Testimonials */
.testimonials__grid {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 1rem;
    scrollbar-width: none;
}

.testimonial-img {
    border-radius: 12px;
    max-width: 80vw;
    box-shadow: var(--shadow-card);
    flex: 0 0 auto;
}

/* CTA & FAQ & Footer */
.cta-banner {
    background-color: var(--color-accent);
    color: white;
    text-align: center;
    padding: 5rem 1.5rem;
}

.cta-title {
    color: white;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.cta-subtitle {
    margin-bottom: 2rem;
    opacity: 0.9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.faq__item {
    background: white;
    margin-bottom: 0.75rem;
    border-radius: var(--border-radius-sm);
    padding: 1.25rem;
    border: 1px solid #E5E7EB;
}

.faq__question {
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.faq__answer {
    margin-top: 1rem;
    color: var(--color-text-secondary);
}

/* Footer (Premium Redesign) */
.footer {
    background-color: #1a231c;
    /* Deep Dark Green */
    color: #9CA3AF;
    padding: 5rem 0 3rem;
    margin-top: 0;
    font-size: 0.95rem;
}

.footer__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    text-align: center;
}

.footer__brand-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Center on mobile */
    gap: 1.5rem;
}

.footer__logo {
    max-width: 180px;
    filter: brightness(0) invert(1);
}

.footer__bio {
    color: #D1D5DB;
    line-height: 1.6;
    max-width: 320px;
    margin: 0 auto;
}

.footer__info-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.footer__contacts-col,
.footer__location-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.footer__socials {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.social-link {
    width: 44px;
    height: 44px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-link:hover {
    background: #FFFFFF;
    color: var(--color-primary);
    border-color: #FFFFFF;
    transform: translateY(-3px);
}

.footer__contact-block {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Footer Headings */
.footer__heading {
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 0.25rem;
}

/* Contact Items (Clickable) */
.footer__contact-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

.footer__contact-item:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #FFFFFF;
}

.footer__contact-icon {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4ade80;
    flex-shrink: 0;
}

/* Telemedicine Badge */
.telemedicine-badge {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, rgba(47, 62, 50, 0.5) 0%, rgba(47, 62, 50, 0.25) 100%);
    border: 1px solid rgba(74, 222, 128, 0.2);
    padding: 0.875rem 1.25rem;
    border-radius: 12px;
    margin-top: 0.75rem;
}

.telemedicine-badge__icon {
    width: 40px;
    height: 40px;
    background: rgba(74, 222, 128, 0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4ade80;
}

.telemedicine-badge__text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.telemedicine-badge__title {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.95rem;
}

.telemedicine-badge__desc {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
}

/* Footer Address */
.footer__address {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
    text-align: left;
    max-width: 280px;
    margin-top: 0.5rem;
}

.footer__address svg {
    margin-top: 3px;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.4);
}

/* Map Overlay Button */
.map-overlay__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--color-primary);
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
}

/* Footer Bottom */
.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 2rem;
    margin-top: 3rem;
    text-align: center;
}

.footer__credentials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.footer__crm {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.footer__divider {
    color: rgba(255, 255, 255, 0.3);
}

.footer__copyright {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
}

.footer__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: #D1D5DB;
}

.footer__item--center {
    align-items: flex-start;
    text-align: center;
    flex-direction: row;
}

.footer__map-card {
    width: 100%;
    max-width: 300px;
    height: 150px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.footer__map-card iframe {
    filter: grayscale(100%) invert(90%) contrast(85%);
    /* Dark Map Effect */
    transition: all 0.5s ease;
}

.footer__map-card:hover iframe {
    filter: grayscale(0%) invert(0%);
    /* Color on hover */
}

.footer__map-card:hover {
    border-color: var(--color-primary);
    transform: translateY(-2px);
}

.map-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: opacity 0.3s ease;
    height: 100%;
    pointer-events: none;
}

.footer__map-card:hover .map-overlay {
    opacity: 1;
}

.map-overlay span {
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
    background: var(--color-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
}

.footer__address-text {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.9rem;
    color: #9CA3AF;
    max-width: 300px;
    line-height: 1.4;
    text-align: left;
    margin-top: 0.5rem;
    justify-content: center;
    /* Centered in stack */
}

/* Telemedicine Card */
.telemedicine-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 12px;
    width: 100%;
    max-width: 300px;
    /* Match map width */
    transition: all 0.3s ease;
    cursor: default;
    margin-top: 1.5rem;
}

.telemedicine-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

.telemedicine-icon {
    width: 40px;
    height: 40px;
    background: rgba(40, 167, 69, 0.1);
    /* Subtle Green tint */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
}

.telemedicine-content {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.tele-title {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.95rem;
}

.tele-desc {
    color: #9CA3AF;
    font-size: 0.85rem;
}

.footer__copy {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
    margin-top: 2rem;
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    color: #6B7280;
}

@media (min-width: 768px) {
    .footer {
        padding: 4.5rem 0 2rem;
    }

    .footer__grid {
        grid-template-columns: 1.4fr 1fr 1.1fr;
        text-align: left;
        align-items: start;
        gap: 2.5rem;
    }

    .footer__brand-col {
        align-items: flex-start;
        padding-right: 2rem;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .footer__socials {
        justify-content: flex-start;
    }

    .footer__bio {
        margin: 0;
    }

    .footer__contacts-col {
        align-items: flex-start;
        padding: 0 1rem;
    }

    .footer__location-col {
        align-items: flex-start;
        padding-left: 1.5rem;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
    }

    .footer__contact-item {
        padding-left: 0;
    }

    .footer__bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer__credentials {
        margin-bottom: 0;
    }
}

/* Desktop Media Queries */
@media (min-width: 900px) {
    .header__nav {
        display: flex;
        gap: 2rem;
        font-weight: 500;
        font-size: 0.95rem;
    }

    .hero {
        padding-top: 6rem;
        /* Reduced from 8rem */
        min-height: 60vh;
        /* Reduced to avoid excessive empty space */
        display: flex;
        align-items: flex-end;
        text-align: left;
        /* Premium Gradient Background */
        background: radial-gradient(circle at 30% 50%, #FFFFFF 0%, #FAFAFA 60%, #F5F7F5 100%);
        overflow: visible;
        /* ALLOW OVERLAP */
    }

    .hero__container {
        flex-direction: row;
        /* Split */
        align-items: center;
        justify-content: space-between;
        max-width: 1240px;
        width: 100%;
        height: 100%;
        padding-bottom: 0rem;
        /* Tighter bottom */
        text-align: left;
    }

    .hero__content {
        flex: 1;
        max-width: 580px;
        order: 1;
        /* Text first */
        text-align: left;
        margin-bottom: 12rem;
        position: relative;
        z-index: 10;
    }

    .hero__badge-wrapper {
        justify-content: flex-start;
    }

    .hero__title {
        font-size: 3.75rem;
        margin-bottom: 1.5rem;
        letter-spacing: -0.04em;
        color: #1a202c;
    }

    .hero__subtitle {
        font-size: 1.25rem;
        margin-right: 0;
        margin-bottom: 2rem;
        max-width: 85%;
        color: #4A5568;
    }

    .hero__actions {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 1.5rem;
    }

    .hero__trust {
        margin-top: 0;
        justify-content: flex-start;
        align-items: flex-start;
        border-left: 1px solid #E2E8F0;
        padding-left: 1.5rem;
    }

    /* Desktop Image Positioning */
    .hero__image-wrapper {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        max-width: none;
        height: auto;
        margin: 0;
        z-index: 5;
        /* Higher than wave */
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: -1rem;
    }

    .hero__cutout-img {
        max-height: 700px;
        width: auto;
    }

    .stats__grid {
        grid-template-columns: repeat(4, 1fr);
        max-width: 1000px;
        margin: 0 auto;
    }

    /* Methodology Grid Desktop */
    .methodology__grid {
        grid-template-columns: 1fr 1fr;
        /* 2 COLUMNS */
        border-top: none;
        /* Let individual items handle or clean wrapper */
        max-width: 1000px;
        margin: 0 auto;
    }

    .methodology__item {
        border-bottom: 1px solid #E5E7EB;
        /* Horizontal divider */
        padding: 3rem;
        /* More space */
    }

    /* Borders Logic for 2x2 Grid */
    .methodology__item:nth-child(1) {
        border-right: 1px solid #E5E7EB;
    }

    .methodology__item:nth-child(3) {
        border-right: 1px solid #E5E7EB;
        border-bottom: none;
    }

    .methodology__item:nth-child(4) {
        border-bottom: none;
    }

    .about__container {
        flex-direction: row;
        align-items: center;
        gap: 5rem;
    }

    .about__image-wrapper {
        flex: 1;
    }

    .about__content {
        flex: 1;
        text-align: left;
        /* Restore left align for desktop */
    }

    .about__badges {
        justify-content: flex-start;
        /* Restore start align for desktop */
    }

    .services__container {
        flex-direction: row;
        align-items: center;
        /* Align bottom to let image sit on section edge */
        gap: 4rem;
        height: 100%;
        /* Fill section */
    }

    .services__content {
        flex: 1;
        padding-right: 0;
        padding-bottom: 4rem;
        /* Add padding to content only so it doesn't hit bottom edge, but image does */
    }

    .services__header {
        text-align: left;
        margin-bottom: 4rem;
    }

    .services__image-column {
        flex: 0 0 45%;
        /* Reserve space */
        display: flex;
        justify-content: center;
        align-items: flex-end;
        /* Bottom alignment */
        height: 100%;
    }

    .services__hero-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 800px;
        object-fit: contain;
        margin: 0;
        margin-bottom: -4px;
        /* Flush */
    }

    .services__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    /* Process Timeline Desktop */
    .process__steps {
        flex-direction: row;
        gap: 0;
        padding-left: 0;
        justify-content: space-between;
        margin-top: 3rem;
    }

    /* Horizontal Line */
    .process__steps::before {
        width: 100%;
        height: 2px;
        top: 24px;
        /* Align with circle center (approx) */
        left: 0;
        bottom: auto;
    }

    .process__step {
        flex: 1;
        align-items: center;
        text-align: center;
        padding: 0 1rem;
    }

    .process__number {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 1.5rem;
        width: 48px;
        height: 48px;
        font-size: 1.1rem;
    }

    .testimonial-img {
        max-width: none;
        height: auto;
    }

    .cta-banner {
        padding: 6rem 0;
    }
}

/* Floating WhatsApp Button */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    transition: all 0.3s ease;
    text-decoration: none;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
}

.whatsapp-float svg {
    width: 28px;
    height: 28px;
}

/* Pulse Animation */
.whatsapp-float::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #25D366;
    z-index: -1;
    animation: whatsapp-pulse 2s ease-out infinite;
}

@keyframes whatsapp-pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}