
/* Navigation stays consistent across the homepage and supporting pages. */
.inner-page .site-header { position: relative; z-index: 10; background: #111C28; color: #F7FBFA; }
.inner-page .header-inner { width: min(100% - 72px,1140px); min-height: 90px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.inner-page .site-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.inner-page .site-logo img { display: block; height: 36px; width: auto; }
.inner-page .desktop-nav { display: flex; align-items: center; gap: clamp(20px,2.3vw,30px); }
.inner-page .desktop-nav a,.inner-page .mobile-nav a { color: #F7FBFA; text-decoration: none; font-size: .88rem; font-weight: 550; }
.inner-page .desktop-nav a:hover,.inner-page .mobile-nav a:hover,.inner-page [aria-current="page"] { color: #8CDDF8; }
.inner-page .mobile-nav { display: none; position: relative; }
.inner-page .mobile-nav summary { cursor: pointer; list-style: none; color: #F7FBFA; font-size: .9rem; }
.inner-page .mobile-nav summary::-webkit-details-marker { display: none; }
.inner-page .mobile-nav nav { position: absolute; right: 0; top: calc(100% + 18px); width: 200px; display: grid; gap: 19px; padding: 22px; border: 1px solid #26466B; border-radius: 9px; background: #111C28; box-shadow: 0 20px 45px rgba(0,0,0,.2); }
@media(max-width:960px) { .site-header .desktop-nav { display: none; } .site-header .mobile-nav { display: block; } }
.inner-page { margin: 0; min-width: 320px; background: #111C28; color: #F1F6FA; font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing: antialiased; }
.inner-page *,.inner-page *::before,.inner-page *::after { box-sizing: border-box; }
.inner-page { --cyan:#59CCF4; --soft:#AFBFCD; --line:#293B4A; --surface:#101A27; }
.inner-page .wrap { width: min(100% - 72px,1140px); margin-inline: auto; }
.inner-page a { color: #8CDDF8; text-underline-offset: 4px; }
.inner-page a:focus-visible,.inner-page button:focus-visible,.inner-page summary:focus-visible { outline: 3px solid #59CCF4; outline-offset: 5px; }
.inner-page h1,.inner-page h2,.inner-page h3,.inner-page p { margin: 0; }
.inner-page h1 { font-size: clamp(2.3rem,4.05vw,3.375rem); font-weight: 650; letter-spacing: -.045em; line-height: 1.15; }
.inner-page h1 em { color: var(--cyan); font-style: normal; }
.inner-page p { font-size: 1rem; line-height: 1.68; color: #C3D0DC; }
.inner-page .eyebrow { display: block; margin-bottom: 20px; color: #8CDDF8; font-size: .875rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.inner-page .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 19px; border: 1px solid transparent; border-radius: 8px; font: inherit; font-size: .875rem; font-weight: 650; color: #111C28; background: #59CCF4; text-decoration: none; cursor: pointer; }
.inner-page .button:hover { background: #8CDDF8; }
.inner-page .page-intro { position: relative; isolation: isolate; padding: 85px 0 48px; }
.inner-page .page-intro::before { content: ""; position: absolute; z-index: -1; inset: -60px 0 -80px; background: radial-gradient(ellipse at 35% 20%,rgba(74,200,236,.12),transparent 66%); pointer-events: none; }
.inner-page .page-intro p { max-width: 650px; margin-top: 22px; }
.inner-page .page-footer { border-top: 1px solid var(--line); padding: 29px 0; }
.inner-page .page-footer .wrap { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.inner-page .brand { display: inline-flex; align-items: baseline; color: #F1F6FA; font-size: 1.4rem; font-weight: 800; letter-spacing: -.075em; text-decoration: none; }
.inner-page .brand span { color: var(--cyan); }
.inner-page .page-footer nav { display: flex; gap: 24px; font-size: .875rem; }
.inner-page .page-footer nav a { text-decoration: none; }
.inner-page .page-footer nav a:hover { text-decoration: underline; }
.inner-page .page-footer small { color: var(--soft); font-size: .8rem; }
.inner-page .decision-nav { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px 0 42px; }
.inner-page .decision-nav a { display: inline-block; padding: 10px 14px; border: 1px solid #344B5E; border-radius: 6px; color: #D0E0ED; font-size: .875rem; text-decoration: none; }
.inner-page .decision-nav a:hover { border-color: var(--cyan); background: #59CCF40A; }
.inner-page .research-group { scroll-margin-top: 28px; padding: 42px 0 48px; border-top: 1px solid var(--line); }
.inner-page .group-heading { display: grid; gap: 9px; margin-bottom: 26px; }
.inner-page .group-heading h2 { font-size: clamp(1.5rem,2.5vw,1.9rem); line-height: 1.25; font-weight: 550; letter-spacing: -.035em; }
.inner-page .group-heading p { color: var(--soft); font-size: .9375rem; }
.inner-page .study-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.inner-page .study-card { min-height: 200px; padding: 27px; border: 1px solid #2A3D4D; border-radius: 12px; background: linear-gradient(145deg,#162635,#111D2B); }
.inner-page .study-card h3 { font-size: 1.25rem; line-height: 1.3; letter-spacing: -.035em; font-weight: 600; }
.inner-page .study-card .method-name { margin-top: 9px; color: #A8BACB; font-size: .875rem; line-height: 1.5; }
.inner-page .study-card .study-description { margin-top: 20px; color: #C3D0DC; font-size: .9375rem; line-height: 1.65; }
.inner-page .research-help { padding: 54px 0 70px; border-top: 1px solid var(--line); }
.inner-page .research-help h2 { margin-bottom: 16px; font-size: 1.75rem; font-weight: 550; letter-spacing: -.035em; }
.inner-page .research-help p { max-width: 660px; }
.inner-page .research-help .button { margin-top: 25px; }
.inner-page .contact-intro { padding-bottom: 30px; }
.inner-page .contact-grid { display: grid; grid-template-columns: minmax(0,720px); justify-content:center; gap: 28px; padding-bottom: 85px; align-items: stretch; }
.inner-page .contact-panel { padding: 36px; border: 1px solid #2A3D4D; border-radius: 14px; background: linear-gradient(145deg,#162635,#101A27); box-shadow: 0 16px 45px #050B131F; }
.inner-page .contact-panel h2 { margin-bottom: 18px; font-size: 1.625rem; line-height: 1.3; letter-spacing: -.035em; font-weight: 550; }
.inner-page .contact-panel .button { margin-top: 27px; }
.inner-page .contact-report { margin-top: 36px; padding: 25px; background: #F1F6FA; color: #1D2B43; border: 10px solid #203C50; border-radius: 12px; }
.inner-page .contact-report .report-label { font-size: .875rem; color: #316583; }
.inner-page .contact-report h3 { margin: 13px 0 24px; font-size: 1.125rem; font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
.inner-page .report-row { display: grid; gap: 7px; margin-top: 17px; font-size: .875rem; }
.inner-page .report-row>div { display: flex; justify-content: space-between; gap: 16px; }
.inner-page .report-track { height: 7px; border-radius: 4px; background: #DCE7EF; overflow: hidden; }
.inner-page .report-track span { display: block; height: 100%; background: #308FB4; border-radius: 4px; }
.inner-page .report-caption { margin-top: 12px; font-size: .875rem; color: var(--soft); }
.inner-page .contact-panel .email-link { color: #8CDDF8; overflow-wrap: anywhere; }
.inner-page .contact-form { margin-top: 28px; display: grid; gap: 18px; }
.inner-page .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.inner-page .field { display: grid; gap: 8px; }
.inner-page .field label { font-size: .875rem; color: #D4E1EB; line-height: 1.4; }
.inner-page .field label span { color: #A8BACB; font-weight: 400; }
.inner-page input,.inner-page textarea { width: 100%; min-width: 0; padding: 13px 16px; border: 1px solid #5C768B; border-radius: 8px; background: #0D1824; color: #F1F6FA; font: inherit; font-size: 1rem; line-height: 1.5; }
.inner-page input { min-height: 48px; }
.inner-page textarea { min-height: 126px; resize: vertical; }
.inner-page input:focus,.inner-page textarea:focus { outline: 2px solid #59CCF4; outline-offset: 2px; }
.inner-page .contact-form .button { margin-top: 0; justify-self: start; }
.inner-page .form-note { font-size: .875rem; color: #A8BACB; line-height: 1.6; }

.video-demo { width: min(1040px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #59CCF466; border-radius: 16px; background: #111C28; color: #F7FBFF; font-family: Inter, sans-serif; box-shadow: 0 24px 100px #0009; }
.video-demo::backdrop { background: #050b14df; }
.video-demo *, .video-demo *::before, .video-demo *::after { box-sizing: border-box; }
.video-demo-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; }
.video-demo-header h2 { margin: 0; font-size: 1rem; font-weight: 600; }
.video-demo-close { min-width: 44px; min-height: 44px; border: 1px solid #8cddf855; border-radius: 8px; color: #F7FBFF; background: transparent; font: inherit; cursor: pointer; }
.video-demo-close:hover { background: #8cddf81a; }
.video-demo a:focus-visible, .video-demo button:focus-visible { outline: 3px solid #59CCF4; outline-offset: 3px; }
.video-demo-player { position: relative; aspect-ratio: 16 / 9; background: #000; }
.video-demo-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-demo-footer { margin: 0; padding: 16px 20px; font-size: .875rem; line-height: 1.5; }
.video-demo-footer a { color: #8CDDF8; text-underline-offset: 3px; }
@media(max-height:700px) and (orientation:landscape) { .video-demo { width: min(1040px, calc((100dvh - 170px) * 16 / 9)); } }

@media(max-width:960px) { .inner-page .study-grid { grid-template-columns: repeat(2,1fr); } .inner-page .contact-grid { grid-template-columns: minmax(0,720px); gap: 20px; } .inner-page .contact-panel { padding: 28px; } }
@media(max-width:760px) { .inner-page .header-inner,.inner-page .wrap { width: calc(100% - 40px); } .inner-page .header-inner { min-height: 74px; } .inner-page .site-logo img { height: 29px; } .inner-page .page-intro { padding-top: 60px; } .inner-page .contact-grid { grid-template-columns: 1fr; padding-bottom: 60px; } .inner-page .study-grid { grid-template-columns: 1fr; } .inner-page .page-footer .wrap { align-items: start; flex-direction: column; } .inner-page .group-heading { display: block; } .inner-page .group-heading p { margin-top: 10px; } }
@media(max-width:480px) { .inner-page .site-logo img { height: 26px; } .inner-page .contact-panel,.inner-page .study-card { padding: 24px; } .inner-page .field-row { grid-template-columns: 1fr; } .inner-page .contact-report { padding: 19px; border-width: 7px; } }
@media(prefers-reduced-motion:reduce) { .inner-page { scroll-behavior: auto; } }

/* Single-method categories share a row while keeping each heading with its card. */
.inner-page .compact-research { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 18px; row-gap: 24px; padding: 42px 0 48px; border-top: 1px solid var(--line); }
.inner-page .compact-research .research-group { display: flex; flex-direction: column; padding: 0; border: 0; min-width: 0; }
.inner-page .compact-research .group-heading { min-height: 90px; align-content: start; margin-bottom: 0; }
.inner-page .compact-research .group-heading h2 { font-size: 1.45rem; }
.inner-page .compact-research .study-grid { display: grid; grid-template-columns: minmax(0,1fr); flex: 1; }
.inner-page .compact-research .study-card { height: 100%; }
.inner-page .study-grid-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
.inner-page .study-card:has(.study-more) { display: flex; flex-direction: column; }
.inner-page .study-more { align-self: start; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin-top: 20px; color: #8CDDF8; font-size: .875rem; font-weight: 550; text-decoration: none; }
.inner-page .study-more:hover { text-decoration: underline; }
@supports (grid-template-rows: subgrid) {
  .inner-page .compact-research .research-group { display: grid; grid-row: span 2; grid-template-rows: subgrid; }
  .inner-page .compact-research .group-heading { min-height: 0; }
}
@media(max-width:960px) { .inner-page .compact-research { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .inner-page .compact-research,.inner-page .study-grid-pair { grid-template-columns: minmax(0,1fr); }
  .inner-page .compact-research { row-gap: 24px; }
  .inner-page .compact-research .group-heading { min-height: 0; }
  .inner-page .group-heading p { margin-top: 0; }
}

/* Research page: decision-first discovery */
.inner-page .research-intro { padding-bottom:58px; }
.inner-page .research-intro-actions,.inner-page .research-help-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.inner-page .secondary-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#BFEAFF; font-size:.9rem; font-weight:600; text-decoration:none; }
.inner-page .secondary-link:hover { text-decoration:underline; }
.inner-page .decision-paths { padding:16px 0 64px; }
.inner-page .decision-paths-heading { max-width:760px; margin-bottom:28px; }
.inner-page .decision-paths-heading h2 { font-size:clamp(1.8rem,3vw,2.45rem); font-weight:600; letter-spacing:-.04em; line-height:1.2; }
.inner-page .decision-paths-heading p { margin-top:14px; }
.inner-page .decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.inner-page .decision-grid a { min-height:188px; padding:24px; border:1px solid #2A3D4D; border-radius:14px; background:linear-gradient(145deg,#162635,#111D2B); color:#F1F6FA; text-decoration:none; transition:border-color .16s ease,transform .16s ease,background .16s ease; }
.inner-page .decision-grid a:hover { border-color:#59CCF4; background:linear-gradient(145deg,#183044,#112333); transform:translateY(-2px); }
.inner-page .decision-grid strong { display:block; margin-top:10px; font-size:1.15rem; line-height:1.35; letter-spacing:-.025em; }
.inner-page .decision-grid a>span:last-child { display:block; margin-top:12px; color:#B5C6D4; font-size:.9rem; line-height:1.55; }
.inner-page .decision-kicker,.inner-page .question-label { color:#8CDDF8; font-size:.76rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.inner-page .research-group { padding-top:52px; }
.inner-page .group-heading .question-label { margin-bottom:2px; }
.inner-page .more-studies { margin-top:18px; border-top:1px solid #263A4A; }
.inner-page .more-studies summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; cursor:pointer; list-style:none; color:#BFEAFF; font-size:.9rem; font-weight:650; }
.inner-page .more-studies summary::-webkit-details-marker { display:none; }
.inner-page .more-studies summary span { font-size:1.25rem; transition:transform .16s ease; }
.inner-page .more-studies[open] summary span { transform:rotate(45deg); }
.inner-page .more-study-grid { padding-top:18px; }
.inner-page .alternate-paths { padding:52px 0 58px; border-top:1px solid var(--line); }
.inner-page .directory-help { padding-top:58px; }
@media(max-width:960px) { .inner-page .decision-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
 .inner-page .decision-grid { grid-template-columns:1fr; }
 .inner-page .decision-grid a { min-height:0; }
 .inner-page .research-intro-actions,.inner-page .research-help-actions { align-items:flex-start; flex-direction:column; gap:10px; }
}
