/* ============================================================
   PROVEN — Proven Elite (deep page)
   Prestige "scouting dossier" layout, dark + editorial.
   Shell inherited from homepage.css. Namespaced .pe-*.
   ============================================================ */

.pe-page { background: var(--bg); color: var(--fg1); }
.pe-wrap { max-width: 1040px; margin: 0 auto; padding: 0 32px; }
.pe-section { scroll-margin-top: 132px; }

.pe-hero {
  position: relative;
  background: linear-gradient(105deg, rgba(15,21,52,0.96) 0%, rgba(25,34,77,0.86) 50%, rgba(246,138,50,0.70) 100%),
              url("../assets/hero-bg-recruiters.jpg") center/cover no-repeat;
  color: #fff;
}
.pe-hero-inner { position: relative; max-width: 1040px; margin: 0 auto; padding: clamp(48px,8vw,98px) 32px clamp(48px,8vw,88px); }
.pe-crumb { display: inline-flex; align-items: center; min-height: 44px; touch-action: manipulation; color: var(--brand-light-blue); text-decoration: none; font-family: var(--font-body); font-size: 14px; margin-bottom: 14px; }
.pe-crumb:hover { text-decoration: underline; }
.pe-eyebrow { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--brand-light-blue); margin-bottom: 14px; }
.pe-title { font-family: var(--font-display); font-weight: 900; font-size: clamp(34px,6vw,62px); line-height: 1.03; letter-spacing: var(--tracking-display); text-transform: uppercase; margin: 0 0 16px; max-width: 17ch; }
.pe-title .accent, .pe-h2 .accent, .pe-pullquote .accent { color: var(--brand-orange); }
.pe-subtitle { font-family: var(--font-body); font-size: clamp(17px,2.2vw,21px); color: rgba(255,255,255,0.86); margin: 0 0 28px; max-width: 50ch; }
.pe-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.pe-trust { margin-top: 16px; font-size: 13px; color: rgba(255,255,255,0.7); }

.pe-section { padding: clamp(48px,8vw,88px) 0; border-bottom: 1px solid var(--border); }
.pe-section--dark { background: var(--brand-dark-blue); color: #fff; border-bottom: 0; }
.pe-section--tint { background: #F2F7FA; border-bottom-color: #E2EBF1; }
.pe-kicker { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: #2C7FA3; margin-bottom: 14px; }
.pe-kicker--light { color: var(--brand-light-blue); }
.pe-h2 { font-family: var(--font-display); font-weight: 900; font-size: clamp(26px,4.2vw,40px); line-height: 1.1; letter-spacing: var(--tracking-display); text-transform: uppercase; color: var(--fg1); margin: 0 0 16px; max-width: 22ch; }
.pe-h2--light { color: #fff; }
.pe-lede { font-family: var(--font-body); font-size: 18px; line-height: 1.6; color: var(--fg2); margin: 0 0 8px; max-width: 60ch; }
.pe-pullquote { font-family: var(--font-display); font-weight: 800; font-size: clamp(20px,3vw,30px); line-height: 1.25; color: var(--fg1); text-align: center; max-width: 48ch; margin: 40px auto 0; }
.pe-pullquote--light, .pe-section--dark .pe-pullquote { color: #fff; }

/* Methodology dossier */
.pe-method { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.pe-method li { display: grid; grid-template-columns: 60px 1fr; gap: 22px; align-items: start; padding: 22px 0; border-top: 1px solid rgba(255,255,255,0.14); }
.pe-method li:first-child { border-top: 0; }
.pe-mn { font-family: var(--font-mono); font-size: 14px; color: var(--brand-orange); padding-top: 3px; }
.pe-method h3 { font-family: var(--font-body); font-weight: 800; font-size: 19px; color: #fff; margin: 0 0 6px; }
.pe-method p { font-family: var(--font-body); font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.78); margin: 0; }

/* Combine vs ESE */
.pe-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pe-vs-col { border-radius: var(--radius-lg); padding: 30px; min-width: 0; }
.pe-vs-col--combine { background: var(--bg-sunken); border: 1px solid var(--border); }
.pe-vs-col--ese { background: var(--brand-dark-blue); color: #fff; }
.pe-vs-tag { font-family: var(--font-display); font-weight: 900; font-size: 14px; letter-spacing: var(--tracking-label); text-transform: uppercase; margin-bottom: 18px; padding-bottom: 14px; }
.pe-vs-col--combine .pe-vs-tag { color: var(--fg3); border-bottom: 1px solid var(--border); }
.pe-vs-col--ese .pe-vs-tag { color: var(--brand-orange); border-bottom: 1px solid rgba(255,255,255,0.15); }
.pe-vs-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pe-vs-col li { font-family: var(--font-body); font-size: 16px; line-height: 1.45; padding-left: 24px; position: relative; }
.pe-vs-col--combine li { color: var(--fg2); }
.pe-vs-col--combine li::before { content: "✕"; position: absolute; left: 0; color: var(--fg3); font-weight: 700; }
.pe-vs-col--ese li { color: rgba(255,255,255,0.9); }
.pe-vs-col--ese li::before { content: "✓"; position: absolute; left: 0; color: var(--brand-orange); font-weight: 700; }

/* Who it's for */
.pe-who { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.pe-who-card { background: var(--bg); border: 1px solid var(--border); border-top: 3px solid var(--brand-orange); border-radius: var(--radius-lg); padding: 26px 26px; min-width: 0; }
.pe-who-card h3 { font-family: var(--font-body); font-weight: 800; font-size: 18px; color: var(--fg1); margin: 0 0 8px; }
.pe-who-card p { font-family: var(--font-body); font-size: 15px; line-height: 1.55; color: var(--fg2); margin: 0; }

/* Stats */
.pe-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 8px; }
.pe-stat { text-align: center; min-width: 0; }
.pe-stat .n { font-family: var(--font-display); font-weight: 900; font-size: clamp(30px,5vw,48px); color: #fff; }
.pe-stat .n span { color: var(--brand-orange); }
.pe-stat .l { font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 8px; }

@media (max-width: 1000px) { .pe-who { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .pe-wrap, .pe-hero-inner { padding-left: 20px; padding-right: 20px; }
  .pe-vs { grid-template-columns: 1fr; }
  .pe-stats { grid-template-columns: 1fr; gap: 22px; }
  .pe-method li { grid-template-columns: 44px 1fr; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Typography polish — no widows/orphans */
.pe-title, .pe-h2, .pe-pullquote, .pe-eyebrow, .pe-kicker,
.pe-method h3, .pe-vs-tag, .pe-who-card h3, .pe-stat .l,
.pe-page .cta-band h2 { text-wrap: balance; }
.pe-subtitle, .pe-lede, .pe-method p, .pe-vs-col li,
.pe-who-card p, .pe-page .cta-band p { text-wrap: pretty; }