/* Structural redesign: distinctive editorial compositions for the public-facing pages. */
body.redesign--inner { background: #f7fafb; }

/* The old inner heroes now use a split editorial composition. */
.premium-page-hero {
  min-height: 650px;
  display: flex;
  align-items: center;
  padding: 150px 0 90px !important;
  isolation: isolate;
  background: linear-gradient(118deg, #030914 0%, #061a2d 53%, #09263b 100%) !important;
}
.premium-page-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,9,20,.28), transparent 64%), radial-gradient(circle at 29% 12%, rgba(78,223,209,.19), transparent 22%);
}
.premium-page-hero .con { position: relative; z-index: 3; width: 100%; }
.premium-page-hero h1 { max-width: 8.7ch !important; font-size: clamp(52px,6.1vw,91px) !important; line-height: .93 !important; letter-spacing: -.045em !important; }
.premium-page-hero h1 em { color: #67e5d9 !important; }
.premium-page-hero p { max-width: 48ch !important; color: rgba(232,249,251,.66) !important; }
.premium-page-hero .lbl { color: #83eee1; }
.premium-hero-media {
  position: absolute;
  z-index: 1;
  inset: 0 0 0 auto;
  width: min(50vw, 760px);
  margin: 0;
  overflow: hidden;
  clip-path: polygon(18% 0,100% 0,100% 100%,0 100%);
}
.premium-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #06172a 0%, rgba(6,23,42,.34) 36%, rgba(4,12,22,.06) 100%);
}
.premium-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.88) contrast(1.05); transform: scale(1.03); transition: transform 1.4s var(--ease); }
.premium-page-hero:hover .premium-hero-media img { transform: scale(1.08); }
.premium-hero-stamp {
  position: absolute;
  z-index: 2;
  right: 7%; bottom: 9%;
  padding: 11px 14px;
  color: #d5fffa;
  background: rgba(4,16,29,.73);
  border: 1px solid rgba(124,238,226,.32);
  border-radius: 999px;
  font: 500 10px var(--fm);
  letter-spacing: .13em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

/* A compact research-journal bar stops every page from immediately falling into another familiar card grid. */
.premium-journal-bar { position: relative; z-index: 5; background: #e8f7f5; border-bottom: 1px solid #cbeae6; }
.premium-journal-bar .con { display: grid; grid-template-columns: 1.4fr repeat(2, .75fr); align-items: stretch; }
.premium-journal-label, .premium-journal-item { display: flex; align-items: center; min-height: 82px; }
.premium-journal-label { gap: 12px; color: #174254; font: 500 11px var(--fm); text-transform: uppercase; letter-spacing: .1em; }
.premium-journal-label i { width: 10px; height: 10px; border-radius: 50%; background: #31bfb7; box-shadow: 0 0 0 5px rgba(49,191,183,.13); }
.premium-journal-item { justify-content: flex-end; border-left: 1px solid #cbeae6; padding-left: 28px; color: #385a67; font-size: 12px; line-height: 1.4; }
.premium-journal-item strong { display: block; margin-right: 9px; color: #0d344a; font: 400 30px var(--fd); }

/* The new image-led band gives each page a distinctive middle chapter. */
.premium-spotlight { position: relative; overflow: hidden; padding: clamp(72px,9vw,118px) 0; background: #061522; color: #fff; }
.premium-spotlight::before { content: ''; position: absolute; inset: 0; opacity: .7; background: radial-gradient(circle at 76% 20%, rgba(99,227,215,.16), transparent 28%), linear-gradient(120deg, transparent 48%, rgba(75,125,185,.14)); pointer-events: none; }
.premium-spotlight .con { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.86fr) minmax(340px,1.14fr); align-items: center; gap: clamp(38px,7vw,112px); }
.premium-spotlight-copy { max-width: 480px; }
.premium-kicker { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 20px; color: #72e7db; font: 500 10px var(--fm); letter-spacing: .17em; text-transform: uppercase; }
.premium-kicker::before { content: ''; width: 28px; height: 1px; background: currentColor; }
.premium-spotlight h2 { margin: 0 0 22px; color: #fff; font: 400 clamp(42px,4.7vw,70px)/.96 var(--fd); letter-spacing: -.04em; }
.premium-spotlight h2 em { color: #77e8dc; }
.premium-spotlight p { margin: 0 0 28px; max-width: 46ch; color: rgba(222,243,247,.65); font-size: 15px; line-height: 1.8; }
.premium-outcomes { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(155,236,227,.17); border-radius: 14px; background: rgba(155,236,227,.17); }
.premium-outcome { padding: 18px 16px; background: rgba(3,14,26,.67); }
.premium-outcome strong { display: block; margin-bottom: 4px; color: #fff; font: 400 27px var(--fd); letter-spacing: -.03em; }
.premium-outcome span { color: rgba(218,244,245,.48); font: 500 9px var(--fm); letter-spacing: .08em; text-transform: uppercase; }
.premium-spotlight-visual { position: relative; margin: 0; min-height: 420px; overflow: hidden; border: 1px solid rgba(183,238,235,.22); border-radius: 4px 88px 4px 4px; box-shadow: 0 35px 90px rgba(0,0,0,.32); }
.premium-spotlight-visual::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(145deg, rgba(5,18,31,.04), rgba(5,18,31,.48)); pointer-events: none; }
.premium-spotlight-visual img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; transition: transform 1s var(--ease); }
.premium-spotlight:hover img { transform: scale(1.045); }
.premium-visual-caption { position: absolute; z-index: 2; bottom: 18px; left: 18px; right: 18px; display: flex; justify-content: space-between; align-items: center; color: #e5fffc; font: 500 9px var(--fm); letter-spacing: .11em; text-transform: uppercase; }
.premium-visual-caption span { padding: 8px 10px; background: rgba(3,12,24,.72); border: 1px solid rgba(189,246,238,.2); }

/* Existing pages now move through distinct quiet, light and ink chapters rather than identical card sections. */
.redesign--inner > section.sec { position: relative; }
.redesign--inner > section.sec:nth-of-type(2n) { background-color: #fff; }
.redesign--inner > section.sec:nth-of-type(3n) { background: #eef7f7; }
.redesign--inner .g3 { gap: 18px; }
.redesign--inner .g3 > :first-child { transform: translateY(24px); }
.redesign--inner .g3 > :last-child { transform: translateY(48px); }
.redesign--inner .g3 > :first-child:hover, .redesign--inner .g3 > :last-child:hover { transform: translateY(16px); }
.redesign--inner .g2 { gap: clamp(22px,4vw,58px); }
.redesign--inner .sec-surface { background: #eff8f8 !important; }
.redesign--inner .cta-band, .redesign--inner [style*='padding:110px'][style*='text-align:center'] { border-top: 1px solid rgba(118,238,225,.21); background: radial-gradient(circle at 50% -20%, rgba(93,219,210,.27), transparent 42%), #071b30 !important; }

/* Homepage: an entirely new data-story chapter immediately after the hero. */
.premium-index-story { position: relative; overflow: hidden; padding: clamp(78px,9vw,130px) 0; background: #f1f8f8; }
.premium-index-story::before { content: 'OMICS'; position: absolute; right: -3vw; top: -2vw; color: rgba(9,51,78,.035); font: 400 clamp(140px,24vw,390px)/.8 var(--fd); pointer-events: none; }
.premium-index-story .con { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(38px,7vw,112px); }
.premium-index-image { position: relative; min-height: 430px; margin: 0; overflow: hidden; border-radius: 92px 4px 4px 4px; box-shadow: 0 30px 80px rgba(6,43,68,.19); }
.premium-index-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(3,13,24,.45)); }
.premium-index-image img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.premium-index-image figcaption { position: absolute; z-index: 1; right: 18px; bottom: 18px; padding: 8px 10px; color: #dffdf7; border: 1px solid rgba(220,255,249,.25); background: rgba(2,12,25,.65); font: 500 9px var(--fm); letter-spacing: .12em; text-transform: uppercase; }
.premium-index-copy h2 { max-width: 8ch; margin: 0 0 22px; color: #0b314b; font: 400 clamp(47px,5.2vw,76px)/.95 var(--fd); letter-spacing: -.045em; }
.premium-index-copy h2 em { color: #159a9d; }.premium-index-copy p { max-width: 48ch; margin-bottom: 30px; color: #546d79; line-height: 1.85; }
.premium-index-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid #d2e8e7; border-radius: 8px; background: #d2e8e7; }
.premium-index-points div { padding: 18px 13px; background: rgba(255,255,255,.72); }.premium-index-points strong { display: block; margin-bottom: 5px; color: #104158; font: 400 24px var(--fd); }.premium-index-points span { display: block; color: #67818b; font: 500 9px var(--fm); letter-spacing: .07em; text-transform: uppercase; line-height: 1.45; }
.redesign--index > section.sec { position: relative; }.redesign--index > section.sec .g3 { gap: 19px; }.redesign--index > section.sec .g3 > :nth-child(2) { transform: translateY(36px); }.redesign--index > section.sec .g3 > :nth-child(2):hover { transform: translateY(28px); }

/* The assessment tools remain intentionally compact, but receive the same visual language. */
body.redesign--tool { background: radial-gradient(circle at 85% 5%, rgba(61,196,185,.14), transparent 24%), #f4f8fa; }
.redesign--tool .tool-nav { background: rgba(5,15,28,.94) !important; border-bottom: 1px solid rgba(96,228,217,.18); }.redesign--tool .intro-h1 { font-family: var(--fd) !important; font-weight: 400 !important; letter-spacing: -.04em !important; }.redesign--tool .tool-card, .redesign--tool .q-card { border-radius: 18px !important; box-shadow: 0 18px 44px rgba(8,45,68,.12); }

@media (max-width: 900px) {
  .premium-page-hero { min-height: 610px; padding-top: 138px !important; }.premium-page-hero h1 { font-size: clamp(48px,8vw,72px) !important; }
  .premium-hero-media { width: 53vw; opacity: .66; }.premium-journal-bar .con { grid-template-columns: 1fr 1fr; }.premium-journal-label { grid-column: 1/-1; min-height: 62px; }.premium-journal-item { justify-content: flex-start; }.premium-spotlight .con,.premium-index-story .con { grid-template-columns: 1fr; }.premium-spotlight-copy,.premium-index-copy { max-width: 620px; }.premium-spotlight-visual { min-height: 360px; }.premium-spotlight-visual img { min-height: 360px; }.premium-index-image { min-height: 350px; max-width: 720px; }.premium-index-image img { min-height: 350px; }
}
@media (max-width: 600px) {
  .premium-page-hero { min-height: 570px; padding-bottom: 66px !important; }.premium-page-hero h1 { max-width: 9.5ch !important; font-size: clamp(43px,12.6vw,62px) !important; }.premium-page-hero p { max-width: 32ch !important; }.premium-hero-media { width: 100%; opacity: .34; clip-path: none; }.premium-hero-media::after { background: linear-gradient(90deg, #051425 0%, rgba(5,20,37,.92) 50%, rgba(5,20,37,.6)); }.premium-hero-stamp { right: 16px; bottom: 15px; font-size: 8px; }.premium-journal-bar .con { grid-template-columns: 1fr; }.premium-journal-item { min-height: 58px; padding: 0; border-left: 0; border-top: 1px solid #cbeae6; }.premium-journal-label { min-height: 58px; }.premium-spotlight h2,.premium-index-copy h2 { font-size: clamp(42px,14vw,58px); }.premium-outcomes { grid-template-columns: 1fr 1fr; }.premium-spotlight-visual,.premium-index-image { min-height: 300px; border-radius: 4px 56px 4px 4px; }.premium-spotlight-visual img,.premium-index-image img { min-height: 300px; }.premium-index-points { grid-template-columns: 1fr; }.redesign--inner .g3 > :first-child,.redesign--inner .g3 > :last-child,.redesign--index > section.sec .g3 > :nth-child(2) { transform: none; }
}