/* files/css/styles.css */
:root {
  --bg: #efe8dd;
  --bg2: #f3ede5;
  --ink: #211c15;
  --ink2: #5f5648;
  --muted: #8b8175;
  --bronze: #8c6f47;
  --gold: #c7a56b;
  --dark: #14100a;
  --dark2: #1e1810;
  --line: #211c151f;
  --cream: #f6f1e9;
  --ease: cubic-bezier(.22, .66, .25, 1);
  --sans: "Inter", -apple-system, sans-serif;
  --sp: clamp(164px, 21vh, 256px);
  --eb: 40px;
  --tt: clamp(26px, 3.4vh, 42px);
  --hb: clamp(64px, 9vh, 114px);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
  max-width: 100%;
}

body {
  font-family: var(--sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  background-color: #f2ece3;
  max-width: 100%;
  font-weight: 300;
  line-height: 1.55;
}

.sheet {
  position: relative;
  z-index: 1;
  background: #f2ece3;
}

.fx {
  position: fixed;
  z-index: 0;
  pointer-events: none;
  will-change: background-position;
  inset: 0;
}

.halos {
  display: none;
}

.mesh {
  display: block;
  width: 100%;
  height: 100%;
}

.dots {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect x='0' y='0' width='1.5' height='1.5' fill='%23211C15' fill-opacity='0.20' shape-rendering='crispEdges'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.grain {
  opacity: .17;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

.scan {
  position: relative;
  height: 240vh;
}

.placescan {
  height: 200vh;
  margin-top: clamp(90px, 13vh, 170px);
}

#placeframe {
  width: min(1440px, 95vw);
}

.scansticky {
  position: sticky;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items:  center;
  height: 100vh;
  top: 0;
}

.scanframe {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  will-change: width, height, border-radius;
  background: #15110b;
  border-radius: 24px;
  width: min(1240px, 90vw);
  box-shadow: 0 40px 80px -50px #46321966;
}

.scanvid {
  position: absolute;
  object-fit: cover;
  transform-origin: center;
  will-change: transform;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1);
}

a {
  color: inherit;
  text-decoration: none;
}

.wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
}

.hero {
  position: relative;
  overflow: hidden;
  display: flex;
  background: #15110b;
  justify-content: center;
  align-items:  flex-end;
  height: 100vh;
  min-height: 640px;
}

.bgwrap {
  position: absolute;
  inset: 0;
}

.slide {
  position: absolute;
  opacity: 0;
  background-position: center;
  background-size: cover;
  transition: opacity .9s ease-in-out;
  inset: 0;
}

.slide.first {
  opacity: 1;
}

.s0 {
  background-image: url("/_bun/asset/a85134323b64f4bc.jpg");
}

.s1 {
  background-image: url("/_bun/asset/ba4d27a0d5fc1986.jpg");
}

.s2 {
  background-image: url("/_bun/asset/5d9fe98ec778ab34.jpg");
}

.scrim {
  position: absolute;
  z-index: 3;
  background: linear-gradient(#0000 18%, #0000004d 50%, #000000a8 76%, #000000e0);
  inset: 0;
}

nav {
  position: fixed;
  z-index: 50;
  display: flex;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
  background: #0d0905a3;
  border: 1px solid #f6f1e942;
  border-radius: 100px;
  flex-wrap: nowrap;
  align-items:  center;
  gap: 40px;
  width: auto;
  max-width: calc(100% - 28px);
  padding: 11px 14px 11px 24px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 16px 44px -26px #0000008c;
}

.logo {
  letter-spacing: .36em;
  color: var(--cream);
  padding-left: .36em;
  font-size: 18px;
  font-weight: 500;
}

.nlinks {
  display: flex;
  gap: 32px;
}

.nlinks a {
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #f6f1e9d6;
  position: relative;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 500;
}

.nlinks a:after {
  content: "";
  position: absolute;
  transition: width .45s var(--ease);
  background: currentColor;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
}

.nlinks a:hover:after {
  width: 100%;
}

.nav-cta {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--cream);
  transition: all .5s var(--ease);
  white-space: nowrap;
  border-radius: 100px;
  padding: 12px 22px;
  font-size: 11px;
  font-weight: 500;
}

.nav-cta:hover {
  background: #fff;
}

.hero-in {
  position: relative;
  z-index: 4;
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(22px, 5vw, 56px) clamp(64px, 11vh, 120px);
}

.hero h1 {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--cream);
  font-size: clamp(44px, 6.4vw, 104px);
  font-weight: 500;
  line-height: .9;
}

.cta {
  margin-top: 38px;
}

.btn {
  display: inline-flex;
  letter-spacing: .16em;
  text-transform: uppercase;
  border: 1px solid var(--cream);
  color: var(--ink);
  background: var(--cream);
  transition: all .5s var(--ease);
  cursor: pointer;
  border-radius: 100px;
  align-items:  center;
  padding: 16px 32px;
  font-size: 11.5px;
  font-weight: 500;
}

.btn:hover {
  background: #fff;
}

.hero--logo .hero-in--text, .hero--text .hero-in--logo {
  display: none;
}

.hero-in--logo {
  position: absolute;
  z-index: 4;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  padding: 0 24px;
  inset: 0;
}

.hero--logo .scrim {
  display: none;
}

.hero-in--logo:before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle, #06040242 0%, #0604022e 30%, #06040217 48%, #06040208 62%, #06040200 74%);
  width: min(1000px, 120vw);
  height: min(1000px, 120vw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-logo-mark {
  line-height: 0;
}

.hero-logo-mark .gv-logo {
  display: block;
  color: var(--cream);
  filter: drop-shadow(0 3px 22px #00000073);
  width: auto;
  height: clamp(40px, 7.4vw, 92px);
}

.hero-sub {
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--cream);
  text-shadow: 0 1px 14px #00000080;
  margin-top: clamp(18px, 2.6vh, 34px);
  font-size: clamp(13px, 1.45vw, 18px);
  font-weight: 500;
}

@keyframes heroLogoIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-in--logo {
    animation: heroLogoIn 1.15s var(--ease) both .3s;
  }
}

.intro {
  padding: var(--sp) 0 0;
  text-align: center;
}

.intro .eyebrow {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: var(--eb);
  font-size: 11px;
  font-weight: 500;
}

.intro h2 {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--ink);
  max-width: 16ch;
  margin: 0 auto;
  font-size: clamp(36px, 5.6vw, 82px);
  font-weight: 500;
  line-height: .94;
}

.intro p {
  color: var(--ink2);
  max-width: 54ch;
  margin: clamp(18px, 2vh, 28px) auto 0;
  font-size: clamp(16px, 1.45vw, 19px);
  font-weight: 300;
  line-height: 1.75;
}

.intro .kicker {
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--bronze);
  margin-top: 40px;
  font-size: 12px;
  font-weight: 500;
}

.bg-diag {
  background-image: url("/_bun/asset/2829d8b4b92d8996.jpg");
}

.bg-perf {
  background-image: url("/_bun/asset/7c232957e4b672c1.jpg");
}

.bg-recup {
  background-image: url("/_bun/asset/d0305e71dec1cb1f.jpg");
}

.bg-care {
  background-image: url("/_bun/asset/b201553a63c1092d.jpg");
}

.bg-plat {
  background-image: url("/_bun/asset/1abd927868c887e6.jpg");
}

.bg-cercle {
  background-image: url("/_bun/asset/a487ff5dcda64d70.jpg");
}

.bg-device {
  background-image: url("/_bun/asset/eb15795bc945a826.jpg");
}

.method {
  padding: var(--sp) 0;
}

.truths {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
}

.truths .col {
  border-top: 1px solid var(--ink);
  padding-top: 26px;
}

.truths .num {
  letter-spacing: .16em;
  color: var(--bronze);
  font-size: 12px;
  font-weight: 600;
}

.truths .k {
  text-transform: uppercase;
  letter-spacing: -.05em;
  color: var(--ink);
  margin-top: 18px;
  font-size: clamp(22px, 2.2vw, 33px);
  font-weight: 500;
  line-height: 1.02;
}

.truths .s {
  color: var(--ink2);
  margin-top: 18px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.65;
}

.synthesis {
  padding: var(--sp) 0;
}

.synthesis .lead {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-bottom: var(--eb);
  font-size: 11px;
  font-weight: 500;
}

.synthesis .ln {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--ink);
  font-size: clamp(40px, 8vw, 124px);
  font-weight: 500;
  line-height: .95;
}

.synthesis .ln.g {
  color: var(--ink);
}

.synthesis .truths {
  margin-top: var(--hb);
}

.mhead {
  display: flex;
  margin-bottom: var(--hb);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 24px;
}

.mhead .eyebrow {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: var(--eb);
  font-size: 11px;
  font-weight: 500;
}

.mhead h2 {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--ink);
  max-width: 15ch;
  font-size: clamp(36px, 5.6vw, 82px);
  font-weight: 500;
  line-height: .96;
}

.mhead .msub {
  color: var(--ink2);
  max-width: 54ch;
  margin-top: 22px;
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 300;
  line-height: 1.7;
}

.msub {
  color: var(--ink2);
  letter-spacing: .01em;
  margin-top: 18px;
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 300;
}

.cnav {
  display: flex;
  gap: 12px;
}

.cbtn {
  border: 1px solid var(--line);
  color: var(--ink);
  cursor: pointer;
  display: flex;
  transition: all .45s var(--ease);
  background: none;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 50px;
  height: 50px;
  font-size: 17px;
}

.cbtn:hover {
  background: var(--ink);
  color: var(--cream);
  border-color: var(--ink);
}

.track {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-padding-left: max(48px, 50vw - 672px);
  align-items:  flex-start;
  gap: 20px;
  padding-left: max(48px, 50vw - 672px);
  padding-right: max(48px, 50vw - 672px);
}

.track::-webkit-scrollbar {
  display: none;
}

.track.grabbing {
  user-select: none;
}

.mcard {
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: var(--dark2);
  border-radius: 24px;
  flex: 0 0 clamp(384px, 48vw, 600px);
}

.mcard .ph {
  position: absolute;
  transition: transform 1.5s var(--ease);
  background-position: center;
  background-size: cover;
  inset: 0;
}

.mcard:hover .ph {
  transform: scale(1.05);
}

.mcard .s {
  position: absolute;
  background: linear-gradient(#0000 42%, #0a07044d 62%, #0a0704d6);
  inset: 0;
}

.mcard .n {
  position: absolute;
  letter-spacing: .18em;
  color: #f6f1e9eb;
  font-size: 11px;
  font-weight: 500;
  top: 24px;
  left: 28px;
}

.mcard .f {
  position: absolute;
  color: var(--cream);
  bottom: 28px;
  left: 28px;
  right: 28px;
}

.mcard .f h3 {
  text-transform: uppercase;
  letter-spacing: -.03em;
  font-size: 23px;
  font-weight: 500;
  line-height: 1;
}

.mcard .f p {
  color: #f6f1e9db;
  max-width: none;
  margin-top: 11px;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

.rv {
  opacity: 0;
  transition: opacity 1.1s var(--ease), transform 1.1s var(--ease);
  transform: translateY(30px);
}

.rv.in {
  opacity: 1;
  transform: none;
}

.d1 {
  transition-delay: .12s;
}

.d2 {
  transition-delay: .24s;
}

@media (width <= 980px) {
  .wrap {
    padding: 0 24px;
  }

  .nlinks, .nav-cta {
    display: none;
  }

  nav {
    justify-content: center;
    padding: 14px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slide {
    transition: none;
  }

  .rv {
    opacity: 1;
    transform: none;
  }
}

.eyebrow {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-bottom: var(--eb);
  font-size: 11px;
  font-weight: 500;
}

.dark {
  position: relative;
  background: var(--dark);
  color: var(--cream);
  overflow: hidden;
}

.dark:before {
  content: none;
}

.dark .wrap {
  position: relative;
  z-index: 2;
}

.dark .eyebrow {
  color: var(--gold);
}

.device {
  padding: var(--sp) 0;
}

.device .wrap {
  position: relative;
  z-index: 1;
}

.darkgroup {
  position: relative;
  background: var(--dark);
  overflow: hidden;
}

.darkgroup .device {
  background: none;
}

.device .devgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: clamp(40px, 6vw, 100px);
  min-height: clamp(840px, 84vh, 1000px);
}

.device .devcol {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.device h2 {
  text-transform: uppercase;
  letter-spacing: -.05em;
  color: var(--cream);
  font-size: clamp(34px, 4.8vw, 68px);
  font-weight: 500;
  line-height: .98;
}

.device p {
  color: #f6f1e9b8;
  max-width: 40ch;
  margin-top: 26px;
  font-size: clamp(16px, 1.45vw, 19px);
  font-weight: 300;
  line-height: 1.75;
}

.device .devmedia {
  overflow: hidden;
  aspect-ratio: auto;
  border-radius: 24px;
  box-shadow: 0 40px 90px -50px #0000008c;
}

.device .devmedia img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

@media (width <= 860px) {
  .device .devgrid {
    grid-template-columns: 1fr;
    align-items: normal;
    gap: 48px;
    min-height: 0;
  }

  .device .devmedia {
    aspect-ratio: 4 / 5;
    order: -1;
  }
}

#device {
  padding-bottom: calc(var(--sp) / 2);
}

.dtwin {
  padding-top: calc(var(--sp) / 2);
}

.dtwin .devgrid {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.dtwin .devmedia {
  aspect-ratio: auto;
}

.dtwin p {
  margin-top: 22px;
}

.dtlist {
  display: flex;
  flex-direction: column;
  gap: clamp(17px, 2.2vh, 28px);
  margin-top: clamp(26px, 3.2vh, 42px);
}

.dtitem h3 {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cream);
  font-size: 12px;
  font-weight: 600;
}

.dtitem p {
  color: #f6f1e99e;
  max-width: 46ch;
  margin-top: 5px;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.62;
}

@media (width <= 860px) {
  .dtwin .devgrid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .dtwin .devmedia {
    aspect-ratio: 4 / 5;
    order: -1;
  }

  .dtwin p {
    margin-top: 20px;
  }

  .dtlist {
    gap: 26px;
    margin-top: 32px;
  }
}

.system {
  padding: var(--sp) 0;
}

.system {
  position: relative;
}

.system .wrap {
  position: relative;
  z-index: 1;
}

.sysmesh {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  inset: 0;
}

.system .shead {
  text-align: left;
}

.system .shead h2 {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--cream);
  font-size: clamp(36px, 5.6vw, 82px);
  font-weight: 500;
  line-height: .96;
}

.live {
  display: inline-flex;
  align-items:  center;
  gap: 7px;
}

.live i {
  background: var(--gold);
  animation: pulse 2.4s infinite;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 #c7a56b80;
  }

  70% {
    box-shadow: 0 0 0 7px #c7a56b00;
  }

  100% {
    box-shadow: 0 0 #c7a56b00;
  }
}

.sysstage {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  z-index: 1;
  background: #15110b;
  border-radius: 24px 24px 0 0;
  width: min(1440px, 93vw);
  margin: clamp(124px, 16vh, 208px) auto 0;
}

.sysstage .ph {
  position: absolute;
  background-position: center;
  background-size: cover;
  inset: 0;
}

.sysstage .sysscrim {
  position: absolute;
  background: linear-gradient(#0000 52%, #14100a47 75%, #14100aeb 90%, #14100a 100%);
  inset: 0;
}

.syshud {
  position: absolute;
  display: inline-flex;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f6f1e9f5;
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);
  z-index: 3;
  background: #100c0780;
  border: 1px solid #f6f1e933;
  border-radius: 100px;
  align-items:  center;
  gap: 12px;
  padding: 9px 16px;
  font-size: 11px;
  font-weight: 500;
  top: clamp(16px, 2.4vw, 30px);
  left: calc(50% + min(1440px, 92vw) / -2 + clamp(32px, 4.8vw, 64px) / 2);
}

.syscards {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  z-index: 2;
  gap: 13px;
  width: calc(min(1440px, 92vw) + -1 * clamp(32px, 4.8vw, 64px));
  bottom: 28%;
  left: 50%;
  transform: translateX(-50%);
}

.scard {
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  backdrop-filter: blur(24px) saturate(1.15);
  background: #100c076b;
  border: 1px solid #f6f1e92e;
  border-radius: 16px;
  padding: 18px 20px 16px;
}

.scard .ct {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #f6f1e980;
  white-space: nowrap;
  font-size: 9.5px;
  font-weight: 500;
}

.scard .cval {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  color: var(--cream);
  margin-top: 12px;
  font-size: clamp(24px, 2.6vw, 40px);
  font-weight: 300;
  line-height: 1;
}

.scard .cval span {
  color: #f6f1e980;
  margin-left: 4px;
  font-size: .36em;
}

.scard .spark {
  display: block;
  overflow: visible;
  width: 100%;
  height: 26px;
  margin-top: 13px;
}

.scard .cd {
  color: var(--gold);
  margin-top: 11px;
  font-size: 11px;
}

.scard .bars {
  display: flex;
  justify-content: space-between;
  align-items:  flex-end;
  height: 26px;
  margin-top: 13px;
}

.scard .bars span {
  background: linear-gradient(180deg, var(--gold), #c7a56b33);
  opacity: .8;
  border-radius: 1px;
  width: 2px;
  min-height: 2px;
}

.scard .ecgwrap {
  position: relative;
  margin-top: 13px;
}

.scard .ecg {
  display: block;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #0000002e 16%, #000 52% 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #0000002e 16%, #000 52% 100%);
  width: 100%;
  height: 26px;
}

.scard .ecg-line {
  stroke: #ff4d4f;
  stroke-width: 1.6;
}

.scard .ecg-dot {
  position: absolute;
  pointer-events: none;
  background: #ff6164;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  top: 50%;
  right: 1px;
  box-shadow: 0 0 7px 1.5px #ff4d4fd9;
}

.scard .cval .hr-num {
  color: var(--cream);
  letter-spacing: -.04em;
  margin-left: 0;
  font-size: 1em;
}

.hr-dot {
  display: inline-block;
  vertical-align: middle;
  animation: hrpulse 1.1s ease-in-out infinite;
  background: #ff4d4f;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 7px;
}

@keyframes hrpulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .35;
    transform: scale(.65);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hr-dot {
    animation: none;
  }
}

.sysprog {
  position: relative;
  z-index: 1;
  width: min(1440px, 92vw);
  margin: 0 auto;
  padding: 0 clamp(16px, 2.4vw, 32px);
}

.sysday {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  backdrop-filter: blur(24px) saturate(1.15);
  overflow: hidden;
  background: #100c076b;
  border: 1px solid #f6f1e92e;
  border-radius: 18px;
  margin-top: -20%;
}

.sysday .sd-l {
  border-right: 1px solid #f6f1e921;
  padding: clamp(28px, 3vw, 40px);
}

.sysday .sd-greet {
  letter-spacing: -.03em;
  color: var(--cream);
  margin-top: 12px;
  font-size: clamp(22px, 2.3vw, 30px);
  font-weight: 300;
}

.sysday .sd-focus {
  display: inline-block;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid #c7a56b66;
  border-radius: 100px;
  margin-top: 22px;
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 600;
}

.sysday .sd-gtxt {
  color: var(--cream);
  margin-top: 24px;
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 300;
  line-height: 1.5;
}

.sysday .sd-gtxt b {
  color: var(--gold);
  font-weight: 500;
}

.sysday .sd-why {
  color: #f6f1e980;
  margin-top: 20px;
  font-size: 13px;
}

.sysday .sd-r {
  padding: clamp(26px, 3vw, 36px);
}

.sysday .sd-rt {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #f6f1e980;
  margin-bottom: 8px;
  font-size: 10.5px;
}

.sysday .ci {
  display: flex;
  border-bottom: 1px solid #f6f1e914;
  align-items:  center;
  gap: 16px;
  padding: 16px 0;
}

.sysday .ci:last-child {
  border-bottom: none;
}

.sysday .ci .tm {
  color: var(--gold);
  font-variant-numeric: tabular-nums;
  flex: none;
  width: 52px;
  font-size: 12px;
  font-weight: 600;
}

.sysday .ci .tm .dy {
  display: block;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #f6f1e961;
  margin-bottom: 3px;
  font-size: 9px;
  font-weight: 600;
}

.sysday .ci .tx .c {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f6f1e966;
  font-size: 10px;
}

.sysday .ci .tx .a {
  color: var(--cream);
  margin-top: 3px;
  font-size: 14.5px;
}

@media (width <= 760px) {
  .sysday {
    grid-template-columns: 1fr;
  }

  .sysday .sd-l {
    border-bottom: 1px solid #f6f1e921;
    border-right: none;
  }
}

.sysintro {
  margin-top: var(--hb);
}

.sysgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items:  start;
  gap: clamp(40px, 5.5vw, 90px);
}

.sysedit {
  max-width: none;
}

.sysedit .eyebrow {
  color: var(--gold);
}

.sysedit h3 {
  letter-spacing: -.04em;
  color: var(--cream);
  max-width: 18ch;
  margin-top: 0;
  font-size: clamp(26px, 3vw, 46px);
  font-weight: 400;
  line-height: 1.08;
}

.sysedit .lead {
  color: #f6f1e9bd;
  max-width: 52ch;
  margin-top: 28px;
  font-size: clamp(16px, 1.55vw, 21px);
  font-weight: 300;
  line-height: 1.65;
}

@media (width <= 860px) {
  .sysgrid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .sysedit h3 {
    font-size: clamp(28px, 7vw, 44px);
  }

  .sysnums {
    margin-top: 0;
  }
}

.sysnums {
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 7vh, 96px);
  margin-top: 0;
}

.sysnums .col {
  padding-top: 0;
}

.sysnums .nl {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cream);
  margin-top: 16px;
  font-size: 12px;
  font-weight: 600;
}

.sysnums .nv {
  letter-spacing: -.09em;
  color: var(--gold);
  font-variant-numeric: tabular-nums;
  font-size: clamp(42px, 4vw, 64px);
  font-weight: 300;
  line-height: .9;
}

.sysnums .nd {
  color: #f6f1e99e;
  max-width: 46ch;
  margin-top: 14px;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.62;
}

@media (width <= 820px) {
  .syscards {
    gap: 8px;
  }

  .scard {
    padding: 13px 12px 12px;
  }

  .scard .cval {
    font-size: clamp(18px, 3vw, 26px);
  }

  .scard .ct {
    font-size: 9px;
  }

  .scard .cd {
    font-size: 10px;
  }
}

@media (width <= 680px) {
  .sysnums {
    gap: 40px;
  }
}

@media (width <= 560px) {
  .sysstage {
    aspect-ratio: 4 / 5;
  }

  .syscards {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.foot {
  position: relative;
  background: var(--dark);
  color: var(--cream);
  overflow: hidden;
  padding: clamp(80px, 10vh, 130px) 0 0;
}

.tiers {
  padding: var(--sp) 0;
}

.tiers .thead {
  text-align: center;
  margin-bottom: var(--hb);
}

.tiers .thead .eyebrow {
  display: block;
  margin-bottom: var(--eb);
}

.tiers .thead h2 {
  text-transform: uppercase;
  letter-spacing: -.06em;
  color: var(--ink);
  font-size: clamp(33px, 4.9vw, 70px);
  font-weight: 500;
  line-height: .97;
}

.tiergrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 18px;
}

.tier {
  display: flex;
  background: var(--tbg);
  color: var(--tfg);
  border: 1px solid var(--tln);
  overflow: hidden;
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
  border-radius: 18px;
  flex-direction: column;
}

.tier:hover {
  box-shadow: 0 34px 70px -46px #46321952;
}

.tier .bar {
  background: var(--acc);
  height: 4px;
}

.tier .tin {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 42px 32px 36px;
}

.tier .tn {
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--tnm);
  font-size: 12px;
  font-weight: 600;
}

.tier .tp {
  letter-spacing: -.03em;
  color: var(--tfg);
  margin-top: 22px;
  font-size: clamp(27px, 2.6vw, 37px);
  font-weight: 300;
  line-height: 1;
}

.tier .tp span {
  color: var(--tsub);
  letter-spacing: .02em;
  font-size: 13px;
  font-weight: 400;
}

.tier .td {
  color: color-mix(in srgb, var(--tfg) 74%, transparent);
  margin-top: 8px;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.55;
}

.tier .feats {
  list-style: none;
  border-top: 1px solid var(--tln);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
}

.tier .feats li {
  color: var(--tfg);
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
}

.tier .feats li:before {
  content: "";
  position: absolute;
  background: var(--tbul);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  top: 7px;
  left: 0;
}

.tier .tcta {
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tfg);
  border: 1px solid var(--tln);
  cursor: pointer;
  transition: all .4s var(--ease);
  background: none;
  border-radius: 100px;
  width: 100%;
  margin-top: 42px;
  padding: 14px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
}

.tier .tcta:hover {
  background: #211c150d;
  border-color: #211c1566;
}

.tier .tcta2 {
  display: block;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tfg);
  cursor: pointer;
  text-decoration: none;
  transition: all .4s var(--ease);
  background: #c7a56b2e;
  border: 1px solid #c7a56bad;
  border-radius: 100px;
  width: 100%;
  margin-top: 10px;
  padding: 13px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.tier .tcta2:hover {
  color: #1c1710;
  background: #c7a56b;
  border-color: #c7a56b;
  box-shadow: 0 10px 26px -12px #c7a56b99;
}

.tier:not(.prem):not(.founding) .tcta2 {
  color: var(--tfg);
  background: #211c1512;
  border-color: #211c1533;
}

.tier:not(.prem):not(.founding) .tcta2:hover {
  background: var(--tnm);
  border-color: var(--tnm);
  color: var(--tbg);
  box-shadow: none;
}

.tier.feat {
  background: var(--dark);
  border-color: var(--dark);
  color: var(--cream);
  transform: translateY(-10px);
  box-shadow: 0 40px 80px -46px #0009;
}

.tier.feat .tp {
  color: var(--cream);
}

.tier.feat .tp span {
  color: #f6f1e999;
}

.tier.feat .td {
  color: #f6f1e9b8;
}

.tier.feat .feats {
  border-color: #f6f1e929;
}

.tier.feat .feats li {
  color: #f6f1e9eb;
}

.tier.feat .tcta {
  color: var(--cream);
  border-color: #f6f1e952;
}

.tier.feat .tcta:hover {
  background: var(--cream);
  color: var(--ink);
  border-color: var(--cream);
}

.tiers .thead .tsub {
  color: var(--ink2);
  max-width: 56ch;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 300;
  line-height: 1.6;
}

.tier .tt {
  color: var(--tfg);
  min-height: 54px;
  margin-top: 12px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
}

.tier .td {
  min-height: 62px;
}

.tier.prem {
  box-shadow: none;
}

.tier.prem:hover {
  box-shadow: 0 34px 70px -46px #46321952;
}

.tier.founding {
  --tfg: #f8f3ea;
  --tsub: #f8f3eaa3;
  --tln: #c7a56b80;
  --tbul: #d8b87a;
  --tnm: #ebd3a2;
  color: #f8f3ea;
  background: radial-gradient(140% 105% at -12% -14%, #d8b87ca3, #c7a56b00 64%), radial-gradient(140% 105% at 112% 114%, #d0ae7280, #c7a56b00 64%), linear-gradient(#0c0805, #070402);
  border: 1px solid #c7a56b47;
  box-shadow: 0 40px 92px -44px #c7a56b8c;
}

.tier.founding .tcta {
  color: #f6f1e9;
  border-color: #c7a56b80;
}

.tier.prem .tcta:hover, .tier.founding .tcta:hover {
  color: #fff;
  background: #c7a56b29;
  border-color: #c7a56b;
}

.tiers .tbase {
  text-align: center;
  color: var(--ink2);
  max-width: none;
  margin: clamp(44px, 6vh, 72px) auto 0;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.7;
}

.tiers .tnote {
  text-align: center;
  color: var(--muted);
  letter-spacing: .01em;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 300;
}

.cmpov {
  position: fixed;
  z-index: 120;
  display: none;
  justify-content: center;
  align-items:  center;
  padding: 24px;
  inset: 0;
}

.cmpov.open {
  display: flex;
}

.cmpbg {
  position: absolute;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #14100a9e;
  inset: 0;
}

.cmppanel {
  position: relative;
  display: flex;
  background: var(--cream);
  overflow: hidden;
  border-radius: 18px;
  flex-direction: column;
  width: min(1080px, 96vw);
  max-height: 90vh;
  box-shadow: 0 60px 120px -50px #0000008c;
}

.cmphd {
  display: flex;
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items:  center;
  padding: 24px 30px;
}

.cmpt {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
}

.cmps {
  color: var(--muted);
  margin-top: 5px;
  font-size: 13px;
}

.cmpx {
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 1px solid var(--line);
  cursor: pointer;
  color: var(--ink);
  transition: all .3s var(--ease);
  background: none;
  border-radius: 100px;
  padding: 10px 18px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
}

.cmpx:hover {
  background: var(--ink);
  color: var(--cream);
  border-color: var(--ink);
}

.cmpbody {
  overflow: auto;
  padding: 8px 32px 32px;
}

.cmp {
  border-collapse: collapse;
  width: 100%;
}

.cmp thead th {
  position: sticky;
  background: var(--cream);
  text-align: center;
  border-bottom: 1px solid var(--ink);
  vertical-align: bottom;
  padding: 18px 12px 16px;
  top: 0;
}

.cmp thead th.crow {
  text-align: left;
}

.cthn {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.cthp {
  letter-spacing: -.02em;
  color: var(--ink);
  margin-top: 5px;
  font-size: 17px;
  font-weight: 300;
}

.cthp span {
  color: var(--muted);
  font-size: 11px;
}

.cmp td {
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  padding: 15px 12px;
  font-size: 13px;
}

.cmp td.crow {
  color: var(--ink2);
  max-width: 300px;
}

.cmp tr.cgrp td {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--bronze);
  border-bottom: none;
  padding: 42px 12px 14px;
  font-size: 10.5px;
  font-weight: 600;
}

.cmp tbody tr.cgrp:first-of-type td {
  padding-top: 18px;
}

.ct {
  text-align: center;
  width: 15%;
}

.ct .cdot {
  display: inline-block;
  background: var(--bronze);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.ct.cno {
  color: #211c1538;
}

.ct.cval {
  color: var(--ink);
  font-size: 12px;
  font-weight: 400;
}

.cmp th:nth-child(2), .cmp td:nth-child(2) {
  width: 5%;
}

.cmp th:nth-child(n+3), .cmp td.ct:nth-child(n+3) {
  width: 18.3%;
}

@media (width <= 760px) {
  .cmpbody {
    padding: 8px 14px 20px;
  }

  .cmp td, .cmp th {
    padding: 11px 7px;
    font-size: 12px;
  }
}

@media (width <= 980px) {
  .tiergrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tier.feat {
    transform: none;
  }
}

@media (width <= 560px) {
  .tiergrid {
    grid-template-columns: 1fr;
  }
}

.intro, .method, .synthesis, .tiers {
  position: relative;
}

.place {
  padding: var(--sp) 0 0;
}

.place .shead h2 {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--ink);
  font-size: clamp(36px, 5.6vw, 82px);
  font-weight: 500;
  line-height: .96;
}

.place .shead .sl-line {
  overflow: visible;
}

.place .sysedit h3 {
  color: var(--ink);
}

.place .lead {
  color: var(--ink2);
}

.place .nv {
  color: var(--ink);
  font-size: clamp(52px, 5vw, 78px);
  font-weight: 400;
}

.place .nl {
  color: var(--muted);
}

.place .nd {
  color: var(--ink2);
}

.place .sysnums .col {
  border-left: 2px solid var(--gold);
  margin-left: -26px;
  padding-left: 26px;
}

.rframe {
  overflow: hidden;
  background: var(--cream);
  border: 1px solid #211c1529;
  border-radius: 18px;
}

.rframe + .rframe {
  margin-top: clamp(28px, 4vh, 56px);
}

.rnv {
  letter-spacing: -.09em;
  color: #443318;
  font-variant-numeric: tabular-nums;
  font-size: clamp(46px, 4.6vw, 68px);
  font-weight: 400;
  line-height: .88;
}

.rnl {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  font-size: 12px;
  font-weight: 600;
}

.rnd {
  color: var(--ink2);
  font-size: 15.5px;
  font-weight: 300;
  line-height: 1.62;
}

.place .sysedit {
  margin-top: clamp(20px, 3vh, 40px);
}

.place .sysedit .lead {
  margin-top: 0;
}

.rband {
  margin-top: clamp(40px, 6vh, 72px);
}

.rrow3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.rrow3 > div {
  padding: 44px 42px;
}

.rrow3 > div + div {
  border-left: 1px solid #211c151f;
}

.rrow3 .rnv {
  margin-bottom: 14px;
}

.rrow3 .rnl {
  margin-bottom: 12px;
}

@media (width <= 760px) {
  .rrow3 {
    grid-template-columns: 1fr;
  }

  .rrow3 > div + div {
    border-top: 1px solid #211c151f;
    border-left: 0;
  }
}

.rb-gold {
  background: none;
}

.foot {
  position: fixed;
  z-index: 0;
  overflow: hidden;
  will-change: transform;
  background: linear-gradient(#14100a, #0b0805);
  width: 100%;
  top: 0;
  left: 0;
  transform: translateY(0);
}

.foot-top {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  position: relative;
  z-index: 2;
  gap: clamp(40px, 4vw, 76px);
  padding-top: clamp(60px, 8vh, 104px);
}

.foot-brand .foot-logo-sm {
  letter-spacing: .36em;
  color: var(--cream);
  font-size: 20px;
  font-weight: 500;
}

.foot-brand p {
  color: #f6f1e98c;
  text-wrap: balance;
  max-width: 40ch;
  margin-top: 16px;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 1.85;
}

.foot-col h4 {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f6f1e980;
  margin-bottom: 24px;
  font-size: 11px;
  font-weight: 600;
}

.foot-col a, .foot-col span {
  display: block;
  color: #f6f1e9c7;
  text-decoration: none;
  transition: color .4s var(--ease);
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 300;
}

.foot-col a:hover {
  color: var(--cream);
}

.foot-col span {
  color: #f6f1e973;
}

@media (width <= 860px) {
  .foot-top {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }
}

@media (width <= 560px) {
  .foot-top {
    grid-template-columns: 1fr;
  }
}

.logo .gv-logo {
  display: block;
  color: var(--gold);
  width: auto;
  height: 14px;
}

.foot-logo-sm {
  line-height: 0;
}

.foot-logo-sm .gv-logo {
  display: block;
  color: var(--gold);
  width: auto;
  height: 22px;
}

.foot-invite {
  text-align: center;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #f6f1e91f;
  padding-top: clamp(88px, 13vh, 170px);
  padding-bottom: clamp(120px, 17vh, 210px);
}

.foot-invite .eyebrow {
  color: var(--gold);
}

.fi-h {
  text-transform: uppercase;
  letter-spacing: -.062em;
  color: var(--cream);
  margin-top: var(--eb);
  font-size: clamp(38px, 6.6vw, 108px);
  font-weight: 500;
  line-height: .92;
}

.fi-btn {
  display: inline-block;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dark);
  background: var(--gold);
  white-space: nowrap;
  transition: background .4s var(--ease);
  border-radius: 100px;
  margin-top: 38px;
  padding: 17px 34px;
  font-size: 12px;
  font-weight: 600;
}

.fi-btn:hover {
  background: #d4b57e;
}

.fi-alt {
  display: block;
  letter-spacing: 0;
  text-transform: none;
  color: #f6f1e999;
  transition: color .4s var(--ease);
  margin-top: 26px;
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 300;
}

.foot-bottom {
  display: flex;
  border-top: 1px solid #f6f1e91a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items:  center;
  gap: 24px;
  margin-top: clamp(56px, 8vh, 104px);
  padding-top: clamp(32px, 4.5vh, 52px);
  padding-bottom: clamp(40px, 6vh, 72px);
}

.foot-bottom .foot-logo-sm {
  line-height: 0;
}

.foot-bottom .foot-logo-sm .gv-logo {
  display: block;
  color: var(--cream);
  width: auto;
  height: 17px;
}

.foot-copy {
  letter-spacing: .04em;
  color: #f6f1e973;
  font-size: 12px;
  font-weight: 300;
}

.foot-meta {
  letter-spacing: .04em;
  color: #f6f1e966;
  font-size: 12px;
  font-weight: 300;
}

@media (width <= 680px) {
  .foot-bottom {
    flex-direction: column;
    align-items:  flex-start;
    gap: 14px;
  }
}

@supports (height:100svh) {
  .hero {
    height: 100svh;
  }

  .scansticky {
    height: 100svh;
  }
}

.nav-burger {
  display: none;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
}

.nav-burger span {
  position: absolute;
  background: var(--cream);
  transition: transform .5s var(--ease), background .3s;
  width: 22px;
  height: 1.5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)translateY(-4px);
}

.nav-burger span:last-child {
  transform: translate(-50%, -50%)translateY(4px);
}

.nav-burger.open span:first-child {
  transform: translate(-50%, -50%)rotate(45deg);
}

.nav-burger.open span:last-child {
  transform: translate(-50%, -50%)rotate(-45deg);
}

.mmenu {
  position: fixed;
  z-index: 49;
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-backdrop-filter: blur(26px) saturate(130%);
  backdrop-filter: blur(26px) saturate(130%);
  transition: opacity .5s var(--ease), visibility .5s;
  background: #0d0905db;
  inset: 0;
}

.mmenu.open {
  visibility: visible;
  opacity: 1;
}

.mmenu-in {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 0;
  height: 100%;
  padding: 96px 28px 48px;
}

.mmenu-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mmenu-links a {
  display: block;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -.04em;
  color: var(--cream);
  padding: 4px 0;
  font-size: clamp(30px, 8.6vw, 44px);
  font-weight: 500;
  line-height: 1.22;
}

.mmenu-links a > span {
  display: inline-block;
  will-change: transform;
}

.mmenu-cta {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--cream);
  border-radius: 100px;
  margin-top: 44px;
  padding: 15px 30px;
  font-size: 11px;
  font-weight: 600;
}

@media (width <= 980px) {
  .nav-burger, nav {
    display: none;
  }

  body.menu-open {
    overflow: hidden;
  }
}

@keyframes kbz {
  from {
    transform: scale(1.1);
  }

  to {
    transform: scale(1);
  }
}

.slide {
  will-change: transform, opacity;
}

.sl-line {
  display: block;
  overflow: hidden;
}

.sl-inner {
  display: block;
  will-change: transform;
  transform: translateY(0);
}

html.has-motion .sl-pending .sl-inner, html.has-motion .hero h1 .sl-inner {
  transform: translateY(112%);
}

html.has-motion .hero .cta {
  opacity: 0;
}

html.has-motion .rv {
  transition: none;
}

html.has-motion .rv.in {
  opacity: 1;
  transform: none;
}

html.has-motion .scard .spark polyline, html.has-motion .console .cm svg polyline {
  will-change: stroke-dashoffset;
}

.sysstage .ph {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .slide {
    animation: none;
  }

  html.has-motion .sl-pending .sl-inner, html.has-motion .hero h1 .sl-inner {
    transform: none;
  }

  html.has-motion .hero .cta {
    opacity: 1;
  }
}

@media (width <= 860px) {
  .truths {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (width <= 980px) {
  .track {
    scroll-padding-left: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (width <= 760px) {
  .cmpbody {
    -webkit-overflow-scrolling: touch;
  }

  .cmp {
    min-width: 640px;
  }
}

@media (width <= 560px) {
  .scanframe {
    aspect-ratio: 4 / 5;
    max-height: 100svh;
  }

  .mcard {
    flex: 0 0 min(400px, 88vw);
  }

  .rrow3 > div {
    padding: clamp(26px, 6vw, 44px) clamp(20px, 5.5vw, 42px);
  }

  .cmphd {
    padding: 18px 20px;
  }
}

@supports (height:100dvh) {
  .cmppanel {
    max-height: 90dvh;
  }
}

@supports (height:100svh) {
  @media (width <= 560px) {
    .scanframe {
      max-height: 100svh;
    }
  }
}

@media (width <= 760px) {
  :root {
    --sp: clamp(96px, 13vh, 150px);
    --hb: clamp(48px, 7vh, 80px);
    --eb: 30px;
  }

  .scan {
    height: 200vh;
    margin-top: clamp(48px, 9vh, 90px);
  }

  .placescan {
    height: 175vh;
    margin-top: clamp(56px, 8vh, 100px);
  }

  .sysstage {
    margin-top: clamp(72px, 10vh, 130px);
  }

  .sysintro {
    margin-top: clamp(48px, 7vh, 80px);
  }

  .sysnums {
    gap: clamp(36px, 5vh, 56px);
  }

  .rband {
    margin-top: clamp(32px, 5vh, 52px);
  }

  .foot {
    padding-top: clamp(56px, 8vh, 96px);
  }

  .foot-invite {
    padding-top: clamp(56px, 9vh, 110px);
    padding-bottom: clamp(72px, 11vh, 140px);
  }

  .foot-top {
    padding-top: clamp(44px, 6vh, 72px);
  }

  .foot-bottom {
    margin-top: clamp(40px, 6vh, 72px);
    padding-bottom: clamp(32px, 5vh, 56px);
  }
}

.build-tag {
  display: none;
  position: fixed;
  z-index: 200;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  color: #f6f1e9e6;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  pointer-events: none;
  background: #14100a99;
  border: 1px solid #f6f1e933;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 500;
  bottom: 10px;
  right: 12px;
}

html.pre-hero .hero h1 {
  opacity: 0;
}

@media (width <= 980px) {
  .sysstage {
    border-radius: 24px 24px 0 0;
    width: min(1440px, 92vw);
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .syshud {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    width: max-content;
    max-width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    transform: none;
  }

  .syscards {
    max-width: calc(100% - 24px);
  }
}

@media (width <= 760px) {
  .sysday {
    margin-top: clamp(16px, 4vw, 26px);
  }

  .synthesis .ln {
    letter-spacing: -.05em;
    font-size: clamp(46px, 13vw, 82px);
  }

  .truths .k {
    font-size: clamp(28px, 7.5vw, 36px);
  }

  .tier .tp {
    font-size: clamp(39px, 10.5vw, 54px);
  }
}

@media (width <= 560px) {
  .syscards {
    gap: 9px;
    bottom: 7%;
  }

  .scard {
    padding: 13px 13px 12px;
  }

  .syshud {
    letter-spacing: .12em;
    gap: 6px 10px;
    padding: 7px 12px;
    font-size: 9.5px;
  }
}

.apanel {
  width: min(620px, 94vw);
}

@keyframes applyIn {
  from {
    opacity: 0;
    transform: translateY(26px)scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.cmpov.open .apanel {
  animation: applyIn .55s var(--ease) both;
}

.apanel .cmpbody {
  padding: 26px 32px 34px;
}

.applyform {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.afield {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.afield label {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 600;
}

.afield input, .afield select, .afield textarea {
  color: var(--ink);
  border: 1px solid var(--line);
  outline: none;
  transition: border-color .35s var(--ease), box-shadow .35s var(--ease);
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 12px;
  padding: 13px 16px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 300;
}

.afield textarea {
  resize: vertical;
  min-height: 110px;
  line-height: 1.6;
}

.afield select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238B8175' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 16px center;
  background-repeat: no-repeat;
  padding-right: 38px;
}

.afield input:focus, .afield select:focus, .afield textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px #c7a56b29;
}

.afoot {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 18px;
  margin-top: 4px;
}

.asubmit {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dark);
  background: var(--gold);
  cursor: pointer;
  white-space: nowrap;
  transition: background .4s var(--ease), transform .4s var(--ease);
  border: none;
  border-radius: 100px;
  padding: 16px 32px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

.asubmit:hover {
  background: #d4b57e;
  transform: translateY(-1px);
}

.aprivacy {
  color: var(--muted);
  font-size: 12px;
  font-weight: 300;
}

.astatus {
  color: var(--muted);
  min-height: 1.2em;
  margin-top: 2px;
  font-size: 13px;
}

.astatus[data-state="ok"] {
  color: var(--bronze);
}

.astatus[data-state="err"] {
  color: #a2543f;
}

.applyform.is-submitting .asubmit {
  opacity: .55;
  pointer-events: none;
}

.form-confirmation {
  text-align: center;
  padding: 26px 4px 12px;
}

.form-confirmation p:first-child {
  letter-spacing: -.01em;
  color: var(--ink);
  font-size: 19px;
  font-weight: 300;
  line-height: 1.55;
}

.form-confirmation p + p {
  color: var(--muted);
  margin-top: 12px;
  font-size: 13px;
}

@media (width <= 560px) {
  .apanel .cmpbody {
    padding: 20px 18px 26px;
  }

  .afoot {
    gap: 12px;
  }
}