/* Individual early access recruitment. Shared colors, buttons and footer use the site CSS. */
.members-page { overflow-wrap: anywhere; }
.members-page a:focus-visible { outline: 3px solid #0d4f9e; outline-offset: 5px; }
.members-page h2 { color: var(--top-ink); font-size: clamp(26px, 3vw, 38px); }
.members-hero { padding: 70px 0; background: var(--top-paper); border-bottom: 1px solid var(--top-line); }
.members-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; }
.members-kicker { font-weight: 700; color: var(--top-blue); margin-bottom: 12px; }
.members-hero h1 { color: var(--top-ink); font-size: clamp(36px, 4.5vw, 58px); margin-bottom: 20px; line-height: 1.3; }
.members-tagline { color: var(--top-blue); font-size: 25px; font-weight: 900; margin-bottom: 14px; }
.members-lead { font-size: 16px; }
.members-badges { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 24px 0; }
.members-badges li { background: white; border: 1px solid #b8cddd; padding: 5px 12px; border-radius: 4px; font-weight: 700; font-size: 14px; }
.members-badges li:first-child { background: var(--top-ink); color: white; border-color: var(--top-ink); }
.members-actions { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; }
.members-primary { background: var(--top-blue); color: white; border: 1px solid var(--top-blue); }
.members-primary:hover { background: var(--top-ink); }
.members-text-link { color: var(--top-blue); text-decoration: underline; text-underline-offset: 5px; font-weight: 700; }
.members-visual { margin: 0; background: white; padding: 12px; border: 1px solid var(--top-line); box-shadow: 12px 12px 0 #d7e2ec; }
.members-visual img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.members-visual figcaption { padding: 14px 6px 4px; font-size: 13px; color: #405267; }
.members-section { padding: 76px 0; }
.members-intro { max-width: 820px; }
.members-intro > p:not(.eyebrow) { font-size: 17px; }
.members-soft { background: var(--color-soft); border-block: 1px solid var(--top-line); }
.members-heading { margin-bottom: 32px; }
.members-heading h2 { margin-bottom: 16px; }
.members-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.members-card { border: 1px solid var(--top-line); background: white; border-radius: 4px; overflow: hidden; }
.members-card > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.members-card > div { padding: 26px; }
.members-card h3 { color: var(--top-ink); font-size: 23px; margin-bottom: 16px; }
.members-card p:last-child { margin-bottom: 0; }
.members-details { max-width: 960px; }
.members-requirements { margin: 0; border-top: 2px solid var(--top-ink); }
.members-requirements > div { display: grid; grid-template-columns: 210px minmax(0, 1fr); border-bottom: 1px solid var(--top-line); }
.members-requirements dt { background: var(--color-soft); padding: 24px; font-weight: 700; color: var(--top-ink); }
.members-requirements dd { margin: 0; padding: 24px; }
.members-requirements strong { color: var(--top-blue); font-size: 22px; }
.members-video-section { background: #f7f9fc; border-block: 1px solid var(--top-line); }
.members-video-inner { max-width: 1080px; }
.members-video-heading { max-width: 760px; }
.members-video-heading h2 { margin-bottom: 16px; }
.members-video-heading > p:last-child { margin: 0; color: #405267; font-weight: 700; line-height: 1.9; }
.members-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.members-video-frame { aspect-ratio: 16 / 9; overflow: hidden; background: #0b2545; border: 8px solid #fff; box-shadow: 0 16px 30px rgba(11,37,69,.15); }
.members-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.members-apply { position: relative; overflow: hidden; background: #fff2df; border-block: 1px solid #f6bf74; text-align: center; }
.members-apply::before,.members-apply::after { position: absolute; width: 220px; height: 220px; border: 28px solid rgba(238, 112, 24, .12); border-radius: 50%; content: ""; pointer-events: none; }
.members-apply::before { top: -128px; left: -88px; }
.members-apply::after { right: -100px; bottom: -142px; }
.members-apply-inner { max-width: 800px; }
.members-apply-inner > * { position: relative; z-index: 1; }
.members-apply .eyebrow { color: #c64f08; }
.members-apply h2 { color: #9e3500; font-size: clamp(30px, 3.8vw, 46px); }
.members-apply-lead { margin-bottom: 18px; color: #9e3500; font-size: 19px; font-weight: 900; }
.members-apply .members-text-link { color: #9e3500; }
.members-entry-button { min-width: 340px; margin-top: 14px; background: #ef651b; border: 1px solid #d94e08; box-shadow: 0 5px 0 #a83600; color: #fff; font-size: 18px; }
.members-entry-button:hover { background: #c9490b; color: #fff; transform: translateY(1px); box-shadow: 0 3px 0 #8d2c00; }
.members-small { font-size: 13px; color: #526475; margin: 14px 0 0; }
.members-line-box { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 42px; padding: 40px; border: 1px solid #bdd7c9; border-left: 5px solid #168548; background: #f5faf7; }
.members-line-box .eyebrow { color: #126d3b; }
.members-line-box h2 { font-size: clamp(26px, 2.6vw, 34px); }
.members-line-box p:last-child { margin-bottom: 0; }
.members-line-action { text-align: center; }
.members-line-button { background: #087f3f; color: white; }
.members-line-button:hover { background: #066532; }
.members-related { padding-bottom: 64px; text-align: center; }
.members-related p { margin-bottom: 8px; }
@media (max-width: 900px) {
  .members-hero-grid { grid-template-columns: 1fr; }
  .members-visual { max-width: 600px; }
  .members-cards { gap: 16px; }
  .members-card > div { padding: 20px; }
  .members-card h3 { font-size: 20px; }
  .members-line-box { grid-template-columns: 1fr; gap: 24px; }
  .members-line-action { text-align: left; }
}
@media (max-width: 640px) {
  .members-page .site-nav { flex-wrap: wrap; white-space: normal; overflow: visible; gap: 8px 20px; }
  .members-page .site-nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .members-hero { padding: 40px 0 48px; }
  .members-hero-grid { gap: 32px; }
  .members-tagline { font-size: 22px; }
  .members-visual { box-shadow: 6px 6px 0 #d7e2ec; }
  .members-section { padding: 48px 0; }
  .members-cards { grid-template-columns: 1fr; gap: 24px; }
  .members-card > div { padding: 24px; }
  .members-card h3 { font-size: 24px; }
  .members-requirements > div { grid-template-columns: 1fr; }
  .members-requirements dt { padding: 14px 18px; }
  .members-requirements dd { padding: 18px; }
  .members-video-grid { grid-template-columns: 1fr; gap: 22px; }
  .members-video-frame { border-width: 5px; }
  .members-entry-button { min-width: 0; width: 100%; font-size: 16px; }
  .members-apply-lead { font-size: 17px; }
  .members-line-box { padding: 26px 22px; }
  .members-line-button { width: 100%; }
  .members-related { padding-bottom: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .members-page .button { transition: none; }
  .members-page .button:hover { transform: none; }
}

/* Early access terms */
.terms-hero { padding: 68px 0; background: var(--top-paper); border-bottom: 1px solid var(--top-line); }
.terms-hero-title { margin: 0 0 12px; color: var(--top-ink); font-size: clamp(32px, 4vw, 48px); font-weight: 900; line-height: 1.35; }
.terms-hero p:last-child { margin: 0; color: #405267; font-weight: 700; }
.terms-section { padding: 72px 0 88px; }
.terms-content { max-width: 900px; color: #405267; font-size: 15px; line-height: 2; }
.terms-content > h1 { margin: 0 0 32px; color: var(--top-ink); font-size: clamp(25px, 3vw, 34px); line-height: 1.5; }
.terms-content h2 { margin: 52px 0 18px; padding-top: 18px; color: var(--top-ink); border-top: 1px solid var(--top-line); font-size: clamp(21px, 2.5vw, 28px); }
.terms-content p { margin: 0 0 18px; }
.terms-content ol { margin: 0 0 24px; padding-left: 1.8em; }
.terms-content li { margin: 0 0 12px; padding-left: .2em; }
.terms-content ul { margin: 12px 0 0; padding-left: 1.5em; }
.privacy-content { min-height: 260px; }
.privacy-content h2 { margin-top: 0; }
.privacy-link { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 10px 20px; background: var(--top-blue); color: #fff; font-weight: 900; text-decoration: none; }
.privacy-link:hover { background: var(--top-ink); }
@media (max-width: 640px) {
	.terms-hero { padding: 48px 0; }
	.terms-section { padding: 48px 0 60px; }
	.terms-content { font-size: 14px; }
	.terms-content h2 { margin-top: 40px; }
}