:root {
  --atlas-ink: #111318;
  --atlas-muted: #596273;
  --atlas-line: #d9dee8;
  --atlas-soft: #f4f7fb;
  --atlas-blue: #075ee8;
  --atlas-green: #10744b;
  --atlas-amber: #8b5a00;
}

.atlas-hero *,
.atlas-section * {
  box-sizing: border-box;
}

.atlas-skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  background: #fff;
  color: var(--atlas-ink);
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-160%);
}

.atlas-skip-link:focus { transform: translateY(0); }

.atlas-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.atlas-hero { padding: 72px 0 54px; border-bottom: 1px solid var(--atlas-line); background: linear-gradient(135deg, #f7f9fd, #fff 62%); }
.atlas-release-window { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px 18px; align-items: center; margin: 0 0 26px; padding: 13px 15px; border: 1px solid #8db4f5; border-left: 5px solid var(--atlas-blue); background: #eaf2ff; }
.atlas-release-window > span { color: var(--atlas-blue); font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.atlas-release-window > strong { font-size: 13px; line-height: 1.4; }
.atlas-release-window > a { color: var(--atlas-blue); font-size: 12px; font-weight: 850; white-space: nowrap; }
.atlas-kicker { margin: 0 0 14px; color: var(--atlas-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.atlas-hero h1 { max-width: 900px; margin: 0; font-size: clamp(42px, 6vw, 76px); line-height: .98; letter-spacing: -.045em; }
.atlas-lead { max-width: 820px; margin: 24px 0 0; color: #333a48; font-size: clamp(19px, 2.4vw, 26px); line-height: 1.45; }
.atlas-research-status { display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); gap: 18px 30px; max-width: 980px; margin: 0 0 26px; padding: 20px 22px; border: 1px solid #b66a00; border-left: 6px solid #b66a00; background: #fff4d8; color: #2c2416; }
.atlas-research-status strong { font-size: 17px; line-height: 1.4; }
.atlas-research-status span { font-size: 15px; line-height: 1.6; }
.atlas-hero-service { max-width: 780px; margin: 18px 0 0; color: var(--atlas-muted); font-size: 15px; line-height: 1.55; }
.atlas-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.atlas-button { display: inline-flex; padding: 12px 16px; border: 1px solid var(--atlas-ink); color: var(--atlas-ink); font-weight: 750; text-decoration: none; }
.atlas-button--primary { background: var(--atlas-ink); color: #fff; }
.atlas-scorecards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 44px; border: 1px solid var(--atlas-line); background: var(--atlas-line); }
.atlas-scorecards article { padding: 24px; background: #fff; }
.atlas-scorecards span { display: block; margin-bottom: 8px; color: var(--atlas-blue); font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.atlas-scorecards h2 { margin: 0 0 8px; font-size: 22px; }
.atlas-scorecards p { margin: 0; color: var(--atlas-muted); line-height: 1.55; }
.atlas-section { padding: 62px 0; }
.atlas-section--soft { background: var(--atlas-soft); }
.atlas-start-here { scroll-margin-top: 76px; background: #0e1520; color: #fff; }
.atlas-start-here__head { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: start; }
.atlas-start-here__head h2 { max-width: 620px; }
.atlas-start-here__head > p { margin: 0; color: #c0cad7; font-size: 18px; line-height: 1.65; }
.atlas-start-here .atlas-trace__eyebrow { color: #74a8ff; }
.atlas-start-here__routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 34px; border: 1px solid #364257; background: #364257; }
.atlas-start-here__routes a { display: grid; align-content: start; min-height: 175px; padding: 22px; background: #151f2d; color: #fff; text-decoration: none; }
.atlas-start-here__routes a:hover, .atlas-start-here__routes a:focus-visible { position: relative; z-index: 1; outline: 3px solid #74a8ff; outline-offset: -3px; background: #1a2940; }
.atlas-start-here__routes span { color: #74a8ff; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.atlas-start-here__routes strong { margin-top: 12px; font-size: 21px; line-height: 1.2; }
.atlas-start-here__routes small { margin-top: 8px; color: #b8c4d4; font-size: 13px; line-height: 1.5; }
.atlas-memory-primer { display: grid; grid-template-columns: minmax(190px, .42fr) minmax(0, 1.58fr); gap: 28px; margin-top: 28px; padding: 20px 22px; border: 1px solid #44536a; border-left: 5px solid #74a8ff; background: #111a27; }
.atlas-memory-primer strong { color: #fff; font-size: 18px; line-height: 1.35; }
.atlas-memory-primer p { margin: 0; color: #c0cad7; line-height: 1.65; }
.atlas-start-here__rail { margin-top: 34px; padding-top: 28px; border-top: 1px solid #364257; }
.atlas-start-here__rail-head { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: start; }
.atlas-start-here__rail-head h3 { margin: 0; font-size: 28px; letter-spacing: -.02em; }
.atlas-start-here__rail-head > p { margin: 0; color: #b8c4d4; line-height: 1.6; }
.atlas-start-here__stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 24px 0 0; padding: 1px; background: #364257; list-style: none; }
.atlas-start-here__stages li { display: grid; align-content: start; min-height: 142px; padding: 16px; background: #111a27; }
.atlas-start-here__stages span { color: #74a8ff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-weight: 850; }
.atlas-start-here__stages strong { margin-top: 9px; font-size: 15px; line-height: 1.3; }
.atlas-start-here__stages small { margin-top: 7px; color: #aebaca; font-size: 12px; line-height: 1.45; }
.atlas-nvidia-platforms { scroll-margin-top: 76px; background: #fff; }
.atlas-nvidia-ladder { border-top: 2px solid var(--atlas-ink); border-bottom: 1px solid var(--atlas-line); }
.atlas-nvidia-lane { display: grid; grid-template-columns: minmax(190px, .42fr) minmax(0, 1.58fr); gap: 28px; align-items: stretch; padding: 22px 0; border-bottom: 1px solid var(--atlas-line); }
.atlas-nvidia-lane:last-child { border-bottom: 0; }
.atlas-nvidia-lane > header { display: flex; gap: 12px; align-items: flex-start; padding: 5px 0; }
.atlas-nvidia-lane > header > span { display: grid; place-items: center; flex: 0 0 34px; height: 34px; background: var(--atlas-ink); color: #fff; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.atlas-nvidia-lane > header div { display: grid; gap: 5px; }
.atlas-nvidia-lane > header strong { font-size: 18px; }
.atlas-nvidia-lane > header small { color: var(--atlas-muted); font-size: 13px; line-height: 1.45; }
.atlas-nvidia-lane__nodes { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); gap: 10px; align-items: stretch; }
.atlas-nvidia-lane__nodes--single { grid-template-columns: minmax(0, 1fr); }
.atlas-nvidia-lane__nodes--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.atlas-nvidia-lane__nodes button { display: grid; grid-template-columns: minmax(110px, auto) 1fr; gap: 5px 16px; align-content: center; min-height: 105px; padding: 16px 18px; border: 1px solid #b8c2d2; background: #fff; color: var(--atlas-ink); cursor: pointer; text-align: left; }
.atlas-nvidia-lane__nodes button:hover, .atlas-nvidia-lane__nodes button:focus-visible { border-color: var(--atlas-blue); outline: 3px solid rgba(7, 94, 232, .18); outline-offset: 2px; }
.atlas-nvidia-lane__nodes button[aria-pressed="true"] { border-color: var(--atlas-blue); background: #eef4ff; box-shadow: inset 5px 0 0 var(--atlas-blue); }
.atlas-nvidia-lane__nodes button span { grid-row: 1 / span 2; align-self: center; color: var(--atlas-blue); font-size: 20px; font-weight: 850; letter-spacing: -.02em; }
.atlas-nvidia-lane__nodes button strong { font-size: 18px; }
.atlas-nvidia-lane__nodes button small { color: var(--atlas-muted); font-size: 13px; line-height: 1.4; }
.atlas-nvidia-arrow { display: grid; place-items: center; color: #778395; font-size: 22px; }
.atlas-nvidia-lane--next { background: linear-gradient(90deg, transparent, #f4f7fb 24%, #f4f7fb); }
.atlas-nvidia-lane--amd { background: #f8fafc; }
.atlas-nvidia-reading-rule { display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0, 1.58fr); gap: 28px; padding: 22px 0 0; }
.atlas-nvidia-reading-rule strong { font-size: 18px; }
.atlas-nvidia-reading-rule p { margin: 0; color: var(--atlas-muted); line-height: 1.65; }
.atlas-us-lens { margin-top: 24px; }
.atlas-section-head { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 48px; margin-bottom: 32px; }
.atlas-section h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.03em; }
.atlas-section-head p { margin: 0; color: var(--atlas-muted); font-size: 18px; line-height: 1.65; }
.atlas-flow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 24px 0; padding: 0; list-style: none; }
.atlas-flow li { min-height: 96px; padding: 14px; border: 1px solid var(--atlas-line); background: #fff; font-size: 14px; font-weight: 700; }
.atlas-flow strong { display: block; margin-bottom: 6px; color: var(--atlas-blue); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.atlas-filters { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 12px; margin: 26px 0 12px; }
.atlas-filters label { display: grid; gap: 7px; color: var(--atlas-muted); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.atlas-filters input, .atlas-filters select { width: 100%; padding: 12px; border: 1px solid #aeb7c7; border-radius: 0; background: #fff; color: var(--atlas-ink); font: inherit; }
.atlas-count { margin: 12px 0 24px; color: var(--atlas-muted); font-size: 14px; }
.atlas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.atlas-card { padding: 24px; border: 1px solid var(--atlas-line); background: #fff; }
.atlas-card[hidden] { display: none; }
.atlas-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.atlas-card__company { margin: 0 0 4px; color: var(--atlas-blue); font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.atlas-card h3 { margin: 0; font-size: 27px; letter-spacing: -.02em; }
.atlas-card__role { color: var(--atlas-muted); font-weight: 700; }
.atlas-card p { line-height: 1.55; }
.atlas-state { display: inline-flex; align-items: center; padding: 3px 6px; border: 1px solid currentColor; color: var(--atlas-muted); font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.atlas-state--official { color: var(--atlas-blue); }
.atlas-state--independent { color: var(--atlas-green); }
.atlas-state--reported { color: var(--atlas-amber); }
.atlas-state--derived { color: #6e42a1; }
.atlas-state--unknown { color: #6c7480; }
.atlas-specs { display: grid; gap: 0; margin: 22px 0; border-top: 1px solid var(--atlas-line); }
.atlas-specs div { display: grid; grid-template-columns: 105px 1fr; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--atlas-line); }
.atlas-specs dt { color: var(--atlas-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.atlas-specs dd { margin: 0; line-height: 1.5; }
.atlas-card details { padding-top: 4px; }
.atlas-card summary { cursor: pointer; color: var(--atlas-blue); font-weight: 800; }
.atlas-sources { display: grid; gap: 6px; margin-top: 14px; }
.atlas-sources a { color: var(--atlas-blue); }
.atlas-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.atlas-note { padding: 22px; border: 1px solid var(--atlas-line); background: #fff; }
.atlas-note h3 { margin-top: 0; }
.atlas-note p, .atlas-note li { color: var(--atlas-muted); line-height: 1.6; }
.atlas-formula { padding: 24px; border: 1px solid var(--atlas-line); background: #111318; color: #fff; overflow-x: auto; }
.atlas-formula code { white-space: pre-wrap; font-size: 15px; }
.atlas-boundary { padding: 24px; border-left: 4px solid var(--atlas-blue); background: #eef4ff; line-height: 1.65; }
.atlas-error { padding: 24px; border: 1px solid #c74343; }
[data-atlas-overflow-guard] { min-width: 0; max-width: 100%; overflow-x: clip; }

.atlas-registry-disclosure {
  border-top: 1px solid var(--atlas-line);
  border-bottom: 1px solid var(--atlas-line);
  background: var(--atlas-soft);
}

.atlas-registry-disclosure > summary {
  display: grid;
  gap: 5px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 22px 0;
  cursor: pointer;
  list-style-position: inside;
}

.atlas-registry-disclosure > summary strong {
  font-size: 21px;
}

.atlas-registry-disclosure > summary span {
  color: var(--atlas-muted);
  line-height: 1.45;
}

.atlas-registry-disclosure[open] > summary {
  border-bottom: 1px solid var(--atlas-line);
}

.atlas-registry-disclosure > .atlas-section {
  padding-top: 42px;
}

.atlas-system-map-section { scroll-margin-top: 76px; background: #10141c; color: #fff; }
.atlas-system-map-section .atlas-section-head p { color: #b9c3d2; }
.atlas-map-pickers { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: end; }
.atlas-map-pickers label { display: grid; gap: 7px; color: #b9c3d2; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.atlas-map-pickers select { width: 100%; padding: 13px; border: 1px solid #536179; background: #171e2a; color: #fff; font: inherit; }
.atlas-map-versus { display: grid; place-items: center; width: 40px; height: 44px; color: #8fa1ba; font-weight: 850; text-transform: uppercase; }
.atlas-map-steps { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; margin: 24px 0 18px; padding: 0; list-style: none; border: 1px solid #3a4659; }
.atlas-map-steps li + li { border-left: 1px solid #3a4659; }
.atlas-map-steps button { width: 100%; min-height: 70px; padding: 10px; border: 0; background: #171e2a; color: #aeb9c9; cursor: pointer; text-align: left; }
.atlas-map-steps button[aria-pressed="true"] { background: var(--atlas-blue); color: #fff; }
.atlas-map-steps strong, .atlas-map-steps span { display: block; }
.atlas-map-steps strong { margin-bottom: 5px; font-size: 11px; letter-spacing: .08em; }
.atlas-map-steps span { font-weight: 800; }
.atlas-hardware-stage { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); min-height: 520px; border: 1px solid #3a4659; background: #0b0f16; }
.atlas-hardware-panel { display: grid; grid-template-rows: auto minmax(300px, 1fr) auto auto; padding: 24px; }
.atlas-hardware-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid #303b4d; }
.atlas-hardware-panel > header p { margin: 0 0 4px; color: #7daeff; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.atlas-hardware-panel > header h3 { margin: 0; color: #fff; font-size: 26px; }
.atlas-hardware-visual { display: grid; place-items: center; min-width: 0; padding: 26px 10px; overflow: hidden; }
.atlas-stage-divider { display: grid; place-items: center; border-right: 1px solid #303b4d; border-left: 1px solid #303b4d; color: #728098; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; writing-mode: vertical-rl; }
.atlas-diagram-label { display: grid; grid-template-columns: 88px 1fr; gap: 12px; padding: 13px 0; border-top: 1px solid #303b4d; }
.atlas-diagram-label span { color: #7daeff; font-size: 11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.atlas-diagram-label strong { color: #e8edf5; line-height: 1.45; }
.atlas-hardware-panel details { padding-top: 13px; border-top: 1px solid #303b4d; }
.atlas-hardware-panel summary { color: #9fc1ff; cursor: pointer; font-weight: 800; }
.atlas-hardware-panel details p { color: #aeb9c9; font-size: 13px; line-height: 1.55; }
.atlas-map-nav { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin-top: 16px; }
.atlas-map-nav p { margin: 0; color: #aeb9c9; text-align: center; }
.atlas-map-nav .atlas-button { cursor: pointer; }
.atlas-map-nav .atlas-button:not(.atlas-button--primary) { border-color: #7e8da4; background: transparent; color: #fff; }
.atlas-map-nav button:disabled { cursor: not-allowed; opacity: .35; }

.atlas-path-diagram { display: grid; grid-template-columns: 1fr auto 1.1fr auto 1fr; gap: 10px; align-items: center; width: 100%; }
.atlas-path-diagram > span { color: #6f87aa; font-size: 24px; }
.atlas-path-node { display: grid; place-items: center; min-height: 92px; padding: 12px; border: 1px solid #526078; color: #d8e0eb; text-align: center; }
.atlas-path-node--active { border-color: #448cff; background: #0c2f68; box-shadow: 0 0 34px rgba(32, 111, 246, .18); }
.atlas-software-stack { display: grid; width: min(360px, 100%); border: 1px solid #536179; }
.atlas-software-stack div { padding: 12px 16px; border-bottom: 1px solid #3c485c; background: #171e2a; color: #dce4ef; text-align: center; }
.atlas-software-stack div:last-child { border-bottom: 0; background: #0c2f68; }
.atlas-rack { width: min(270px, 100%); padding: 10px; border: 3px solid #536179; background: #131a25; }
.atlas-rack-top, .atlas-rack-bottom { padding: 8px; color: #b9c3d2; font-size: 11px; text-align: center; }
.atlas-server-drawer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 6px 0; padding: 8px; border: 1px solid #536179; background: #202a38; }
.atlas-server-drawer span { aspect-ratio: 1; background: #0c59c9; box-shadow: inset 0 0 0 2px #65a0ff; }
.atlas-rack--unknown { border-style: dashed; }
.atlas-server-drawer--unknown { border-style: dashed; }
.atlas-server-drawer--unknown span { display: grid; place-items: center; border: 1px dotted #718097; background: transparent; color: #91a0b6; box-shadow: none; font-size: 11px; }
.atlas-board { position: relative; width: min(390px, 100%); aspect-ratio: 1.55; border: 3px solid #42664b; background: linear-gradient(135deg, #183c25, #102a1a); box-shadow: inset 0 0 0 8px #214b2d; }
.atlas-board-chip { position: absolute; inset: 27% 29%; display: grid; place-items: center; border: 2px solid #a9b8cf; background: #252c36; color: #fff; font-weight: 850; text-align: center; }
.atlas-board-connector { position: absolute; top: 8%; right: 4%; color: #c0cad8; font-size: 10px; }
.atlas-board-power { position: absolute; top: 8%; left: 6%; padding: 5px; border: 1px solid #8290a5; font-size: 10px; }
.atlas-board-memory { position: absolute; right: 7%; bottom: 9%; left: 7%; padding: 7px; border: 1px solid #8290a5; color: #d7dfeb; font-size: 11px; text-align: center; }
.atlas-board-memory--hbm { border-color: #5c9cff; background: rgba(21, 93, 199, .28); }
.atlas-board-memory--hbm-free { border-color: #52b87b; background: rgba(33, 120, 70, .25); }
.atlas-board-io { position: absolute; top: 32%; right: 3%; color: #c0cad8; font-size: 10px; writing-mode: vertical-rl; }
.atlas-package { position: relative; width: min(380px, 100%); min-height: 230px; }
.atlas-package--hbm { display: grid; grid-template-columns: 1fr 1.8fr 1fr; gap: 14px; align-items: end; padding: 30px 24px 50px; border: 2px solid #506078; background: #18202d; }
.atlas-compute-die, .atlas-hbm-stack, .atlas-memory-chip, .atlas-logic-layer, .atlas-dram-layer { display: grid; place-items: center; min-height: 100px; border: 2px solid #8fa0b8; background: #2b3441; color: #fff; font-weight: 850; text-align: center; }
.atlas-hbm-stack { min-height: 125px; background: repeating-linear-gradient(to bottom, #244a7e 0 18px, #0d1d34 18px 22px); }
.atlas-interposer, .atlas-board-traces, .atlas-package-base { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 8px; border: 1px solid #60708a; color: #bdc8d7; font-size: 11px; text-align: center; }
.atlas-package--stacked { display: grid; align-content: end; justify-items: center; padding-bottom: 34px; }
.atlas-package--stacked .atlas-dram-layer { z-index: 3; width: 58%; min-height: 75px; background: repeating-linear-gradient(to bottom, #244a7e 0 15px, #0d1d34 15px 19px); }
.atlas-bond-layer { z-index: 2; width: 50%; padding: 6px; background: #d49b25; color: #111; font-size: 10px; font-weight: 850; text-align: center; }
.atlas-package--stacked .atlas-logic-layer { z-index: 1; width: 66%; min-height: 90px; background: #2d3542; }
.atlas-package-base { bottom: 0; }
.atlas-package--external { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 16px; align-items: center; padding: 28px 24px 50px; border: 2px solid #506078; background: #18202d; }
.atlas-memory-chip { min-height: 80px; background: #244a7e; }
.atlas-package--unknown { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: center; padding: 26px; border: 2px dashed #66758d; }
.atlas-unknown-memory { display: grid; place-items: center; min-height: 100px; padding: 10px; border: 2px dashed #66758d; color: #aeb9c9; text-align: center; }
.atlas-wafer-engine { position: relative; display: grid; place-items: center; width: min(280px, 80%); aspect-ratio: 1; overflow: hidden; border: 4px solid #8090a9; border-radius: 50%; background: #1c467d; box-shadow: inset 0 0 0 9px #142b4b; }
.atlas-wafer-engine strong { z-index: 2; max-width: 160px; padding: 8px; background: rgba(7, 19, 35, .88); text-align: center; }
.atlas-wafer-grid { position: absolute; inset: 12%; background-image: linear-gradient(#69a3ef 1px, transparent 1px), linear-gradient(90deg, #69a3ef 1px, transparent 1px); background-size: 17px 17px; }
.atlas-sram-array { display: grid; grid-template-columns: repeat(3, 1fr); width: min(360px, 100%); border: 3px solid #506078; }
.atlas-sram-array div { display: grid; place-items: center; aspect-ratio: 1.25; border: 1px solid #6d7c93; background: #173d70; font-weight: 800; }
.atlas-sram-array div:nth-child(even) { background: #2b3441; }
.atlas-memory-path { display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: center; width: 100%; }
.atlas-memory-path__store, .atlas-memory-path__compute { display: grid; place-items: center; min-height: 120px; padding: 14px; border: 2px solid #64738b; background: #1b2431; font-weight: 850; text-align: center; }
.atlas-memory-path__link { position: relative; display: grid; place-items: center; min-height: 80px; }
.atlas-memory-path__link i { width: 100%; border-top: 4px solid #3d8bff; }
.atlas-memory-path__link i::after { content: ""; position: absolute; top: calc(50% - 7px); right: 0; border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent #3d8bff; }
.atlas-memory-path__link span { position: absolute; top: 5px; color: #9fc1ff; font-size: 11px; font-weight: 800; }
.atlas-diagram-caption { margin: 12px 0 0; color: #aeb9c9; font-size: 12px; line-height: 1.45; text-align: center; }
.atlas-process-map { display: grid; grid-template-columns: 1fr auto 1fr auto 1.4fr auto 1fr; gap: 10px; align-items: center; width: 100%; }
.atlas-process-wafer { display: grid; place-items: center; aspect-ratio: 1; border: 3px solid #7f90aa; border-radius: 50%; background: repeating-radial-gradient(circle, #23528e 0 8px, #18375f 8px 14px); }
.atlas-process-wafer span { padding: 5px; background: #0b0f16; font-weight: 850; }
.atlas-process-die, .atlas-process-package, .atlas-process-system { display: grid; place-items: center; min-height: 88px; padding: 10px; border: 1px solid #617089; background: #1a2330; text-align: center; }
.atlas-process-system { border-style: dashed; }
.atlas-process-arrow { color: #6883aa; font-size: 20px; }

.atlas-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-bottom: 18px; border: 1px solid var(--atlas-line); background: var(--atlas-line); }
.atlas-metrics div { display: grid; gap: 2px; padding: 18px; background: #fff; }
.atlas-metrics strong { font-size: 30px; letter-spacing: -.04em; }
.atlas-metrics span { color: var(--atlas-muted); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.atlas-graph-controls { display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 12px; margin-bottom: 18px; }
.atlas-graph-controls label { display: grid; gap: 7px; color: var(--atlas-muted); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.atlas-graph-controls input, .atlas-graph-controls select { width: 100%; padding: 12px; border: 1px solid #aeb7c7; border-radius: 0; background: #fff; color: var(--atlas-ink); font: inherit; }
.atlas-graph-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .75fr); gap: 18px; align-items: start; min-width: 0; max-width: 100%; }
.atlas-family-graph, .atlas-trace { min-width: 0; max-width: 100%; border: 1px solid var(--atlas-line); background: #fff; overflow-wrap: anywhere; }
.atlas-family-graph { padding: 18px; }
.atlas-country-branch { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 14px 0; }
.atlas-country-branch + .atlas-country-branch { border-top: 2px solid var(--atlas-ink); }
.atlas-country-node, .atlas-company-node { position: relative; display: grid; align-content: center; min-height: 58px; padding: 12px; border: 1px solid var(--atlas-ink); background: var(--atlas-ink); color: #fff; }
.atlas-country-node::after, .atlas-company-node::after { content: ""; position: absolute; top: 50%; left: 100%; width: 21px; border-top: 1px solid #9ca6b7; }
.atlas-country-node span, .atlas-company-node span { font-weight: 850; }
.atlas-country-node small, .atlas-company-node small { margin-top: 4px; color: #cbd2dc; line-height: 1.3; }
.atlas-company-nodes { display: grid; gap: 10px; }
.atlas-company-branch { display: grid; grid-template-columns: 170px 1fr; gap: 20px; align-items: start; }
.atlas-company-node { min-height: 50px; border-color: #9ca6b7; background: #f5f7fa; color: var(--atlas-ink); }
.atlas-company-node small { color: var(--atlas-muted); }
.atlas-product-nodes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.atlas-graph-product { min-height: 50px; padding: 10px; border: 1px solid #b9c4d4; background: #fff; color: var(--atlas-ink); text-align: left; cursor: pointer; }
.atlas-graph-product:hover, .atlas-graph-product:focus-visible, .atlas-graph-product.is-selected { border-color: var(--atlas-blue); box-shadow: inset 4px 0 0 var(--atlas-blue); outline: none; }
.atlas-graph-product span { display: block; font-weight: 800; }
.atlas-graph-product small { display: block; margin-top: 4px; color: var(--atlas-muted); line-height: 1.3; }
.atlas-trace { position: sticky; top: 18px; padding: 22px; }
.atlas-trace__eyebrow { margin: 0 0 6px; color: var(--atlas-blue); font-size: 11px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.atlas-trace h3, .atlas-coverage h3 { margin: 0 0 8px; font-size: 25px; letter-spacing: -.02em; }
.atlas-trace > p { color: var(--atlas-muted); line-height: 1.5; }
.atlas-trace-path { display: grid; margin-top: 18px; border-top: 1px solid var(--atlas-line); }
.atlas-trace-step { display: grid; grid-template-columns: 82px 1fr auto; gap: 9px; align-items: start; padding: 11px 0; border-bottom: 1px solid var(--atlas-line); }
.atlas-trace-step > span { color: var(--atlas-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.atlas-trace-step strong { font-size: 13px; line-height: 1.45; }
.atlas-trace__boundary { padding: 12px; background: #fff7e8; font-size: 13px; }
.atlas-trace__sources { display: grid; gap: 6px; margin-top: 14px; }
.atlas-trace__sources a { color: var(--atlas-blue); font-size: 13px; }
.atlas-coverage { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.atlas-coverage > div { padding: 22px; border: 1px solid var(--atlas-line); background: #fff; }
.atlas-coverage p, .atlas-coverage li { color: var(--atlas-muted); line-height: 1.55; }
.atlas-coverage ul { display: grid; gap: 10px; padding-left: 18px; }
.atlas-coverage li strong, .atlas-coverage li span { display: block; }
.atlas-coverage a { color: var(--atlas-blue); font-weight: 800; }
.atlas-endpoints { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.atlas-endpoints--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.atlas-endpoints a { display: grid; gap: 8px; min-height: 130px; padding: 18px; border: 1px solid var(--atlas-line); background: #fff; color: var(--atlas-ink); text-decoration: none; }
.atlas-endpoints a:hover, .atlas-endpoints a:focus-visible { border-color: var(--atlas-blue); box-shadow: inset 0 -4px 0 var(--atlas-blue); }
.atlas-endpoints strong { color: var(--atlas-blue); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; }
.atlas-endpoints span { color: var(--atlas-muted); font-size: 14px; line-height: 1.45; }

@media (max-width: 900px) {
  .atlas-release-window { grid-template-columns: 1fr; gap: 6px; }
  .atlas-release-window > a { white-space: normal; }
  .atlas-research-status { grid-template-columns: 1fr; gap: 8px; }
  .atlas-scorecards, .atlas-grid, .atlas-section-head, .atlas-note-grid, .atlas-graph-layout, .atlas-coverage { grid-template-columns: 1fr; }
  .atlas-start-here__head, .atlas-start-here__rail-head, .atlas-memory-primer { grid-template-columns: 1fr; gap: 18px; }
  .atlas-start-here__stages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .atlas-nvidia-lane, .atlas-nvidia-reading-rule { grid-template-columns: 1fr; gap: 12px; }
  .atlas-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-filters, .atlas-graph-controls { grid-template-columns: 1fr 1fr; }
  .atlas-trace { position: static; }
  .atlas-endpoints { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-map-steps { grid-template-columns: repeat(4, 1fr); }
  .atlas-map-steps li + li { border-left: 0; }
  .atlas-map-steps li { border: 1px solid #3a4659; }
  .atlas-hardware-stage { grid-template-columns: 1fr; }
  .atlas-stage-divider { min-height: 34px; border: 1px solid #303b4d; writing-mode: horizontal-tb; }
}

@media (max-width: 560px) {
  .atlas-wrap { width: min(100% - 24px, 1180px); }
  .atlas-hero { padding: 26px 0 36px; }
  .atlas-release-window { gap: 4px; margin-bottom: 16px; padding: 10px 12px; }
  .atlas-release-window > strong { font-size: 12px; line-height: 1.35; }
  .atlas-release-window > a { font-size: 11px; }
  .atlas-kicker { margin-bottom: 10px; font-size: 10px; line-height: 1.4; }
  .atlas-hero h1 { font-size: 36px; line-height: 1.02; letter-spacing: -.035em; }
  .atlas-lead { margin-top: 16px; font-size: 17px; line-height: 1.38; }
  .atlas-research-status { margin-bottom: 16px; padding: 15px 16px; }
  .atlas-research-status strong { font-size: 15px; }
  .atlas-research-status span { font-size: 13px; line-height: 1.5; }
  .atlas-actions { gap: 8px; margin-top: 18px; }
  .atlas-actions .atlas-button { width: 100%; justify-content: center; padding: 11px 14px; }
  .atlas-hero-service { margin-top: 14px; font-size: 13px; line-height: 1.45; }
  .atlas-scorecards { margin-top: 28px; }
  .atlas-scorecards article { padding: 18px; }
  .atlas-filters, .atlas-flow, .atlas-graph-controls, .atlas-metrics, .atlas-endpoints { grid-template-columns: 1fr; }
  .atlas-start-here__routes, .atlas-start-here__stages { grid-template-columns: 1fr; }
  .atlas-start-here__routes a, .atlas-start-here__stages li { min-height: 0; }
  .atlas-specs div { grid-template-columns: 1fr; gap: 4px; }
  .atlas-country-branch, .atlas-company-branch { grid-template-columns: 1fr; gap: 8px; }
  .atlas-country-node::after, .atlas-company-node::after { display: none; }
  .atlas-product-nodes { grid-template-columns: 1fr; }
  .atlas-map-pickers { grid-template-columns: 1fr; }
  .atlas-map-versus { width: auto; height: auto; }
  .atlas-map-steps { grid-template-columns: repeat(2, 1fr); }
  .atlas-hardware-panel { padding: 16px; }
  .atlas-hardware-stage { min-height: 0; }
  .atlas-hardware-panel { grid-template-rows: auto minmax(260px, auto) auto auto; }
  .atlas-map-nav { grid-template-columns: 1fr 1fr; }
  .atlas-map-nav p { grid-column: 1 / -1; grid-row: 1; }
  .atlas-path-diagram { grid-template-columns: 1fr; }
  .atlas-path-diagram > span { transform: rotate(90deg); text-align: center; }
  .atlas-process-map { grid-template-columns: 1fr; }
  .atlas-process-wafer { width: 100px; justify-self: center; }
  .atlas-process-arrow { transform: rotate(90deg); text-align: center; }
  .atlas-registry-disclosure > summary { width: min(100% - 24px, 1180px); }
  .atlas-nvidia-lane__nodes, .atlas-nvidia-lane__nodes--four { grid-template-columns: 1fr; }
  .atlas-nvidia-arrow { min-height: 22px; transform: rotate(90deg); }
  .atlas-nvidia-lane__nodes button { grid-template-columns: 1fr; min-height: 0; }
  .atlas-nvidia-lane__nodes button span { grid-row: auto; }
}