/* ============================================================
   NIZOV.AI — results / отзывы  (page-specific tweaks ONLY)
   Composes the anti-card kit in system.css (.sec/.kpis/.rail/
   .quote/.statement/.wash). No cards: hairlines, numbers-in-text,
   editorial pull-quotes. Everything here is .rs-* except the
   single active-nav rule (active-page state is page-specific).
   ============================================================ */

/* ---- page-active nav indicator (the one non-.rs- rule) ---- */
.nav__links a[aria-current="page"]{ color:var(--ink-0); }
.nav__links a[aria-current="page"]::after{ width:100%; }

/* ============================================================
   HERO — editorial faceplate
   ============================================================ */
.rs-hero{ padding-top:calc(var(--section) + clamp(2rem,5vh,3.6rem)); }
.rs-hero__eyebrow{ margin-bottom:1.4rem; }
.rs-hero__title{
  font-size:var(--t-hero); font-weight:700; line-height:1;
  letter-spacing:-0.035em; max-width:16ch;
}
.rs-hero__title em{ color:var(--ink-1); }   /* hero: 2nd part dim but legible (over base ink-2) */
.rs-hero__lede{ margin-top:1.6rem; max-width:52ch; }
.rs-hero__kpis{
  margin-top:clamp(2.6rem,6vh,4.2rem);
  border-top:1px solid var(--line);
  padding-top:clamp(1.6rem,3vw,2.2rem);
}

/* ============================================================
   01 · OFFERS WALL — blueprint grid of big mono numbers.
   Dividers via 1px gap + container line-bg (NO per-cell boxes).
   ============================================================ */
.rs-offers{
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:1px; background:var(--line);
  border-top:1px solid var(--line-1);          /* engraved top rule */
}
@media(max-width:900px){ .rs-offers{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .rs-offers{ grid-template-columns:repeat(2,1fr); } }
.rs-offer{
  background:var(--bg-0);
  padding:clamp(1.5rem,2.8vw,2.2rem) clamp(1.1rem,2vw,1.7rem);
}
.rs-offer__n{
  font-family:var(--mono); font-variant-numeric:tabular-nums; font-weight:600;
  font-size:clamp(1.5rem,2.7vw,2.2rem); line-height:1.05;
  color:var(--ink-0); letter-spacing:-0.01em;
}
.rs-offer__n .u{ color:var(--accent); font-weight:600; }
.rs-offer__l{
  margin-top:.7rem; font-family:var(--mono); font-size:var(--t-micro);
  color:var(--ink-2); text-transform:uppercase; letter-spacing:.1em; line-height:1.45;
}

/* ---- screenshot proof — hairline filmstrip with edge-fade (secondary) ---- */
.rs-shots__lbl{
  display:flex; align-items:center; gap:.6em;
  margin:clamp(2.6rem,6vh,4rem) 0 1.4rem;
  font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2);
  text-transform:uppercase; letter-spacing:.12em;
}
.rs-shots__lbl::before{ content:"//"; color:var(--accent); }
.rs-shots{
  display:flex; gap:var(--gap); overflow-x:auto; padding-bottom:.7rem;
  scrollbar-width:thin; scroll-snap-type:x proximity;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.rs-shot{
  flex:0 0 auto; height:clamp(210px,30vh,300px);
  border:1px solid var(--line); border-radius:var(--radius-s);
  overflow:hidden; background:var(--bg-1); scroll-snap-align:start;
}
.rs-shot img{
  height:100%; width:auto;
  filter:grayscale(.3) brightness(.92) saturate(.9);
  transition:filter var(--dur-2) var(--ease);
}
.rs-shot:hover img{ filter:none; }

/* ============================================================
   02 · COMPANIES — hairline-separated logo row
   ============================================================ */
.rs-logos{
  display:flex; align-items:center; flex-wrap:wrap; gap:.6rem 0;
  border-top:1px solid var(--line); padding-top:clamp(1.6rem,3vw,2.2rem);
}
.rs-logos__lbl{
  font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-2);
  text-transform:uppercase; letter-spacing:.12em;
  padding-right:clamp(1.4rem,3vw,2.6rem);
}
.rs-logos__item{
  display:flex; align-items:center;
  padding-inline:clamp(1.4rem,3vw,2.6rem);
  border-left:1px solid var(--line);
}
.rs-logos__item img{
  height:30px; width:auto;
  filter:grayscale(1) brightness(1.6); opacity:.7;
  transition:opacity var(--dur-1) var(--ease), filter var(--dur-1) var(--ease);
}
.rs-logos__item img:hover{ opacity:1; filter:none; }

/* ============================================================
   03 · WHAT STUDENTS DO — two hairline rails + closing statement
   ============================================================ */
.rs-do{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.8rem,5vw,3.6rem); }
@media(max-width:760px){ .rs-do{ grid-template-columns:1fr; gap:2.4rem; } }
.rs-do__lbl{
  display:inline-flex; align-items:center; gap:.5em; margin-bottom:.4rem;
  font-family:var(--mono); font-size:var(--t-mono); color:var(--ink-1);
  text-transform:uppercase; letter-spacing:.12em;
}
.rs-do__lbl::before{ content:">|"; color:var(--accent); }
.rs-do__div{ margin-top:clamp(2.6rem,6vh,4rem); }
.rs-do__statement{ margin-top:clamp(1.8rem,4vh,2.6rem); color:var(--ink-1); max-width:30ch; }

/* ============================================================
   04 · TESTIMONIALS — editorial pull-quotes (system .quote, two-col)
   ============================================================ */
.rs-q{
  display:grid; grid-template-columns:minmax(0,3.4fr) minmax(0,6.6fr);
  gap:clamp(1.1rem,3vw,3rem); align-items:start;
}
@media(max-width:720px){ .rs-q{ grid-template-columns:1fr; gap:.5rem; } }
.rs-q__head{ display:flex; flex-direction:column; gap:.35rem; }
.rs-q__head .quote__mark{ display:block; line-height:.8; }   /* room so mark can't crowd result */

/* ============================================================
   CTA — editorial wash band (NOT a boxed cta)
   ============================================================ */
.rs-cta{ position:relative; z-index:var(--z-content); }
.rs-cta__inner > .eyebrow{ margin-bottom:1.2rem; }
.rs-cta__title{ margin-bottom:clamp(1rem,2vw,1.4rem); }
.rs-cta__lede{
  color:var(--ink-1); max-width:48ch; font-size:var(--t-body);
  margin-bottom:clamp(1.8rem,4vw,2.4rem);
}
.rs-cta__btn{ font-size:1rem; padding:1em 1.8em; }