/* ============================================
   BrutalHighlight — editorial provocation
   RCS brand: #FF2A2A→#FF7B22, black stroke, zero radius
   ============================================ */

.brutal-sep {
  display: inline;
  white-space: pre-wrap;
}

.brutal-hit {
  display: inline;
  position: relative;
  font-weight: 700;
  line-height: 1.55;
  border-radius: 0;
  vertical-align: baseline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin: 0.2em 0;
}

/* Headings: flat shadow, no rotation */
.section-title .brutal-hit,
.cta-title .brutal-hit,
.list-content h3 .brutal-hit,
.proven-stat-title .brutal-hit,
.landing-hero-title .brutal-hit,
.landing-hero-lead .brutal-hit,
.pain-col-title .brutal-hit {
  transform: none;
  box-shadow: 2px 2px 0 var(--brand-black);
  margin-block: 0.28em;
}

.section-title .brutal-hit--brand,
.cta-title .brutal-hit--cta {
  box-shadow: 3px 3px 0 var(--brand-black);
}

.list-content h3 .brutal-hit--box {
  box-shadow: 2px 2px 0 var(--brand-gradient-end);
  padding: 0.04em 0.28em;
  font-size: 0.98em;
}

.landing-hero-title,
.section-title,
.cta-title,
.proven-stat-title,
.list-content h3 {
  word-spacing: 0.02em;
}

.landing-hero-title .brutal-hit + .brutal-hit,
.landing-hero-lead .brutal-hit + .brutal-hit {
  margin-left: 0.2em;
}

/* "should never" / "tidak boleh */
.brutal-hit--neg {
  background: var(--brand-black);
  color: var(--brand-white);
  padding: 0.06em 0.38em;
  border: 2px solid var(--brand-white);
  box-shadow: 4px 4px 0 var(--brand-gradient-end);
  transform: rotate(-1.2deg);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.92em;
}

.landing-hero-title .brutal-hit--neg,
.section-title .brutal-hit--neg {
  transform: none;
}

/* spreadsheets — crossed out */
.brutal-hit--strike {
  background: var(--brand-white);
  color: var(--crimson-alert);
  padding: 0.04em 0.32em;
  border: 3px solid var(--brand-black);
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  text-decoration-color: var(--brand-black);
  box-shadow: 3px 3px 0 var(--crimson-alert);
  transform: rotate(0.8deg);
}

.landing-hero-title .brutal-hit--strike {
  transform: none;
}

/* How does RCS change the game? — bright gradient, white type */
.brutal-hit--game {
  background: var(--brand-gradient);
  color: var(--brand-white);
  padding: 0.1em 0.42em;
  border: 3px solid var(--brand-black);
  box-shadow: 4px 4px 0 var(--brand-black);
  letter-spacing: 0.02em;
}

.pain-col-title .brutal-hit--game {
  transform: none;
  box-shadow: 3px 3px 0 var(--brand-black);
}

/* Your Concerns — title accent only */
.brutal-hit--concern {
  background: var(--trust-blue);
  color: var(--brand-white);
  padding: 0.06em 0.36em;
  border: 2px solid var(--brand-black);
  box-shadow: 2px 2px 0 var(--brand-gradient-end);
  letter-spacing: 0.01em;
  font-size: 0.98em;
}

.section-title .brutal-hit--concern {
  transform: none;
  box-shadow: 2px 2px 0 var(--brand-black);
}

.section-title .brutal-hit--danger {
  transform: none;
  box-shadow: 3px 3px 0 var(--brand-black);
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice;
  white-space: nowrap;
}

/* Dangerous / Berbahaya — full phrase */
.brutal-hit--danger {
  background: var(--crimson-alert);
  color: var(--brand-white);
  padding: 0.1em 0.45em;
  border: 3px solid var(--brand-black);
  box-shadow: 5px 5px 0 var(--brand-black);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.95em;
}

/* Agentic RCS 5.0 */
.brutal-hit--brand {
  background: var(--brand-gradient);
  color: var(--brand-white);
  padding: 0.08em 0.42em;
  border: 3px solid var(--brand-black);
  box-shadow: 6px 6px 0 var(--brand-black);
  transform: rotate(-0.6deg);
  letter-spacing: 0.02em;
}

.section-title .brutal-hit--brand,
.landing-hero-lead .brutal-hit--brand,
.hero-data-overline .brutal-hit--brand {
  transform: none;
}

.brutal-hit--brand-sm {
  background: var(--brand-gradient);
  color: var(--brand-white);
  padding: 0.06em 0.32em;
  border: 2px solid var(--brand-black);
  box-shadow: 4px 4px 0 var(--brand-black);
}

/* Pillar feature names */
.brutal-hit--box {
  background: var(--brand-white);
  color: var(--trust-blue);
  padding: 0.06em 0.32em;
  border: 3px solid var(--brand-black);
  box-shadow: 4px 4px 0 var(--brand-gradient-end);
  transform: rotate(-0.4deg);
}

.list-content h3 .brutal-hit--box {
  transform: none;
  white-space: normal;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Cost Savings stamp */
.brutal-hit--stamp {
  background: var(--warm-sand);
  color: var(--brand-black);
  padding: 0.08em 0.38em;
  border: 2px dashed var(--brand-black);
  box-shadow: 3px 3px 0 var(--brand-black);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.88em;
}

/* 30% */
.brutal-hit--num {
  background: var(--brand-black);
  color: var(--brand-gradient-end);
  padding: 0.05em 0.28em;
  border: 3px solid var(--brand-gradient-end);
  box-shadow: 3px 3px 0 var(--brand-gradient-start);
  font-weight: 800;
  font-size: 1.08em;
}

/* 628, 81 — corpus / proven stats */
.brutal-hit--stat {
  background: var(--brand-white);
  color: var(--brand-black);
  padding: 0.02em 0.18em;
  border: 3px solid var(--brand-black);
  box-shadow: 5px 5px 0 var(--brand-gradient-start);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.corpus-card-num.brutal-hit--stat,
.proven-stat-title .brutal-hit--stat {
  padding: 0.04em 0.16em;
  font-size: inherit;
}

/* Find the Right Fit */
.brutal-hit--cta {
  background: var(--brand-white);
  color: var(--brand-black);
  padding: 0.08em 0.48em;
  border: 3px solid var(--brand-gradient-end);
  box-shadow: 6px 6px 0 var(--brand-gradient-start);
  transform: rotate(-1deg);
}

.cta-title .brutal-hit--cta {
  transform: none;
  white-space: nowrap;
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice;
}

/* ---- Dark surfaces (hero, CTA, login) ---- */
.landing-hero-band .brutal-hit--neg,
.login-hero .brutal-hit--neg {
  border-color: var(--brand-gradient-end);
  box-shadow: 4px 4px 0 var(--brand-gradient-start);
}

.landing-hero-band .brutal-hit--strike,
.login-hero .brutal-hit--strike {
  background: transparent;
  color: var(--brand-gradient-end);
  border-color: var(--brand-white);
  box-shadow: 4px 4px 0 var(--brand-black);
}

.landing-hero-band .brutal-hit--brand,
.login-hero .brutal-hit--brand,
.cta-section .brutal-hit--cta {
  box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.15);
}

.cta-section .brutal-hit--cta {
  background: var(--brand-gradient);
  color: var(--brand-white);
  border-color: var(--brand-white);
}

.landing-hero-band .brutal-hit--brand-sm,
.login-hero .brutal-hit--brand-sm {
  box-shadow: 4px 4px 0 rgba(255, 255, 255, 0.12);
}

.landing-hero-band .brutal-hit--stat,
.cta-section .brutal-hit--stat {
  background: var(--brand-black);
  color: var(--brand-gradient-end);
  border-color: var(--brand-gradient-end);
  box-shadow: 4px 4px 0 var(--brand-white);
}

@media (max-width: 768px) {
  .brutal-hit--brand,
  .brutal-hit--cta,
  .brutal-hit--danger {
    box-shadow: 3px 3px 0 var(--brand-black);
  }
  .landing-hero-band .brutal-hit--brand,
  .cta-section .brutal-hit--cta {
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.12);
  }
  .cta-title .brutal-hit--cta {
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    overflow: visible;
  }
}