/* Hardware & IT procurement marketing — PE/EA dark shell */
.hw-mkt{line-height:1.45;color-scheme:dark}
.hw-mkt .we2-lead{line-height:1.45;max-width:40rem}
.hw-mkt .hw-hero{padding-block:18px 8px}
.hw-mkt .ea-pillar__icon img{display:block;width:40px;height:40px}

.hw-mkt .ea-path-card__img{
  aspect-ratio:2.4 / 1;max-height:140px;height:auto;
  object-fit:cover;object-position:center
}
.hw-mkt .ea-path-card__body{padding:14px 16px;gap:8px}
.hw-mkt .ea-path-card__body p{font-size:14.5px;line-height:1.4}
.hw-mkt .ea-path-card__body ul{font-size:13.5px;line-height:1.35;gap:2px}
.hw-mkt .ea-path-card__body .we2-btn{min-height:44px;margin-top:4px}

.hw-receive{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px
}
.hw-receive__card{
  margin:0;min-width:0;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);background:#05080d;
  display:grid;grid-template-rows:auto 1fr;
  transition:border-color .2s ease,transform .2s ease
}
.hw-receive__card:hover{border-color:rgba(255,255,255,.32)}
.hw-receive__card:active{transform:scale(.995)}
.hw-receive__img{
  display:block;width:100%;aspect-ratio:2.3 / 1;max-height:120px;
  height:auto;object-fit:cover;object-position:center;background:#070b12
}
.hw-receive__body{padding:12px 14px 14px;display:grid;gap:6px;align-content:start}
.hw-receive__body h3{margin:0;font:600 1.05rem/1.25 var(--font-sans);color:#f2f4f7;text-wrap:balance;letter-spacing:-0.01em}
.hw-receive__body p{margin:0;font-size:14px;line-height:1.4;color:#d5dbe3;text-wrap:pretty}
@media (prefers-reduced-motion:reduce){
  .hw-receive__card{transition:none}
  .hw-receive__card:active{transform:none}
}

/* Audience fit: one row of 4 — photo + vector badge */
.hw-fit{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.hw-fit__card{
  margin:0;min-width:0;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);background:#05080d;
  display:grid;grid-template-rows:auto 1fr;
  transition:border-color .2s ease,transform .2s ease
}
.hw-fit__card:hover{border-color:rgba(255,255,255,.32)}
.hw-fit__card:active{transform:scale(.995)}
.hw-fit__media{position:relative;isolation:isolate;background:#070b12}
.hw-fit__img{
  display:block;width:100%;aspect-ratio:1.35 / 1;max-height:150px;
  height:auto;object-fit:cover;object-position:center
}
.hw-fit__badge{
  position:absolute;left:10px;bottom:10px;width:44px;height:44px;
  border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 20px rgba(0,0,0,.35)
}
.hw-fit__body{padding:12px 12px 14px;display:grid;gap:6px;align-content:start}
.hw-fit__body h3{margin:0;font:600 1rem/1.25 var(--font-sans);color:#f2f4f7;text-wrap:balance;letter-spacing:-0.01em}
.hw-fit__body p{margin:0;font-size:13.5px;line-height:1.4;color:#d5dbe3;text-wrap:pretty}
.hw-fit__link{
  margin-top:2px;justify-self:start;font:600 13.5px/1.3 var(--font-sans);color:#8ebef2;
  text-decoration:none;min-height:40px;display:inline-flex;align-items:center;gap:6px;
  transition:color .18s ease
}
.hw-fit__link:hover{color:#cfe3ff}
.hw-fit__link:focus-visible{outline:2px solid #52a8ff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .hw-fit__card{transition:none}
  .hw-fit__card:active{transform:none}
}

.hw-proof{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.hw-proof__card{
  margin:0;border:1px solid rgba(255,255,255,.14);background:#05080d;overflow:hidden;
  display:grid;grid-template-rows:auto 1fr;min-width:0
}
.hw-proof__card img{
  display:block;width:100%;aspect-ratio:2.2 / 1;max-height:128px;
  height:auto;object-fit:cover;object-position:center;background:#070b12
}
.hw-proof__card figcaption{padding:10px 12px 12px;display:grid;gap:2px;border-top:1px solid rgba(255,255,255,.08)}
.hw-proof__card b{font:600 .95rem/1.25 var(--font-sans);color:#f2f4f7;text-wrap:balance}
.hw-proof__card span{font-size:13px;line-height:1.35;color:#d5dbe3;text-wrap:pretty}

.hw-path{border:0;margin:0 0 14px;padding:0;min-width:0}
.hw-path legend{font:600 13px/1.3 var(--font-sans);color:#d5dbe3;margin-bottom:8px}
.hw-path__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hw-path__btn{
  min-height:48px;padding:0 10px;border:1.5px solid rgba(255,255,255,.35);
  background:transparent;color:#f2f4f7;font:600 14px/1.2 var(--font-sans);cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .1s ease
}
.hw-path__btn:active{transform:scale(.97)}
.hw-path__btn[aria-pressed=true]{background:#fff;border-color:#fff;color:#121212}
.hw-path__btn:hover{border-color:#fff}
.hw-path__btn:focus-visible{outline:2px solid #52a8ff;outline-offset:3px}

.hw-mkt [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.hw-mkt [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .hw-mkt [data-reveal]{opacity:1;transform:none;transition:none}
  .hw-path__btn{transition:none}
  .hw-path__btn:active{transform:none}
}

@media (max-width:1100px){
  .hw-receive{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hw-receive__img{aspect-ratio:2.1 / 1;max-height:100px}
  .hw-fit{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .hw-fit__img{aspect-ratio:1.25 / 1;max-height:132px}
  .hw-fit__badge{width:40px;height:40px}
  .hw-mkt .ea-path-card__img{aspect-ratio:2.2 / 1;max-height:120px}
  .hw-proof__card img{aspect-ratio:2.1 / 1;max-height:100px}
}
@media (max-width:980px){
  .hw-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hw-fit__img{aspect-ratio:1.6 / 1;max-height:140px}
}
@media (max-width:900px){
  .hw-receive{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hw-receive,.hw-fit{grid-template-columns:minmax(0,1fr)}
  .hw-receive__img{aspect-ratio:16 / 7;max-height:140px}
  .hw-fit__img{aspect-ratio:16 / 7;max-height:152px}
  .hw-fit__badge{width:44px;height:44px}
  .hw-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hw-path__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hw-mkt .ea-paths{grid-template-columns:minmax(0,1fr)}
  .hw-mkt .ea-path-card__img{aspect-ratio:16 / 7;max-height:148px}
  .hw-proof__card img{aspect-ratio:16 / 7;max-height:120px}
  .hw-mkt .ea-path-card__body .we2-btn{width:auto}
}
@media (max-width:480px){
  .hw-proof{grid-template-columns:minmax(0,1fr)}
  .hw-path__row{grid-template-columns:minmax(0,1fr)}
}

/* Hero CTAs: keep primary + ghost on one row */
.hw-mkt .hw-hero .we2-actions{flex-wrap:nowrap;align-items:center;gap:10px}
.hw-mkt .hw-hero .we2-actions .we2-btn{flex:0 1 auto;white-space:nowrap}
@media (max-width:420px){
  .hw-mkt .hw-hero .we2-actions{flex-wrap:wrap}
  .hw-mkt .hw-hero .we2-actions .we2-btn{flex:1 1 auto}
}
