/* Fixpoint One colour match for the single portfolio block on /proof.
   Colour only: no layout, spacing, sizing, or motion changes. */

.proof-page #fixpoint-one::before {
  background: radial-gradient(circle, rgba(128, 104, 255, 0.20), rgba(89, 183, 255, 0.12) 44%, rgba(131, 238, 255, 0.07) 60%, transparent 72%);
}

.proof-page #fixpoint-one .portfolio-fixpoint {
  --portfolio-a: #8068ff;
  --portfolio-b: #83eeff;
  border-color: rgba(117, 170, 235, 0.24);
  background:
    radial-gradient(circle at 9% 7%, rgba(128, 104, 255, 0.21), transparent 30%),
    radial-gradient(circle at 93% 8%, rgba(131, 238, 255, 0.13), transparent 31%),
    linear-gradient(rgba(89, 183, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(89, 183, 255, 0.035) 1px, transparent 1px),
    linear-gradient(145deg, rgba(17, 26, 58, 0.98), rgba(6, 12, 31, 0.995));
  background-size: auto, auto, 34px 34px, 34px 34px, auto;
  box-shadow: 0 34px 100px rgba(1, 8, 24, 0.42), 0 0 48px rgba(89, 183, 255, 0.08);
}

.proof-page #fixpoint-one .portfolio-fixpoint::before {
  background: linear-gradient(90deg, #8068ff 0%, #59b7ff 52%, #83eeff 100%);
  box-shadow: 0 0 34px rgba(89, 183, 255, 0.30);
}

.proof-page #fixpoint-one .portfolio-index {
  color: rgba(89, 183, 255, 0.07);
}

.proof-page #fixpoint-one .portfolio-head,
.proof-page #fixpoint-one .portfolio-footer {
  border-color: rgba(117, 170, 235, 0.17);
}

.proof-page #fixpoint-one .portfolio-kicker,
.proof-page #fixpoint-one .portfolio-product-type,
.proof-page #fixpoint-one .portfolio-product strong {
  color: #83eeff;
}

.proof-page #fixpoint-one .portfolio-brand h2 {
  background: linear-gradient(102deg, #9b87ff 0%, #6f9eff 35%, #59b7ff 58%, #83eeff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.proof-page #fixpoint-one .portfolio-meta span,
.proof-page #fixpoint-one .portfolio-evidence span {
  border-color: rgba(117, 170, 235, 0.20);
  background: rgba(15, 24, 54, 0.72);
  color: #c7d4e8;
}

.proof-page #fixpoint-one .portfolio-product {
  border-color: rgba(117, 170, 235, 0.20);
  background:
    linear-gradient(155deg, rgba(128, 104, 255, 0.10), rgba(89, 183, 255, 0.045) 52%, rgba(131, 238, 255, 0.025)),
    rgba(8, 14, 35, 0.92);
}

.proof-page #fixpoint-one .portfolio-product::after {
  border-color: rgba(131, 238, 255, 0.22);
  box-shadow: 0 0 38px rgba(89, 183, 255, 0.10);
}

.proof-page #fixpoint-one .portfolio-product:hover {
  border-color: rgba(131, 238, 255, 0.38);
  background:
    linear-gradient(155deg, rgba(128, 104, 255, 0.14), rgba(89, 183, 255, 0.07) 54%, rgba(131, 238, 255, 0.04)),
    rgba(8, 14, 35, 0.96);
}

.proof-page #fixpoint-one .portfolio-product-number {
  border-color: rgba(89, 183, 255, 0.40);
  background: linear-gradient(135deg, rgba(128, 104, 255, 0.22), rgba(89, 183, 255, 0.18) 58%, rgba(131, 238, 255, 0.12));
}

.proof-page #fixpoint-one .portfolio-product h3 {
  color: transparent;
  background: linear-gradient(100deg, #a58cff 0%, #6f9eff 34%, #59b7ff 58%, #83eeff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}