/* How it works · operating-model section (platform page)
   Uses shared :root advisory tokens from site.css. Prefix hiw- to avoid collision. */

.hiw-head { max-width: 66ch; }
.hiw-head .h { font-family: var(--font-display); font-weight: 400; font-size: 32px; line-height: 1.14; color: var(--advisory-navy); margin-top: 12px; }
.hiw-head.on-navy .h { color: var(--advisory-paper); }
.hiw-head .p { margin-top: 14px; font-size: 17px; line-height: 1.62; color: rgba(15,27,45,.72); }

/* ── The board ── */
.hiw-board { margin-top: 36px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(15,27,45,.12); box-shadow: 0 20px 50px rgba(15,27,45,.10); }
.hiw-lane { display: grid; grid-template-columns: 186px 1fr; align-items: stretch; }
.hiw-lane + .hiw-lane { border-top: 1px solid rgba(15,27,45,.06); }
.hiw-lane-label { padding: 20px 18px; display: flex; flex-direction: column; justify-content: center; }
.hiw-lane-label .lt { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; }
.hiw-lane-label .ls { font-size: 12px; margin-top: 6px; opacity: .75; line-height: 1.4; }
.hiw-cells { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; padding: 18px; }
.hiw-cell { border-radius: 5px; padding: 13px 14px; min-height: 62px; }
.hiw-cell .ct { font-size: 13.5px; font-weight: 700; line-height: 1.2; }
.hiw-cell .cd { font-size: 12px; margin-top: 5px; line-height: 1.35; opacity: .82; }

.hiw-lane.buyer { background: var(--advisory-paper-2); }
.hiw-lane.buyer .hiw-lane-label { background: var(--advisory-gold); color: var(--advisory-navy); }
.hiw-lane.buyer .hiw-cell { background: #FBF7EC; border: 1px solid rgba(201,168,76,.5); color: var(--advisory-navy); }
.hiw-lane.data { background: var(--advisory-navy); }
.hiw-lane.data .hiw-lane-label { color: var(--advisory-paper); }
.hiw-lane.data .hiw-lane-label .lt { color: var(--advisory-gold); }
.hiw-lane.data .hiw-cell { background: var(--advisory-navy-2); border-left: 3px solid var(--advisory-gold); color: var(--advisory-paper); }
.hiw-lane.eng { background: #22303f; }
.hiw-lane.eng .hiw-lane-label { color: var(--advisory-paper); }
.hiw-lane.eng .hiw-lane-label .lt { color: var(--advisory-gold); }
.hiw-lane.eng .hiw-cell { background: #2c3b4b; border-left: 3px solid var(--advisory-gold); color: var(--advisory-paper); }
.hiw-lane.stack { background: var(--advisory-paper); }
.hiw-lane.stack .hiw-lane-label { color: var(--advisory-navy); }
.hiw-lane.stack .hiw-lane-label .lt { color: var(--advisory-gold-2); }
.hiw-chips { display: flex; flex-wrap: wrap; gap: 10px; padding: 18px; }
.hiw-chip { background: var(--advisory-navy); color: var(--advisory-paper); border-radius: 999px; font-size: 12.5px; padding: 8px 15px; display: inline-flex; gap: 7px; align-items: center; }
.hiw-chip b { color: var(--advisory-gold); font-weight: 600; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }
.hiw-sowhat { background: var(--advisory-navy); color: var(--advisory-paper); padding: 15px 20px; font-size: 14px; display: flex; gap: 14px; align-items: baseline; border-top: 2px solid var(--advisory-gold); }
.hiw-sowhat b { color: var(--advisory-gold); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.hiw-note { margin-top: 16px; font-size: 13px; color: rgba(15,27,45,.55); font-style: italic; }

/* ── Proof by count ── */
.hiw-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin-top: 32px; }
.hiw-stat .n { font-family: var(--font-display); font-size: 52px; line-height: 1; color: var(--advisory-gold); }
.hiw-stat .l { margin-top: 12px; font-size: 15px; line-height: 1.5; color: rgba(245,239,227,.82); }

/* ── Locked teaser ── */
.hiw-teaser { margin-top: 30px; position: relative; border-radius: 8px; overflow: hidden; border: 1px solid rgba(15,27,45,.14); }
.hiw-strip { display: grid; grid-template-columns: repeat(3, 1fr); }
.hiw-strip img { width: 100%; height: 230px; object-fit: cover; object-position: top left; display: block; filter: blur(7px) saturate(.9); transform: scale(1.04); }
.hiw-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,27,45,.55), rgba(15,27,45,.82)); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; }
.hiw-lock { width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--advisory-gold); display: flex; align-items: center; justify-content: center; color: var(--advisory-gold); font-size: 20px; margin-bottom: 16px; }
.hiw-veil h3 { font-family: var(--font-display); font-weight: 400; color: var(--advisory-paper); font-size: 24px; max-width: 24ch; line-height: 1.2; }
.hiw-veil p { color: rgba(245,239,227,.82); font-size: 14.5px; margin-top: 10px; max-width: 52ch; }
.hiw-foothint { margin-top: 14px; font-size: 12.5px; color: rgba(15,27,45,.5); text-align: center; }

/* ── Responsive ── */
@media (max-width: 760px) {
  .hiw-lane { grid-template-columns: 1fr; }
  .hiw-lane-label { padding: 14px 16px; }
  .hiw-cells { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 16px; }
  .hiw-chips { padding: 14px 16px; }
  .hiw-proof-grid { grid-template-columns: 1fr; gap: 26px; }
  .hiw-strip { grid-template-columns: 1fr; }
  .hiw-strip img:nth-child(n+2) { display: none; }
  .hiw-veil h3 { font-size: 21px; }
}