.experience-badge{
    display:inline-block;
    align-self:flex-start;
    background:rgba(201,168,76,0.12);
    border:1px solid #C9A84C;
    border-radius:4px;
    color:#C9A84C;
    font-size:0.8rem;
    font-weight:700;
    letter-spacing:0.08em;
    padding:0.5rem 1rem;
    text-transform:uppercase;
}

.audience-line{
    color:#4A3F30;
    font-size:1.05rem;
    line-height:1.8;
    margin-bottom:1.5rem;
}

.section .section-intro + p{
    margin-top:0;
}

.section p + p{
    margin-top:1rem;
}

.band{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1.5rem;
    margin-bottom:1.5rem;
}
.band > div{
    background:#ffffff;
    border:1px solid #D5CBBC;
    border-radius:6px;
    padding:2rem;
}
.section--alt .band > div{
    background:#F5F1EB;
}
.band h3{
    font-size:1.2rem;
    margin:0 0 0.75rem;
}
.band p{
    color:#4A3F30;
    font-size:0.95rem;
    margin:0;
}

.cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin-top:1.5rem;
}

.feature-grid,
.approach-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}
.feature-item,
.approach-item{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    background:#ffffff;
    border:1px solid #D5CBBC;
    border-radius:6px;
    padding:1.75rem;
    transition:box-shadow 0.22s, border-color 0.22s, transform 0.22s;
}
.section--tinted .approach-item{
    background:#F5F1EB;
}
.feature-item:hover,
.approach-item:hover{
    border-color:#B8A898;
    box-shadow:0 12px 32px rgba(15,25,40,0.1);
    transform:translateY(-3px);
}
.feature-item h3{
    display:block;
    float:none;
    width:100%;
    font-size:1.15rem;
    margin:0 0 0.5rem;
}
.approach-item h4{
    display:block;
    float:none;
    width:100%;
    margin:0 0 0.5rem;
}
.feature-item p,
.approach-item p{
    color:#4A3F30;
    font-size:0.92rem;
    margin:0;
}

.step-tag{
    display:inline-block;
    color:#8A6A3E;
    font-size:0.68rem;
    font-weight:700;
    letter-spacing:0.15em;
    margin-bottom:0.5rem;
    text-transform:uppercase;
}

@media(max-width:1024px){
    .feature-grid,
    .approach-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:820px){
    .band{
        grid-template-columns:1fr;
    }
}

@media(max-width:540px){
    .feature-grid,
    .approach-grid{
        grid-template-columns:1fr;
    }
    .cta-row .btn{
        white-space:normal;
        width:100%;
    }
    .band > div{
        padding:1.5rem;
    }
}