/* ============================================================
   Sentiment Pulse — compact "digest" visual (v2c only)
   NewLayoutC. Loaded in head.html for that variant.
   Replaces the sentiment demotape in v2c with a static digest:
   a mood card + the single finding that matters (with a real
   quote as the receipt). Reads as a CONCLUSION, not a second
   product dashboard — which is what the demotape looked like
   sitting right under the "One View. Zero Chaos." dashboard.
   Cells are semi-transparent so the page gradient shows through.
   ============================================================ */
.v2-sentpulse{
  --sp-cyan:#74FFE2; --sp-ink:#eff4ff; --sp-muted:#9fb2cc; --sp-faint:#6b7e98;
  --sp-warn:#ff9d6b; --sp-warn-deep:#e8703a; --sp-good:#74e0a0;
  --sp-line:rgba(120,150,200,.14); --sp-line-soft:rgba(120,150,200,.08);
  --sp-ease:cubic-bezier(.22,.61,.36,1);
  padding:80px 0;
}
.v2-sentpulse .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

.v2-sentpulse__grid{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;
}

/* ── left: the section copy ── */
.v2-sentpulse__kicker{
  display:inline-flex;align-items:center;gap:8px;
  font:600 12px/1 -apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sp-cyan);margin:0 0 16px;
}
.v2-sentpulse__kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--sp-cyan);
  box-shadow:0 0 0 4px rgba(116,255,226,.15);animation:sp-pulse 2.4s var(--sp-ease) infinite}
@keyframes sp-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.v2-sentpulse__sub{color:rgba(224,236,255,.78);font-size:1.05rem;line-height:1.65;margin:0 0 24px}

/* ── right: the digest ── */
.spulse{display:grid;gap:16px}

.sp-card{
  position:relative;border:1px solid var(--sp-line);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(16,30,52,.55),rgba(10,18,32,.55));
  box-shadow:0 30px 80px -46px rgba(0,0,0,.7);
}
.sp-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 20px;border-bottom:1px solid var(--sp-line-soft)}
.sp-card__src{font:600 11px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-faint)}
.sp-card__src b{color:var(--sp-muted);font-weight:600}
.sp-card__live{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 -apple-system,sans-serif;color:var(--sp-muted)}
.sp-card__live .d{width:6px;height:6px;border-radius:50%;background:var(--sp-cyan);animation:sp-pulse 2.4s infinite}

.sp-mood{display:flex;align-items:flex-end;gap:18px;padding:22px 20px 4px}
.sp-mood__big{font-size:58px;line-height:.9;font-weight:800;letter-spacing:-.03em;color:var(--sp-ink)}
.sp-mood__meta{padding-bottom:6px;flex:1}
.sp-spark{display:flex;align-items:flex-end;gap:4px;height:34px;margin-bottom:6px}
.sp-spark i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--sp-cyan),rgba(116,255,226,.25));opacity:.9}
.sp-spark i:nth-child(-n+3){background:linear-gradient(180deg,var(--sp-warn),rgba(255,157,107,.25))}
.sp-spark__cap{font-size:11.5px;color:var(--sp-faint)}
.sp-spark__cap b{color:var(--sp-good);font-weight:600}

.sp-range{padding:12px 20px 18px}
.sp-range__bar{position:relative;height:7px;border-radius:6px;
  background:linear-gradient(90deg,#ff6b7d,#ff9d6b 42%,#8aa0c0 62%,#6b7e98);opacity:.55}
.sp-range__band{position:absolute;top:-3px;bottom:-3px;left:16%;width:38%;
  border-radius:6px;border:1px solid rgba(159,178,204,.5);background:rgba(159,178,204,.08)}
.sp-range__now{position:absolute;top:-5px;bottom:-5px;left:47%;width:2px;background:var(--sp-ink);border-radius:2px;
  box-shadow:0 0 10px rgba(239,244,255,.6)}
.sp-range__cap{margin:9px 0 0;font-size:12px;color:var(--sp-faint)}
.sp-range__cap b{color:var(--sp-muted);font-weight:600}

.sp-finding{
  position:relative;border:1px solid var(--sp-line);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(30,18,14,.5),rgba(12,18,32,.6));
  padding:20px 22px 18px;
}
.sp-finding::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--sp-warn),var(--sp-warn-deep))}
.sp-finding__tag{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;
  font:700 11px/1 -apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(232,112,58,.16);color:var(--sp-warn);border:1px solid rgba(232,112,58,.35)}
.sp-mult{font:700 14px/1 -apple-system,sans-serif;color:var(--sp-warn)}
.sp-finding__title{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--sp-ink)}
.sp-finding__title b{color:var(--sp-warn)}
.sp-finding__body{font-size:14px;line-height:1.55;color:var(--sp-muted);margin:0 0 14px}
.sp-finding__body b{color:var(--sp-ink);font-weight:600}
.sp-receipt{position:relative;padding:11px 15px;border-radius:11px;background:rgba(255,255,255,.03);
  border:1px solid var(--sp-line-soft);font-size:13.5px;line-height:1.5;color:#dbe6f7;font-style:italic}
.sp-finding__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.sp-caught{font-size:12.5px;color:var(--sp-good);display:inline-flex;align-items:center;gap:7px}
.sp-caught svg{width:14px;height:14px;flex:none}
.sp-seeall{font-size:13px;font-weight:600;color:var(--sp-cyan);text-decoration:none;white-space:nowrap}
.sp-seeall:hover{text-decoration:underline}

/* ── responsive ── */
@media(max-width:900px){
  .v2-sentpulse__grid{grid-template-columns:1fr;gap:30px}
  .v2-sentpulse__kicker{justify-content:flex-start}
}
@media(max-width:768px){
  .v2-sentpulse{padding:56px 0}
  .v2-sentpulse__copy{text-align:center}
  .v2-sentpulse__kicker{justify-content:center}
  .sp-mood__big{font-size:50px}
}
@media(max-width:480px){
  .sp-finding__foot{flex-direction:column;align-items:flex-start;gap:10px}
}