/* ZeroField Research — page-local implementation */
.research-page {
  --rs-dark: #06121c;
  --rs-dark-2: #071823;
  --rs-light: #f3f7fb;
  --rs-light-2: #edf4f9;
  --rs-text: #f5f3ee;
  --rs-muted: #adbfcd;
  --rs-ink: #0c2141;
  --rs-ink-muted: #536b89;
  --rs-blue: #62bdf3;
  --rs-blue-deep: #173f72;
  --rs-line: #26485e;
  --rs-light-line: #cad8e4;
  --rs-panel: #0b2233;
  width: 100%;
  color: var(--rs-text);
  background: var(--rs-dark);
  font-family: "Inter", Arial, sans-serif;
  overflow: clip;
}

.research-page *,
.research-page *::before,
.research-page *::after { box-sizing: border-box; }
.research-page h1,
.research-page h2,
.research-page h3,
.research-page p { margin: 0; }
.research-page a { color: inherit; }

.research-section { position: relative; width: 100%; }
.research-surface--dark {
  color: var(--rs-text);
  background:
    radial-gradient(circle at 76% 26%, rgba(33, 108, 161, .11), transparent 30%),
    linear-gradient(180deg, var(--rs-dark) 0%, #07141e 100%);
}
.research-surface--light {
  color: var(--rs-ink);
  background:
    radial-gradient(circle at 70% 40%, rgba(123, 177, 220, .13), transparent 32%),
    linear-gradient(180deg, var(--rs-light) 0%, var(--rs-light-2) 100%);
}
.research-section + .research-section { border-top: 1px solid rgba(38,72,94,.72); }
.research-surface--light + .research-surface--dark,
.research-surface--dark + .research-surface--light { border-top-color: rgba(50,78,99,.58); }

.research-inner {
  position: relative;
  width: min(100%, 1440px);
  margin-inline: auto;
  padding-inline: 76px;
}
.research-kicker,
.research-number {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .20em;
  line-height: 1.2;
}
.research-kicker { color: #dce6ed; }
.research-number { margin-bottom: 14px; color: #6b82a1; }
.research-page h1,
.research-page h2,
.research-page h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.research-page h1 {
  font-size: clamp(50px, 4.3vw, 70px);
  line-height: .98;
  letter-spacing: -.035em;
}
.research-page h2 {
  font-size: clamp(31px, 2.6vw, 42px);
  line-height: 1.02;
  letter-spacing: -.025em;
}
.research-section-copy p {
  margin-top: 18px;
  color: var(--rs-muted);
  font-size: 15px;
  line-height: 1.46;
}
.research-section-copy--light p { color: var(--rs-ink-muted); }
.research-title-rule {
  display: block;
  width: 28px;
  height: 1px;
  margin-top: 22px;
  background: currentColor;
  opacity: .7;
}
.research-mobile-title { display: none; }

/* 01 HERO */
.research-hero-inner {
  min-height: 470px;
  display: grid;
  grid-template-columns: 42% 58%;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 36px;
}
.research-hero-copy { position: relative; z-index: 2; padding-right: 24px; }
.research-hero-copy .research-kicker { margin-bottom: 24px; }
.research-hero-copy .research-kicker::after {
  content: ""; display: block; width: 38px; height: 1px; margin-top: 10px; background: #e7edf1; opacity: .82;
}
.research-lede { width: 95%; max-width: 510px; margin-top: 24px !important; color: #cfdae2; font-size: 16px; line-height: 1.55; }
.research-values { display: flex; gap: 38px; margin-top: 34px; color: #e4edf4; font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.research-hero-field { position: relative; height: 390px; }
.research-hero-field svg { width: 100%; height: 100%; display: block; }
.research-hero-examines { position: absolute; right: 18px; top: 140px; display: grid; gap: 14px; font-size: 11px; letter-spacing: .17em; line-height: 1.5; }
.research-hero-examines strong { font-size: 12px; }
.research-hero-note { position: absolute; right: 4px; bottom: 4px; color: #dce7ee; font-size: 9px; letter-spacing: .15em; line-height: 1.5; text-align: right; }

/* 02 */
.research-questions-grid {
  min-height: 270px;
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 56px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.research-progress { position: relative; min-height: 190px; display: grid; align-items: center; }
.research-progress-waves { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #b9d8ee; stroke-width: 1; opacity: .40; }
.research-progress ol { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; list-style: none; padding: 0; margin: 0; text-align: center; }
.research-progress li { position: relative; color: var(--rs-ink); }
.research-progress-node { display: block; width: 12px; height: 12px; margin: 0 auto 26px; border: 4px solid rgba(126,179,221,.25); border-radius: 50%; background: #173f72; box-shadow: 0 0 0 14px rgba(142,193,230,.09); }
.research-progress strong { font-size: 11px; letter-spacing: .12em; }
.research-progress p { margin-top: 14px; color: var(--rs-ink-muted); font-size: 13px; line-height: 1.45; }

/* 03 */
.research-directions-grid {
  min-height: 330px;
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 38px;
  align-items: stretch;
  padding-top: 28px;
  padding-bottom: 28px;
}
.research-direction-field { display: grid; grid-template-columns: 1.55fr 1fr 1fr 1fr; align-items: stretch; gap: 0; }
.research-direction { position: relative; min-width: 0; padding: 38px 34px 28px; border: 1px solid rgba(59,94,119,.28); border-radius: 50%; background: radial-gradient(circle at 40% 40%, rgba(45,111,158,.14), rgba(4,15,23,.02) 70%); overflow: hidden; }
.research-direction::after { content:""; position:absolute; inset:-30%; border:1px solid rgba(55,108,147,.18); border-radius:50%; transform:rotate(18deg); }
.research-direction--primary { margin-left: -12px; padding-left: 56px; background: radial-gradient(circle at 42% 50%, rgba(39,103,150,.19), rgba(4,15,23,.02) 72%); }
.research-direction > * { position: relative; z-index: 1; }
.research-direction span { font-size: 11px; color: #cfe5f4; }
.research-direction h3 { margin-top: 12px; font-size: 25px; line-height: 1.02; }
.research-direction p { margin-top: 14px; color: #c5d5df; font-size: 13px; line-height: 1.42; }

/* 04 */
.research-method-grid {
  min-height: 300px;
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 38px;
  align-items: center;
  padding-top: 26px;
  padding-bottom: 26px;
}
.research-method-field { position: relative; height: 235px; }
.research-method-node { position: absolute; display: grid; place-content: center; width: 150px; height: 118px; border-radius: 50%; background: rgba(203,223,239,.42); text-align: center; }
.research-method-node strong { font-size: 10px; letter-spacing: .08em; }
.research-method-node span { margin-top: 8px; color: var(--rs-ink-muted); font-size: 11px; line-height: 1.35; }
.research-method-node::after { content:""; position:absolute; top:50%; right:-4px; width:7px; height:7px; border-radius:50%; background:#0d3769; }
.research-method-node--question { left: 0; top: 60px; }
.research-method-node--assumptions { left: 15%; top: 22px; }
.research-method-node--method { left: 34%; top: 3px; }
.research-method-node--evidence { left: 34%; top: 108px; }
.research-method-node--interpretation { left: 57%; top: 58px; }
.research-method-node--open { right: 0; top: 42px; background: transparent; border: 1px dashed #83add0; }
.research-method-caption { position: absolute; left: 10%; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1.25fr .8fr; color: #647d9c; font-size: 9px; letter-spacing: .15em; text-align: center; }
.research-method-caption span { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.research-method-caption span::before,
.research-method-caption span::after { content:""; height:1px; flex:1; background:#8199b3; opacity:.7; }
.research-method-mobile { display: none; }

/* 05 */
.research-assurance-grid {
  min-height: 315px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  align-items: center;
  padding-top: 26px;
  padding-bottom: 20px;
}
.research-assurance-lede { color: var(--rs-text) !important; font-size: 19px !important; line-height: 1.22 !important; }
.research-assurance-field { position: relative; height: 265px; }
.research-assurance-field svg { position:absolute; inset:0; width:100%; height:100%; }
.research-assurance-core { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); display:grid; gap:6px; text-align:center; font-size:11px; letter-spacing:.14em; }
.research-assurance-label { position:absolute; color:#e5edf2; font-size:11px; line-height:1.35; }
.research-assurance-label--review{left:10%;top:20px}.research-assurance-label--adversarial{left:6%;top:112px}.research-assurance-label--assumption{left:20%;bottom:20px}.research-assurance-label--checks{left:46%;top:4px}.research-assurance-label--closure{right:21%;top:20px}.research-assurance-label--traceability{right:9%;top:105px}.research-assurance-label--progression{right:13%;bottom:24px}.research-assurance-label--acceptance{right:-1%;top:62px}
.research-assurance-note { position:absolute; left:20%; right:20%; bottom:-2px; color:#c1d2dd; font-size:10px; text-align:center; }
.research-assurance-mobile { display:none; }

/* 06 */
.research-evidence-grid {
  min-height: 230px;
  display: grid;
  grid-template-columns: 280px repeat(3, 1fr) 170px;
  align-items: start;
  padding-top: 26px;
  padding-bottom: 22px;
}
.research-evidence-grid > * { min-width: 0; padding-right: 28px; }
.research-evidence-question { display:flex; gap:12px; min-height:150px; padding-left:28px; border-left:1px solid var(--rs-light-line); }
.research-evidence-question > span { display:none; }
.research-evidence-question strong { color:#1b2f50; font-size:12px; }
.research-evidence-question p { margin-top:14px; color:var(--rs-ink-muted); font-size:12px; line-height:1.5; }
.research-evidence-question em { display:block; margin-top:15px; color:#536b91; font-size:10px; font-style:normal; letter-spacing:.12em; line-height:1.45; }
.research-evidence-principles { display:grid; gap:18px; min-height:150px; padding-left:20px; border-left:1px solid var(--rs-light-line); color:#637997; font-size:9px; letter-spacing:.15em; line-height:1.35; }

/* 07 */
.research-across-grid {
  min-height: 240px;
  display:grid;
  grid-template-columns: 270px 1fr 190px;
  gap:28px;
  align-items:center;
  padding-top:24px;
  padding-bottom:24px;
}
.research-across-field { position:relative; height:190px; }
.research-across-field svg { width:100%; height:100%; display:block; }
.research-across-label { position:absolute; right:5%; top:70px; display:grid; gap:12px; color:#e8f0f5; font-size:10px; letter-spacing:.14em; line-height:1.4; }
.research-across-principles { display:grid; gap:18px; padding-left:20px; border-left:1px solid #678196; color:#d8e4ec; font-size:9px; letter-spacing:.12em; }

/* 08 */
.research-access-grid {
  min-height: 150px;
  display:grid;
  grid-template-columns: 280px 1fr 240px;
  gap:42px;
  align-items:center;
  padding-top:20px;
  padding-bottom:20px;
}
.research-access-copy { color:var(--rs-ink-muted); font-size:13px; line-height:1.45; padding-left:40px; border-left:1px solid var(--rs-light-line); }
.research-access-cta { display:flex; align-items:center; justify-content:space-between; min-height:58px; padding:0 28px; background:#07131d; color:#fff !important; font-size:11px; font-weight:700; letter-spacing:.08em; text-decoration:none; border:1px solid #07131d; border-radius:3px; }
.research-access-cta span { font-size:22px; font-weight:300; }

/* Tablet — genuine intermediate composition */
@media (max-width: 939px) and (min-width: 680px) {
  .research-inner { padding-inline: 30px; }
  .research-hero-inner { min-height: 400px; grid-template-columns: 42% 58%; padding-top:28px; padding-bottom:20px; }
  .research-page h1 { font-size: 46px; }
  .research-page h2 { font-size: 30px; }
  .research-lede { font-size:14px; line-height:1.45; }
  .research-values { gap:25px; font-size:9px; }
  .research-hero-field { height:320px; }
  .research-hero-examines { right:8px; top:122px; font-size:9px; }
  .research-hero-note { display:none; }

  .research-questions-grid { min-height:250px; grid-template-columns:220px 1fr; gap:24px; }
  .research-progress { min-height:170px; }
  .research-progress ol { gap:8px; }
  .research-progress strong { font-size:9px; }
  .research-progress p { font-size:11px; }

  .research-directions-grid { min-height:390px; grid-template-columns:190px 1fr; gap:24px; }
  .research-direction-field { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1.1fr .9fr; gap:14px; }
  .research-direction { border-radius:8px; padding:18px 18px 14px; background:rgba(8,34,51,.78); }
  .research-direction::after { display:none; }
  .research-direction--primary { grid-column:1 / -1; margin:0; padding:20px 22px; background:linear-gradient(120deg,rgba(28,87,128,.35),rgba(9,29,42,.75)); }
  .research-direction h3 { font-size:21px; }
  .research-direction p { font-size:12px; }

  .research-method-grid { min-height:330px; grid-template-columns:190px 1fr; gap:24px; }
  .research-method-node { width:120px; height:100px; }
  .research-method-node--assumptions{left:14%}.research-method-node--method{left:34%}.research-method-node--evidence{left:34%}.research-method-node--interpretation{left:56%}
  .research-method-node strong { font-size:9px; }.research-method-node span{font-size:10px}

  .research-assurance-grid { min-height:330px; grid-template-columns:200px 1fr; gap:18px; }
  .research-assurance-label { font-size:9px; }
  .research-evidence-grid { min-height:250px; grid-template-columns:190px repeat(3,1fr); }
  .research-evidence-principles { grid-column:1 / -1; min-height:0; padding:14px 0 0; border:0; border-top:1px solid var(--rs-light-line); grid-template-columns:repeat(4,1fr); gap:12px; }
  .research-evidence-question { padding-left:18px; }.research-evidence-question p{font-size:11px}.research-evidence-question strong{font-size:10px}
  .research-across-grid { grid-template-columns:190px 1fr; min-height:220px; }.research-across-principles{display:none}
  .research-access-grid { grid-template-columns:190px 1fr 210px; gap:22px; }.research-access-copy{padding-left:22px}.research-access-cta{padding:0 20px}
}

/* Mobile — long-form editorial recomposition */
@media (max-width: 679px) {
  .research-inner { width:100%; padding-inline:20px; }
  .research-page h1 { font-size: 39px; line-height:.98; }
  .research-page h2 { font-size: 28px; line-height:1.02; }
  .research-section-copy p { font-size: 14px; line-height:1.45; }
  .research-wide-title { display:none; }.research-mobile-title{display:inline;}
  .research-number { margin-bottom:8px; font-size:10px; }
  .research-title-rule { margin-top:12px; }

  .research-hero-inner { min-height: 560px; display:block; padding-top:24px; padding-bottom:0; }
  .research-hero-copy { padding:0; }
  .research-hero-copy .research-kicker { margin-bottom:12px; font-size:9px; }
  .research-hero-copy .research-kicker::after { display:none; }
  .research-lede { width:100%; margin-top:14px !important; font-size:13px; line-height:1.4; }
  .research-values { position:absolute; left:20px; right:20px; bottom:12px; justify-content:space-between; gap:0; font-size:8px; }
  .research-hero-field { height:260px; margin-top:6px; }
  .research-hero-field svg { transform:scale(1.08); transform-origin:center; }
  .research-hero-examines { right:6px; top:118px; font-size:8px; gap:6px; }
  .research-hero-examines strong { font-size:9px; }
  .research-hero-note { display:none; }

  .research-questions-grid { min-height:0; display:block; padding-top:18px; padding-bottom:16px; }
  .research-questions .research-section-copy p { margin-top:7px; }
  .research-questions .research-title-rule { display:none; }
  .research-progress { min-height:0; margin-top:14px; }
  .research-progress-waves { display:none; }
  .research-progress ol { display:grid; grid-template-columns:1fr; gap:0; text-align:left; }
  .research-progress li { display:grid; grid-template-columns:34px 110px 1fr; align-items:start; min-height:42px; }
  .research-progress li:not(:last-child)::before { content:""; position:absolute; left:7px; top:18px; bottom:-7px; width:1px; background:#bdd0e0; }
  .research-progress-node { grid-column:1; grid-row:1; width:11px; height:11px; margin:3px 0 0 1px; border:3px solid rgba(126,179,221,.26); box-shadow:0 0 0 7px rgba(142,193,230,.08); }
  .research-progress strong { grid-column:2; grid-row:1; font-size:10px; }
  .research-progress p { grid-column:3; grid-row:1; margin:0; font-size:10px; line-height:1.35; }

  .research-directions-grid { min-height:0; display:block; padding-top:18px; padding-bottom:18px; }
  .research-direction-field { display:grid; grid-template-columns:1fr; gap:4px; margin-top:10px; }
  .research-direction { min-height:92px; display:grid; grid-template-columns:42px 1fr 62px; gap:8px; padding:10px 0; border:0; border-radius:0; background:none; overflow:visible; }
  .research-direction::after { display:block; right:-14px; left:auto; top:7px; width:66px; height:66px; border:1px solid #2a6e9b; border-radius:50%; background:radial-gradient(circle at 35% 35%,rgba(68,167,232,.34),rgba(8,25,37,.04) 70%); }
  .research-direction--primary { margin:0; padding-left:0; }
  .research-direction > span { grid-column:1; grid-row:1 / span 2; font-family:"Inter"; font-size:26px; color:#57bdf8; }
  .research-direction h3 { grid-column:2; font-size:18px; line-height:1.05; }
  .research-direction p { grid-column:2; margin-top:3px; font-size:10px; line-height:1.35; }

  .research-method-grid { min-height:0; display:block; padding-top:16px; padding-bottom:16px; }
  .research-method-field { display:none; }
  .research-method-mobile { display:grid; margin-top:12px; }
  .research-method-mobile article { position:relative; display:grid; grid-template-columns:34px 1fr; min-height:58px; padding:6px 0; }
  .research-method-mobile article:not(:last-child)::before { content:""; position:absolute; left:7px; top:18px; bottom:-10px; width:1px; background:#bfd0df; }
  .research-method-mobile article > span { width:12px; height:12px; margin-top:2px; border-radius:50%; background:#173f72; box-shadow:0 0 0 8px rgba(132,182,218,.09); }
  .research-method-mobile strong { font-size:10px; letter-spacing:.04em; }
  .research-method-mobile p { grid-column:2; margin-top:5px; color:var(--rs-ink-muted); font-size:10px; line-height:1.35; }

  .research-assurance-grid { min-height:0; display:block; padding-top:16px; padding-bottom:16px; }
  .research-assurance-field { display:none; }
  .research-assurance-mobile { display:grid; gap:6px; margin-top:16px; }
  .research-assurance-mobile article { display:grid; grid-template-columns:34px 112px 1fr; align-items:center; min-height:58px; padding:8px 10px; border:1px solid #174668; border-radius:6px; background:linear-gradient(90deg,#0a1d2b,#0b263a); }
  .research-assurance-icon { display:grid; place-content:center; width:26px; height:26px; border:1px solid #2d8bd0; border-radius:50%; color:#b7e5ff; font-size:14px; }
  .research-assurance-mobile strong { font-size:10px; line-height:1.25; }
  .research-assurance-mobile p { color:#b9cbd8; font-size:9px; line-height:1.3; }

  .research-evidence-grid { min-height:0; display:block; padding-top:16px; padding-bottom:15px; }
  .research-evidence-grid > * { padding-right:0; }
  .research-evidence-question { position:relative; display:grid; grid-template-columns:34px 1fr; gap:6px; min-height:0; padding:10px 0 8px; border:0; }
  .research-evidence-question:not(:last-of-type)::before { content:""; position:absolute; left:12px; top:30px; bottom:-6px; width:1px; background:#c4d3df; }
  .research-evidence-question > span { display:grid; place-content:center; width:25px; height:25px; border:1px solid #b9cad7; border-radius:50%; color:#1c4c7d; font-size:10px; }
  .research-evidence-question strong { font-size:11px; }.research-evidence-question p{margin-top:6px;font-size:10px}.research-evidence-question em{margin-top:8px;padding:6px;background:#dbeaf4;font-size:8px}
  .research-evidence-principles { min-height:0; margin-top:8px; padding:10px 0 0; border:0; border-top:1px solid #c6d3de; grid-template-columns:1fr 1fr; gap:8px; font-size:8px; }

  .research-across-grid { min-height:0; display:block; padding-top:16px; padding-bottom:14px; }
  .research-across-field { height:180px; margin-top:8px; }
  .research-across-field svg { transform:scale(1.03); }
  .research-across-label { right:4px; top:60px; font-size:8px; gap:6px; }
  .research-across-principles { display:none; }

  .research-access-grid { min-height:0; display:block; padding-top:14px; padding-bottom:14px; }
  .research-access-copy { display:none; }
  .research-access-cta { min-height:48px; margin-top:14px; padding-inline:18px; font-size:10px; }
}

/* Research wide-screen integration: surfaces remain full viewport; editorial content stays bounded. */
@media (min-width: 1441px) {
  .research-inner { max-width: 1440px; }
}

@media (prefers-reduced-motion: reduce) {
  .research-page *, .research-page *::before, .research-page *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Research V2 wide-surface substrate parity — >1440px only. */
@media (min-width: 1441px) {
  .research-section {
    isolation: isolate;
    overflow: clip;
  }

  .research-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .28;
    background-image:
      linear-gradient(rgba(71, 130, 166, .12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(71, 130, 166, .12) 1px, transparent 1px);
    background-size: 110px 110px;
    background-position: calc(50% - 720px) 0;
    -webkit-mask-image: linear-gradient(to bottom, transparent 1%, #000 7%, #000 93%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 1%, #000 7%, #000 93%, transparent 100%);
  }

  .research-surface--light::before {
    opacity: .18;
    background-image:
      linear-gradient(rgba(23, 63, 114, .12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(23, 63, 114, .12) 1px, transparent 1px);
  }

  .research-inner {
    z-index: 1;
  }
}
