/* NSE Path is announced here while the mobile apps are in development. */
.main-nav { gap: clamp(14px, 2.2vw, 30px); }
.main-nav > a { white-space: nowrap; }
.nse-project {
  margin-top: 28px;
  scroll-margin-top: 110px;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  overflow: hidden;
  border: 1px solid #415b70;
  border-radius: 16px;
  background: radial-gradient(ellipse at 95% 0, #3151743b, transparent 60%), linear-gradient(135deg, #172331, #101720);
}
.nse-copy { min-width: 0; padding: clamp(28px, 3.5vw, 48px); }
.nse-eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: #b7c5d6; font: 500 .75rem/1.5 var(--mono); }
.nse-new { padding: 5px 9px; border: 1px solid #477983; border-radius: 5px; background: #143039; color: #94e2e9; text-transform: uppercase; letter-spacing: .06em; }
.nse-copy h3 { margin: 28px 0 16px; color: #f3f6fb; font: 800 clamp(2.7rem, 4.5vw, 4.25rem)/1.05 var(--display); letter-spacing: -.05em; }
.nse-tagline { margin: 0; font: 700 clamp(1.35rem, 2.1vw, 1.9rem)/1.35 var(--display); letter-spacing: -.025em; }
.nse-tagline em { font-style: normal; font-weight: 500; color: #a4d8e4; }
.nse-description { max-width: 520px; margin: 22px 0; color: #b7c5d6; font-size: 1rem; line-height: 1.75; }
.nse-features { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; margin: 0 0 26px; list-style: none; }
.nse-features li { padding: 7px 10px; border: 1px solid #3d4e60; border-radius: 7px; color: #dce7f4; font-size: .8rem; line-height: 1.5; }
.nse-release { padding-top: 22px; border-top: 1px solid #344355; }
.nse-status { display: inline-flex; align-items: center; gap: 9px; color: #f0c889; font-size: .875rem; font-weight: 700; }
.nse-status > span { width: 7px; height: 7px; background: #f0c889; border-radius: 50%; }
.nse-release p { margin: 8px 0 0; color: #d0dce9; font-size: .95rem; line-height: 1.6; }
.nse-disclaimer { margin: 18px 0 0; max-width: 450px; color: #a4b3c5; font-size: .75rem; line-height: 1.7; }
.nse-visual { min-width: 0; padding: 42px; display: flex; flex-direction: column; justify-content: center; gap: 26px; border-left: 1px solid #36465a; background: radial-gradient(ellipse at 70% 10%, #45608029, transparent 70%), #0d151e; }
.nse-brand { display: flex; align-items: center; gap: 16px; }
.nse-brand img { flex: 0 0 72px; width: 72px; height: 72px; border: 1px solid #425167; border-radius: 17px; }
.nse-brand strong { display: block; font: 800 1.6rem/1.3 var(--display); letter-spacing: -.03em; }
.nse-brand div > span { display: block; margin-top: 5px; color: #afc1d4; font-size: .85rem; line-height: 1.5; }
.nse-study-card { padding: 26px; border: 1px solid #45556b; border-radius: 18px; background: linear-gradient(145deg, #1b293b, #131e2d); box-shadow: 0 16px 40px #0003; }
.nse-preview-label { margin: 0 0 20px; color: #b8cbe0; font: 500 .7rem/1.6 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.nse-track { display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid #3b4b60; }
.nse-track > span { flex: 0 0 62px; padding: 8px; text-align: center; color: #e7f0fc; background: #273a53; border: 1px solid #587291; border-radius: 13px; font: 600 .7rem/1.4 var(--mono); }
.nse-track b { display: block; font: 800 1.9rem/1.2 var(--display); }
.nse-track strong { font: 700 1.15rem/1.4 var(--display); }
.nse-track p { margin: 4px 0 0; color: #b7c5d6; font-size: .9rem; }
.nse-study-loop { position: relative; padding: 0; margin: 24px 0; list-style: none; display: grid; gap: 22px; }
.nse-study-loop::before { content: ""; position: absolute; top: 16px; bottom: 28px; left: 16px; width: 1px; background: #4a6077; }
.nse-study-loop li { position: relative; display: flex; align-items: flex-start; gap: 13px; }
.nse-study-loop li > span { display: grid; place-items: center; flex: 0 0 33px; height: 33px; border: 1px solid #537a85; border-radius: 50%; color: #a7e2e8; background: #1b2f3e; font: 500 .65rem var(--mono); }
.nse-study-loop li:last-child > span { border-color: #a56358; color: #ffc3b8; background: #3b252b; }
.nse-study-loop strong { display: block; margin-top: 4px; font-size: .95rem; line-height: 1.4; }
.nse-study-loop p { margin: 5px 0 0; color: #afc1d4; font-size: .85rem; line-height: 1.6; }
.nse-track-note { padding-top: 18px; margin: 0; border-top: 1px solid #3b4b60; color: #aebfd2; font-size: .75rem; line-height: 1.6; }
.footer-links { flex-wrap: wrap; justify-content: flex-end; }
@media (min-width: 801px) and (max-width: 1100px) {
  .main-nav { gap: 14px; font-size: .85rem; }
  .main-nav .nav-feature { padding-inline: 10px; }
  .site-header .wordmark { font-size: .9rem; }
  .nse-visual { padding: 28px; }
  .nse-study-card { padding: 22px; }
  .site-footer { grid-template-columns: 1fr; gap: 20px; }
  .footer-links { justify-content: flex-start; }
}
@media (max-width: 800px) {
  .nse-project { grid-template-columns: minmax(0, 1fr); margin-top: 20px; scroll-margin-top: 12px; }
  .nse-copy { padding: 28px 24px; }
  .nse-copy h3 { font-size: clamp(2.7rem, 10vw, 3.5rem); }
  .nse-tagline { font-size: clamp(1.3rem, 4.5vw, 1.8rem); }
  .nse-visual { padding: 28px 24px; border-left: 0; border-top: 1px solid #36465a; }
  .nse-study-card { padding: 24px; }
  .footer-links { justify-content: stretch; }
}
@media (max-width: 380px) {
  .nse-copy, .nse-visual { padding: 24px 18px; }
  .nse-brand { gap: 12px; }
  .nse-brand img { flex-basis: 60px; width: 60px; height: 60px; border-radius: 14px; }
  .nse-brand strong { font-size: 1.45rem; }
  .nse-study-card { padding: 20px 16px; }
}