.hero-kb + .uo-page-intro,
main#main-content > .hero-kb + .uo-page-intro{
  margin-top:-14px!important;
  position:relative;
  z-index:3;
}
.uo-page-intro{
  position:relative;
  max-width:1240px;
  margin:0 auto;
  padding:0 18px;
}
.uo-page-intro__inner{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid rgba(15,23,42,.06);
  border-radius:20px;
  box-shadow:0 22px 50px rgba(15,23,42,.13);
  padding:30px 28px 26px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  overflow:hidden;
}
.uo-page-intro__inner::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--uysal-red,#c91629),#244b7a);
}
.uo-page-intro__content{
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.uo-page-intro__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-family:'Quicksand',Inter,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--uysal-red,#c91629);
  margin-bottom:10px;
}
.uo-page-intro__eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--uysal-red,#c91629);
  box-shadow:0 0 0 3px rgba(201,22,41,.14);
  flex:0 0 auto;
}
.uo-page-intro__title{
  margin:0 0 12px;
  font-family:'Quicksand',Inter,sans-serif;
  font-size:clamp(22px,3vw,32px);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.01em;
  color:#172033;
}
.uo-page-intro__text{
  margin:0 auto 16px;
  font-family:'Quicksand',Inter,sans-serif;
  font-size:15.5px;
  font-weight:500;
  line-height:1.7;
  color:#5b6b80;
  max-width:660px;
}
.uo-page-intro__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:14px;
}
.uo-page-intro__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 24px;
  border-radius:999px;
  font-family:'Quicksand',Inter,sans-serif;
  font-size:14.5px;
  font-weight:700;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.uo-page-intro__btn--primary{
  background:var(--uysal-red,#c91629);
  border:1px solid var(--uysal-red,#c91629);
  color:#fff;
  box-shadow:0 10px 22px rgba(201,22,41,.22);
}
.uo-page-intro__btn--primary:hover{
  background:#a01220;
  border-color:#a01220;
  transform:translateY(-1px);
}
.uo-page-intro__btn--secondary{
  background:#fff;
  border:1px solid #173d68;
  color:#173d68;
}
.uo-page-intro__btn--secondary:hover{
  background:#173d68;
  color:#fff;
  transform:translateY(-1px);
}
.uo-page-intro__badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.uo-page-intro__badge{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border-radius:999px;
  border:1px solid rgba(36,75,122,.16);
  background:#f7faff;
  color:#244b7a;
  font-family:'Quicksand',Inter,sans-serif;
  font-size:12px;
  font-weight:700;
}

.uo-page-intro__trust{
  order:-1;
  width:100%;
  background:#f4f7fb;
  border:1px solid rgba(15,23,42,.05);
  border-radius:12px;
  padding:14px 18px;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 24px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.uo-page-intro__trust-label{
  font-family:'Quicksand',Inter,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#7c8aa0;
  white-space:nowrap;
  flex:0 0 auto;
}
.uo-page-intro__trust-label::after{
  content:"›";
  margin-left:8px;
  color:var(--uysal-red,#c91629);
}
.uo-page-intro__brand-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  flex:0 0 auto;
}
.uo-page-intro__brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 14px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  font-family:'Quicksand',Inter,sans-serif;
  font-size:12.5px;
  font-weight:800;
  color:#172033;
  white-space:nowrap;
}
.uo-page-intro__brand--logo img{
  max-height:22px;
  max-width:88px;
  width:auto;
  object-fit:contain;
  display:block;
}

@media (max-width:767.98px){
  .hero-kb + .uo-page-intro,
  main#main-content > .hero-kb + .uo-page-intro{
    margin-top:-6px!important;
  }
  .uo-page-intro{padding:0 12px;}
  .uo-page-intro__inner{padding:22px 16px 20px;border-radius:16px;gap:10px;}
  .uo-page-intro__title{font-size:21px;margin-bottom:8px;}
  .uo-page-intro__text{font-size:14px;margin-bottom:14px;}
  .uo-page-intro__btn{height:40px;padding:0 18px;font-size:13.5px;}
  .uo-page-intro__trust{padding:10px 14px;gap:8px 14px;margin-bottom:14px;}
  .uo-page-intro__brand{height:32px;padding:0 10px;}
  .uo-page-intro__brand--logo img{max-height:18px;max-width:64px;}
}