.products-experience > .product-atlas ~ section:not(.products-logic):not(.products-handoff) {
  display: none !important;
}

.products-gateway {
  --products-accent: #f7931a;
  --products-accent-rgb: 247, 147, 26;
  background: #030406;
}

.product-atlas {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  color: #f3f5f7;
  background:
    radial-gradient(circle at 22% 42%, rgba(var(--products-accent-rgb), .1), transparent 34%),
    linear-gradient(145deg, rgba(5, 7, 10, .94), rgba(2, 3, 5, .98));
  transition: background .5s ease;
}

.product-atlas__wash {
  position: absolute;
  z-index: -1;
  inset: -40%;
  opacity: .7;
  background:
    conic-gradient(from 210deg at 50% 50%, transparent, rgba(var(--products-accent-rgb), .07), transparent 27%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.025) 0 1px, transparent 1px 56px);
  animation: productsWash 28s linear infinite;
}

.product-atlas__shell {
  width: min(100% - clamp(2rem, 7vw, 7rem), 96rem);
  min-height: 100svh;
  margin-inline: auto;
  padding-block: clamp(7rem, 10vh, 9rem) clamp(1.25rem, 3vh, 2.5rem);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: clamp(.75rem, 1.6vh, 1.3rem);
}

.product-atlas__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .62fr);
  column-gap: 2rem;
  align-items: end;
}

.product-atlas__eyebrow,
.product-atlas__index,
.product-atlas__proof dt,
.product-atlas__hint,
.product-atlas__telemetry,
.products-logic__sequence > li > span {
  font-family: MatrixScreen, ui-monospace, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.product-atlas__eyebrow {
  grid-column: 1 / -1;
  color: var(--products-accent);
  font-size: .68rem;
  font-weight: 750;
  transition: color .35s ease;
}

.product-atlas__intro h1 {
  max-width: 12ch;
  margin: .25rem 0 0;
  font-size: clamp(2.5rem, 5.4vw, 5.8rem);
  line-height: .88;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.product-atlas__intro p {
  max-width: 36rem;
  margin: 0;
  color: rgba(237, 241, 246, .67);
  font-size: clamp(.92rem, 1.3vw, 1.08rem);
  line-height: 1.5;
}

.product-atlas__deck {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(26rem, 1.25fr) minmax(22rem, .75fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

.product-atlas__visual {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: min(50vh, 34rem);
  overflow: hidden;
}

.sovereignty-engine {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.engine-atmosphere { transition: fill .45s ease; }
.engine-grid path {
  fill: none;
  stroke: rgba(212, 223, 236, .09);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.engine-orbits { transform-origin: 380px 272px; animation: productsOrbit 26s linear infinite; }
.engine-orbits ellipse {
  fill: none;
  stroke: rgba(var(--products-accent-rgb), .36);
  stroke-width: 1;
  stroke-dasharray: 3 11;
  vector-effect: non-scaling-stroke;
  transition: stroke .4s ease;
}
.engine-orbits ellipse:nth-child(2) { stroke: rgba(235, 241, 247, .16); stroke-dasharray: 2 8; }
.engine-orbits ellipse:nth-child(3) { stroke: rgba(var(--products-accent-rgb), .65); }
.engine-rail {
  fill: none;
  stroke: url(#productsRail);
  stroke-width: 2;
  stroke-dasharray: 7 10;
  vector-effect: non-scaling-stroke;
  animation: productsFlow 2.4s linear infinite;
}
.engine-rail--right { animation-delay: -.8s; }
.engine-rail--return { opacity: .35; animation-direction: reverse; animation-duration: 4s; }
.engine-packet { fill: var(--products-accent); filter: url(#productsGlow); }
.engine-pod__halo { fill: rgba(var(--products-accent-rgb), .05); stroke: rgba(var(--products-accent-rgb), .24); stroke-width: 1; }
.engine-pod__ring { fill: rgba(4,6,9,.86); stroke: rgba(var(--products-accent-rgb), .8); stroke-width: 2; }
.engine-pod__core { fill: var(--products-accent); filter: url(#productsGlow); }
.engine-outcome .engine-pod__ring { stroke: rgba(238,243,248,.65); }
.engine-check { fill: none; stroke: var(--products-accent); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.engine-core { filter: drop-shadow(0 0 28px rgba(var(--products-accent-rgb), .28)); }
.engine-core__shield { fill: rgba(4,6,9,.88); stroke: rgba(var(--products-accent-rgb), .85); stroke-width: 2; }
.engine-core__line { fill: none; stroke: rgba(241,245,249,.6); stroke-width: 1.4; }
.engine-core__pulse { fill: rgba(var(--products-accent-rgb), .8); transform-origin: center; animation: productsPulse 2.2s ease-in-out infinite; }
.engine-label text { fill: rgba(234,240,247,.5); font: 700 10px/1 MatrixScreen, ui-monospace, monospace; letter-spacing: 1.5px; }
.engine-label .engine-label__value { fill: #f4f6f8; font-size: 14px; letter-spacing: .4px; text-transform: none; }

.product-atlas__telemetry {
  position: absolute;
  inset: auto 0 .25rem;
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  color: rgba(235,241,247,.52);
  font-size: .56rem;
}
.product-atlas__telemetry span { display: inline-flex; gap: .42rem; align-items: center; }
.product-atlas__telemetry i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--products-accent); box-shadow: 0 0 .8rem rgba(var(--products-accent-rgb), .8); }

.product-atlas__copy {
  min-width: 0;
  padding-left: clamp(1rem, 2.4vw, 2rem);
  border-left: 1px solid rgba(var(--products-accent-rgb), .5);
  transition: opacity .16s ease, transform .16s ease, border-color .35s ease;
}
.product-atlas__copy.is-changing { opacity: .15; transform: translateY(5px); }
.product-atlas__index { color: var(--products-accent); font-size: .62rem; font-weight: 750; }
.product-atlas__copy h2 {
  max-width: 12ch;
  margin: .55rem 0 .75rem;
  font-size: clamp(2rem, 3.8vw, 4rem);
  line-height: .93;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.product-atlas__copy > p { max-width: 38rem; margin: 0; color: rgba(237,241,246,.7); line-height: 1.55; }
.product-atlas__proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin: 1.1rem 0; }
.product-atlas__proof div { min-width: 0; padding-top: .6rem; border-top: 1px solid rgba(255,255,255,.1); }
.product-atlas__proof dt { color: rgba(235,241,247,.42); font-size: .52rem; }
.product-atlas__proof dd { margin: .25rem 0 0; color: #eff3f7; font-size: .76rem; line-height: 1.25; }
.product-atlas__action {
  display: inline-flex;
  min-height: 44px;
  padding: .72rem 1rem;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(var(--products-accent-rgb), .68);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(110deg, rgba(var(--products-accent-rgb), .32), rgba(var(--products-accent-rgb), .08));
  font-family: MatrixScreen, ui-monospace, monospace;
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease;
}
.product-atlas__action:hover,
.product-atlas__action:focus-visible { transform: translateY(-2px); background: rgba(var(--products-accent-rgb), .35); }

.product-atlas__selector {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .35rem;
  border-block: 1px solid rgba(255,255,255,.1);
}
.product-atlas__selector button {
  position: relative;
  min-width: 0;
  min-height: 4.6rem;
  padding: .7rem .55rem;
  border: 0;
  border-radius: 0;
  color: rgba(235,241,247,.48);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.product-atlas__selector button::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--products-accent); box-shadow: 0 0 1rem rgba(var(--products-accent-rgb), .7); content: ""; opacity: 0; transform: scaleX(.35); transition: opacity .25s ease, transform .25s ease; }
.product-atlas__selector button[aria-selected="true"] { color: #f3f6f9; background: linear-gradient(180deg, transparent, rgba(var(--products-accent-rgb), .09)); }
.product-atlas__selector button[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.product-atlas__selector button:focus-visible { outline: 2px solid var(--products-accent); outline-offset: -3px; }
.product-atlas__selector span { display: block; margin-bottom: .2rem; color: var(--products-accent); font: 700 .56rem/1 MatrixScreen, ui-monospace, monospace; letter-spacing: .1em; }
.product-atlas__selector strong { display: block; font-size: clamp(.58rem, .72vw, .72rem); line-height: 1.16; letter-spacing: .01em; }
.product-atlas__hint { margin: 0; color: rgba(235,241,247,.34); font-size: .52rem; text-align: center; }

.products-logic { padding-block: clamp(4rem, 8vw, 8rem); border-top: 1px solid rgba(255,255,255,.08); background: #05070a; }
.products-logic__grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(30rem,1.3fr); gap: clamp(2rem,7vw,7rem); align-items: start; }
.products-logic h2 { max-width: 12ch; margin: .7rem 0 0; color: #f2f5f8; font-size: clamp(2.4rem,5vw,5.2rem); line-height: .94; letter-spacing: -.05em; }
.products-logic__sequence { margin: 0; padding: 0; list-style: none; }
.products-logic__sequence li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.3rem 0; border-top: 1px solid rgba(255,255,255,.1); }
.products-logic__sequence > li > span { color: var(--products-accent); font-size: .62rem; }
.products-logic__sequence strong { color: #f1f4f7; font-size: 1.15rem; }
.products-logic__sequence p { max-width: 42rem; margin: .35rem 0 0; color: rgba(235,241,247,.62); line-height: 1.55; }
.products-handoff { padding-block: clamp(5rem,10vw,10rem); background: radial-gradient(circle at 50% 100%, rgba(247,147,26,.1), transparent 48%), #030406; }
.products-handoff__inner { max-width: 68rem; text-align: center; }
.products-handoff h2 { margin: .7rem auto 1rem; color: #f3f5f8; font-size: clamp(2.3rem,5vw,5.2rem); line-height: .95; letter-spacing: -.05em; text-wrap: balance; }
.products-handoff p { max-width: 48rem; margin: 0 auto 1.6rem; color: rgba(235,241,247,.65); line-height: 1.6; }

@keyframes productsWash { to { transform: rotate(360deg); } }
@keyframes productsOrbit { to { transform: rotate(360deg); } }
@keyframes productsFlow { to { stroke-dashoffset: -34; } }
@keyframes productsPulse { 50% { opacity: .42; transform: scale(1.32); } }

@media (max-width: 980px) {
  .product-atlas__shell { width: min(100% - 2rem, 54rem); }
  .product-atlas__intro { grid-template-columns: 1fr; gap: .45rem; }
  .product-atlas__deck { grid-template-columns: minmax(18rem, .88fr) minmax(18rem, 1.12fr); gap: 1.3rem; }
  .product-atlas__visual { height: min(42vh, 28rem); }
  .product-atlas__selector { overflow-x: auto; grid-template-columns: repeat(8, minmax(7.5rem, 1fr)); scrollbar-width: none; scroll-snap-type: x proximity; }
  .product-atlas__selector::-webkit-scrollbar { display: none; }
  .product-atlas__selector button { scroll-snap-align: center; }
  .products-logic__grid { grid-template-columns: 1fr; }
}

@media (min-width: 981px) and (max-height: 950px) {
  .product-atlas,
  .product-atlas__shell { height: 100svh; min-height: 100svh; }
  .product-atlas__shell { padding-top: 6rem; padding-bottom: .75rem; gap: .55rem; }
  .product-atlas__visual { height: min(43vh, 29rem); }
  .product-atlas__hint { display: none; }
}

@media (max-width: 640px) {
  .product-atlas__shell { width: min(100% - 1.25rem, 31rem); padding-top: 5.75rem; padding-bottom: calc(5.5rem + env(safe-area-inset-bottom)); gap: .45rem; }
  .product-atlas__intro { text-align: center; justify-items: center; }
  .product-atlas__eyebrow { display: none; }
  .product-atlas__intro h1 { max-width: none; margin-top: .12rem; font-size: clamp(2.05rem, 10vw, 3.2rem); line-height: .9; }
  .product-atlas__intro p { max-width: 33ch; font-size: .76rem; line-height: 1.35; }
  .product-atlas__deck { grid-template-columns: 1fr; gap: .15rem; align-content: center; }
  .product-atlas__visual { height: clamp(10rem, 21svh, 11rem); margin-inline: -.35rem; }
  .sovereignty-engine { transform: scale(1.14); }
  .product-atlas__telemetry { display: none; }
  .engine-label text { font-size: 9px; }
  .engine-label .engine-label__value { font-size: 12px; }
  .product-atlas__copy { padding: .55rem 0 0; border-top: 1px solid rgba(var(--products-accent-rgb), .45); border-left: 0; text-align: center; }
  .product-atlas__copy h2 { max-width: none; margin: .25rem 0 .35rem; font-size: clamp(1.65rem, 7.5vw, 2.25rem); }
  .product-atlas__copy > p { display: -webkit-box; max-width: 42ch; margin-inline: auto; overflow: hidden; font-size: .76rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .product-atlas__proof { margin: .55rem 0; gap: .25rem; }
  .product-atlas__proof div { padding-top: .35rem; }
  .product-atlas__proof dt { font-size: .45rem; }
  .product-atlas__proof dd { margin-top: .12rem; font-size: .62rem; }
  .product-atlas__action { min-height: 40px; padding: .58rem .9rem; font-size: .58rem; }
  .product-atlas__selector { margin-inline: -.2rem; grid-template-columns: repeat(8, minmax(5.5rem, 1fr)); }
  .product-atlas__selector button { min-height: 3.35rem; padding: .42rem .45rem; text-align: center; }
  .product-atlas__selector span { margin-bottom: .1rem; font-size: .48rem; }
  .product-atlas__selector strong { font-size: .5rem; }
  .product-atlas__hint { display: none; }
  .products-logic__sequence li { grid-template-columns: 2.2rem 1fr; }
}

@media (max-height: 760px) and (max-width: 640px) {
  .product-atlas__shell { padding-top: 5.15rem; }
  .product-atlas__intro p { display: none; }
  .product-atlas__visual { height: 9rem; }
  .product-atlas__copy > p { -webkit-line-clamp: 2; }
  .product-atlas__proof { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .product-atlas__wash,
  .engine-orbits,
  .engine-rail,
  .engine-core__pulse { animation: none !important; }
  .engine-packet { display: none; }
  .product-atlas *,
  .product-atlas *::before,
  .product-atlas *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}