#na-applications {
  --na-ink: #081827;
  --na-panel: #142838;
  --na-paper: #f8f7f3;
  --na-light: #f5f8fb;
  --na-muted: #b9c9d7;
  --na-blue: #96c8ff;
  --na-rule: #354856;
  color-scheme: light;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: var(--na-light);
  background: var(--na-ink);
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
#na-applications, #na-applications * { box-sizing: border-box; }
#na-applications :is(h1,h2,p,figure,dl,dd) { margin: 0; }
#na-applications .na-wrap { max-width: 1200px; margin-inline: auto; }
#na-applications .na-eyebrow { text-transform: uppercase; font-size: 11px; line-height: 1.6; font-weight: 650; letter-spacing: .12em; color: var(--na-blue); }
#na-applications .na-hero { padding: 64px clamp(24px, 4.4vw, 64px); background: var(--na-ink); }
#na-applications .na-hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 74px); }
#na-applications .na-hero-copy { padding-block: 12px; }
#na-applications h1 { font-size: clamp(37px, 4.25vw, 58px); font-weight: 500; line-height: 1.075; letter-spacing: -.044em; margin-top: 22px; text-wrap: balance; max-width: 580px; }
#na-applications h1 > span { color: var(--na-blue); }
#na-applications .na-hero-body { color: var(--na-muted); font-size: 15px; line-height: 1.8; margin-top: 25px; max-width: 500px; }
#na-applications .na-wordmark { display: inline-block; color: currentColor; height: .684em; width: 2.64em; vertical-align: baseline; }
#na-applications .na-wordmark svg { display: block; width: 100%; height: 100%; }
#na-applications .na-actions { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; column-gap: 25px; row-gap: 12px; }
#na-applications :is(.na-primary,.na-secondary,.na-text-link) { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; font-size: 12px; font-weight: 600; line-height: 1.4; min-height: 44px; }
#na-applications .na-primary { padding: 14px 20px; background: #2469dc; color: #fff; border-radius: 4px; }
#na-applications .na-primary:hover { background: #1b5dc9; }
#na-applications .na-secondary { color: var(--na-light); }
#na-applications :is(.na-secondary,.na-text-link):hover { text-decoration: underline; text-underline-offset: 5px; }
#na-applications a:focus-visible { outline: 2px solid var(--na-blue); outline-offset: 5px; }
#na-applications .na-hero-image { min-width: 0; border-radius: 6px; overflow: hidden; }
#na-applications .na-hero-image img { width: 100%; height: auto; display: block; }
#na-applications .na-audiences { padding: 72px clamp(24px, 4.4vw, 64px); background: var(--na-panel); }
#na-applications .na-audience-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
#na-applications .na-audience { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-right: clamp(26px,4.5vw,64px); }
#na-applications .na-audience + .na-audience { padding-right: 0; padding-left: clamp(26px,4.5vw,64px); border-left: 1px solid var(--na-rule); }
#na-applications .na-audience h2 { font-size: clamp(28px, 2.6vw, 36px); font-weight: 500; letter-spacing: -.035em; line-height: 1.16; margin-top: 18px; max-width: 480px; }
#na-applications .na-audience-body { margin-top: 22px; font-size: 14px; line-height: 1.8; color: var(--na-muted); max-width: 465px; }
#na-applications .na-workflows { width: 100%; margin-top: 30px; }
#na-applications .na-workflows > div { border-top: 1px solid var(--na-rule); padding: 17px 0; }
#na-applications .na-workflows dt { font-size: 13px; font-weight: 600; line-height: 1.5; }
#na-applications .na-workflows dd { color: var(--na-muted); font-size: 13px; line-height: 1.7; margin-top: 5px; }
#na-applications .na-text-link { color: var(--na-blue); margin-top: auto; padding-top: 15px; padding-bottom: 0; }
#na-applications .na-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 900px) {
  #na-applications .na-hero { padding-top: 42px; padding-bottom: 42px; }
  #na-applications .na-hero-grid { gap: 30px; }
  #na-applications h1 { font-size: 38px; }
  #na-applications .na-hero-body { font-size: 14px; line-height: 1.75; }
  #na-applications .na-actions { margin-top: 22px; gap: 10px 20px; }
  #na-applications .na-audiences { padding-top: 46px; padding-bottom: 46px; }
}
@media (max-width: 620px) {
  #na-applications .na-hero-grid { grid-template-columns: 1fr; gap: 30px; }
  #na-applications h1 { font-size: clamp(35px,8vw,47px); max-width: 510px; }
  #na-applications .na-hero-image { max-width: 430px; width: 100%; margin-inline: auto; }
  #na-applications .na-audience-grid { grid-template-columns: 1fr; gap: 36px; }
  #na-applications .na-audience { padding-right: 0; }
  #na-applications .na-audience + .na-audience { border-left: 0; border-top: 1px solid var(--na-rule); padding-left: 0; padding-top: 36px; }
  #na-applications .na-audience h2 { font-size: 31px; }
  #na-applications .na-text-link { margin-top: 12px; }
}

/* =====================================================================
   Extension: Shared Operating Standard, Additional Applications, and
   Final CTA — built to match the concept's design tokens and rhythm
   (na-ink / na-panel / na-paper alternation, same type scale) so the
   page reads as one continuous system after the reviewed concept ends.
   ===================================================================== */
#na-applications .na-standard { padding: 76px clamp(24px, 4.4vw, 64px); background: var(--na-panel); }
#na-applications .na-standard h2 { font-size: clamp(28px, 2.8vw, 36px); font-weight: 500; letter-spacing: -.035em; line-height: 1.2; margin-top: 16px; max-width: 640px; }
#na-applications .na-standard-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 44px; border-top: 1px solid var(--na-rule); }
#na-applications .na-standard-item { padding: 26px 24px 6px 0; border-right: 1px solid var(--na-rule); }
#na-applications .na-standard-item + .na-standard-item { padding-left: 24px; }
#na-applications .na-standard-item:last-child { border-right: none; }
#na-applications .na-standard-num { font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--na-blue); margin-bottom: 10px; }
#na-applications .na-standard-item h3 { font-size: 16px; font-weight: 600; letter-spacing: -.01em; margin-bottom: 8px; }
#na-applications .na-standard-item p { font-size: 13.5px; line-height: 1.6; color: var(--na-muted); }

#na-applications .na-additional { background: var(--na-paper); color: var(--na-ink); padding: 76px clamp(24px, 4.4vw, 64px); }
#na-applications .na-additional h2 { font-size: clamp(28px, 2.8vw, 36px); font-weight: 500; letter-spacing: -.035em; line-height: 1.2; margin-top: 16px; max-width: 640px; }
#na-applications .na-additional .na-eyebrow { color: #1765bf; }
#na-applications .na-additional-list { margin-top: 44px; border-top: 1px solid #d5dce0; }
#na-applications .na-additional-row { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,2fr) auto; align-items: center; gap: 28px; padding: 26px 0; border-bottom: 1px solid #d5dce0; }
#na-applications .na-additional-row h3 { font-size: 17px; font-weight: 600; letter-spacing: -.01em; color: var(--na-ink); }
#na-applications .na-additional-row p { font-size: 14px; line-height: 1.65; color: #526271; }
#na-applications .na-additional-row .na-text-link { color: #1765bf; white-space: nowrap; padding-top: 0; margin-top: 0; }

#na-applications .na-cta { background: var(--na-ink); padding: 84px clamp(24px, 4.4vw, 64px); text-align: center; }
#na-applications .na-cta .na-wrap { max-width: 640px; }
#na-applications .na-cta h2 { font-size: clamp(30px, 3.2vw, 40px); font-weight: 500; letter-spacing: -.035em; line-height: 1.18; margin-top: 16px; }
#na-applications .na-cta p { color: var(--na-muted); font-size: 15px; line-height: 1.7; margin-top: 18px; }
#na-applications .na-cta .na-actions { justify-content: center; margin-top: 30px; }

@media (max-width: 900px) {
  #na-applications .na-standard-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #na-applications .na-standard-item:nth-child(2) { border-right: none; }
  #na-applications .na-standard-item:nth-child(3) { padding-left: 0; border-top: 1px solid var(--na-rule); padding-top: 22px; }
  #na-applications .na-standard-item:nth-child(4) { border-top: 1px solid var(--na-rule); padding-top: 22px; }
  #na-applications .na-additional-row { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 620px) {
  #na-applications .na-standard-grid { grid-template-columns: 1fr; }
  #na-applications .na-standard-item { border-right: none; border-bottom: 1px solid var(--na-rule); padding: 20px 0; }
  #na-applications .na-standard-item:nth-child(3),
  #na-applications .na-standard-item:nth-child(4) { padding-left: 0; border-top: none; padding-top: 20px; }
  #na-applications .na-standard-item:last-child { border-bottom: none; }
}

/* =====================================================================
   Experience in Sport (#nano-sport-experience) — final direction.
   Scoped styles copied from NANO_Experience_in_Sport_2.html.
   ===================================================================== */
#nano-sport-experience {
  --ns-paper: #f8f7f3;
  --ns-ink: #0b1c2c;
  --ns-body: #526273;
  --ns-blue: #2860df;
  --ns-navy: #0b1d30;
  --ns-line: #304355;
  --ns-light: #f8fafc;
  --ns-soft: #b6c9dc;
  color-scheme: light;
  background: var(--ns-paper);
  color: var(--ns-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;   /* reset values inherited from #na-applications so the section matches the design file */
  line-height: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  padding: clamp(44px, 5.55vw, 80px) clamp(22px, 5.55vw, 80px);
}
#nano-sport-experience,
#nano-sport-experience * { box-sizing: border-box; }
#nano-sport-experience :is(h2,h3,p,ul) { margin: 0; }
#nano-sport-experience :is(h2,h3) { font-family: inherit; } /* override site heading font from styles.css */
#nano-sport-experience .ns-wrap { max-width: 1280px; margin-inline: auto; }
#nano-sport-experience .ns-eyebrow {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--ns-blue);
}
#nano-sport-experience .ns-intro {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: end;
  margin-top: 23px;
}
#nano-sport-experience h2 {
  font-size: clamp(37px, 4.35vw, 62px);
  font-weight: 700;
  line-height: 1.025;
  letter-spacing: -.045em;
}
#nano-sport-experience h2 span { display: block; }
#nano-sport-experience .ns-highlight { color: var(--ns-blue); }
#nano-sport-experience .ns-intro-copy {
  font-size: 17px;
  line-height: 1.65;
  color: var(--ns-body);
  max-width: 420px;
  padding-bottom: 3px;
}
#nano-sport-experience .ns-sports {
  margin-top: 43px;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(110deg, #091a2c 0%, #10283c 100%);
  color: var(--ns-light);
  border-top: 3px solid var(--ns-blue);
}
#nano-sport-experience .ns-sports-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 21px 30px 20px;
  border-bottom: 1px solid var(--ns-line);
  color: var(--ns-soft);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .15em;
  font-weight: 700;
  text-transform: uppercase;
}
#nano-sport-experience .ns-leagues {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
#nano-sport-experience .ns-leagues li {
  min-width: 0;
  min-height: 153px;
  padding: 26px 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 11px;
}
#nano-sport-experience .ns-leagues li:nth-child(-n+3),
#nano-sport-experience .ns-leagues li:nth-child(5),
#nano-sport-experience .ns-leagues li:nth-child(6) { border-right: 1px solid var(--ns-line); }
#nano-sport-experience .ns-leagues li:nth-child(n+5) { border-top: 1px solid var(--ns-line); }
#nano-sport-experience .ns-league-name {
  display: block;
  font-size: clamp(37px, 4.03vw, 58px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}
#nano-sport-experience .ns-soccer { grid-column: span 2; }
#nano-sport-experience .ns-soccer-names { display:flex; align-items:baseline; gap:24px; }
#nano-sport-experience .ns-soccer .ns-league-name { font-size:clamp(30px,3.62vw,52px); white-space:nowrap; }
#nano-sport-experience .ns-soccer-divider { color:#6fa7ff; font-size:30px; line-height:1; }
#nano-sport-experience .ns-sport-name {
  font-size: 11px;
  line-height: 1.45;
  color: var(--ns-soft);
  letter-spacing: .095em;
  text-transform: uppercase;
}
#nano-sport-experience .ns-attribution {
  margin-top: 18px;
  max-width: 1100px;
  font-size: 12px;
  line-height: 1.7;
  color: #5b6976;
}
#nano-sport-experience .ns-invitation {
  margin-top: 37px;
  padding-top: 36px;
  border-top: 1px solid #d4dce1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 30px 50px;
}
#nano-sport-experience h3 {
  font-size: clamp(30px,2.78vw,40px);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -.027em;
  margin-top: 0;
}
#nano-sport-experience .ns-invitation-copy {
  color: var(--ns-body);
  font-size: 15px;
  line-height: 1.7;
  margin-top: 14px;
  max-width: 880px;
}
#nano-sport-experience .ns-wordmark { display:inline-block; color:var(--ns-ink); width:2.64em; height:.6833em; vertical-align:baseline; }
#nano-sport-experience .ns-wordmark svg { display:block; height:100%; width:100%; }
#nano-sport-experience .ns-invitation-copy .ns-wordmark { color:inherit; }
#nano-sport-experience .ns-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 17px 21px;
  min-height: 52px;
  background: var(--ns-blue);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  white-space: nowrap;
}
#nano-sport-experience .ns-cta:hover { background: #1e50c4; }
#nano-sport-experience .ns-cta:focus-visible { outline: 3px solid #10283c; outline-offset: 5px; }
#nano-sport-experience .ns-arrow { font-size: 20px; line-height: 1; }
@media (max-width: 1050px) {
  #nano-sport-experience .ns-intro { grid-template-columns: 1fr; gap: 20px; }
  #nano-sport-experience .ns-intro-copy { max-width: 670px; }
  #nano-sport-experience .ns-leagues li { padding-inline: 24px; }
  #nano-sport-experience .ns-soccer-names { gap:18px; }
  #nano-sport-experience .ns-soccer .ns-league-name { font-size:clamp(26px,3.62vw,38px); }
  #nano-sport-experience .ns-soccer-divider { font-size:24px; }
  #nano-sport-experience .ns-invitation { grid-template-columns: 1fr; gap: 23px; }
  #nano-sport-experience .ns-cta { justify-self: start; }
}
@media (max-width: 800px) {
  #nano-sport-experience { padding-block: 42px; }
  #nano-sport-experience .ns-eyebrow { font-size: 11px; }
  #nano-sport-experience .ns-intro { margin-top: 18px; }
  #nano-sport-experience h2 { font-size: clamp(34px,8.85vw,48px); line-height: 1.04; letter-spacing: -.04em; }
  #nano-sport-experience h2 span { display: inline; }
  #nano-sport-experience .ns-intro-copy { font-size: 15px; line-height: 1.65; }
  #nano-sport-experience .ns-sports { margin-top: 28px; border-radius: 8px; }
  #nano-sport-experience .ns-sports-label { padding: 17px 19px; font-size: 11px; letter-spacing: .095em; }
  #nano-sport-experience .ns-sports-level { display: none; }
  #nano-sport-experience .ns-leagues { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #nano-sport-experience .ns-leagues li { min-height: 130px; padding: 23px 19px; gap: 10px; }
  #nano-sport-experience .ns-leagues li:nth-child(n) { border: 0; }
  #nano-sport-experience .ns-leagues li:nth-child(1),
  #nano-sport-experience .ns-leagues li:nth-child(3),
  #nano-sport-experience .ns-leagues li:nth-child(6) { border-right: 1px solid var(--ns-line); }
  #nano-sport-experience .ns-leagues li:nth-child(n+3) { border-top: 1px solid var(--ns-line); }
  #nano-sport-experience .ns-league-name { font-size: 37px; }
  #nano-sport-experience .ns-soccer-names { gap:12px; }
  #nano-sport-experience .ns-soccer .ns-league-name { font-size:clamp(22px,6.9vw,30px); }
  #nano-sport-experience .ns-soccer-divider { font-size:22px; }
  #nano-sport-experience .ns-sport-name { font-size: 11px; letter-spacing: .055em; }
  #nano-sport-experience .ns-attribution { font-size: 11px; line-height: 1.65; margin-top: 15px; }
  #nano-sport-experience .ns-invitation { margin-top: 25px; padding-top: 25px; }
  #nano-sport-experience h3 { font-size: 32px; max-width: 410px; }
  #nano-sport-experience .ns-invitation-copy { font-size: 15px; }
  #nano-sport-experience .ns-cta { width: 100%; white-space: normal; }
}
@media print {
  #nano-sport-experience { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  #nano-sport-experience .ns-sports { break-inside: avoid; }
}