/* Shared public shell. Product scenes retain their own light and materials. */
:root {
  --midnight: #0b0e16;
  --silk: #f3f2ee;
  --dim: #a8adbd;
  --lilac: #c3c4fc;
  --measure: min(1280px,89vw);
}
.top {
  background: #0b0d13;
  border-color: #ffffff17;
}
.top-inner {
  width: var(--measure);
  min-height: 63px;
}
.top nav {
  gap: clamp(15px,2.4vw,42px);
}
.top nav a {
  transition: color .18s;
  letter-spacing: .02em;
}
.top .wordmark {
  font-family: "Helvetica Neue",Arial,sans-serif;
  letter-spacing: -1.25px;
}
.top .lang {
  margin-left: 6px;
}
.top .eyes:before,.top .eyes:after,.foot .eyes:before,.foot .eyes:after {
  background: radial-gradient(ellipse at 35% 28%,#fff,#aeafce 70%,#6b7198);
}
.top a:hover,.foot a:hover {
  color: #fff;
}
.foot {
  border-top: 1px solid #c9c8d2;
}
.page-home .foot {
  color: #d9d9e1;
  background: #101119;
  width: auto;
  padding-inline: 5.5vw;
  border-color: #ffffff24;
}
.page-home .foot nav a {
  color: #c5c6cf;
}
.observatory {
  background: var(--midnight);
  color: var(--silk);
  position: relative;
  isolation: isolate;
}
.lens-screen {
  position: relative;
}
.lens-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(460px,62svh,690px);
  display: flex;
  align-items: center;
}
.lens-scene[hidden] {
  display: none;
}
.lens-scene:not([hidden]) .lens-content {
  animation: focus-in .45s ease-out both;
}
@keyframes focus-in {
  from {
    opacity: .25;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.lens-content {
  position: relative;
  width: var(--measure);
  margin: 0 auto;
  pointer-events: none;
  padding: 52px 0 48px;
}
.lens-content a,.lens-content button,.lens-content .store-pair {
  pointer-events: auto;
}
.lens-content small,.home-library>div small,.party-brand small {
  font: 520 11px/1.5 "SFMono-Regular",Consolas,monospace;
  letter-spacing: .09em;
  color: #bfc2d7;
}
.lens-content h1,.lens-content .lens-name {
  font: 500 clamp(70px,8.8vw,144px)/.99 "Helvetica Neue",Arial,sans-serif;
  letter-spacing: -.079em;
  color: #f6f5f2;
  margin: 13px 0 18px;
}
.lens-content h2:not(.lens-name),.lens-content h3 {
  font: 460 clamp(20px,2.15vw,35px)/1.43 "Helvetica Neue","PingFang SC",sans-serif;
  letter-spacing: -.044em;
  margin: 0;
  color: #e4e5ed;
}
.lens-content p {
  font-size: 15px;
  max-width: 31em;
  line-height: 1.65;
  margin: 12px 0 24px;
  color: #d1d3d9;
}
.home-flow-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin-top: 30px;
  max-width: 46%;
}
.home-flow-actions .store-pair {
  gap: 8px;
}
.home-flow-actions .store-pair>* {
  min-width: 125px;
  min-height: 54px;
  padding: 9px 17px;
  border-radius: 9px;
  background: #ececf0;
  color: #17181d;
  border: 0;
  box-shadow: none;
}
.home-flow-actions .store-pair span {
  font-size: 11px;
}
.home-flow-actions .store-pair button {
  background: #ffffff09;
  color: #bec1cb;
  border: 1px solid #ffffff2b;
}
.home-flow-link,.home-film {
  font-size: 13px;
  letter-spacing: .01em;
}
.home-flow-link {
  color: #e3e4f2;
  border-bottom: 1px solid #b6b7c95c;
  padding: 6px 0;
}
.home-film {
  position: absolute;
  right: 5.5vw;
  top: 26px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #d2d5e4;
}
.home-film i {
  font: 18px/1 sans-serif;
}
.entry-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background: #f0f0ed;
  color: #17181a;
  border-radius: 6px;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
}
.entry-link:hover,.store-ios:hover {
  filter: brightness(1.09);
}
.alive-optics {
  position: absolute;
  inset: 0 0 0 33%;
  background: radial-gradient(ellipse at 55% 51%,#20273e 0%,#121725 32%,#0b0e16 67%);
}
.alive-optics .orbit-field {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
}
.alive-optics .life {
  width: 100%;
  height: 100%;
}
.alive-optics .life-controls {
  right: 8.2%;
  bottom: 20px;
}
.life-controls button[data-sound][aria-pressed=true] {
  background: #161d2d;
  border-color: #71809b66;
}
.life-controls button {
  backdrop-filter: blur(12px);
}
.alive-optics .life .portrait {
  mix-blend-mode: screen;
}
.lens-art {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.lens-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 51%;
}
.lens-art:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#06090ff2 0%,#080d17b8 29%,#090f1a22 63%,transparent),linear-gradient(0deg,#0b0e167d,transparent 30%);
}
.lens-nav {
  width: var(--measure);
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: auto;
  border-top: 1px solid #ffffff26;
}
.lens-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 88px;
  padding: 14px 23px;
  color: #abb0c1;
  border-right: 1px solid #ffffff16;
  transition: background .22s,color .22s;
}
.lens-nav a:last-child {
  border-right: 0;
}
.lens-nav a:hover,.lens-nav a[aria-selected=true] {
  background: linear-gradient(110deg,#242939,#161a26);
  color: #fff;
}
.lens-nav a[aria-selected=true]:before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 2px;
  background: linear-gradient(90deg,#94b5e9,#d3cef7,transparent);
}
.lens-nav a>span {
  display: grid;
  gap: 5px;
}
.lens-nav b {
  font: 540 clamp(18px,1.75vw,27px)/1 "Helvetica Neue",Arial,sans-serif;
  letter-spacing: -.045em;
}
.lens-nav small {
  font-size: 12px;
  color: #b7bac9;
}
.lens-nav em {
  font: 16px/1 system-ui;
  margin-left: auto;
  color: #aaaebe;
}
.product-mark {
  width: 27px;
  height: 27px;
  position: relative;
  flex: none;
  display: inline-block;
}
.mark-flow {
  background: repeating-linear-gradient(90deg,#c3cbef 0 2px,transparent 2px 5px);
  clip-path: polygon(0 40%,15% 40%,15% 23%,35% 23%,35% 4%,52% 4%,52% 17%,73% 17%,73% 38%,100% 38%,100% 63%,75% 63%,75% 82%,53% 82%,53% 98%,35% 98%,35% 78%,16% 78%,16% 62%,0 62%);
}
.mark-seek:before,.mark-seek:after {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  border: 1.7px solid #a4d6e6;
  border-radius: 50%;
  top: 5px;
}
.mark-seek:after {
  left: 10px;
  top: 8px;
}
.mark-land:before,.mark-land:after {
  content: "";
  position: absolute;
  inset: 4px 4px 7px;
  border: 1.5px solid #edcb9a;
  transform: rotate(30deg) skew(-22deg);
}
.mark-land:after {
  top: 10px;
  bottom: 2px;
}
.home-library h2 {
  font: 530 clamp(29px,3.65vw,57px)/1.14 "Helvetica Neue","PingFang SC",sans-serif;
  letter-spacing: -.06em;
  margin-top: 12px;
}
.home-library {
  padding: 64px max(5.5vw,calc((100vw - 1280px)/2));
  background: #101119;
  color: #f1f1ef;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 30px;
}
.home-library nav a {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid #ffffff25;
}
.home-library nav a:first-child {
  border-top: 1px solid #ffffff25;
}
.home-library b {
  font-weight: 500;
}
.home-library span,.home-library i {
  font-size: 12px;
  color: #b0b2c0;
}
.home-library i {
  font-style: normal;
}
.page-platform .platform-intro {
  padding-block: 30px 20px;
}
.page-platform .journey {
  padding-bottom: 30px;
}
.page-flow .flow-hero {
  background: radial-gradient(ellipse at 75% 45%,#252e45,#111622 40%,#0b0e16 69%);
}
.page-flow .flow-intro {
  min-height: clamp(410px,60vh,630px);
}
.page-flow .flow-copy h1 {
  letter-spacing: -.074em;
}
.page-worlds .world-cover>div h1 {
  font-weight: 520;
}
.page-seek .party-front {
  min-height: clamp(540px,77svh,800px);
  padding: 35px 5.5vw;
  align-items: center;
  background: #0b1015;
}
.page-seek .party-scene img {
  object-position: 66% 48%;
}
.page-seek .party-scene:after {
  background: linear-gradient(90deg,#070d14f5,#08111dde 25%,#08111d30 56%,transparent 74%),linear-gradient(0deg,#08111a80,transparent 35%);
}
.page-seek .party-brand {
  position: static;
}
.page-seek .party-brand h1 {
  font: 500 clamp(49px,5.2vw,88px)/1.05 "Helvetica Neue",Arial,sans-serif;
  letter-spacing: -.07em;
  margin: 4px 0 16px;
}
.page-seek .party-desk {
  width: min(400px,40%);
  padding: 0;
  background: none;
  backdrop-filter: none;
  border: 0;
  box-shadow: none;
}
.page-seek .party-top {
  justify-content: flex-start;
  gap: 18px;
}
.page-seek .party-top small {
  font-size: 10px;
  color: #c0cad7;
}
.page-seek .party-top a {
  border-bottom: 1px solid #ffffff55;
}
.page-seek .party-people {
  border-color: #ffffff35;
}
.page-seek .party-front nav button {
  border-radius: 5px;
  font-size: 12px;
  border-color: #ffffff40;
  background: #ffffff09;
}
.page-seek .party-front nav button[aria-pressed=true] {
  background: #e1e6ed;
  color: #171b21;
}
.page-seek .party-buttons [data-party-go] {
  background: #eaf0f5;
  color: #15212a;
  border: 0;
  border-radius: 6px;
  min-height: 40px;
}
.page-seek .party-buttons [data-party-go]:disabled {
  opacity: .55;
}
.page-seek .party-people i {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: radial-gradient(ellipse at 36% 31%,#edfaff 2%,#adcbe3 15%,#425d79 39%,#172331 66%);
  border: 1px solid #a4c8d48f;
}
.page-seek .party-people>div:last-child i {
  filter: sepia(.8);
}
.page-seek .party-progress {
  margin-top: 20px;
}
.page-seek .party-progress .on {
  border-color: #bbd6ed;
}
.page-seek .party-read h2 {
  font-weight: 520;
}
.page-seek .party-times {
  font-variant-numeric: tabular-nums;
}
.party-desk[data-stage="2"] .party-people>b {
  animation: signal-exchange 1.5s ease-in-out infinite alternate;
}
@keyframes signal-exchange {
  from {
    opacity: .45;
    transform: translateX(-5px);
  }
  to {
    opacity: 1;
    transform: translateX(5px);
  }
}
@media(max-width:800px) {
  .home-flow-actions {
    max-width: 52%;
  }
  .lens-nav a {
    padding: 14px;
    gap: 10px;
  }
  .page-seek .party-desk {
    width: 42%;
  }
  .home-library {
    grid-template-columns: .75fr 1.25fr;
  }
  .home-library nav a {
    grid-template-columns: 1fr auto;
  }
  .home-library nav span {
    display: none;
  }
}
@media(max-width:650px) {
  .top-inner {
    width: calc(100% - 26px);
    min-height: 50px;
    gap: 6px;
  }
  .top nav {
    gap: clamp(8px,2.4vw,15px);
  }
  .top nav a,.top .lang {
    font-size: 11px;
  }
  .top .lang {
    margin-left: 0;
  }
  .top .wordmark {
    font-size: 18px;
    gap: 2px;
  }
  .lens-scene {
    min-height: 0;
    display: flex;
    align-items: end;
  }
  .lens-content {
    width: calc(100% - 38px);
    padding: 252px 0 20px;
  }
  .flow-scene .lens-content {
    padding-top: clamp(188px,31svh,246px);
  }
  .lens-content small {
    font-size: 10px;
  }
  .lens-content h1,.lens-content .lens-name {
    font-size: clamp(53px,15vw,78px);
    margin: 5px 0 10px;
  }
  .lens-content h2:not(.lens-name),.lens-content h3 {
    font-size: 21px;
    line-height: 1.36;
    letter-spacing: -.04em;
  }
  .flow-scene .lens-content h2 br {
    display: none;
  }
  .lens-content p {
    font-size: 13px;
    line-height: 1.55;
    margin: 10px 0 13px;
    max-width: 28em;
  }
  .home-flow-actions {
    margin-top: 13px;
    max-width: none;
    gap: 8px 15px;
  }
  .home-flow-actions .store-pair>* {
    min-width: 94px;
    min-height: 45px;
    padding: 6px 11px;
  }
  .home-flow-link {
    font-size: 11px;
  }
  .alive-optics {
    inset: 0 0 auto;
    height: clamp(195px,32svh,255px);
  }
  .alive-optics .life-controls {
    right: 4.8%;
    bottom: 5px;
  }
  .alive-optics .life-controls button {
    height: 30px;
  }
  .home-film {
    top: 12px;
    right: 5vw;
    font-size: 11px;
  }
  .lens-nav {
    width: 100%;
  }
  .lens-nav a {
    padding: 14px 0 13px 9px;
    min-height: 62px;
    gap: 7px;
  }
  .lens-nav a>span {
    gap: 4px;
  }
  .lens-nav b {
    font-size: 18px;
  }
  .lens-nav small {
    font-size: 10px;
  }
  .lens-nav em {
    display: none;
  }
  .product-mark {
    transform: scale(.73);
    transform-origin: center;
    width: 22px;
  }
  .lens-art img {
    object-position: 65% 25%;
  }
  .scene-photo .lens-art:after {
    background: linear-gradient(0deg,#0b0e16 0%,#0b0e16dc 32%,transparent 72%);
  }
  .home-library {
    padding: 40px 19px;
  }
  .home-library {
    display: block;
  }
  .home-library nav {
    margin-top: 26px;
  }
  .home-library nav span {
    display: inline;
  }
  .home-library nav a {
    grid-template-columns: 1fr auto auto;
    gap: 6px;
  }
  .home-library nav span {
    font-size: 10px;
  }
  .page-seek .party-front {
    display: block;
    min-height: 0;
    padding: 0 0 14px;
  }
  .page-seek .party-scene {
    position: relative;
    height: clamp(175px,30svh,260px);
  }
  .page-seek .party-scene img {
    object-position: 69% 39%;
  }
  .page-seek .party-scene:after {
    background: linear-gradient(0deg,#0b1015,transparent 27%);
  }
  .page-seek .party-desk {
    position: relative;
    padding: 0 18px;
    width: 100%;
    margin: -16px 0 0;
  }
  .page-seek .party-brand {
    display: flex;
    align-items: end;
    gap: 12px;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .page-seek .party-brand h1 {
    font-size: 40px;
    margin: 0;
  }
  .page-seek .party-brand small {
    font-size: 9px;
    margin-bottom: 5px;
  }
  .page-seek .party-top {
    margin-top: 6px;
  }
  .page-seek .party-progress {
    margin-top: 12px;
  }
  .page-flow .flow-intro {
    min-height: 0;
  }
}
@media(prefers-reduced-motion:reduce) {
  .lens-content,.party-desk .party-people>b {
    animation: none!important;
  }
  .lens-nav a {
    transition: none;
  }
}
/* The native workspace, heritage world art and product catalog keep distinct jobs. */
.flow-console {
  min-width: 0;
  padding: 18px 0;
}
.flow-console nav,.world-selector nav {
  display: flex;
  align-items: center;
}
.flow-console nav {
  border-top: 1px solid #ffffff2e;
}
.flow-console nav a {
  flex: 1;
  display: grid;
  gap: 3px;
  padding: 13px 4px 8px;
  border-top: 2px solid transparent;
  margin-top: -1px;
}
.flow-console nav a[aria-selected=true] {
  border-color: #bfc9ed;
}
.flow-console nav b {
  font: 550 17px/1.2 "Helvetica Neue",Arial,sans-serif;
}
.flow-console nav span,.workspace-view figcaption {
  color: #b6bdce;
  font-size: 11px;
}
.workspace-view {
  position: relative;
  height: clamp(270px,33vw,390px);
  text-align: center;
  overflow: hidden;
}
.workspace-view .life {
  height: 100%;
}
.workspace-view figcaption {
  position: absolute;
  left: 5px;
  bottom: 15px;
  pointer-events: none;
}
.workspace-view .device-shot {
  display: block;
  width: max-content;
  max-width: 80%;
  margin: 6px auto 0;
  height: 94%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 7px 38px #0005;
}
.device-shot img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
.muse-work {
  position: absolute;
  inset: 15% 7% 18%;
  overflow: hidden;
  border-radius: 8px;
  text-align: left;
}
.muse-work img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.muse-work>span {
  position: absolute;
  inset: auto 0 0;
  padding: 35px 18px 15px;
  background: linear-gradient(transparent,#090b13e8);
  font-size: 24px;
  color: white;
}
.muse-work small {
  display: block;
  color: #e5e1d4;
  font-size: 12px;
}
.page-platform .platform-intro {
  gap: 28px;
}
.page-platform .product-tabs {
  border-radius: 0;
  background: none;
  border: 0;
  border-block: 1px solid #b7b9c2;
  padding: 0;
  gap: 0;
}
.page-platform .product-tabs .product-tab {
  border-radius: 0;
  min-height: 56px;
}
.page-platform .journey-panel,.page-platform .seek-feature,.page-platform .arcade {
  border-radius: 4px;
  overflow: hidden;
}
.page-platform .lab-stage {
  border-radius: 5px;
}
.page-platform .engine-instrument {
  border-radius: 6px;
  background: #151b26;
}
.page-platform .wiring {
  background-color: #101722;
}
.page-platform .engine-node,.page-platform .receipt-node {
  border-radius: 5px;
}
.page-platform .engine-readout {
  background: #1c2330;
}
.page-platform .engine-lab {
  background: #10141d;
}
.page-platform .receipt-chart,.page-flow .memory-lab {
  border-radius: 6px;
}
.world-selector {
  background: #0c1119;
  color: #f4f3ef;
}
.world-selector header {
  width: var(--measure);
  margin: auto;
  padding: 19px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.world-selector h1 {
  font-size: clamp(22px,2.2vw,34px);
  font-weight: 500;
  letter-spacing: -.055em;
}
.world-selector nav {
  gap: 24px;
}
.world-selector nav a {
  color: #b7becb;
  font-size: 13px;
  padding: 6px 0;
  border-bottom: 2px solid transparent;
}
.world-selector nav a[aria-selected=true] {
  color: #fff;
  border-color: #c4ceed;
}
.world-window {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  min-height: clamp(340px,49vh,590px);
  padding: 40px 5.5vw;
}
.world-window[hidden] {
  display: none;
}
.world-window>img,.world-window:after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.world-window:after {
  content: "";
  background: linear-gradient(90deg,#09101bea,transparent 78%),linear-gradient(0deg,#0b151b8c,transparent 60%);
}
.world-window>div {
  max-width: min(540px,75%);
}
.world-window small {
  color: #d4dbe4;
  font-size: 11px;
}
.world-window h2 {
  font-weight: 510;
  font-size: clamp(28px,3.4vw,52px);
  letter-spacing: -.045em;
  margin: 7px 0;
}
.world-window p {
  color: #dfe4e8;
  font-size: 15px;
}
.world-window .entry-link {
  margin-top: 17px;
  font-size: 13px;
}
.world-window:not([hidden])>div {
  animation: focus-in .42s ease-out;
}
.page-worlds .design-figure,.page-worlds .design-view,.page-worlds .case-primary {
  border-radius: 5px;
}
@media(max-width:650px) {
  .flow-console {
    padding: 0 0 18px;
  }
  .workspace-view {
    height: 230px;
  }
  .page-flow .flow-copy {
    padding-bottom: 12px;
  }
  .world-selector header {
    width: calc(100% - 36px);
    display: block;
    padding: 15px 0 4px;
  }
  .world-selector nav {
    justify-content: space-between;
    gap: 7px;
    margin-top: 8px;
  }
  .world-selector nav a {
    font-size: 12px;
  }
  .world-window {
    min-height: 325px;
    padding: 24px 18px;
  }
  .world-window>div {
    max-width: 96%;
  }
  .world-window p {
    font-size: 13px;
  }
  .world-window:after {
    background: linear-gradient(0deg,#09101bf5,transparent 95%);
  }
}
@media(prefers-reduced-motion:reduce) {
  .world-window:not([hidden])>div {
    animation: none;
  }
}
.engine-trace {
  display: grid;
  grid-template-columns: .8fr auto 1.2fr;
  align-items: center;
  gap: 22px;
  margin-top: 10px;
  padding: 16px 20px;
  border: 1px solid #485566;
  background: #141d27;
}
.engine-trace>div,.engine-trace output {
  display: grid;
  gap: 5px;
}
.engine-trace small,.engine-trace output span {
  font-size: 12px;
  color: #c0cad5;
}
.engine-trace strong,.engine-trace output b {
  font-weight: 520;
}
.engine-trace nav {
  display: flex;
  align-items: center;
  gap: 5px;
}
.engine-trace button {
  background: transparent;
  color: #ccd4df;
  border: 1px solid #4a586c;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 12px;
}
.engine-trace button[aria-pressed=true] {
  background: #e2e6ed;
  color: #172332;
}
.engine-trace output {
  padding-left: 16px;
  border-left: 2px solid #97d0bd;
}
.engine-trace output[hidden] {
  display: none;
}
.engine-trace output[data-outcome=stale] {
  border-color: #dcb48b;
}
.wiring[data-outcome=stale] .receipt-node {
  border-color: #cdab88;
  background: #332b26;
}
.wiring[data-outcome=commit] .receipt-node {
  border-color: #92c6b4;
}
@media(max-width:750px) {
  .engine-trace {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .engine-trace>div {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.capability {
  padding: clamp(35px,4.75vw,76px) max(5.5vw,calc((100vw - 1280px)/2));
  background: #efefec;
  color: #1a1f27;
}
.cap-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #aeb2b6;
  padding-bottom: 20px;
}
.cap-heading h2 {
  font-size: clamp(29px,3.1vw,47px);
  line-height: 1.12;
  letter-spacing: -.06em;
  font-weight: 530;
}
.cap-heading>a,.cap-shared>a {
  font-size: 13px;
  font-weight: 580;
}
.cap-cols {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.cap-col {
  min-width: 0;
  padding: 25px clamp(13px,2.2vw,34px) 22px 0;
  display: flex;
  flex-direction: column;
}
.cap-col+.cap-col {
  padding-left: clamp(13px,2.2vw,34px);
  border-left: 1px solid #d0d1d1;
}
.cap-col:last-child {
  padding-right: 0;
}
.cap-col header {
  display: grid;
  grid-template-columns: 31px 1fr;
  align-items: center;
  gap: 6px;
}
.cap-col .product-mark {
  filter: brightness(.48) saturate(.6);
  grid-row: span 2;
}
.cap-col header b {
  font: 550 clamp(22px,2.1vw,33px)/1 "Helvetica Neue",Arial,sans-serif;
  letter-spacing: -.055em;
}
.cap-col header small,.cap-col footer small {
  font-size: 12px;
  color: #5b626c;
}
.cap-col p {
  font-size: 14px;
  line-height: 1.65;
  margin: 18px 0;
  min-height: 4.8em;
}
.cap-col dl {
  border-top: 1px solid #cdd0d2;
  padding-top: 1px;
}
.cap-col dt {
  font-size: 11px;
  color: #646b76;
  margin: 12px 0 3px;
}
.cap-col dd {
  font-size: 13px;
  line-height: 1.52;
}
.cap-col footer {
  display: grid;
  gap: 7px;
  margin-top: auto;
  padding-top: 20px;
}
.cap-col footer a {
  font-size: 14px;
  font-weight: 570;
  color: #182638;
}
.cap-shared {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 22px;
  border-top: 1px solid #aeb2b6;
  border-bottom: 1px solid #aeb2b6;
  padding: 14px 0;
  font-size: 13px;
}
.cap-shared span {
  color: #485464;
}
.cap-shared>a {
  margin-left: auto;
}
.cap-scope {
  margin-top: 11px;
  color: #626a75;
  font-size: 12px;
}
.capability a:hover,.home-library nav a:hover b {
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media(max-width:650px) {
  .capability {
    padding: 32px 18px;
  }
  .cap-heading {
    padding-bottom: 15px;
  }
  .cap-heading>a {
    font-size: 11px;
  }
  .cap-cols {
    display: block;
  }
  .cap-col,.cap-col+.cap-col {
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid #c6c8c9;
  }
  .cap-col header {
    grid-template-columns: 24px auto 1fr;
  }
  .cap-col header small {
    text-align: right;
  }
  .cap-col .product-mark {
    grid-row: auto;
  }
  .cap-col p {
    min-height: 0;
    margin: 10px 0;
    font-size: 13px;
  }
  .cap-col dl {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 6px;
    border: 0;
  }
  .cap-col dt {
    margin: 0;
  }
  .cap-col dd {
    font-size: 12px;
  }
  .cap-col footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
  }
  .cap-shared {
    border-top: 0;
    gap: 7px 12px;
    font-size: 11px;
  }
  .cap-shared>a {
    font-size: 11px;
  }
  .home-flow-actions {
    column-gap: 11px;
  }
  .cap-col header small {
    grid-row: auto;
  }
}
.site-directory {
  position: relative;
  z-index: 10;
  margin-left: -14px;
}
.site-directory summary {
  font: 650 20px/40px system-ui;
  list-style: none;
  cursor: pointer;
  letter-spacing: 1px;
  color: #dddfe6;
  padding: 0 5px;
}
.site-directory summary::-webkit-details-marker {
  display: none;
}
.site-directory>div {
  position: absolute;
  right: 0;
  top: 45px;
  width: 235px;
  background: #151b25;
  border: 1px solid #394151;
  color: #e3e5eb;
  border-radius: 7px;
  box-shadow: 0 14px 45px #0006;
  padding: 7px;
}
.site-directory a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  padding: 11px 12px;
  border-radius: 3px;
}
.site-directory a:hover,.site-directory a:focus-visible {
  background: #2a3444;
}
.site-directory a span {
  color: #b1bed4;
}
.page-home .engine-lab {
  padding-block: clamp(40px,5vw,80px);
  background: #171c25;
}
.page-home .engine-lab .wrap {
  width: var(--measure);
}
.page-home .wiring {
  background-color: #141b25;
}
.page-home .engine-instrument {
  border-radius: 6px;
}
.page-home .engine-node,.page-home .receipt-node {
  border-radius: 5px;
}
.page-home .engine-readout {
  background: #202633;
}
@media(max-width:650px) {
  .site-directory {
    margin-left: 0;
  }
  .site-directory summary {
    font-size: 16px;
    padding: 0 2px;
  }
  .page-home .engine-lab .wrap {
    width: calc(100% - 36px);
  }
}
@media(max-width:370px) {
  .top nav {
    gap: 7px;
  }
  .top .wordmark {
    font-size: 16px;
  }
  .top .eyes {
    width: 18px;
  }
  .top .lang {
    padding-left: 3px;
  }
}
.wiring .wire-label {
  position: absolute;
  font: 500 10px/1.3 "SFMono-Regular",Consolas,monospace;
  color: #d3d6e4;
  pointer-events: none;
  background: #191c28;
  padding: 2px 5px;
  transform: translate(-50%,-112%);
}
.proposal-label {
  left: 32%;
  top: 26%;
}
.rule-label {
  left: 32%;
  top: 73%;
}
.commit-label {
  left: 72%;
  top: 50%;
}
.page-platform .engine-node[aria-selected=true],.page-home .engine-node[aria-selected=true] {
  background: #30394a;
  border-color: #a8bcda;
}
.page-home .engine-node,.page-platform .engine-node {
  background: #222a36;
  border-color: #536175;
}
.page-home .engine-glyph,.page-platform .engine-glyph {
  color: #b3c2dc;
}
.page-platform .receipt-node,.page-home .receipt-node {
  background: #192d31;
}
.page-home .wires,.page-platform .wires {
  stroke: #849ab7;
}
@media(max-width:700px) {
  .wiring .wire-label {
    display: none;
  }
}
@media(max-width:365px) {
  .lens-nav {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .lens-nav a {
    min-width: 0;
    gap: 3px;
    padding-left: 5px;
  }
  .lens-nav b {
    font-size: 16px;
  }
  .lens-nav small {
    font-size: 9px;
  }
  .home-flow-actions .store-pair>* {
    min-width: 86px;
  }
  .home-flow-actions {
    gap: 6px 12px;
  }
  .home-flow-link {
    font-size: 10px;
  }
}
.seek-tools {
  background: #101720;
  color: #e6ebf1;
  border-top: 1px solid #52606c;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 5.5vw;
}
.seek-tools a {
  padding: 16px 0;
  border-bottom: 2px solid transparent;
  font-size: 13px;
}
.seek-tools a:hover {
  border-color: #b4c9dc;
}
.party-times .availability-plot {
  display: block;
  width: 100%;
  height: 34px;
  grid-column: 1/-1;
}
.availability-plot path {
  fill: none;
  stroke: #8b97a655;
  stroke-width: 1;
}
.availability-plot [data-window=mine] {
  fill: #9bc3df;
}
.availability-plot [data-window=other] {
  fill: #e0bb90;
}
.availability-plot [data-window=both] {
  fill: #d8e9f4;
}
@media(max-width:650px) {
  .seek-tools {
    padding: 0 14px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .seek-tools a {
    font-size: 11px;
    padding: 11px 0;
  }
}