/* ===== GizmoGalaxy: Hero Banner Background ===== */
#banner{
  /* 兜底背景色（图片没加载出来也不丑） */
  background-color: #2e3141;

  /* 渐变遮罩 + 背景图（渐变放前面=在最上层，更利于文字可读性） */
  background-image:
    linear-gradient(to top, rgba(46,49,65,.88), rgba(46,49,65,.55)),
    url("../../images/hero-desktop.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 手机端换一张更“竖”的图（Solid State 的常用断点就是 736px） */
@media screen and (max-width: 736px){
  #banner{
    background-image:
      linear-gradient(to top, rgba(46,49,65,.92), rgba(46,49,65,.62)),
      url("../../images/hero-mobile.webp");
    background-position: center;
  }
}
/* Our Review Process big image */
.pih-process-figure{
  margin: 1.5rem 0 2.25rem;
  border-radius: 16px;
  overflow: hidden;
}

.pih-process-figure img{
  width: 100%;
  height: auto;
  display: block;
}
/* ===== Footer legal pills (only these 4 links) ===== */
.pih-legal{
  display:flex;
  flex-wrap:wrap;          /* allow wrap to multiple lines */ /* :contentReference[oaicite:1]{index=1} */
  gap:10px;                /* clean spacing between pills */  /* :contentReference[oaicite:2]{index=2} */
  margin-top:14px;
}

.pih-legal .pih-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:8px 12px;
  font-size:12px;
  line-height:1;
  letter-spacing:.02em;

  border-radius:9999px;    /* pill shape */                    /* :contentReference[oaicite:3]{index=3} */
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);

  text-decoration:none;
  white-space:nowrap;
  transition: background .15s ease, border-color .15s ease, transform .08s ease;
}

.pih-legal .pih-pill:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.28);
  transform: translateY(-1px);
}

/* Mobile: make them look tidy in 2 columns */
@media screen and (max-width: 736px){
  .pih-legal .pih-pill{
    flex: 1 1 calc(50% - 10px);
    white-space: normal;  /* allow wrap inside pill if needed */
    text-align:center;
  }
}