:root {
    --Gradient-Linear-84: linear-gradient(90deg, #7873F5 0%, #EC77AB 100%);
}

.hero {
    background-image: url('/images/about-us.webp');
    background-position: 0px 18%;
    min-height: 800px;
}


.gradient-text-ai {
    background: linear-gradient(
        to bottom,
        #a060da 50%,
        #904fde 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* LEFT CARD */
.problem-card {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #a4a7ae;
}

.problem-icon {
    color: #4f46e5;
    font-weight: bold;
    font-size: 18px;
}

.problem-list li {
    width:250px;
}

/* RIGHT CARD GLOW */
.solution-glow-wrapper {
    position: relative;
    border-radius: 16px;
    padding: 1px;

    /* Subtle asymmetric border gradient */
    background: linear-gradient(
        135deg,
        #8b7cff 0%,      /* top-left (soft violet) */
        #a78bfa 35%,     /* mid */
        #ff6fb3 70%,     /* right side (darker pink) */
        #ff5fa2 100%     /* bottom-right (slightly darker pink) */
    );


    border-radius: 16px;
    border: 2px solid var(--Gradient-Linear-84, #7873F5);
    box-shadow: 0 4px 32.4px 0 rgba(244, 26, 255, 0.30);
}




.solution-card {
    background: #f9f7ff;
    border-radius: 16px;
    height: 100%;
}

/* TEXT & ICONS */
.solution-icon {
    color: #6366f1;
    font-weight: bold;
    font-size: 18px;
}

.solution-list li {
    width: 350px;
}

.text-gradient {
    color: #7a5af8;
}

.badge-profession {
    background-color: #EFF8FF; 
    border: 1px solid #B2DDFF;
}

#profession-badges{
    max-width: 900px;
}

#who-we-serve-section{
    border-top: 2px solid #52bbff !important;
    border-bottom: 2px solid #52bbff !important;
}

#about-us-ai-section{
    border-bottom: 2px solid #52bbff !important;
}

/* Shared pill base */
.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 18px;
    min-width: 280px;
}

/* AI Engine (top pill) */
.pill-gradient {
    border-radius: 20px;
    border: 2px solid var(--Gradient-Linear-85, #7873F5);
    background: linear-gradient(90deg, rgba(120, 115, 245, 0.10) 0%, rgba(236, 119, 171, 0.10) 100%), #FFF;
}


.icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    color: #8b5cf6;
    font-size: 16px;
}

/* Middle pill */
.pill-outline {
    border-radius: 16px;
    border: 2px solid var(--Gray-cool-500, #5D6B98);
    background: #FFF;
}

.pill-text.inline {
    background: var(--Gradient-Linear-84, linear-gradient(90deg, #7873F5 0%, #EC77AB 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pill-text.muted {
    color: #5D6B98;
}

.pill-text.outcome {
    background: var(--Gradient-Linear-61, linear-gradient(45deg, #AD00FE 0%, #00E0EE 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bottom result pill */
.pill-result {
   border-radius: 16px;
    border: 2px solid var(--Gradient-Linear-81, #4B73FF);
    background: #FFF;
    box-shadow: 0 3px 32.4px 0 rgba(108, 166, 252, 0.30);
}

/* Gradient text */
.gradient-text {
    background: linear-gradient(
        90deg,
        #7c7cff,
        #4cc3ff
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* + and = symbols */
.symbol {
    font-size: 32px;
    font-weight: 600;
    color: #6b7280;
    line-height: 1;
}

#about-us-ai-expertise {
    word-spacing: 1rem;
    line-height: inherit;
}

.ai-info-section{
    max-width: 550px;
}

.card-blue{
    border: 1px solid var(--Blue-dark-700, #004EEB);
    background: var(--Blue-dark-50, #EFF4FF);
}

.vision-section{
    border-radius: 16px;
    border: 1px solid var(--Blue-dark-200, #B2CCFF);
    background: linear-gradient(0deg, rgba(106, 149, 244, 0.20) 0%, rgba(106, 149, 244, 0.20) 100%), #FFF;
}

.explore-maddie{
    background-color: #004eec; 
    max-width: 220px; 
    border-radius: 10px;
}

.talk-maddie{
    border-radius: 8px;
    background: var(--Gradient-Linear-84, linear-gradient(90deg, #7873F5 0%, #EC77AB 100%));

    /* Shadow/xs */
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

/* mobile size */
@media (max-width: 767px) {

    .solution-glow-wrapper{
        box-shadow: unset;
    }

    #problem-solution-section{
        background: var(--Blue-dark-50, #EFF4FF);
    }

    .h3-nohemi, .h3-sophia{
        font-size:24px;
    }

    #about-us-ai-content{
        display: block !important;
    }

    .h1-nohemi{
        font-size:28px;
    }

    .hero{
        min-height: 800px;
    }

    .badge-display{
        font-size: 11px;
    }

    .hero-texts{
        max-width: 400px;
    }
}