.new-hero{
    padding:6rem 2rem; /* same spacing as services hero */
    background: var(--gradient-bg);
}

.new-hero .new-hero-inner{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr; /* 50/50 split: content left, image right */
    gap:2.5rem;
    align-items:center;
}

.new-hero .new-hero-content{display:flex;flex-direction:column;}

.new-hero .badge{
    margin-bottom:.75rem;
    width: max-content;
}

.new-hero .hero-heading{
    font-weight:700;
    margin:0 0 .6rem;
    color:var(--text-dark);
}

.new-hero .hero-lead{
    color:var(--text-gray);
    max-width:640px;
    margin-bottom:1rem;
}

.new-hero .hero-ctas{display:flex;gap:1rem;margin-bottom:1rem}
.new-hero .hero-features{display:flex;gap:.75rem;padding:0;margin:0;align-items:center;list-style:none;flex-wrap: wrap;}

/* Pill-style feature items (lighter, less prominent than full cards) */
.new-hero .feature-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:999px;background:rgba(1,121,76,0.05);border:1px solid rgba(1,121,76,0.06);color:var(--text-dark);font-weight:600;font-size:.95rem}
.new-hero .feature-pill .pill-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(0,146,68,0.09);color:var(--green-primary);font-size:14px}
.new-hero .feature-pill .pill-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* subtle hover to show affordance */
.new-hero .feature-pill:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(2,36,31,0.04)}

/* keep pills full-width stack on small screens */
@media (max-width:640px){
    .new-hero .hero-features{flex-direction:column;gap:.6rem}
    .new-hero .feature-pill{width:100%;justify-content:flex-start}
}

/* Media placeholder */
.new-hero .new-hero-media{display:flex;align-items:center;justify-content:center}
.new-hero .new-hero-media .media-placeholder{width:100%;max-width:560px;height:520px;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px rgba(2,36,31,0.06)}
.new-hero .hero-img{width:100%;height:100%;object-fit:cover;display:block}

/* Responsive */
@media (max-width: 1024px){
    .new-hero .new-hero-inner{grid-template-columns:1fr}
    /* stack content first, image below on tablet/mobile */
    .new-hero .new-hero-media{order:2; width: 100%;}
    .new-hero .new-hero-inner {
        display: flex;
        flex-direction: column-reverse;
    }
    .new-hero .new-hero-media .media-placeholder {
        max-width: 100%;
    }
}

@media (max-width: 768px){
    .new-hero .new-hero-media .media-placeholder {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .new-hero .new-hero-media .media-placeholder {
        height: 500px;
    }

    .new-hero{padding:4rem 2rem;}
}

@media (max-width: 640px){
    .new-hero{padding:3rem 1.5rem;}
    .new-hero .hero-ctas{flex-direction:column}
    .new-hero .hero-features{flex-direction:column;gap:.6rem}
    .new-hero .feature-pill{width:100%}
    .new-hero .new-hero-media .media-placeholder {
        height: 300px;
    }
}
