.transform-section{padding:110px 0 120px;}
  .transform-head{text-align:center;max-width:640px;margin:0 auto 56px;}
  .transform-head .eyebrow{justify-content:center;}
  .transform-head h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1;}
  .transform-head p{margin-top:18px;font-size:17px;color:var(--text-body);font-weight:400;}

  .ba-stage{max-width:1100px;margin:0 auto;}

  .ba-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .ba-panel{
    position:relative;height:clamp(280px,42vw,480px);overflow:hidden;
    background:var(--concrete);border-radius:10px;
  }
  .ba-panel img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;
    transition:opacity .4s ease;
  }
  .ba-panel-fading img{opacity:0;}
  .ba-tag{
    position:absolute;top:14px;left:14px;z-index:2;
    font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
    color:#fff;background:rgba(19,20,22,.85);padding:7px 14px;
    box-shadow:0 2px 8px rgba(19,20,22,.35);
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
  }
  .ba-tag-after{background:var(--red);box-shadow:0 2px 8px rgba(195,31,38,.45);}

  .ba-controls{
    display:flex;align-items:center;justify-content:center;gap:22px;
    margin-top:34px;
  }
  .ba-nav-btn{
    width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
    background:transparent;color:var(--ink);cursor:pointer;
    display:flex;align-items:center;justify-content:center;font-size:14px;
    transition:background .2s ease,color .2s ease,border-color .2s ease;flex:none;
  }
  .ba-nav-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
  .ba-dots{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
  .ba-dot{
    position:relative;width:30px;height:9px;border-radius:5px;background:var(--line);border:none;
    cursor:pointer;padding:0;overflow:hidden;transition:background .2s ease;flex:none;
  }
  .ba-dot .ba-dot-fill{position:absolute;inset:0;width:0;background:var(--red);border-radius:5px;}
  .ba-dot.active{background:var(--line);}
  .ba-dot.active .ba-dot-fill{transition:width linear;}

  .ba-caption{
    text-align:center;margin-top:18px;
    font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--text-dim);
  }

  @media (max-width:640px){
    .transform-section{padding:64px 0 70px;}
    .transform-head{margin-bottom:36px;}
    .ba-panels{grid-template-columns:1fr;gap:10px;}
    .ba-panel{height:clamp(220px,72vw,340px);}
    .ba-controls{margin-top:26px;gap:16px;}
    .ba-tag{font-size:11px;padding:6px 11px;}
  }