/* ZINTEX26 Reviews Hero — module.css */
.z26-rvh{
  --z-navy:#003366; --z-navy-900:#0A1A2E; --z-blue:#1F5FA8;
  --z-yellow:#FFE500; --z-yellow-hover:#F5D800;
  --z-ink:#1B2430; --z-muted:#5B6675; --z-line:#DDE3EA;
  --z-surface:#F4F7FA; --z-white:#FFFFFF;
  --z-ivory:#FBF8F3; --z-ivory-line:#E7E1D7;
  --z-shadow-1:0 1px 2px rgba(10,26,46,.06),0 4px 12px rgba(10,26,46,.06);
  --z-shadow-2:0 12px 40px rgba(10,26,46,.18);
  position:relative; overflow:hidden;
  background:var(--z-surface);
  color:var(--z-ink);
  font-family:"Open Sans",system-ui,sans-serif;
  font-weight:500;
  scroll-margin-top:140px;
}
.z26-rvh *,.z26-rvh *::before,.z26-rvh *::after{box-sizing:border-box}

/* Background photo (Clear Glass only) */
.z26-rvh__bg{position:absolute; inset:0; z-index:0}
.z26-rvh__bg-img{display:block; width:100%; height:100%; object-fit:cover}
.z26-rvh__scrim{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,26,46,.78) 0%,rgba(10,26,46,.62) 55%,rgba(10,26,46,.82) 100%);
}

.z26-rvh__inner{
  position:relative; z-index:1;
  max-width:1200px; margin:0 auto; padding:40px 16px 48px;
  display:flex; flex-direction:column; gap:28px;
}

/* Copy */
.z26-rvh__eyebrow{
  margin:0 0 10px; color:var(--z-blue);
  font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.z26-rvh__heading{
  margin:0 0 14px; color:var(--z-navy);
  font-size:clamp(32px,5vw,52px); font-weight:800; line-height:1.08; letter-spacing:-.015em;
}
.z26-rvh__subhead{color:var(--z-ink); font-size:18px; line-height:1.6; max-width:560px}
.z26-rvh__subhead > *:first-child{margin-top:0}
.z26-rvh__subhead > *:last-child{margin-bottom:0}
.z26-rvh__subhead p{margin:0 0 12px}
.z26-rvh__subhead a{color:var(--z-blue); font-weight:700; text-underline-offset:3px}

/* Logo strip */
.z26-rvh__logos{margin-top:24px}
.z26-rvh__logos-label{
  margin:0 0 10px; color:var(--z-muted);
  font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.z26-rvh__logo-list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px}
.z26-rvh__logo-item{display:flex}
.z26-rvh__logo-link{
  display:inline-flex; align-items:center; text-decoration:none; color:inherit;
  border-radius:10px;
}
.z26-rvh__logo-link:focus-visible{outline:3px solid var(--z-blue); outline-offset:2px}
.z26-rvh__logo{
  display:block; height:36px; width:auto; max-width:140px; object-fit:contain;
  padding:6px 12px; background:var(--z-white); border:1px solid var(--z-line); border-radius:10px;
}
.z26-rvh__platform{
  display:inline-flex; align-items:center; min-height:36px; padding:0 14px;
  background:var(--z-white); border:1px solid var(--z-line); border-radius:10px;
  color:var(--z-navy); font-size:14px; font-weight:700;
}
.z26-rvh__logo-link:hover .z26-rvh__logo,
.z26-rvh__logo-link:hover .z26-rvh__platform{border-color:var(--z-navy)}

/* Quote card */
.z26-rvh__card{
  margin:0; padding:24px 22px;
  background:var(--z-white); border:1px solid var(--z-line); border-radius:24px;
  box-shadow:var(--z-shadow-2);
}
.z26-rvh__stars{display:flex; gap:2px; margin-bottom:12px; color:var(--z-navy)}
.z26-rvh__star{display:block}
.z26-rvh__star--off{color:var(--z-line)}
.z26-rvh__quote{
  margin:0; color:var(--z-navy);
  font-size:20px; font-weight:700; line-height:1.45;
}
.z26-rvh__quote p{margin:0 0 10px}
.z26-rvh__quote p:last-child{margin-bottom:0}
.z26-rvh__cite{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--z-line);
  font-size:15px; line-height:1.4;
}
.z26-rvh__name{color:var(--z-navy); font-weight:800}
.z26-rvh__loc{color:var(--z-ink); font-weight:600}
.z26-rvh__meta{flex-basis:100%; color:var(--z-muted); font-size:13px}

.z26-rvh__vh{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

/* ---------- Clear Glass over a photo ---------- */
.z26-rvh--glass.z26-rvh--photo{background:var(--z-navy-900)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__eyebrow{color:var(--z-yellow)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__heading{color:var(--z-white)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__subhead{color:rgba(255,255,255,.9)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__subhead a{color:var(--z-white)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__logos-label{color:rgba(255,255,255,.75)}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__card{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,.6);
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .z26-rvh--glass.z26-rvh--photo .z26-rvh__card{background:var(--z-white)}
}
.z26-rvh--glass.z26-rvh--photo .z26-rvh__cite{border-top-color:rgba(10,26,46,.12)}

/* ---------- Warm & Solid ---------- */
.z26-rvh--warm{background:var(--z-ivory); --z-ink:var(--z-navy)}
.z26-rvh--warm .z26-rvh__eyebrow{
  display:inline-block; padding:4px 10px; border-radius:6px;
  background:var(--z-yellow); color:var(--z-navy); letter-spacing:.06em;
}
.z26-rvh--warm .z26-rvh__subhead{color:var(--z-navy)}
.z26-rvh--warm .z26-rvh__subhead a{color:var(--z-navy)}
.z26-rvh--warm .z26-rvh__logos-label{color:var(--z-navy)}
.z26-rvh--warm .z26-rvh__logo,
.z26-rvh--warm .z26-rvh__platform{border-color:var(--z-ivory-line); border-radius:12px}
.z26-rvh--warm .z26-rvh__card{
  border:1px solid var(--z-ivory-line); border-radius:18px;
  box-shadow:var(--z-shadow-1);
  position:relative;
}
.z26-rvh--warm .z26-rvh__card::before{
  content:"\201C"; position:absolute; top:-26px; right:22px;
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--z-yellow); color:var(--z-navy);
  font-family:Georgia,serif; font-size:44px; line-height:1; padding-top:14px;
}
.z26-rvh--warm .z26-rvh__star--off{color:var(--z-ivory-line)}
.z26-rvh--warm .z26-rvh__cite{border-top-color:var(--z-ivory-line)}
.z26-rvh--warm .z26-rvh__loc{color:var(--z-navy)}

/* ---------- Desktop ---------- */
@media (min-width:960px){
  .z26-rvh__inner{
    display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:center; gap:56px; padding:88px 24px 96px;
  }
  .z26-rvh--glass.z26-rvh--photo .z26-rvh__inner{min-height:560px}
  .z26-rvh__card{padding:32px 30px}
  .z26-rvh__quote{font-size:22px}
  .z26-rvh__subhead{font-size:19px}
}