.review-hub { min-height: 100vh; overflow: hidden; background: var(--ink); color: var(--white); }
.review-hub::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .16; background-image: linear-gradient(#8190a3 1px, transparent 1px), linear-gradient(90deg, #8190a3 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.review-shell { position: relative; z-index: 1; width: min(calc(100% - 64px), 1400px); margin-inline: auto; padding-bottom: 56px; }
.review-header { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid #344155; }
.review-header > p { margin: 0; color: #93a0b2; font: 11px ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.review-wordmark { display: flex; align-items: center; gap: 12px; }
.review-wordmark > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); font-size: 11px; font-weight: 900; letter-spacing: -.05em; }
.review-wordmark strong { font-size: 14px; letter-spacing: -.02em; }
.review-intro { display: grid; grid-template-columns: 1.35fr .65fr; gap: 80px; align-items: end; padding: clamp(72px, 9vw, 130px) 0 clamp(58px, 7vw, 92px); }
.review-intro .eyebrow { grid-column: 1 / -1; margin-bottom: -52px; color: var(--cyan); }
.review-intro h1 { margin: 0; max-width: 880px; font-size: clamp(58px, 8vw, 112px); }
.review-intro h1 em { color: var(--cyan); font-style: normal; }
.review-intro > p:last-child { max-width: 470px; margin: 0 0 9px; color: #b2bdca; font-size: 18px; }
.review-options { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.review-card { min-height: 520px; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid #3d4b5f; background: #0d1929; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.review-card:hover { border-color: var(--cyan); transform: translateY(-5px); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.review-card-top { display: flex; justify-content: space-between; gap: 20px; padding: 18px 22px; border-bottom: 1px solid #3d4b5f; font: 11px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .1em; }
.review-card-top span { color: var(--cyan); }
.review-card-top small { color: #9ba8b9; font: inherit; }
.review-logo-modern, .review-logo-legacy { min-height: 270px; display: grid; place-items: center; padding: 44px; }
.review-logo-modern { background: var(--paper); color: var(--ink); grid-template-columns: auto auto; justify-content: center; gap: 18px; }
.review-logo-modern > span { position: relative; width: 88px; height: 88px; display: grid; place-items: center; overflow: hidden; border: 4px solid currentColor; font-size: 34px; font-weight: 900; font-style: italic; letter-spacing: -.12em; }
.review-logo-modern > span i { position: absolute; width: 110px; height: 15px; background: var(--cyan); transform: rotate(-38deg); opacity: .9; }
.review-logo-modern > b { display: grid; font-size: 36px; line-height: 1; letter-spacing: -.05em; }
.review-logo-modern > b small { margin-top: 7px; color: var(--muted); font-size: 12px; letter-spacing: .24em; text-transform: uppercase; }
.review-logo-legacy { background: var(--white); }
.review-logo-legacy img { width: min(100%, 330px); }
.review-card-legacy { border-color: #73313a; }
.review-card-legacy:hover { border-color: #ed1b2e; }
.review-card-legacy .review-card-top span, .review-card-legacy .review-card-bottom strong span { color: #ed1b2e; }
.review-card-legacy .review-logo-legacy { position: relative; overflow: hidden; }
.review-card-legacy .review-logo-legacy::after { content: ""; position: absolute; inset: auto 0 0; height: 10px; background: linear-gradient(90deg, #ed1b2e 0 38%, #17171a 38% 72%, #d8d2cd 72%); }
.review-card-bottom { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; padding: 26px 22px; border-top: 1px solid #3d4b5f; }
.review-card-bottom p { max-width: 390px; margin: 0; color: #aeb9c7; font-size: 14px; }
.review-card-bottom strong { white-space: nowrap; color: var(--white); font-size: 13px; }
.review-card-bottom strong span { margin-left: 10px; color: var(--cyan); }
.review-note { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-top: 28px; color: #8491a2; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.review-note p { max-width: 580px; margin: 0; text-align: right; }

@media (max-width: 1050px) {
  .review-intro { grid-template-columns: 1fr; gap: 32px; }
  .review-intro .eyebrow { margin-bottom: 0; }
  .review-options { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .review-shell { width: min(calc(100% - 32px), 1400px); padding-bottom: 30px; }
  .review-header { min-height: 78px; }
  .review-header > p { display: none; }
  .review-intro { padding: 62px 0 48px; }
  .review-intro h1 { font-size: clamp(52px, 17vw, 76px); }
  .review-intro > p:last-child { font-size: 16px; }
  .review-card { min-height: 470px; }
  .review-logo-modern, .review-logo-legacy { min-height: 235px; padding: 28px; }
  .review-logo-modern > span { width: 66px; height: 66px; border-width: 3px; font-size: 27px; }
  .review-logo-modern > span i { width: 85px; height: 12px; }
  .review-logo-modern > b { font-size: 28px; }
  .review-card-bottom { grid-template-columns: 1fr; gap: 18px; }
  .review-note { align-items: flex-start; flex-direction: column; gap: 8px; }
  .review-note p { text-align: left; }
}