/* ================================================================
   CRIS LANDING — BLIND SPOTS + SIX QUESTIONS
   Loaded after landing-base.css (shared tokens).
   Rules: no inline styles, no !important, no media queries.
          Responsive values are custom properties set per range in
          responsive.css under ".plx-blind":
            xs ≤575.98 | sm 576-767.98 | md 768-991.98
            lg 992-1199.98 | xl 1200-1399.98 | xxl ≥1400

   Variables set per range (responsive.css):
     --blind-py --blind-gap --blind-fs-h2 --blind-top-cols
     --blind-stats-cols --blind-stats-gap --blind-stat-divider --blind-stat-pl
     --blind-q-cols --blind-q-gap --blind-q-divider --blind-q-pl
   ================================================================ */

/* ── 1. TOKENS (non-responsive) ── */

/* ── 2. SECTION ── */
.plx-blind {
  overflow: hidden;
  padding: var(--sp-64) 0;
  position: relative;
}
.plx-blind::before {
  background: radial-gradient(ellipse 60% 50% at 30% 40%, var(--cyan-a10), transparent 70%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.plx-blind .container-xl { position: relative; z-index: var(--z-1); }

.plx-blind-eyebrow {
  color: var(--lime);
  font-size: var(--fs-10);
  font-weight: 700;
  letter-spacing: .2em;
  margin-bottom: var(--sp-14);
  text-transform: uppercase;
}

/* ── 3. HEAD + STATS ── */
.plx-blind-top {
  align-items: center;
  display: grid;
  gap: var(--sp-60);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  margin-bottom: var(--sp-60);
}
.plx-blind-title {
  color: var(--t1);
  font-size: var(--fs-36);
  font-weight: 800;
  letter-spacing: -.02em;

  margin: 0 0 var(--sp-14);
}
.plx-blind-lead {
  color: var(--t2);
  font-size: var(--fs-14);

  margin: 0;
}

.plx-blind-stats {
  display: grid;
  gap: var(--sp-32);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.plx-blind-stat {
  border-left: 1px solid var(--border-md);
  min-width: 0;
  padding-left: 0;
}
.plx-blind-stat-hd {
  align-items: center;
  display: flex;
  gap: var(--sp-14);
  margin-bottom: var(--sp-6);
}
.plx-blind-stat-hd i { color: var(--amber); font-size: var(--size-30);}
.plx-blind-num { color: var(--t1); font-size: var(--fs-26); font-weight: 800;}
.plx-blind-txt { color: var(--amber); font-size: var(--fs-12);margin: 0; }

/* ── 4. SIX QUESTIONS ── */
.plx-blind-qlist {
  display: grid;
  gap: var(--sp-10);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.plx-blind-q {
  align-items: center;
  border-left: 0 solid var(--border-md);
  display: flex;
  gap: var(--sp-14);
  min-width: 0;
  padding-left: 0;
}
.plx-blind-qicon {
  align-items: center;
  background: var(--cyan-a10);
  border: 1.5px solid var(--cyan-a78);
  border-radius: var(--br-inner);
  box-shadow: 0 0 14px var(--cyan-bg);
  color: var(--cyan);
  display: flex;
  flex-shrink: 0;
  font-size: var(--fs-22);
  height: var(--size-52);
  justify-content: center;
  width: var(--size-52);
}
.plx-blind-qtxt { color: var(--t1); font-size: var(--fs-12); font-weight: 500;}

.plx-blind-stat:first-child,
.plx-blind-q:first-child { border-left: 0; padding-left: 0; }