/* Primary CTA button (red) */
.btn-cta {
  background: var(--accent);
  font-weight: 700;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  width: 100%;
  color: #fff;
  border: 2px solid var(--accent);
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease;
}

.btn-cta:hover {
  background: #fff;
  color: var(--accent);
}

/* Outlined variant */
.btn-cta-outline {
  background: transparent;
  color: var(--accent);
  border: 2px solid var(--accent);
  font-weight: 700;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  width: 100%;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease;
}

.btn-cta-outline:hover {
  background: var(--accent);
  color: #fff;
}

/* Steps (home page uses these) */
.step{
  border-radius:1rem;
  padding:1.25rem 1rem;
  margin-bottom:.75rem;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  display:flex;               /* left-number, right-text */
  justify-content:center;     /* center the pair in the glass */
}
.step > .row{width:100%}      /* safety if you drop grid inside */

/* Circle number */
.step-number{
  width:2.25rem; height:2.25rem; line-height:2.25rem;
  border-radius:999px;
  background:var(--accent);
  color:#000;
  font-weight:800;
  text-align:center;
  flex-shrink:0;
  margin-right:.75rem; /* spacing between circle and text */
}

/* Keep wrapped lines indented under first line, not under circle */
.step p{ max-width:360px; margin:0 }

/* Location cards (choose-location page) */
.location-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;
  padding:1.25rem;
  text-align:center;
  transition:filter .2s ease, transform .2s ease;
  cursor:pointer;
}
.location-card:hover{ filter:brightness(.9); transform:translateY(-2px) }

/* Video wrapper matches your glass + border-radius */
.video-wrapper {
  border-radius: 1rem; /* same as .glass */
  overflow: hidden;    /* rounds the iframe corners */
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/* Ensure iframe fills its container */
.video-wrapper iframe {
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;

}