
.rbl-cycle{
  --rbl-navy:var(--rr-color-navy);
  --rbl-navy-mid:var(--rr-color-navy-mid);
  --rbl-gold:var(--rr-color-gold);
  --rbl-gold-light:var(--rr-color-gold-light);
  --rbl-cream:var(--rr-color-cream);
  --rbl-text:var(--rr-color-text);
  --rbl-border:rgba(201,168,76,.26);
  margin:34px auto;
  max-width:1160px;
  padding:0 24px;
  font-family:'DM Sans',Arial,sans-serif;
  box-sizing:border-box;
}
.rbl-cycle *{box-sizing:border-box}
.rbl-cycle-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:28px 30px;
  border:1px solid var(--rbl-border);
  border-radius:16px;
  background:linear-gradient(135deg,var(--rbl-navy),var(--rbl-navy-mid));
  box-shadow:0 18px 46px rgba(15,35,64,.12);
}
.rbl-cycle-card::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.13) 0%,transparent 68%);
  pointer-events:none;
}
.rbl-cycle-copy,.rbl-cycle-action{position:relative;z-index:1}
.rbl-cycle-kicker{
  display:block;
  margin:0 0 8px;
  color:var(--rbl-gold-light);
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.rbl-cycle h2{
  margin:0 0 8px;
  color:var(--rr-color-white)!important;
  -webkit-text-fill-color:var(--rr-color-white)!important;
  font-family:var(--rr-font-display),Georgia,serif;
  font-size:clamp(22px,2.4vw,31px);
  line-height:1.18;
}
.rbl-cycle p{
  margin:0;
  max-width:760px;
  color:rgba(235,241,247,.82)!important;
  -webkit-text-fill-color:rgba(235,241,247,.82)!important;
  font-size:14px;
  line-height:1.68;
}
.rbl-cycle-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 22px;
  border-radius:8px;
  background:var(--rbl-gold);
  color:var(--rbl-navy)!important;
  -webkit-text-fill-color:var(--rbl-navy)!important;
  font-size:14px;
  font-weight:900;
  text-decoration:none!important;
  white-space:nowrap;
  transition:transform .2s,background .2s,box-shadow .2s;
}
.rbl-cycle-link:hover{
  background:var(--rbl-gold-light);
  transform:translateY(-2px);
  box-shadow:0 9px 24px rgba(201,168,76,.25);
}
.rbl-cycle-link:focus-visible{outline:2px solid var(--rr-color-white);outline-offset:3px}
@media(max-width:760px){
  .rbl-cycle{padding:0 16px;margin:28px auto}
  .rbl-cycle-card{grid-template-columns:1fr;gap:18px;padding:23px 20px}
  .rbl-cycle-link{width:100%;white-space:normal;text-align:center}
}
