/* ===== Reports & App – Section 1 ===== */
.ra-hero{
  position: relative;
  background:#fff4db;                  /* warm cream like screenshot */
  color:#3b170f;
  padding: clamp(1rem, 1vw, 4.5rem) 0;
  overflow:hidden;
}

.ra-title{
  color:#F15922;
  font-weight:700;
  font-size: clamp(1.8rem, 5vw, 2.2rem);
  line-height:1.1;
  margin: 0 0 .6rem;
}

.ra-lead{
  color:#5a4331;
  font-size: clamp(0.8rem, 2.2vw, 0.6rem);
  line-height:1.65;
  margin: 0 0 1.25rem;
  max-width: 34rem;
  font-weight: 500;
}

.ra-store-label{
  display:block;
  color:#e85d0f;
  font-weight:700;
  margin-bottom:.5rem;
}

.ra-store-cta{ display:flex; gap:.8rem; flex-wrap:wrap; }
.btn-store{
  background:#F6B637; color:#3b170f !important;
  font-weight:700; padding:.7rem 1.1rem;
  border-radius:.6rem; border:none;
  box-shadow: 0 .2rem .8rem rgba(0,0,0,.12);
}
.btn-store:hover{ background:#F6B637; color:#3b170f !important; }
.btn-store.alt{ background:#F6B637; }
.btn-store.alt:hover{ background:#f0cf82; }

/* Phone image (single file) */
.ra-phone-col{
  display:flex; justify-content:center; align-items:center;
  margin: clamp(1rem, 2.8vw, 1.6rem) 0;
}
/* .ra-phone{
  width: 100%;
  max-width: clamp(16rem, 25vw, 23rem); 
  height: auto; display:block;
  filter: drop-shadow(0 .8rem 1.6rem rgba(0,0,0,.25));
} */
.ra-phone {
    width: 250%;
    max-width: clamp(16rem, 60vw, 100rem);
    height: auto;
    display: block;
    filter: drop-shadow(0 .8rem 1.6rem rgba(0, 0, 0, .25));
    pointer-events: none;
}

/* Bullets list */
.ra-bullets{
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap: clamp(.8rem, 2vw, 1rem);
}

.reports-left{
  margin-top: 18%;
}
.reports-right{
  margin-top: 28%;
}
.ra-bullets li{
  display:flex; align-items:flex-start; gap:.8rem;
  /* background: #fff9ea;
  border: .12rem solid #ffe3b9; */
  border-radius: .8rem;
  padding: .5rem .1rem;
}
.ra-ico{
  width: clamp(2.2rem, 4vw, 4rem); height:auto; flex:0 0 auto;
}
.ra-bullets h4{
  margin:.1rem 0 .2rem; color:#F15922; font-weight:700;
  font-size: clamp(1.02rem, 2.3vw, 1.5rem);
}
.ra-bullets p{
  margin:0; color:#5a4331; line-height:1.55;
  font-size: clamp(.95rem, 2vw, 1.05rem);
}

/* Decorative blobs */
.ra-blob{
  position:absolute; width: clamp(6rem, 34vw, 35rem); height:auto;
  pointer-events:none; opacity:.95; z-index:0;
}
/* .ra-blob--left  { left: 22vw; bottom: 3%; }
.ra-blob--right { right:26vw; top: 14%; } */
.ra-blob--left {
  left: clamp(8vw, 22vw, 28vw); 
  bottom: clamp(1rem, 3%, 2.5rem);
}

.ra-blob--right {
  right: clamp(12vw, 26vw, 32vw); /* scales between 12–32vw, pref ~26vw */
  top: clamp(1.2rem, 14%, 4rem);  /* scales top offset */
}

.ra-hero .container{ position:relative; z-index:1; }

/* ===== Reports & App – Section 2 (CTA) ===== */
.ra-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  color:#fff;
  padding-top: clamp(2.2rem, 6vw, 3.2rem);
  background: linear-gradient(90deg, #f6a136 0%, #f49d29 35%, #fb8f3e 100%);
  margin-bottom: 8rem;
}

.ra-cta-title{
  font-weight:600;
  line-height:1.05;
  font-size: clamp(3.8rem, 5.3vw, 3rem);
  margin: 0 0 .6rem;
  text-shadow: 0 2px 10px rgba(0,0,0,.12);
}

.ra-cta-lead{
  font-size: clamp(1rem, 2.2vw, 1.1rem);
  line-height:1.65;
  margin: 0 0 1.1rem;
  max-width: 34rem;
  color: rgba(255,255,255,.95);
}

.ra-cta-btn{
  background:#e45922;
  color:#fff !important;
  font-weight:700;
  padding:1rem 2.4rem;
  width: 10rem;
  border-radius:.6rem;
  border:none;
  box-shadow: 0 .25rem .9rem rgba(0,0,0,.18);
}
.ra-cta-btn:hover{ background:#ff6b2f; color:#fff !important; }

.ra-cta-text{
  font-size: 0.8rem;
  font-weight: 400;
}

.rta-cta-text{
  text-align: left;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;  
  margin-top: 6rem;
}
/* image */
/* .ra-cta-imgwrap{
  text-align:right;
} */
.ra-cta-img{
  width: 100%;
  max-width: clamp(18rem, 23vw, 30rem);
  height:auto;
  filter: drop-shadow(0 .8rem 1.6rem rgba(0,0,0,.25));
}

/* blobs */
.ra-cta-blob{
  position:absolute;
  width: clamp(10rem, 50vw, 50rem);
  height:auto;
  opacity:.55;
  pointer-events:none;
  z-index:0;
}
.ra-cta-blob--left  { left: -2%; bottom: -2%;  width: clamp(10rem, 35vw, 50rem);}
.ra-cta-blob--right { right: 5%; top: -10%; }

.ra-cta .container{ position:relative; z-index:1; }

/* Small screens */
@media (max-width: 767px){
  .ra-store-cta{ gap:.6rem; }
  .ra-blob--left{ display:none; }
    .ra-cta-imgwrap{ text-align:center; margin-top: 1rem; }
  .ra-cta-blob--right{ display:none; }
}