.outcomes9 {
  position: relative;
  background: var(--bg);
  color: var(--text);
  padding: var(--section-y) var(--gutter) var(--sp-7);
}
.outcomes9 *, .outcomes9 *::before, .outcomes9 *::after { box-sizing: border-box; }

.outcomes9 .o9__wrap { max-width: var(--container); margin: 0 auto; display: grid; gap: var(--sp-6); }
.outcomes9 .o9__intro { min-width: 0; }
.outcomes9 .o9__eyebrow {
  margin: 0 0 var(--sp-3);
  font: var(--fw-strong) var(--fs-label)/1.3 var(--font-body);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.outcomes9 .o9__h {
  margin: 0;
  font: 500 var(--fs-h2)/var(--lh-serif-heading) var(--font-display);
  letter-spacing: -.01em;
  color: var(--text);

}
.outcomes9 .o9__h .rx-pair { white-space: normal; }   

.outcomes9 .o9B { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); margin-top: var(--sp-6); }
.outcomes9 .o9g { min-width: 0; display: grid; gap: 12px; align-content: start; }
.outcomes9 .o9g__name { margin: 0; font: 600 var(--fs-label)/1.3 var(--font-body); letter-spacing: .08em; color: var(--rx-ink-72); overflow-wrap: anywhere; }   
.outcomes9 .o9g__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.outcomes9 .o9i {
  min-width: 0; padding: 24px; background: var(--rx-white); border: 1px solid var(--rx-ink-14); border-radius: 16px; box-shadow: var(--rx-elev-1);   
}
.outcomes9 .o9i__n { display: block; font: 500 var(--fs-h2)/1 var(--font-display); color: var(--rx-maroon) !important; font-variant-numeric: lining-nums tabular-nums; }   
.outcomes9 .o9i__h { margin: 0; font: inherit; }
.outcomes9 .o9i__t { display: block; margin: 12px 0 0; font: 500 var(--fs-lead)/1.2 var(--font-display); color: var(--rx-ink);overflow-wrap: break-word; }
.outcomes9 .o9i__d { margin: 8px 0 0; font: 400 var(--fs-body)/1.5 var(--font-body); color: var(--rx-ink-72); }

@media (min-width: 768px) {
  .outcomes9 .o9B { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto 1fr auto 1fr auto 1fr; column-gap: 16px; row-gap: 12px; }
  .outcomes9 .o9B > .o9g:nth-child(n) { margin-top: 20px; }
  .outcomes9 .o9B > .o9g:first-child { margin-top: 0; }
  .outcomes9 .o9g { grid-column: 1 / -1; grid-row: span 2; grid-template-columns: subgrid; grid-template-rows: subgrid; gap: 12px 16px; }
  .outcomes9 .o9g__name { grid-column: 1 / -1; }
  .outcomes9 .o9g__list { grid-column: 1 / -1; grid-template-columns: subgrid; gap: 16px; }
  .outcomes9 .o9i { padding: 24px; }
  
  .outcomes9 .o9g__list { grid-template-rows: auto 1fr; }
  .outcomes9 .o9i { grid-row: 1 / span 2; display: grid; grid-template-rows: subgrid; row-gap: 0; }
}
@media (min-width: 768px) { .outcomes9 { padding-block: var(--section-y); } }

@media (max-width: 767.98px) { #outcomes9 { padding-bottom: max(32px, 40svh); } }

.outcomes9 { --o9-a: 22%; --o9-b: 38%; --o9-c: 52%; background: linear-gradient(to bottom, #03070D 0, #5A192F var(--o9-a), #5A192F var(--o9-b), #FFFFFF var(--o9-c), #FFFFFF 100%); }
.outcomes9 .o9__eyebrow, .outcomes9 .o9__h { color: #FFFFFF; }
.outcomes9 .o9B > .o9g:first-child .o9g__name { color: rgb(255 255 255 / .80); }

.outcomes9::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .14;
  background: url(../../assets/motifs/lattice-gold.svg) 50% 0 / var(--lat-tile) auto repeat;
  -webkit-mask-image: linear-gradient(to bottom, transparent var(--o9-a), #000 calc(var(--o9-a) + 80px), #000 calc(var(--o9-b) - 80px), transparent var(--o9-b));
  mask-image: linear-gradient(to bottom, transparent var(--o9-a), #000 calc(var(--o9-a) + 80px), #000 calc(var(--o9-b) - 80px), transparent var(--o9-b));
}

.outcomes9 .o9g__list { background: var(--rx-white); border: 1px solid var(--rx-ink-14); border-radius: 16px; box-shadow: var(--rx-elev-1); gap: 0; padding: 0 var(--sp-5); }
.outcomes9 .o9i { padding: var(--sp-5) 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.outcomes9 .o9i + .o9i { border-top: 1px solid var(--rx-ink-14); }
.outcomes9 .o9i__n { font: 400 var(--fs-h3)/1 var(--font-display); margin: 0 0 var(--sp-2); }
.outcomes9 .o9i__t { margin: 0; font: 400 var(--fs-quote)/1.4 var(--font-body); }
@media (min-width: 768px) {
  .outcomes9 .o9g__list { padding: 0; gap: 0; }
  .outcomes9 .o9i { padding: var(--sp-5); }
  .outcomes9 .o9i + .o9i { border-top: 0; border-left: 1px solid var(--rx-ink-14); }
}

.outcomes9 { background: linear-gradient(to bottom, #03070D 0, #1A1D22 var(--o9-a), #4A4D53 calc(var(--o9-a) + (var(--o9-c) - var(--o9-a)) * .3), #A7A9AD calc(var(--o9-a) + (var(--o9-c) - var(--o9-a)) * .6), #EEEFF1 calc(var(--o9-a) + (var(--o9-c) - var(--o9-a)) * .85), #FFFFFF var(--o9-c), #FFFFFF 100%); }
.outcomes9::after { opacity: .30;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 calc(var(--o9-a) + 60px), #000 calc(var(--o9-c) - 120px), transparent calc(var(--o9-c) + 60px));
  mask-image: linear-gradient(to bottom, transparent 0, #000 calc(var(--o9-a) + 60px), #000 calc(var(--o9-c) - 120px), transparent calc(var(--o9-c) + 60px)); }

.outcomes9 { background: linear-gradient(180deg, #03070D 0, #03070D 22%, var(--rx-maroon) 100%); padding-top: var(--section-y); }
.outcomes9 .o9__eyebrow, .outcomes9 .o9__h, .outcomes9 .o9g__name, .outcomes9 .o9B > .o9g:first-child .o9g__name { color: #FFFFFF; }
.outcomes9::after { opacity: .18;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 160px, #000 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 160px, #000 100%); }
.outcomes9 .o9i { border: 0; border-radius: 10px; box-shadow: none;
  background: repeating-linear-gradient(90deg, rgb(255 255 255 / .07) 0 1px, transparent 1px 3px), linear-gradient(135deg, #E9D29C 0%, #C79C54 42%, #B58A48 72%, #D9B877 100%); }
.outcomes9 .o9g__list { background: none; border: 0; box-shadow: none; padding: 0; gap: 12px; }   
.outcomes9 .o9i { padding: 16px 20px; }
.outcomes9 .o9i + .o9i { border: 0; }
@media (min-width: 768px) { .outcomes9 .o9i { border-radius: 12px; } .outcomes9 .o9g__list { gap: 16px; } .outcomes9 .o9i, .outcomes9 .o9i + .o9i { padding: 24px; border: 0; } }
.outcomes9 .o9i__n, .outcomes9 .o9i__t, .outcomes9 .o9i__d { color: #03070D !important; }
@media (max-width: 767.98px) { #outcomes9 { padding-bottom: max(32px, 24svh); } }   

.outcomes9 { --g1: 1; --g2: 1; --g3: 1; }
.outcomes9 .o9i { position: relative; overflow: hidden; --g: 1; box-shadow: var(--rx-elev-2d), inset 0 1px 0 rgb(255 255 255 / .45), inset 0 -1px 0 rgb(91 62 22 / .35); }
.outcomes9 .o9g:nth-of-type(1) .o9i { --g: var(--g1); } .outcomes9 .o9g:nth-of-type(2) .o9i { --g: var(--g2); } .outcomes9 .o9g:nth-of-type(3) .o9i { --g: var(--g3); }
.outcomes9 .o9i::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none; background: linear-gradient(105deg, transparent, rgb(255 255 255 / .38) 50%, transparent); transform: translateX(calc(-120% + 380% * var(--g))); opacity: calc(var(--g) * (1 - var(--g)) * 4); }
.outcomes9 .o9i__h, .outcomes9 .o9i__d { position: relative; z-index: 1; }   
.outcomes9.o9--lit .o9i::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none; z-index: 0; background: linear-gradient(105deg, transparent, rgb(255 255 255 / .38) 50%, transparent); transform: translateX(-120%); animation: o9sheen 7s var(--ease) infinite; animation-delay: calc(var(--i, 0) * 90ms); }
.outcomes9.o9--lit .o9i:nth-child(2)::before { --i: 1; } .outcomes9.o9--lit .o9i:nth-child(3)::before { --i: 2; }
.outcomes9.o9--lit .o9g:nth-of-type(2) .o9i::before { animation-delay: calc(270ms + var(--i, 0) * 90ms); } .outcomes9.o9--lit .o9g:nth-of-type(3) .o9i::before { animation-delay: calc(540ms + var(--i, 0) * 90ms); }
@keyframes o9sheen { 0% { transform: translateX(-120%); } 16% { transform: translateX(260%); } 100% { transform: translateX(260%); } }
@media (prefers-reduced-motion: reduce) { .outcomes9 .o9i::after, .outcomes9 .o9i::before { display: none; } }

.outcomes9 .o9i__t { font: 500 var(--fs-body)/1.3 var(--font-body); }
@media (max-width: 767.98px) {
  #outcomes9 { padding-top: var(--section-y); padding-bottom: var(--sp-6); }
  .outcomes9 .o9B { gap: var(--sp-4); margin-top: var(--sp-4); }
  .outcomes9 .o9g { gap: 8px; }
  .outcomes9 .o9i { padding: 16px; }
}

html body .outcomes9 .o9i .o9i__n { margin: 0; color: rgb(3 7 13 / .72) !important; }
html body .outcomes9 .o9i .o9i__t { margin: var(--sp-2) 0 6px;}
html body .outcomes9 .o9i .o9i__d { color: rgb(3 7 13 / .86) !important; }

html body .outcomes9 .o9g__name { font: 600 var(--fs-body)/var(--lh-body) var(--font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .outcomes9 .o9i .o9i__t { font-weight: 600 !important; }

.outcomes9 .o9g__list { gap: 16px; }
@media (min-width: 768px) { .outcomes9 .o9g__list { gap: 24px; } }

html body #outcomes9 { border-top: 0 !important; }