/* ====== Scoped styles for .bscta only ====== */
.bscta{
  /* Customize these tokens per section */
  --bscta-text:#ffffff;
  --bscta-btn:#ff0202;         /* red button */
  --bscta-btn-hover:#c62828;
  --bscta-overlay:rgba(28, 80, 140, 0.70); /* blue tint */
  --bscta-radius:14px;
  --bscta-shadow:0 10px 25px rgba(0,0,0,.25);

  position: relative;
  isolation: isolate;          /* contain overlay */
  background: #0f2740;
  background-image: var(--bscta-bg, none);
  background-size: cover;
  background-position: center;
  padding: clamp(56px, 10vw, 120px) 16px;
  text-align: center;
}

.bscta__overlay{
  position:absolute; inset:0;
  background: var(--bscta-overlay);
  z-index:0;
}

.bscta__container{
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.bscta__title{
  margin: 0 0 24px 0;
  color: var(--bscta-text);
  font-size: clamp(22px, 4.8vw, 40px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .2px;
}

.bscta__btn{
  display:inline-block;
  padding: 16px 28px;
  border-radius: var(--bscta-radius);
  background: var(--bscta-btn);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
  box-shadow: var(--bscta-shadow);
  transition: transform .12s ease, background-color .12s ease, box-shadow .12s ease;
  outline: none;
}
.bscta__btn:hover,
.bscta__btn:focus{
  background: var(--bscta-btn-hover);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}
.bscta__btn:active{
  transform: translateY(0);
  box-shadow: var(--bscta-shadow);
}

.bscta__sub{
  margin: 16px 0 0 0;
  color: rgba(255,255,255,.9);
  font-size: clamp(14px, 3.6vw, 18px);
}
.bscta__phone{
  color:#fff; text-decoration: underline;
  text-underline-offset: 3px;
}

/* Larger screens: add a little breathing room */
@media (min-width: 900px){
  .bscta{ padding-top: 120px; padding-bottom: 140px; }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce){
  .bscta__btn{ transition: none; }
}