.bcstep-vm .container{
    width:100%;
   
    margin:0 auto;
    padding:0 1.5rem;
  }
 
  .bcstep-vm img{max-width:100%; display:block;}
 
  .bcstep-vm .vm-section{
    position:relative;
    overflow:hidden;
    background:#f7f8fa;
  }
 
  .bcstep-vm .blur-circle{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
    pointer-events:none;
    z-index:0;
  }
  .bcstep-vm .blur-circle.top{
    top:-160px; left:-160px;
    width:500px; height:500px;
    background:rgba(185,228,211,0.45); /* green-200 tint */
  }
  .bcstep-vm .blur-circle.bottom{
    bottom:0; right:0;
    width:400px; height:400px;
    background:rgba(21,152,113,0.14); /* green-600 tint */
  }
 
  .bcstep-vm .hero-inner{
    position:relative;
    z-index:1;
    padding:5rem 0 5rem;
  }
 
  .bcstep-vm .hero-copy{
    text-align:center;
    max-width:760px;
    margin:0 auto 2.5rem;
  }
 
  .bcstep-vm .badge{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    border:1px solid #b9e4d3;
    background:#eafaf3;
    padding:0.35rem 1rem;
    font-size:0.85rem;
    font-weight:600;
    color:#12805c;
    letter-spacing:0.02em;
  }
 
  .bcstep-vm .hero-copy h2{
    margin-top:1.5rem;
    font-size:36px;
    line-height:1.25;
    font-weight:700;
    color:#14181f;
  }
  .bcstep-vm .hero-copy h2 .accent{ color:#159871; }
 
  .bcstep-vm .hero-copy p{
    margin-top:1rem;
    font-size:1rem;
    line-height:1.7;
    color:#475569;
  }
 
  /* ---------- Story / Mission / Vision grid ---------- */
  .bcstep-vm .story-grid-section{
    position:relative;
    padding:0 0 5rem;
    overflow:hidden;
  }
 
  .bcstep-vm .story-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
  }
 
  @media (min-width:1024px){
    .bcstep-vm .story-grid{ grid-template-columns:1fr 1fr; }
  }
 
  .bcstep-vm .story-card{
    position:relative;
    height:100%;
  }
 
  .bcstep-vm .story-card-inner{
    position:relative;
    overflow:hidden;
    border-radius:2rem;
    box-shadow: 0 25px 50px rgba(20,25,40,0.14);
    background:#ffffff;
    border:1px solid #eceef2;
    height:100%;
  }
 
  .bcstep-vm .story-image{
    height:100%;
    width:100%;
    object-fit:cover;
    transition:transform 0.7s ease-out;
  }
  /* @media (min-width:640px){ .bcstep-vm .story-image{ height:460px; } } */
 
  .bcstep-vm .story-card:hover .story-image{
    transform:scale(1.05);
  }
 
  .bcstep-vm .story-gradient{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(10,32,24,0.95), rgba(14,20,17,0.4) 55%, transparent 100%);
  }
 
  .bcstep-vm .story-text{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:2rem;
    color:#ffffff;
  }
  .bcstep-vm .story-text h3{
    font-size:1.5rem;
    font-weight:600;
    margin:0 0 0.75rem;
  }
  .bcstep-vm .story-text p{
    font-size:0.9rem;
    line-height:1.6;
    color:#e7ece9;
    max-width:32rem;
    margin:0 0 0.6rem;
  }
  .bcstep-vm .story-text p.dim{ color:#c3ccc7; }
 
  .bcstep-vm .side-stack{
    display:grid;
    gap:1rem;
  }
 
  .bcstep-vm .info-card{
    position:relative;
    border-radius:2rem;
    padding:2rem;
    overflow:hidden;
    transition:box-shadow 0.5s ease;
  }
  .bcstep-vm .info-card:hover{ box-shadow: 0 25px 50px rgba(20,25,40,0.14); }
 
  .bcstep-vm .info-card.mission{
    background:#ffffff;
    border:1px solid #d7f2e6;
    box-shadow:0 10px 30px rgba(20,25,40,0.06);
  }
  .bcstep-vm .info-card.mission::before{
    content:"";
    position:absolute;
    top:-40px; right:-40px;
    height:128px; width:128px;
    background:rgba(21,152,113,0.18);
    filter:blur(48px);
    border-radius:50%;
  }
 
  .bcstep-vm .info-card.vision{
    background:linear-gradient(135deg, #123c2e, #0a2018);
    color:#ffffff;
    box-shadow: 0 25px 50px rgba(20,25,40,0.14);
  }
  .bcstep-vm .info-card.vision::before{
    content:"";
    position:absolute;
    bottom:-40px; right:-40px;
    height:160px; width:160px;
    background:rgba(255,255,255,0.08);
    filter:blur(48px);
    border-radius:50%;
  }
 
  .bcstep-vm .info-card-body{
    position:relative;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:1rem;
  }
 
  .bcstep-vm .icon-box{
    height:48px; width:48px;
    min-width:48px;
    border-radius:1rem;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 10px rgba(0,0,0,0.08);
    transition:transform 0.3s ease;
  }
  .bcstep-vm .info-card:hover .icon-box{ transform:scale(1.1); }
 
  .bcstep-vm .icon-box.solid{ background:#16a37a; color:#ffffff; }
  .bcstep-vm .icon-box.glass{ background:rgba(255,255,255,0.12); backdrop-filter:blur(6px); color:#ffffff; }
 
  .bcstep-vm .icon-box svg{ width:20px; height:20px; stroke-width:2; stroke:currentColor; fill:none; }
 
  .bcstep-vm .info-card h3{
    font-size:1.25rem;
    font-weight:600;
    margin:0 0 0.5rem;
  }
  .bcstep-vm .info-card.mission h3{ color:#14181f; }
  .bcstep-vm .info-card.vision h3{ color:#ffffff; }
 
  .bcstep-vm .info-card p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0.5rem 0 0.5rem;
  }
  .bcstep-vm .info-card.mission p{ color:#3d4451; }
  .bcstep-vm .info-card.mission p.dim{ color:#6b7280; }
  .bcstep-vm .info-card.vision p{ color:#cfe9dd; }
  .bcstep-vm .info-card.vision p.dim{ color:#8fc6ac; }
 
  /* ---------- Feature strip ---------- */
  .bcstep-vm .feature-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    padding-bottom:7rem;
  }
  @media (min-width:1024px){
    .bcstep-vm .feature-grid{ grid-template-columns:repeat(3,1fr); }
  }
 
  .bcstep-vm .feature-card{
    display:block!important;
    padding:1.5rem;
    border-radius:1rem;
    background:#ffffff;
    box-shadow:0 10px 30px rgba(20,25,40,0.06);;
    border:1px solid #eceef2;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bcstep-vm .feature-card:hover{
    transform:translateY(-4px);
    box-shadow: 0 25px 50px rgba(20,25,40,0.14);
  }
  .bcstep-vm .feature-card h4{
   margin: 0 0 0.5rem;
    font-weight: 500;
    color: #14181f;
    font-size: 16px;
  }
  .bcstep-vm .feature-card p{
    margin:0;
   font-size: 14px;
    color: #475569;
  }
 
  /* ============ CTA SECTION ============ */
  .bcstep-vm .cta-section{
    position:relative;
    overflow:visible;
  }
 
  .bcstep-vm .cta-wrapper{
    position:relative;
    background:#0e2f22;
  }
 
  .bcstep-vm .cta-image{
    display:none;
    position:absolute;
   left: 5rem;
    top: -53%;
    z-index: 2;
    width: 500px;
    max-width:none;
    pointer-events:none;
  }
  @media (min-width:1024px){ .bcstep-vm .cta-image{ display:block; } }
 
  .bcstep-vm .cta-grid{
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    gap:3rem;
  }
  @media (min-width:1024px){
    .bcstep-vm .cta-grid{ grid-template-columns:1fr 1fr; }
  }
 
  .bcstep-vm .cta-spacer{ display:none; }
  @media (min-width:1024px){ .bcstep-vm .cta-spacer{ display:block; } }
 
  .bcstep-vm .cta-content{
    padding:2.5rem 0;
    text-align:center;
  }
  @media (min-width:1024px){
    .bcstep-vm .cta-content{
      padding:5rem 0;
      padding-left:2.5rem;
      text-align:left;
    }
  }
 
  .bcstep-vm .cta-mobile-image{
    display:flex;
    justify-content:center;
    margin-bottom:2rem;
  }
  .bcstep-vm .cta-mobile-image img{ width:100%; max-width:320px; }
  @media (min-width:1024px){ .bcstep-vm .cta-mobile-image{ display:none; } }
 
  .bcstep-vm .cta-title{
    margin:0 auto;
    max-width:36rem;
    font-size:1.75rem;
    font-weight:600;
    line-height:1.3;
    color:#ffffff;
  }
  @media (min-width:1024px){
    .bcstep-vm .cta-title{ margin:0; font-size:2.25rem; }
  }
  @media (min-width:640px){
    .bcstep-vm .cta-title{ font-size:1.9rem; }
  }
 
  .bcstep-vm .cta-button{
    margin-top:2rem;
    display:inline-flex;
    align-items:center;
    gap:0.75rem;
    border-radius:0.75rem;
    background:#e3b34a;
    padding:0.9rem 1.6rem;
    font-size:0.9rem;
    font-weight:600;
    color:#14181f;
    border:none;
    cursor:pointer;
    transition:transform 0.3s ease, background 0.3s ease;
  }
  @media (min-width:1024px){
    .bcstep-vm .cta-button{ margin-top:2.5rem; padding:1rem 1.75rem; }
  }
  .bcstep-vm .cta-button:hover{
    transform:scale(1.02);
    background:#f0c86a;
  }
  .bcstep-vm .cta-button svg{ width:20px; height:20px; }
 
  /* animation base states (GSAP overrides on load / on scroll) */
  .bcstep-vm .fade-up{ opacity:0; transform:translateY(24px); }
  .bcstep-vm .slide-left{ opacity:0; transform:translateX(-60px); }
  .bcstep-vm .slide-right{ opacity:0; transform:translateX(60px); }