/* =================== hc-b2b.css =================== */
.hc-b2b {padding: var(--hc-sp-8) 0; background: linear-gradient(135deg, #2c2820, #4a3f30); color: var(--hc-paper, #ffffff)}
.hc-b2b__grid {display: grid; grid-template-columns: 1fr 1fr; gap: var(--hc-sp-7); align-items: center}
.hc-b2b__eyebrow {color: var(--hc-gold); font-family: var(--hc-mono); font-size: var(--hc-fs-xxs); letter-spacing: var(--hc-ls-ultra); text-transform: uppercase}
.hc-b2b__title {font-size: var(--hc-fs-5xl); color: var(--hc-paper, #ffffff); margin: var(--hc-sp-2) 0 var(--hc-sp-3)}
.hc-b2b__desc {color: rgba(255,255,255,.72); font-size: var(--hc-fs-md); margin-bottom: var(--hc-sp-5); max-width: 52ch}
.hc-b2b__list {display: flex; flex-direction: column; gap: var(--hc-sp-3)}
.hc-b2b__item {display: grid; grid-template-columns: 32px 1fr; gap: var(--hc-sp-3); padding: var(--hc-sp-3) var(--hc-sp-4); background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: var(--hc-r-md)}
.hc-b2b__item svg {color: var(--hc-gold)}
.hc-b2b__item strong {display: block; font-family: var(--hc-serif); font-size: var(--hc-fs-md); color: var(--hc-paper, #ffffff)}
.hc-b2b__item small {display: block; font-size: var(--hc-fs-xs); color: rgba(255,255,255,.58); margin-top: 2px}
.hc-b2b__ctas {display: flex; flex-wrap: wrap; gap: var(--hc-sp-3, 14px)}