:root {
  --ink: #09080d;
  --ink-soft: #121016;
  --paper: #f3eee7;
  --paper-deep: #ded6cc;
  --coral: #ff4f58;
  --coral-bright: #ff696f;
  --violet: #6f3cff;
  --violet-bright: #9674ff;
  --lime: #d9ff67;
  --line-dark: rgba(255,255,255,.16);
  --line-light: rgba(9,8,13,.17);
  --page: clamp(1.25rem, 4vw, 4.75rem);
  --display: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --body: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --ease-out: cubic-bezier(.2,.75,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: #fff;
  font-family: var(--body);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; height: auto; }
::selection { background: var(--coral); color: #fff; }

.skip-link {
  position: fixed;
  z-index: 999;
  left: 1rem;
  top: -5rem;
  padding: .8rem 1rem;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.liquid-surface {
  position: relative;
  border: 1px solid rgba(255,255,255,.22);
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045) 45%, rgba(255,255,255,.08)),
    rgba(20,17,29,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -1px 0 rgba(255,255,255,.06),
    0 1rem 3rem rgba(0,0,0,.18);
  -webkit-backdrop-filter: blur(26px) saturate(1.45);
  backdrop-filter: blur(26px) saturate(1.45);
}
.liquid-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.22), transparent 25%, transparent 72%, rgba(150,116,255,.12));
  opacity: .7;
}
.liquid-surface--strong {
  background:
    linear-gradient(135deg, rgba(255,255,255,.21), rgba(255,255,255,.045) 42%, rgba(111,60,255,.13)),
    rgba(12,10,19,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(255,255,255,.06),
    0 2rem 6rem rgba(0,0,0,.3),
    0 0 0 1px rgba(111,60,255,.08);
}
.liquid-surface--light {
  border-color: rgba(9,8,13,.12);
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.38) 45%, rgba(255,255,255,.58)),
    rgba(255,255,255,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(9,8,13,.05),
    0 1.2rem 3.5rem rgba(62,43,33,.12);
}

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem var(--page);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: padding .3s ease;
}
.site-header.is-scrolled { padding-top: .65rem; }
.brand {
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  min-height: 3.45rem;
  padding: .46rem .7rem .46rem .48rem;
  border-radius: 1.15rem;
  font-size: .96rem;
  font-weight: 760;
  letter-spacing: -.025em;
}
.brand img { width: 2.5rem; height: 2.5rem; object-fit: contain; filter: drop-shadow(0 .4rem .7rem rgba(0,0,0,.18)); }
.brand i {
  padding-left: .62rem;
  border-left: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.55);
  font-size: .65rem;
  font-style: normal;
  font-weight: 650;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(.8rem, 1.6vw, 1.55rem);
  min-height: 3.45rem;
  padding: .42rem .48rem .42rem 1.2rem;
  border-radius: 1.15rem;
  font-size: .72rem;
  font-weight: 650;
}
.site-nav > a:not(.nav-cta) {
  min-height: 2.75rem;
  padding: 0 .15rem;
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,.62);
  transition: color .2s ease;
}
.site-nav > a:hover { color: #fff; }
.nav-cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .9rem;
  min-height: 2.75rem;
  padding: 0 1rem;
  border-radius: .82rem;
  background: #fff;
  color: var(--ink);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.nav-cta:hover { transform: translateY(-2px); background: var(--coral); color: #fff !important; }
.menu-button { display: none; }

.hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: var(--ink);
}
.hero__shader { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; display: block; }
.hero__noise {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: radial-gradient(rgba(255,255,255,.68) .55px, transparent .8px);
  background-size: 8px 8px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 80%);
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}
.hero__kicker {
  position: absolute;
  z-index: 3;
  top: 6.75rem;
  left: var(--page);
  margin: 0;
  display: flex;
  align-items: center;
  gap: .7rem;
  color: rgba(255,255,255,.56);
  font-size: clamp(.66rem,.8vw,.76rem);
  text-transform: uppercase;
  letter-spacing: .16em;
  animation: rise-in .8s .1s both;
}
.hero__kicker span { width: 2rem; height: 1px; background: currentColor; }
.hero__signal {
  position: absolute;
  z-index: 3;
  top: 6.1rem;
  right: var(--page);
  margin: 0;
  padding: .65rem 0;
  display: flex;
  align-items: center;
  gap: .55rem;
  color: rgba(255,255,255,.69);
  font-size: .61rem;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  animation: rise-in .8s .18s both;
}
.hero__signal i { width: .46rem; height: .46rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 1rem var(--lime); animation: signal-pulse 2.2s ease-in-out infinite; }
.hero__magic {
  position: absolute;
  z-index: 1;
  top: 8%;
  right: -2%;
  width: min(58vw, 52rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  pointer-events: none;
  perspective: 70rem;
}
.hero__magic::before {
  content: "";
  position: absolute;
  inset: 13%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(150,116,255,.34), rgba(111,60,255,.13) 42%, transparent 72%);
  filter: blur(2rem);
  animation: magic-breathe 5.5s ease-in-out infinite;
}
.hero__artifact {
  position: relative;
  width: 78%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  transform: translate3d(var(--magic-x, 0), var(--magic-y, 0), 0);
  transform-style: preserve-3d;
  transition: transform .9s var(--ease-out);
  animation: artifact-arrive 1.5s .18s var(--ease-out) both;
}
.hero__orbit {
  position: absolute;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: inset 0 0 3rem rgba(111,60,255,.05), 0 0 3rem rgba(111,60,255,.08);
}
.hero__orbit::before {
  content: "";
  position: absolute;
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 1.2rem var(--lime), 0 0 2.6rem rgba(217,255,103,.5);
}
.hero__orbit--one { width: 100%; aspect-ratio: 1; animation: orbit 32s linear infinite; }
.hero__orbit--one::before { left: 12%; top: 22%; }
.hero__orbit--two { width: 73%; aspect-ratio: 1; border-style: dashed; animation: orbit-reverse 23s linear infinite; }
.hero__orbit--two::before { right: 4%; bottom: 22%; background: var(--coral); box-shadow: 0 0 1.2rem var(--coral), 0 0 2.5rem rgba(255,79,88,.44); }
.hero__orbit--three { width: 48%; aspect-ratio: 1; border-color: rgba(150,116,255,.36); animation: orbit 17s linear infinite; }
.hero__orbit--three::before { left: 4%; bottom: 32%; width: .34rem; height: .34rem; background: #fff; box-shadow: 0 0 1rem #fff; }
.hero__artifact-core {
  position: relative;
  z-index: 2;
  width: 30%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 34%;
  background:
    linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.035) 48%, rgba(111,60,255,.15)),
    rgba(12,10,19,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 5rem rgba(111,60,255,.48),
    0 2rem 7rem rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(1.6rem) saturate(1.35);
  backdrop-filter: blur(1.6rem) saturate(1.35);
  transform: translateZ(4rem) rotate(-3deg);
  animation: artifact-float 5.2s ease-in-out infinite;
}
.hero__artifact-core::before {
  content: "";
  position: absolute;
  inset: -28%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,79,88,.23), transparent 67%);
  filter: blur(1rem);
}
.hero__artifact-core img { width: 88%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 1.3rem 2rem rgba(0,0,0,.35)); }
.hero__spark { position: absolute; width: .22rem; height: .22rem; border-radius: 50%; background: #fff; box-shadow: 0 0 .8rem #fff; animation: spark-drift 4s ease-in-out infinite; }
.hero__spark--one { left: 18%; top: 40%; }
.hero__spark--two { right: 16%; top: 28%; animation-delay: -1.4s; }
.hero__spark--three { right: 25%; bottom: 18%; animation-delay: -2.7s; }
.hero__content {
  position: absolute;
  z-index: 4;
  left: var(--page);
  bottom: clamp(4rem,8vh,6.8rem);
  width: min(44rem, 52vw);
  animation: hero-content-in 1s .35s var(--ease-out) both;
}
.eyebrow, .section-kicker {
  margin: 0 0 1rem;
  font-size: .68rem;
  font-weight: 760;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow { color: var(--coral-bright); }
.hero__content h1 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(5.2rem,9.2vw,10rem);
  font-weight: 800;
  line-height: .8;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 1rem 4rem rgba(0,0,0,.32);
}
.hero__content h1 em { display: block; margin-left: .03em; font-family: Georgia,"Times New Roman",serif; font-weight: 400; color: var(--coral-bright); text-transform: none; letter-spacing: -.045em; }
.hero__promise { max-width: 37rem; margin: 1.3rem 0 0; color: #fff; font-size: clamp(1.25rem,2vw,1.8rem); font-weight: 650; line-height: 1.2; letter-spacing: -.025em; }
.hero__intro { max-width: 38rem; margin: .8rem 0 0; color: rgba(255,255,255,.58); font-size: clamp(.9rem,1.05vw,1rem); line-height: 1.6; }
.hero__actions { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.75rem; }
.button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  min-height: 3.65rem;
  padding: 0 1.45rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 760;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}
.button:hover { transform: translateY(-3px); }
.button--light { background: #fff; color: var(--ink); }
.button--light:hover { background: var(--coral); color: #fff; }
.button--dark { background: var(--ink); color: #fff; }
.button--dark:hover { background: #fff; color: var(--ink); }
.text-link { position: relative; z-index: 1; min-height: 2.75rem; padding: .6rem 0; display: inline-flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.35); font-size: .76rem; font-weight: 720; }
.text-link span { margin-left: .65rem; transition: margin .2s ease; }
.text-link:hover span { margin-left: .95rem; }
.hero__coordinates {
  position: absolute;
  z-index: 3;
  right: var(--page);
  bottom: clamp(4rem,7vh,6rem);
  padding: .8rem 1rem;
  display: flex;
  align-items: center;
  gap: .8rem;
  border-radius: 999px;
  color: rgba(255,255,255,.57);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  animation: rise-in .8s .9s both;
}
.hero__coordinates i { color: var(--violet-bright); font-style: normal; }
.hero__scroll {
  position: absolute;
  z-index: 3;
  right: var(--page);
  bottom: 1.45rem;
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: .45rem 0;
  gap: .65rem;
  color: rgba(255,255,255,.4);
  font-size: .58rem;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.hero__scroll span { width: 2.5rem; height: 1px; background: rgba(255,255,255,.25); transform-origin: left; animation: scroll-pulse 1.8s ease-in-out infinite; }

.paper { background: var(--paper); color: var(--ink); }
.section-index { display: flex; gap: .8rem; align-items: baseline; color: rgba(9,8,13,.48); font-size: .68rem; text-transform: uppercase; letter-spacing: .13em; }
.section-index p { margin: 0; }
.opportunity {
  min-height: 100svh;
  padding: clamp(7rem,11vw,11rem) var(--page);
  display: grid;
  grid-template-columns: 1.4fr 7fr;
  gap: clamp(2rem,5vw,6rem);
}
.opportunity__statement { max-width: 84rem; }
.opportunity__statement .section-kicker { color: var(--violet); }
.opportunity__statement h2,
.model__header h2,
.advantage__copy h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.6rem,7.6vw,8.4rem);
  font-weight: 760;
  line-height: .92;
  letter-spacing: -.035em;
}
.opportunity__statement h2 em,
.model__header h2 em,
.advantage__copy h2 em {
  font-family: Georgia,"Times New Roman",serif;
  font-weight: 400;
  color: var(--coral);
}
.opportunity__statement > p:last-child { max-width: 48rem; margin: 2.7rem 0 0 auto; font-size: clamp(1rem,1.45vw,1.28rem); line-height: 1.6; }
.adoption-gap {
  grid-column: 2;
  margin-top: clamp(4.5rem,7vw,7rem);
  display: grid;
  grid-template-columns: 1fr minmax(12rem,1fr) 1fr;
  align-items: center;
  gap: clamp(1rem,3vw,3rem);
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
  padding: clamp(2rem,4vw,4rem) 0;
}
.adoption-gap > div:first-child { text-align: left; }
.adoption-gap > div:last-child { text-align: right; }
.adoption-gap > div > span { display: block; margin-bottom: .75rem; color: rgba(9,8,13,.46); font-size: .66rem; text-transform: uppercase; letter-spacing: .12em; }
.adoption-gap strong { font-family: var(--display); font-size: clamp(1.5rem,2.6vw,2.7rem); line-height: 1.04; letter-spacing: -.025em; }
.adoption-gap__bridge { position: relative; min-height: 9rem; display: grid; place-items: center; }
.adoption-gap__bridge > i { position: absolute; left: 0; right: 0; height: 1px; background: rgba(9,8,13,.17); }
.adoption-gap__bridge > i:nth-child(1) { top: 35%; }
.adoption-gap__bridge > i:nth-child(2) { top: 50%; }
.adoption-gap__bridge > i:nth-child(3) { top: 65%; }
.adoption-gap__bridge > span { z-index: 1; padding: .65rem 1rem .65rem .7rem; display: inline-flex; align-items: center; gap: .55rem; border-radius: 1.1rem; font-size: .75rem; font-weight: 780; }
.adoption-gap__bridge img { width: 2.4rem; height: 2.4rem; }

.thesis {
  position: relative;
  min-height: 100svh;
  padding: clamp(7rem,11vw,11rem) var(--page);
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 55%, rgba(111,60,255,.22), transparent 34%),
    radial-gradient(circle at 20% 20%, rgba(255,79,88,.11), transparent 26%),
    var(--ink);
}
.thesis::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .08;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.85) .55px, transparent .8px);
  background-size: 9px 9px;
}
.thesis__header { position: relative; z-index: 1; max-width: 82rem; }
.thesis__header .section-kicker { color: var(--coral-bright); }
.thesis__header h2,
.system__header h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.8rem,7.8vw,8.6rem);
  font-weight: 760;
  line-height: .92;
  letter-spacing: -.035em;
}
.thesis__header h2 em,
.system__header h2 em { color: var(--violet-bright); font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
.thesis__header > p:last-child { max-width: 35rem; margin: 2rem 0 0 auto; color: rgba(255,255,255,.56); line-height: 1.6; }
.thesis__engine {
  position: relative;
  z-index: 1;
  margin-top: clamp(4rem,8vw,8rem);
  display: grid;
  grid-template-columns: minmax(18rem,1fr) minmax(24rem,1fr);
  gap: clamp(3rem,8vw,9rem);
  align-items: center;
}
.engine-orbit { position: relative; min-height: min(42rem,65vw); display: grid; place-items: center; }
.engine-orbit > i { position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.engine-orbit > i:nth-child(1) { width: 90%; aspect-ratio: 1; animation: orbit 36s linear infinite; }
.engine-orbit > i:nth-child(1)::before { content: ""; position: absolute; top: 18%; left: 6%; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 1rem var(--lime); }
.engine-orbit > i:nth-child(2) { width: 66%; aspect-ratio: 1; border-style: dashed; animation: orbit-reverse 27s linear infinite; }
.engine-orbit > i:nth-child(2)::before { content: ""; position: absolute; bottom: 8%; right: 15%; width: 6px; height: 6px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 1rem var(--coral); }
.engine-orbit > i:nth-child(3) { width: 43%; aspect-ratio: 1; box-shadow: 0 0 6rem rgba(111,60,255,.18), inset 0 0 3rem rgba(111,60,255,.08); }
.engine-orbit__core { width: min(15rem,38%); aspect-ratio: 1; display: grid; place-items: center; border-radius: 38%; corner-shape: squircle; animation: core-float 5s ease-in-out infinite; }
.engine-orbit__core img { width: 88%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 1.3rem 2rem rgba(0,0,0,.35)); }
.engine-layers { margin: 0; padding: 0; list-style: none; }
.engine-layers li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.65rem 0; border-top: 1px solid rgba(255,255,255,.14); opacity: .46; transition: opacity .3s ease, transform .3s ease; }
.engine-layers li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.engine-layers li:hover, .engine-layers li.is-active { opacity: 1; transform: translateX(.6rem); }
.engine-layers > li > span { padding-top: .2rem; color: var(--violet-bright); font-size: .68rem; font-weight: 760; }
.engine-layers p { margin: 0; }
.engine-layers div > p:first-child { color: rgba(255,255,255,.38); font-size: .61rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.engine-layers h3 { margin: .45rem 0 .75rem; font-family: var(--display); font-size: clamp(1.8rem,3vw,3.2rem); line-height: 1; letter-spacing: -.025em; }
.engine-layers div > p:last-child { max-width: 37rem; color: rgba(255,255,255,.55); font-size: .88rem; line-height: 1.55; }

.model { padding: clamp(7rem,11vw,11rem) var(--page); }
.model__header { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; align-items: end; }
.model__header > .section-kicker { grid-column: 1 / -1; color: var(--violet); }
.model__header > p:last-child { max-width: 29rem; margin: 0 0 .5rem; line-height: 1.6; }
.offer-stack { margin-top: clamp(5rem,8vw,8rem); border-top: 1px solid var(--line-light); }
.offer-stack article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(9rem,1fr) minmax(15rem,1.3fr) minmax(18rem,2fr) minmax(8rem,.8fr);
  gap: 2rem;
  align-items: center;
  min-height: 9rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--line-light);
  overflow: hidden;
}
.offer-stack article::before { content: ""; position: absolute; inset: .55rem 0; z-index: 0; border-radius: 1.6rem; background: var(--ink); transform: scaleY(.72); opacity: 0; transition: opacity .3s ease, transform .45s var(--ease-out); }
.offer-stack article:hover::before { opacity: 1; transform: scaleY(1); }
.offer-stack article > * { position: relative; z-index: 1; transition: color .3s ease, transform .35s ease; }
.offer-stack article:hover > * { color: #fff; transform: translateX(.6rem); }
.offer-stack article > div { display: flex; align-items: center; gap: 1rem; }
.offer-stack article > div span { color: var(--coral); font-size: .72rem; font-weight: 760; }
.offer-stack article > div i { color: rgba(9,8,13,.42); font-size: .62rem; font-style: normal; letter-spacing: .11em; text-transform: uppercase; }
.offer-stack article:hover > div i { color: rgba(255,255,255,.45); }
.offer-stack h3 { margin: 0; font-family: var(--display); font-size: clamp(1.7rem,3vw,3rem); line-height: 1; letter-spacing: -.025em; }
.offer-stack p { margin: 0; max-width: 38rem; color: rgba(9,8,13,.58); line-height: 1.55; }
.offer-stack article:hover p { color: rgba(255,255,255,.58); }
.offer-stack article > strong { justify-self: end; padding: .65rem .85rem; border: 1px solid rgba(9,8,13,.15); border-radius: 999px; font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; }
.offer-stack article:hover > strong { border-color: rgba(255,255,255,.22); }
.model__note { max-width: 52rem; margin: 3rem 0 0 auto; font-size: clamp(.96rem,1.2vw,1.1rem); line-height: 1.6; }
.model__note span { color: var(--violet); font-weight: 760; }

.system {
  position: relative;
  padding: clamp(7rem,11vw,11rem) var(--page);
  overflow: hidden;
  background:
    radial-gradient(circle at 55% 57%, rgba(111,60,255,.19), transparent 34%),
    var(--ink);
}
.system__header { max-width: 82rem; }
.system__header .section-kicker { color: var(--coral-bright); }
.system__header > p:last-child { max-width: 34rem; margin: 2rem 0 0 auto; color: rgba(255,255,255,.55); line-height: 1.6; }
.system-experience {
  max-width: 86rem;
  min-height: 38rem;
  margin: clamp(4.5rem,8vw,8rem) auto 0;
  padding: clamp(1rem,2vw,1.7rem);
  display: grid;
  grid-template-columns: minmax(14rem,.78fr) minmax(18rem,1.2fr) minmax(17rem,1fr);
  gap: clamp(1.2rem,2.5vw,2.8rem);
  align-items: stretch;
  border-radius: 2.4rem;
  corner-shape: squircle;
  overflow: hidden;
}
.system-tabs { position: relative; z-index: 1; display: flex; flex-direction: column; gap: .6rem; }
.system-tab { min-height: 5.65rem; padding: 0 1.05rem; display: grid; grid-template-columns: 2.4rem 1fr; gap: .7rem; align-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 1.25rem; background: rgba(255,255,255,.035); text-align: left; cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.system-tab:hover { transform: translateX(.35rem); border-color: rgba(255,255,255,.22); }
.system-tab.is-active { border-color: rgba(150,116,255,.6); background: linear-gradient(90deg,rgba(111,60,255,.25),rgba(255,255,255,.04)); }
.system-tab span { color: var(--violet-bright); font-size: .65rem; }
.system-tab strong { font-size: .78rem; }
.system-visual { position: relative; min-height: 26rem; display: grid; place-items: center; }
.system-ring { position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.system-ring--one { width: 92%; aspect-ratio: 1; animation: orbit 32s linear infinite; }
.system-ring--one::before { content: ""; position: absolute; left: 9%; top: 22%; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 1rem var(--lime); }
.system-ring--two { width: 63%; aspect-ratio: 1; border-style: dashed; animation: orbit-reverse 24s linear infinite; }
.system-ring--two::before { content: ""; position: absolute; right: -3px; top: 43%; width: 6px; height: 6px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 1rem var(--coral); }
.system-orb { position: relative; z-index: 1; width: clamp(7rem,10vw,9.5rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 42%; corner-shape: squircle; background: radial-gradient(circle at 32% 25%, #c1b3ff, var(--violet) 40%, #251469 100%); box-shadow: inset -.9rem -1.1rem 2.5rem rgba(0,0,0,.27), inset .45rem .45rem 1.2rem rgba(255,255,255,.36), 0 0 5rem rgba(111,60,255,.4); font-family: var(--display); font-size: clamp(2rem,4vw,4rem); font-weight: 780; transition: transform .55s var(--ease-out), border-radius .5s ease; }
.system-panel { position: relative; z-index: 1; align-self: center; }
.system-panel > p:first-child { color: var(--violet-bright); font-size: .62rem; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.system-panel h3 { margin: .8rem 0 0; font-family: var(--display); font-size: clamp(2rem,3.4vw,3.5rem); line-height: 1.02; letter-spacing: -.025em; }
.system-panel > p:nth-child(3) { color: rgba(255,255,255,.55); line-height: 1.6; }
.system-panel > div { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.13); font-size: .7rem; }
.system-panel > div span { color: rgba(255,255,255,.42); }
.system-panel > div strong { max-width: 12rem; text-align: right; }
.measurement { max-width: 86rem; margin: 1.5rem auto 0; display: flex; justify-content: space-between; align-items: center; gap: 2rem; color: rgba(255,255,255,.4); font-size: .62rem; text-transform: uppercase; letter-spacing: .09em; }
.measurement p { margin: 0; }
.measurement div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }
.measurement div span { padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.65); }

.advantage {
  min-height: 100svh;
  padding: clamp(7rem,11vw,11rem) var(--page);
  display: grid;
  grid-template-columns: minmax(20rem,1fr) minmax(28rem,1.2fr);
  gap: clamp(4rem,9vw,10rem);
  align-items: center;
}
.advantage__visual { position: relative; min-height: min(48rem,70vw); display: grid; place-items: center; }
.advantage__halo { position: absolute; width: 76%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255,79,88,.34), rgba(111,60,255,.14) 45%, transparent 70%); filter: blur(10px); animation: halo-breathe 5s ease-in-out infinite; }
.advantage__mascot { position: relative; z-index: 1; width: min(24rem,62%); aspect-ratio: 1; display: grid; place-items: center; border-radius: 32%; corner-shape: squircle; transform: rotate(-3deg); }
.advantage__mascot img { width: 106%; height: auto; max-width: none; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 2rem 3rem rgba(65,34,29,.23)); animation: core-float 5s ease-in-out infinite; }
.advantage__tag { position: absolute; z-index: 2; padding: .8rem 1rem; border-radius: 999px; font-size: .63rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.advantage__tag--one { top: 18%; left: 0; }
.advantage__tag--two { right: 0; top: 35%; }
.advantage__tag--three { left: 12%; bottom: 19%; }
.advantage__copy .section-kicker { color: var(--violet); }
.advantage__copy > p:not(.section-kicker) { max-width: 43rem; margin: 2.4rem 0 3rem; font-size: clamp(1rem,1.35vw,1.18rem); line-height: 1.65; }
.advantage__copy dl { margin: 0; border-top: 1px solid var(--line-light); }
.advantage__copy dl div { display: grid; grid-template-columns: minmax(8rem,1fr) 2fr; gap: 1.5rem; padding: 1.15rem 0; border-bottom: 1px solid var(--line-light); font-size: .78rem; line-height: 1.5; }
.advantage__copy dt { color: rgba(9,8,13,.48); }
.advantage__copy dd { margin: 0; font-weight: 650; }

.closing {
  position: relative;
  min-height: 100svh;
  padding: clamp(7rem,11vw,11rem) var(--page);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: var(--coral);
  color: var(--ink);
}
.closing::before, .closing::after { content: ""; position: absolute; border: 1px solid rgba(9,8,13,.16); border-radius: 50%; }
.closing::before { width: 52vw; height: 52vw; left: -26vw; top: -30vw; }
.closing::after { width: 38vw; height: 38vw; right: -14vw; bottom: -22vw; }
.closing__light { position: absolute; left: 50%; top: 45%; width: 62vw; height: 62vw; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(255,255,255,.18); filter: blur(100px); }
.closing .section-kicker { position: relative; z-index: 1; }
.closing h2 { position: relative; z-index: 1; margin: 0; font-family: var(--display); font-size: clamp(4.4rem,9vw,10.6rem); font-weight: 800; line-height: .88; letter-spacing: -.035em; text-transform: uppercase; }
.closing h2 em { color: #fff; font-family: Georgia,"Times New Roman",serif; font-weight: 400; text-transform: none; }
.closing > p:not(.section-kicker) { position: relative; z-index: 1; max-width: 46rem; margin: 2.4rem auto; font-size: clamp(.98rem,1.3vw,1.15rem); line-height: 1.6; }
.closing__principles { position: relative; z-index: 1; margin-top: 3.2rem; padding: 1rem 1.25rem; display: flex; align-items: center; gap: 1rem; border-radius: 999px; font-size: .61rem; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
.closing__principles i { width: .32rem; height: .32rem; border-radius: 50%; background: var(--coral); }

.site-footer { padding: 4rem var(--page); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; align-items: end; background: var(--ink); border-top: 1px solid var(--line-dark); }
.site-footer__brand { display: flex; align-items: center; gap: .7rem; font-size: 1.4rem; font-weight: 750; letter-spacing: -.02em; }
.site-footer__brand img { width: 3rem; height: 3rem; }
.site-footer__brand i { padding-left: .65rem; border-left: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.38); font-size: .63rem; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.site-footer__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.3rem; color: rgba(255,255,255,.58); font-size: .72rem; }
.site-footer__links a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.site-footer__links a:hover { color: #fff; }
.site-footer > p { margin: 0; color: rgba(255,255,255,.34); font-size: .63rem; line-height: 1.6; text-align: right; }
.js [data-reveal] { opacity: 0; transform: translateY(3rem); transition: opacity .85s ease, transform .95s var(--ease-out); }
.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); }

@keyframes rise-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-content-in { from { opacity: 0; transform: translateY(3rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes artifact-arrive { from { opacity: 0; filter: blur(1.2rem); } to { opacity: 1; filter: blur(0); } }
@keyframes artifact-float { 0%,100% { transform: translateZ(4rem) translateY(0) rotate(-3deg); } 50% { transform: translateZ(4rem) translateY(-1rem) rotate(2deg); } }
@keyframes magic-breathe { 0%,100% { opacity: .62; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes spark-drift { 0%,100% { opacity: .2; transform: translateY(.7rem) scale(.65); } 50% { opacity: 1; transform: translateY(-.7rem) scale(1.2); } }
@keyframes signal-pulse { 0%,100% { opacity: .45; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes scroll-pulse { 0%,100% { transform: scaleX(.35); } 50% { transform: scaleX(1); } }
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes orbit-reverse { to { transform: rotate(-360deg); } }
@keyframes core-float { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-1rem) rotate(1deg); } }
@keyframes halo-breathe { 0%,100% { transform: scale(.92); opacity: .65; } 50% { transform: scale(1.08); opacity: 1; } }

@media (max-width: 1080px) {
  .site-nav > a:not(.nav-cta) { display: none; }
  .hero__content { width: min(42rem,58vw); }
  .hero__magic { right: -8%; width: min(64vw,48rem); }
  .hero__coordinates { display: none; }
  .opportunity { grid-template-columns: 1fr 6fr; }
  .thesis__engine { gap: 3rem; }
  .system-experience { grid-template-columns: minmax(13rem,.75fr) minmax(14rem,1fr) minmax(15rem,1fr); }
}

@media (max-width: 820px) {
  .site-header { padding-top: .75rem; }
  .brand { min-height: 3.2rem; }
  .menu-button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 3.2rem;
    padding: 0 .95rem;
    border-radius: 1rem;
    color: #fff;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .menu-button i { width: 1.25rem; height: .7rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transition: transform .25s ease; }
  .menu-open .menu-button i { transform: rotate(45deg); border-bottom-color: transparent; }
  .site-nav {
    position: fixed;
    inset: .75rem;
    z-index: 1;
    min-height: auto;
    padding: 7rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: .6rem;
    border-radius: 2rem;
    background: rgba(9,8,13,.9);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem) scale(.98);
    transition: opacity .25s ease, visibility .25s ease, transform .3s var(--ease-out);
  }
  .menu-open .site-nav { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .site-nav > a:not(.nav-cta) { display: flex; padding: .65rem 0; font-family: var(--display); font-size: clamp(2.15rem,8.7vw,3.65rem); line-height: 1; letter-spacing: -.02em; }
  .nav-cta { margin-top: 1rem; min-height: 3.5rem; justify-content: center; }
  .hero { min-height: 56rem; }
  .hero__kicker { top: 5.8rem; }
  .hero__signal { top: auto; bottom: 1.15rem; right: auto; left: var(--page); }
  .hero__magic { top: 6.5rem; right: -20vw; width: 96vw; opacity: .9; }
  .hero__artifact { width: 72%; }
  .hero__content { left: var(--page); right: var(--page); bottom: 5.3rem; width: auto; }
  .hero__content h1 { font-size: clamp(4.2rem,14vw,6.2rem); }
  .hero__promise { max-width: 31rem; }
  .hero__intro { max-width: 33rem; }
  .hero__scroll { display: none; }
  .opportunity { min-height: 0; grid-template-columns: 1fr; }
  .opportunity__statement, .adoption-gap { grid-column: 1; }
  .adoption-gap { grid-template-columns: 1fr; text-align: left; }
  .adoption-gap > div:last-child { text-align: left; }
  .adoption-gap__bridge { min-height: 7rem; justify-items: start; }
  .adoption-gap__bridge > i { left: 0; right: auto; width: 80%; }
  .thesis__engine { grid-template-columns: 1fr; }
  .engine-orbit { min-height: 27rem; }
  .engine-orbit__core { width: min(10rem,34%); }
  .model__header { grid-template-columns: 1fr; }
  .model__header > .section-kicker { grid-column: 1; }
  .offer-stack article { grid-template-columns: 4rem 1fr; gap: .7rem 1rem; padding: 1.5rem 0; }
  .offer-stack article > div { grid-row: 1 / span 3; align-self: start; flex-direction: column; align-items: flex-start; }
  .offer-stack article h3, .offer-stack article p, .offer-stack article > strong { grid-column: 2; justify-self: start; }
  .offer-stack article > strong { margin-top: .5rem; }
  .system-experience { grid-template-columns: 1fr; min-height: 0; }
  .system-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .system-tab { min-height: 4.5rem; }
  .system-visual { min-height: 21rem; }
  .system-ring--one { width: min(21rem,88%); }
  .system-ring--two { width: min(14rem,58%); }
  .measurement { align-items: flex-start; flex-direction: column; }
  .measurement div { justify-content: flex-start; }
  .advantage { grid-template-columns: 1fr; }
  .advantage__visual { min-height: 33rem; }
  .advantage__mascot { width: min(18rem,58%); }
  .site-footer { grid-template-columns: 1fr; align-items: start; }
  .site-footer__links { justify-content: flex-start; }
  .site-footer > p { text-align: left; }
}

@media (max-width: 560px) {
  .brand i { display: none; }
  .hero { min-height: 53rem; }
  .hero__magic { top: 7.25rem; right: -25vw; width: 108vw; }
  .hero__artifact { width: 76%; }
  .hero__artifact-core { width: 32%; }
  .hero__content { bottom: 4.7rem; }
  .hero__content h1 { font-size: clamp(3.75rem,16.5vw,4.8rem); }
  .hero__promise { margin-top: 1rem; font-size: 1.15rem; }
  .hero__intro { margin-top: .65rem; font-size: .86rem; line-height: 1.5; }
  .hero__actions { align-items: stretch; flex-direction: column; gap: .55rem; }
  .text-link { align-self: flex-start; }
  .hero__signal { font-size: .53rem; }
  .opportunity__statement h2, .model__header h2, .advantage__copy h2, .thesis__header h2, .system__header h2 { font-size: clamp(3rem,12vw,4.75rem); }
  .adoption-gap strong { font-size: 2rem; }
  .engine-orbit { min-height: 22rem; }
  .system-tabs { grid-template-columns: 1fr; }
  .system-tab { min-height: 4rem; }
  .system-visual { min-height: 18rem; }
  .advantage__visual { min-height: 26rem; }
  .advantage__tag { font-size: .5rem; }
  .advantage__tag--one { top: 12%; }
  .advantage__tag--two { top: 35%; }
  .advantage__tag--three { bottom: 14%; left: 4%; }
  .advantage__copy dl div { grid-template-columns: 1fr; gap: .4rem; }
  .closing h2 { font-size: clamp(3.7rem,15vw,5.4rem); }
  .closing__principles { align-items: flex-start; flex-direction: column; border-radius: 1.5rem; }
  .closing__principles i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .liquid-surface { background: rgba(24,21,31,.92); }
  .liquid-surface--light { background: rgba(255,255,255,.92); }
}