:root {
  --ink: #181a20;
  --ink-2: #1e2329;
  --paper: #f2f4f2;
  --muted: #848e9c;
  --line: rgba(255, 255, 255, 0.1);
  --cyan: #74d9ff;
  --blue: #247dff;
  --gold: #f0b90b;
  --gold-soft: #f3ba2f;
  --white: #eaecef;
  --serif: "Times New Roman", "Songti SC", serif;
  --sans: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--ink);
  color: var(--white);
  font-family: var(--sans);
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
button,
input {
  font: inherit;
}
.ambient {
  position: fixed;
  z-index: -1;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.16;
  pointer-events: none;
}
.ambient-a {
  top: -20vw;
  right: -10vw;
  width: 60vw;
  height: 60vw;
  background: #145cc8;
}
.ambient-b {
  top: 65vh;
  left: -20vw;
  width: 48vw;
  height: 48vw;
  background: #1b899c;
}
.site-header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: 84px;
  padding: 0 clamp(22px, 5vw, 80px);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid transparent;
  transition: 0.35s ease;
}
.site-header.scrolled {
  height: 68px;
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(5, 11, 18, 0.78);
  backdrop-filter: blur(18px);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-self: start;
}
.brand img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(73, 164, 255, 0.24);
}
.brand span {
  display: grid;
  gap: 2px;
}
.brand b {
  font-size: 12px;
  letter-spacing: 0.24em;
}
.brand small {
  color: #7790a5;
  font-size: 7px;
  letter-spacing: 0.26em;
}
.site-header nav {
  display: flex;
  gap: 34px;
  color: #a9b6c2;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.site-header nav a {
  transition: 0.2s;
}
.site-header nav a:hover {
  color: #fff;
}
.header-cta {
  justify-self: end;
  padding: 10px 0;
  border-bottom: 1px solid rgba(116, 217, 255, 0.4);
  font-size: 11px;
  letter-spacing: 0.08em;
}
.header-cta span {
  margin-left: 9px;
  color: var(--cyan);
}
.menu-button {
  display: none;
}
.hero {
  position: relative;
  display: grid;
  min-height: 100svh;
  padding: 144px clamp(22px, 8vw, 132px) 72px;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.78fr);
  align-items: center;
  gap: 6vw;
  overflow: hidden;
}
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(8, 17, 27, 0.92),
      rgba(5, 11, 18, 0.3) 54%,
      rgba(5, 11, 18, 0.7)
    ),
    radial-gradient(
      circle at 71% 50%,
      rgba(38, 121, 255, 0.17),
      transparent 36%
    );
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.23;
  background-image:
    linear-gradient(rgba(123, 164, 196, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123, 164, 196, 0.1) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(90deg, transparent, #000 55%, transparent);
}
.hero-copy,
.hero-visual {
  position: relative;
  z-index: 2;
}
.eyebrow,
.overline {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #7da5c2;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
}
.eyebrow i {
  display: block;
  width: 26px;
  height: 1px;
  background: var(--gold);
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.55);
}
.hero h1 {
  max-width: 760px;
  margin: 27px 0 0;
  font-family: var(--serif);
  font-size: clamp(50px, 6.25vw, 98px);
  font-weight: 400;
  line-height: 0.99;
  letter-spacing: -0.055em;
}
.hero h1 em,
.section-shell h2 em,
.closing h2 em {
  color: #f3c847;
  font-style: normal;
}
.hero-lead {
  max-width: 610px;
  margin: 28px 0 0;
  color: #99a9b8;
  font-size: 14px;
  line-height: 1.9;
}
.hero-actions {
  display: flex;
  margin-top: 34px;
  align-items: center;
  gap: 28px;
}
.primary-button {
  display: inline-flex;
  min-width: 190px;
  padding: 16px 20px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(240, 185, 11, 0.72);
  background: linear-gradient(100deg, #f0b90b, #e3a708);
  color: #17130a;
  font-size: 11px;
  letter-spacing: 0.08em;
  box-shadow: 0 10px 28px rgba(240, 185, 11, 0.12);
  font-weight: 800;
  transition: 0.25s;
}
.primary-button:hover {
  border-color: #ffd95a;
  transform: translateY(-2px);
  box-shadow: 0 15px 38px rgba(240, 185, 11, 0.2);
}
.text-button {
  color: #9fb0be;
  font-size: 11px;
}
.text-button span {
  margin-left: 8px;
  color: var(--cyan);
}
.hero-proof {
  display: flex;
  margin-top: 68px;
  gap: 36px;
}
.hero-proof div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.hero-proof div > i {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border: 1px solid var(--gold);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.35);
}
.hero-proof span {
  display: grid;
  gap: 5px;
}
.hero-proof b {
  color: #d6dbe0;
  font-size: 10px;
  letter-spacing: 0.08em;
}
.hero-proof small {
  color: #748797;
  font-size: 8px;
  letter-spacing: 0.06em;
}
.hero-visual {
  display: grid;
  min-height: 600px;
  place-items: center;
}
.release-stamp {
  position: absolute;
  z-index: 1;
  display: grid;
  width: 100%;
  place-items: center;
  color: rgba(234, 236, 239, 0.35);
  text-align: center;
  pointer-events: none;
}
.release-stamp small,
.release-stamp span {
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.34em;
}
.release-stamp small {
  color: rgba(240, 185, 11, 0.66);
}
.release-stamp strong {
  margin: 8px 0 2px;
  color: transparent;
  font-family: var(--sans);
  font-size: clamp(118px, 15vw, 230px);
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: -0.09em;
  -webkit-text-stroke: 1px rgba(116, 217, 255, 0.12);
}
.release-stamp span {
  color: rgba(116, 217, 255, 0.34);
}
.hero-coin {
  position: relative;
  z-index: 3;
  width: min(30vw, 440px);
  filter: drop-shadow(0 35px 40px rgba(0, 0, 0, 0.65));
  animation: float 6s ease-in-out infinite;
}
.coin-glow {
  position: absolute;
  width: 65%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(69, 177, 255, 0.32),
    rgba(31, 101, 211, 0.1) 38%,
    transparent 70%
  );
  filter: blur(10px);
  animation: pulse 4s ease-in-out infinite;
}
.orbit {
  position: absolute;
  border: 1px solid rgba(112, 186, 232, 0.2);
  border-radius: 50%;
  animation: spin 28s linear infinite;
}
.orbit-outer {
  width: 92%;
  aspect-ratio: 1;
}
.orbit-mid {
  display: none;
}
.orbit-outer span {
  display: none;
}
.orbit-outer span:nth-child(1) {
  top: 7%;
  left: 19%;
}
.orbit-outer span:nth-child(2) {
  right: 1%;
  bottom: 32%;
}
.orbit-outer span:nth-child(3) {
  bottom: 2%;
  left: 34%;
}
.signal-card {
  position: absolute;
  z-index: 4;
  display: grid;
  min-width: 140px;
  padding: 12px 15px 12px 31px;
  border: 1px solid rgba(142, 201, 237, 0.15);
  background: rgba(8, 20, 31, 0.7);
  backdrop-filter: blur(14px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
.signal-card i {
  position: absolute;
  top: 15px;
  left: 14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #58efba;
  box-shadow: 0 0 10px #58efba;
}
.signal-card span {
  color: #688298;
  font-size: 7px;
  letter-spacing: 0.17em;
}
.signal-card b {
  margin-top: 4px;
  font-size: 9px;
  letter-spacing: 0.12em;
}
.signal-card-top {
  top: 16%;
  right: 0;
}
.signal-card-bottom {
  bottom: 18%;
  left: -5%;
}
.signal-card-bottom i {
  background: var(--cyan);
  box-shadow: 0 0 10px var(--cyan);
}
.scroll-cue {
  position: absolute;
  z-index: 3;
  right: 6vw;
  bottom: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #61798c;
  font-size: 7px;
  letter-spacing: 0.22em;
}
.scroll-cue i {
  display: block;
  width: 70px;
  height: 1px;
  background: linear-gradient(90deg, #4382aa, transparent);
}
.section-shell {
  width: min(1220px, calc(100% - 44px));
  margin: 0 auto;
}
.launch-brief {
  display: grid;
  padding: 34px 0;
  grid-template-columns: 0.66fr 1.34fr;
  align-items: stretch;
  border-top: 1px solid rgba(240, 185, 11, 0.24);
  border-bottom: 1px solid var(--line);
}
.launch-intro {
  display: grid;
  padding-right: clamp(30px, 5vw, 72px);
  align-content: space-between;
  gap: 28px;
}
.launch-intro span {
  color: var(--gold);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.22em;
}
.launch-intro p {
  max-width: 390px;
  margin: 0;
  color: #82919d;
  font-size: 11px;
  line-height: 1.8;
}
.launch-facts {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(4, 1fr);
  border-left: 1px solid var(--line);
}
.launch-facts div {
  display: grid;
  min-height: 108px;
  padding: 18px 24px;
  align-content: space-between;
  border-right: 1px solid var(--line);
}
.launch-facts dt {
  color: #5d7181;
  font-size: 8px;
  letter-spacing: 0.12em;
}
.launch-facts dd {
  margin: 0;
  color: #dbe1e6;
  font-family: var(--serif);
  font-size: 18px;
}
.topic-label {
  display: inline-flex;
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(240, 185, 11, 0.3);
  background: rgba(240, 185, 11, 0.07);
  color: #e4bd38;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.token-clarity {
  padding: 135px 0;
  border-bottom: 1px solid var(--line);
}
.clarity-heading {
  display: grid;
  grid-template-columns: 0.52fr 1.18fr 0.72fr;
  align-items: end;
  gap: 58px;
}
.clarity-heading h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(40px, 4.8vw, 70px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.clarity-heading > p:last-child {
  margin: 0;
  color: #83909b;
  font-size: 12px;
  line-height: 1.85;
}
.clarity-ledger {
  display: grid;
  margin-top: 62px;
  grid-template-columns: 1fr 0.42fr 1fr;
  align-items: stretch;
}
.clarity-card {
  position: relative;
  min-height: 410px;
  padding: 36px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #1e2329;
}
.clarity-card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
}
.clarity-token:before {
  background: linear-gradient(90deg, var(--gold), transparent 75%);
}
.clarity-energy:before {
  background: linear-gradient(90deg, var(--cyan), transparent 75%);
}
.clarity-name {
  color: #778692;
  font-size: 8px;
  letter-spacing: 0.24em;
}
.clarity-symbol {
  display: grid;
  width: 68px;
  height: 68px;
  margin-top: 44px;
  place-items: center;
  border: 1px solid rgba(240, 185, 11, 0.35);
  border-radius: 50%;
  color: var(--gold);
  font-family: var(--serif);
  font-size: 25px;
  box-shadow: inset 0 0 24px rgba(240, 185, 11, 0.07);
}
.clarity-energy .clarity-symbol {
  border-color: rgba(116, 217, 255, 0.35);
  color: var(--cyan);
  box-shadow: inset 0 0 24px rgba(74, 179, 255, 0.08);
}
.clarity-card h3 {
  margin: 27px 0 0;
  font-family: var(--serif);
  font-size: 28px;
  font-weight: 400;
}
.clarity-card ul {
  display: grid;
  margin: 24px 0 0;
  padding: 0;
  gap: 13px;
  color: #8997a2;
  font-size: 11px;
  line-height: 1.7;
  list-style: none;
}
.clarity-card li {
  position: relative;
  padding-left: 16px;
}
.clarity-card li:before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 5px;
  height: 1px;
  background: currentColor;
}
.clarity-bridge {
  display: flex;
  min-width: 0;
  padding: 32px 14px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.015);
  color: #70808d;
  text-align: center;
}
.clarity-bridge b {
  color: #d8e0e7;
  font-size: 10px;
}
.clarity-bridge i {
  color: var(--gold);
  font-style: normal;
  transform: rotate(90deg);
}
.clarity-bridge span {
  font-size: 9px;
}
.clarity-bridge small {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid var(--line);
  color: #677987;
  font-size: 8px;
  line-height: 1.7;
}
.clarity-bridge strong {
  color: var(--cyan);
}
.clarity-summary {
  margin: 18px 0 0;
  padding: 17px 20px;
  border-left: 2px solid var(--gold);
  background: rgba(240, 185, 11, 0.055);
  color: #9aa5ae;
  font-size: 11px;
}
.clarity-summary b {
  color: #e2c55b;
}
.manifesto {
  display: grid;
  padding: 145px 0;
  grid-template-columns: 0.5fr 1.2fr 0.8fr;
  gap: 60px;
  border-bottom: 1px solid var(--line);
}
.section-index {
  color: #56758d;
  font-size: 8px;
  letter-spacing: 0.22em;
}
.manifesto h2,
.section-heading h2,
.calculator h2 {
  margin: 16px 0 0;
  font-family: var(--serif);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.04em;
}
.manifesto-copy {
  align-self: end;
  margin: 0;
  color: #8596a4;
  font-size: 12px;
  line-height: 1.85;
}
.section-heading {
  display: grid;
  padding: 130px 0 55px;
  grid-template-columns: 0.58fr 1.15fr 0.7fr;
  align-items: end;
  gap: 50px;
}
.section-heading .overline {
  margin-top: 14px;
}
.section-heading h2 {
  margin: 0;
}
.section-heading > p {
  margin: 0;
  color: #778a9a;
  font-size: 11px;
  line-height: 1.8;
}
.mechanism-grid {
  display: grid;
  padding-bottom: 140px;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
}
.mechanism-card {
  position: relative;
  min-height: 350px;
  padding: 30px 24px;
  border-right: 1px solid var(--line);
  transition: 0.3s;
}
.mechanism-card:first-child {
  border-left: 1px solid var(--line);
}
.mechanism-card:hover {
  background: linear-gradient(180deg, rgba(59, 141, 201, 0.09), transparent);
  transform: translateY(-5px);
}
.step-number {
  color: #42647d;
  font-size: 8px;
  letter-spacing: 0.2em;
}
.step-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin-top: 58px;
  place-items: center;
  border: 1px solid rgba(240, 185, 11, 0.32);
  border-radius: 50%;
  color: var(--gold);
  font-family: var(--serif);
  font-size: 20px;
  box-shadow: inset 0 0 20px rgba(240, 185, 11, 0.07);
}
.mechanism-card h3 {
  margin: 26px 0 0;
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 400;
}
.mechanism-card p {
  margin: 13px 0 0;
  color: #738697;
  font-size: 10px;
  line-height: 1.85;
}
.mechanism-card small {
  position: absolute;
  bottom: 26px;
  color: #4e6c82;
  font-size: 8px;
  letter-spacing: 0.08em;
}
.mechanism-card small b {
  color: #8bdfff;
}
.scenarios {
  padding-bottom: 140px;
  background: #edf0ef;
  color: #0d1821;
}
.section-heading-light .section-index {
  color: #728693;
}
.section-heading-light .overline {
  color: #6b8ca0;
}
.section-heading-light > p {
  color: #6e7d87;
}
.scenario-stage {
  display: grid;
  min-height: 530px;
  grid-template-columns: 0.72fr 1.28fr;
  background: #0a1420;
  color: #f5f9fc;
  box-shadow: 0 35px 80px rgba(17, 32, 43, 0.16);
}
.scenario-copy {
  display: flex;
  padding: 52px;
  flex-direction: column;
}
.scenario-count {
  color: #5e7b91;
  font-size: 8px;
  letter-spacing: 0.22em;
}
.scenario-label {
  margin-top: auto;
  color: #78d8ff;
  font-size: 8px;
  letter-spacing: 0.25em;
}
.scenario-copy h3 {
  margin: 14px 0 0;
  font-family: var(--serif);
  font-size: 52px;
  font-weight: 400;
}
.scenario-copy > p:not(.scenario-label) {
  min-height: 64px;
  margin: 18px 0 0;
  color: #8499aa;
  font-size: 11px;
  line-height: 1.8;
}
.scenario-controls {
  display: flex;
  margin-top: 45px;
  align-items: center;
  gap: 14px;
}
.scenario-controls button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: #9ab1c2;
  cursor: pointer;
}
.scenario-controls div {
  position: relative;
  width: 90px;
  height: 1px;
  background: #314657;
}
.scenario-controls i {
  position: absolute;
  width: 33.333%;
  height: 1px;
  background: var(--cyan);
  transition: 0.3s;
}
.scenario-visual {
  position: relative;
  display: grid;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(
      circle at 50% 44%,
      rgba(34, 137, 244, 0.27),
      transparent 31%
    ),
    linear-gradient(145deg, #0c1926, #071019);
}
.data-grid {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(rgba(106, 177, 225, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(106, 177, 225, 0.1) 1px, transparent 1px);
  background-size: 44px 44px;
  transform: perspective(500px) rotateX(52deg) scale(1.4);
  transform-origin: center bottom;
}
.scene-orb {
  position: relative;
  display: grid;
  width: 260px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(127, 215, 255, 0.45);
  border-radius: 50%;
  box-shadow:
    0 0 100px rgba(36, 125, 255, 0.18),
    inset 0 0 60px rgba(53, 158, 255, 0.08);
}
.scene-orb:before,
.scene-orb:after {
  content: "";
  position: absolute;
  border: 1px dashed rgba(124, 207, 249, 0.22);
  border-radius: 50%;
  inset: 19px;
  animation: spin 19s linear infinite;
}
.scene-orb:after {
  inset: 48px;
  animation-direction: reverse;
  animation-duration: 12s;
}
.scene-orb span {
  z-index: 2;
  color: #d7f3ff;
  font-family: var(--serif);
  font-size: 24px;
  letter-spacing: 0.1em;
}
.scene-metric {
  position: absolute;
  right: 28px;
  bottom: 28px;
  display: grid;
  padding: 14px 17px;
  border-left: 2px solid var(--cyan);
  background: rgba(7, 16, 25, 0.7);
}
.scene-metric small {
  color: #57758d;
  font-size: 7px;
  letter-spacing: 0.18em;
}
.scene-metric b {
  margin-top: 5px;
  font-size: 9px;
  letter-spacing: 0.16em;
}
.trust {
  padding-bottom: 140px;
}
.trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.trust-feature {
  position: relative;
  min-height: 220px;
  padding: 36px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.trust-feature > span {
  color: #60c9f1;
  font-size: 8px;
  letter-spacing: 0.22em;
}
.trust-feature h3 {
  margin: 36px 0 0;
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 400;
}
.trust-feature p {
  max-width: 440px;
  margin: 12px 0 0;
  color: #718596;
  font-size: 10px;
  line-height: 1.8;
}
.trust-feature > i {
  position: absolute;
  right: 30px;
  bottom: 22px;
  color: #1c3446;
  font-family: var(--serif);
  font-size: 38px;
  font-style: normal;
}
.evidence-line {
  display: grid;
  margin-top: 20px;
  padding: 16px 20px;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  color: #60778a;
  font-size: 8px;
  letter-spacing: 0.12em;
}
.evidence-line b {
  color: #a0b7c9;
}
.pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4be6aa;
  box-shadow: 0 0 9px #4be6aa;
}
.calculator {
  display: grid;
  padding: 130px 0;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 9vw;
  border-top: 1px solid var(--line);
}
.calculator-copy > p:not(.overline) {
  max-width: 470px;
  margin: 28px 0 0;
  color: #748798;
  font-size: 11px;
  line-height: 1.9;
}
.rule-pills {
  display: flex;
  margin-top: 28px;
  gap: 8px;
  flex-wrap: wrap;
}
.rule-pills span {
  padding: 9px 12px;
  border: 1px solid var(--line);
  color: #648299;
  font-size: 8px;
  letter-spacing: 0.08em;
}
.rule-pills b {
  color: #84ddff;
}
.calculator-panel {
  padding: 40px;
  border: 1px solid rgba(118, 190, 232, 0.22);
  background: linear-gradient(
    145deg,
    rgba(27, 70, 104, 0.17),
    rgba(5, 11, 18, 0.4)
  );
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.25);
}
.input-row {
  display: grid;
  padding: 18px 0;
  grid-template-columns: 1fr 1.4fr;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.input-row label {
  color: #7690a3;
  font-size: 9px;
  letter-spacing: 0.1em;
}
.input-row div {
  display: flex;
  align-items: center;
}
.input-row input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f2f8fb;
  font-family: var(--serif);
  font-size: 30px;
}
.input-row span {
  color: #4d6e86;
  font-size: 8px;
  letter-spacing: 0.14em;
}
.results {
  display: grid;
  margin-top: 28px;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
}
.results > div {
  padding: 18px;
  background: #08111b;
}
.results small {
  color: #587188;
  font-size: 7px;
  letter-spacing: 0.1em;
}
.results strong {
  display: flex;
  margin-top: 12px;
  align-items: baseline;
  gap: 5px;
}
.results strong b {
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 400;
}
.results strong span {
  color: #547187;
  font-size: 8px;
}
.results .result-primary {
  background: linear-gradient(145deg, #0c304a, #0a1e2d);
}
.results .result-primary b {
  color: #8be1ff;
}
.calculator-note {
  display: flex;
  margin: 22px 0 0;
  align-items: flex-start;
  gap: 10px;
  color: #647e91;
  font-size: 9px;
  line-height: 1.7;
}
.calculator-note i {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  margin-top: 5px;
  border-radius: 50%;
  background: #5fd0fa;
}
.closing {
  position: relative;
  display: grid;
  min-height: 650px;
  padding: 100px 22px;
  place-items: center;
  overflow: hidden;
  text-align: center;
  background:
    radial-gradient(circle at center, rgba(35, 117, 224, 0.2), transparent 34%),
    #050a10;
}
.closing:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.25;
  background-image:
    linear-gradient(rgba(95, 150, 191, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 150, 191, 0.08) 1px, transparent 1px);
  background-size: 62px 62px;
}
.closing img {
  position: absolute;
  width: 520px;
  opacity: 0.13;
  filter: blur(1px);
  transform: translateY(16%);
}
.closing-orbit {
  position: absolute;
  width: 620px;
  aspect-ratio: 1;
  border: 1px solid rgba(100, 196, 255, 0.13);
  border-radius: 50%;
  box-shadow: inset 0 0 90px rgba(29, 120, 209, 0.06);
}
.closing-copy {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
}
.closing-copy .overline {
  justify-content: center;
}
.closing h2 {
  margin: 25px 0 38px;
  font-family: var(--serif);
  font-size: clamp(45px, 6vw, 78px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -0.05em;
}
.site-footer {
  display: grid;
  padding: 36px clamp(22px, 5vw, 80px);
  grid-template-columns: 0.65fr 1.3fr 0.65fr;
  align-items: center;
  gap: 40px;
  border-top: 1px solid var(--line);
  background: #050a10;
}
.site-footer p {
  max-width: 620px;
  margin: 0;
  color: #4e6476;
  font-size: 8px;
  line-height: 1.7;
}
.site-footer > div {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  color: #4f687a;
  font-size: 7px;
  letter-spacing: 0.12em;
}
.site-footer > div a {
  color: #7dbfdc;
}
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.reveal.visible {
  opacity: 1;
  transform: none;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(-8px) rotate(-2deg);
  }
  50% {
    transform: translateY(12px) rotate(2deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.55;
    transform: scale(1.1);
  }
}
@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }
  .site-header nav,
  .header-cta {
    display: none;
  }
  .menu-button {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 12px;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(5, 11, 18, 0.7);
  }
  .menu-button i {
    display: block;
    width: 100%;
    height: 1px;
    background: #b4c7d4;
  }
  .site-header.menu-open {
    height: auto;
    padding-bottom: 20px;
    grid-template-rows: 62px auto;
    background: rgba(5, 11, 18, 0.96);
  }
  .site-header.menu-open nav {
    display: grid;
    grid-column: 1/-1;
    padding: 20px 0;
    gap: 20px;
    border-top: 1px solid var(--line);
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 130px;
  }
  .hero-copy {
    padding-bottom: 0;
  }
  .hero-visual {
    min-height: 500px;
  }
  .hero-coin {
    width: min(58vw, 390px);
  }
  .launch-brief {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .launch-intro {
    padding-right: 0;
    grid-template-columns: 0.55fr 1fr;
    align-items: end;
  }
  .launch-facts {
    border-top: 1px solid var(--line);
  }
  .orbit-outer {
    width: min(80vw, 520px);
  }
  .manifesto,
  .section-heading {
    grid-template-columns: 0.5fr 1.5fr;
  }
  .manifesto-copy,
  .section-heading > p {
    grid-column: 2;
  }
  .clarity-heading {
    grid-template-columns: 0.5fr 1.5fr;
  }
  .clarity-heading > p:last-child {
    grid-column: 2;
  }
  .clarity-ledger {
    grid-template-columns: 1fr 0.3fr 1fr;
  }
  .mechanism-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mechanism-card:nth-child(3) {
    border-left: 1px solid var(--line);
  }
  .scenario-stage {
    grid-template-columns: 1fr 1.25fr;
  }
  .calculator {
    gap: 45px;
  }
  .site-footer {
    grid-template-columns: 1fr 1fr;
  }
  .site-footer p {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .site-footer > div {
    justify-content: flex-end;
  }
}
@media (max-width: 640px) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .eyebrow,
  .overline {
    font-size: 8.5px;
    line-height: 1.6;
    letter-spacing: 0.18em;
  }
  .site-header {
    height: 70px;
    padding: 0 18px;
  }
  .hero {
    min-height: auto;
    padding: 120px 20px 70px;
    gap: 20px;
  }
  .hero h1 {
    font-size: 42px;
    line-height: 1.08;
  }
  .hero-lead {
    font-size: 14px;
    line-height: 1.8;
  }
  .hero-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }
  .primary-button {
    width: 100%;
  }
  .hero-proof {
    margin-top: 48px;
    gap: 14px;
  }
  .hero-proof div {
    display: grid;
    gap: 5px;
  }
  .hero-proof span {
    gap: 4px;
  }
  .hero-proof b {
    font-size: 10px;
  }
  .hero-proof small {
    font-size: 9px;
  }
  .hero-visual {
    min-height: 350px;
  }
  .hero-coin {
    width: 70vw;
  }
  .release-stamp strong {
    font-size: 33vw;
  }
  .release-stamp small,
  .release-stamp span {
    font-size: 6px;
    letter-spacing: 0.22em;
  }
  .signal-card {
    min-width: 118px;
    padding: 10px 11px 10px 27px;
  }
  .signal-card-top {
    right: -6%;
  }
  .signal-card-bottom {
    left: -4%;
  }
  .scroll-cue {
    display: none;
  }
  .section-shell {
    width: calc(100% - 36px);
  }
  .launch-brief {
    padding: 28px 0;
    gap: 24px;
  }
  .launch-intro {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .launch-intro p {
    font-size: 13px;
  }
  .launch-facts {
    grid-template-columns: repeat(2, 1fr);
  }
  .launch-facts div {
    min-height: 96px;
    padding: 16px;
    border-bottom: 1px solid var(--line);
  }
  .launch-facts dd {
    font-size: 17px;
  }
  .topic-label {
    font-size: 10px;
  }
  .token-clarity {
    padding: 76px 0;
  }
  .clarity-heading {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .clarity-heading h2 {
    font-size: 38px;
    line-height: 1.1;
  }
  .clarity-heading > p:last-child {
    grid-column: auto;
    font-size: 14px;
    line-height: 1.8;
  }
  .clarity-ledger {
    margin-top: 38px;
    grid-template-columns: 1fr;
  }
  .clarity-card {
    min-height: 350px;
    padding: 28px;
  }
  .clarity-symbol {
    width: 60px;
    height: 60px;
    margin-top: 32px;
  }
  .clarity-card h3 {
    font-size: 26px;
  }
  .clarity-card ul {
    font-size: 13px;
    line-height: 1.75;
  }
  .clarity-bridge {
    padding: 25px 18px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px;
    border-right: 1px solid var(--line);
    border-left: 1px solid var(--line);
  }
  .clarity-bridge i {
    transform: none;
  }
  .clarity-bridge small {
    width: 100%;
  }
  .clarity-summary {
    font-size: 12px;
    line-height: 1.75;
  }
  .manifesto {
    padding: 72px 0;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .manifesto-copy {
    grid-column: auto;
    font-size: 14px;
    line-height: 1.8;
  }
  .manifesto h2,
  .section-heading h2,
  .calculator h2 {
    font-size: 36px;
    line-height: 1.14;
  }
  .section-heading {
    padding: 76px 0 34px;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .section-heading > p {
    grid-column: auto;
    font-size: 13px;
    line-height: 1.75;
  }
  .mechanism-grid {
    padding-bottom: 90px;
    grid-template-columns: 1fr;
  }
  .mechanism-card,
  .mechanism-card:first-child,
  .mechanism-card:nth-child(3) {
    min-height: 270px;
    border-left: 1px solid var(--line);
  }
  .mechanism-card .step-icon {
    margin-top: 28px;
  }
  .mechanism-card h3 {
    margin-top: 22px;
    font-size: 24px;
  }
  .mechanism-card p {
    font-size: 13px;
    line-height: 1.75;
  }
  .mechanism-card small {
    font-size: 10px;
  }
  .scenarios {
    padding-bottom: 90px;
  }
  .scenario-stage {
    grid-template-columns: 1fr;
  }
  .scenario-copy {
    min-height: 340px;
    padding: 32px;
  }
  .scenario-copy h3 {
    font-size: 40px;
  }
  .scenario-copy > p:not(.scenario-label) {
    font-size: 13px;
    line-height: 1.75;
  }
  .scenario-visual {
    min-height: 380px;
  }
  .scene-orb {
    width: 220px;
  }
  .trust {
    padding-bottom: 90px;
  }
  .trust-grid {
    grid-template-columns: 1fr;
  }
  .trust-feature {
    min-height: 190px;
    padding: 28px;
  }
  .trust-feature h3 {
    margin-top: 27px;
  }
  .trust-feature p {
    font-size: 13px;
    line-height: 1.75;
  }
  .evidence-line {
    grid-template-columns: auto 1fr;
  }
  .evidence-line b {
    display: none;
  }
  .evidence-line time {
    grid-column: 2;
  }
  .calculator {
    padding: 90px 0;
    grid-template-columns: 1fr;
  }
  .calculator-panel {
    padding: 24px 20px;
  }
  .calculator-copy > p:not(.overline) {
    font-size: 13px;
    line-height: 1.8;
  }
  .input-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .results {
    grid-template-columns: 1fr;
  }
  .closing {
    min-height: 560px;
  }
  .closing h2 {
    font-size: 48px;
  }
  .closing img {
    width: 420px;
  }
  .closing-orbit {
    width: 470px;
  }
  .site-footer {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .site-footer p {
    grid-column: auto;
    grid-row: auto;
    font-size: 10px;
    line-height: 1.75;
  }
  .site-footer > div {
    justify-content: flex-start;
  }
  .brand img {
    width: 34px;
    height: 34px;
  }
}

/* R3 — Mineral light system: dark launch moments, bright technical dossiers. */
:root {
  --mineral: #f3f5f7;
  --card: #ffffff;
  --mist: #e7ecf1;
  --navy: #142234;
  --navy-2: #20364d;
  --light-text: #293746;
  --light-muted: #667382;
  --light-line: #d8dfe6;
  --steel-blue: #35658f;
  --gold-deep: #956a22;
}

.launch-brief {
  z-index: 3;
  margin-top: -54px;
  padding: 42px;
  border: 1px solid var(--light-line);
  border-top: 3px solid var(--gold);
  background: var(--card);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .22);
  color: var(--navy);
}
.launch-intro p { color: var(--light-muted); }
.launch-facts { border-color: var(--light-line); }
.launch-facts div { border-color: var(--light-line); }
.launch-facts dt { color: #778391; }
.launch-facts dd { color: var(--navy); }

.token-film {
  position: relative;
  display: grid;
  padding: 150px 0;
  grid-template-columns: .78fr 1.22fr;
  align-items: center;
  gap: clamp(50px, 8vw, 120px);
  color: var(--navy);
}
.token-film::before,
.positioning::before,
.page-gateway::before,
.token-clarity::before,
.calculator::before,
.scenario-explain::before,
.trust::before,
.whitepaper-layout::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
}
.token-film::before { background: var(--mist); }
.film-copy,
.film-frame { position: relative; z-index: 1; }
.film-copy .overline { margin: 24px 0 0; color: #7c8793; }
.film-copy h2 {
  margin: 30px 0 0;
  font-size: clamp(42px, 4.7vw, 70px);
  line-height: 1.06;
  letter-spacing: -.05em;
}
.film-copy > p:not(.overline) { max-width: 500px; margin: 28px 0 0; color: var(--light-muted); font-size: 14px; line-height: 1.9; }
.film-copy dl { display: grid; margin: 48px 0 0; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cbd3dc; }
.film-copy dl div { padding: 18px 12px 0 0; }
.film-copy dt { color: var(--gold-deep); font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.film-copy dd { margin: 8px 0 0; color: #4f5e6e; font-size: 11px; }
.film-frame {
  padding: 12px;
  border: 1px solid #bcc6d0;
  background: #dfe5eb;
  box-shadow: 0 35px 80px rgba(25, 43, 61, .18);
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
}
.film-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #080a0d; object-fit: cover; }
.film-frame > span { display: block; padding: 12px 4px 2px; color: #6d7986; font-size: 8px; letter-spacing: .23em; }

.positioning { position: relative; color: var(--navy); border-color: var(--light-line); }
.positioning::before { background: var(--card); }
.positioning-mark { border-color: var(--light-line); }
.positioning-mark span { -webkit-text-stroke-color: rgba(149, 106, 34, .55); }
.positioning-mark small { color: #8a96a2; }
.positioning-heading h2 em { color: var(--steel-blue); }
.positioning-heading > p,
.positioning-principles p { color: var(--light-muted); }
.positioning-principles { border-color: var(--light-line); }
.positioning-principles article + article { border-color: var(--light-line); }
.positioning-principles h3 { color: var(--navy); }
.positioning-principles span { color: var(--gold-deep); }

.page-gateway { position: relative; color: var(--navy); }
.page-gateway::before { background: var(--mineral); }
.gateway-heading p { color: var(--light-muted); }
.gateway-grid { gap: 18px; border: 0; }
.gateway-card {
  border: 1px solid var(--light-line);
  background: var(--card);
  box-shadow: 0 12px 32px rgba(34, 52, 70, .07);
  color: var(--navy);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}
.gateway-card:last-child { border-right: 1px solid var(--light-line); }
.gateway-card:hover { background: #fff; box-shadow: 0 22px 48px rgba(34, 52, 70, .13); }
.gateway-card > span { color: var(--gold-deep); }
.gateway-card p { color: var(--light-muted); }
.gateway-card b { color: var(--steel-blue); }
.gateway-card-featured { border-color: var(--navy); background: var(--navy); color: #fff; }
.gateway-card-featured:hover { background: var(--navy-2); }
.gateway-card-featured > span { color: var(--gold-soft); }
.gateway-card-featured p { color: #b8c2cc; }
.gateway-card-featured b { color: #fff; }

.token-clarity { position: relative; color: var(--navy); }
.token-clarity::before { background: var(--mineral); }
.clarity-heading h2 em { color: var(--steel-blue); }
.clarity-heading > p:last-child { color: var(--light-muted); }
.clarity-ledger { gap: 22px; }
.clarity-card {
  border: 1px solid var(--light-line);
  background: var(--card);
  box-shadow: 0 16px 44px rgba(29, 47, 65, .08);
  color: var(--navy);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
.clarity-card:hover { background: #fff; box-shadow: 0 22px 52px rgba(29, 47, 65, .13); }
.clarity-card ul { color: var(--light-muted); }
.clarity-symbol { border-color: #c6d0da; background: #eef2f6; color: var(--steel-blue); }
.clarity-name { color: var(--gold-deep); }
.clarity-bridge { color: #607080; }
.clarity-bridge b,
.clarity-bridge small strong { color: var(--navy); }
.clarity-summary { border-color: #c8d1da; background: #e8edf2; color: #536273; }
.clarity-summary b { color: var(--navy); }
.plain-example {
  display: grid;
  margin-top: 24px;
  padding: 28px 32px;
  grid-template-columns: 120px 1fr;
  gap: 32px;
  border: 1px solid var(--light-line);
  border-left: 4px solid var(--gold-deep);
  background: #fff;
  box-shadow: 0 14px 34px rgba(28, 46, 64, .07);
}
.plain-example > span { color: var(--gold-deep); font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.plain-example p { margin: 0; color: var(--light-muted); font-size: 14px; line-height: 1.9; }
.plain-example b { color: var(--navy); }

.calculator { position: relative; color: var(--navy); }
.calculator::before { background: var(--mist); }
.calculator-copy > p:not(.overline) { color: var(--light-muted); }
.calculator-panel { border-color: #cfd7df; background: #fff; box-shadow: 0 24px 60px rgba(25, 43, 61, .12); }
.input-row { border-color: var(--light-line); }
.input-row label,
.input-row div > span { color: var(--light-muted); }
.input-row input { color: var(--navy); }
.results > div { border-color: var(--light-line); background: #f2f5f8; }
.results > div small { color: var(--light-muted); }
.results strong { color: var(--navy); }
.results .result-primary { background: var(--navy); }
.results .result-primary small { color: #aebbc7; }
.results .result-primary strong { color: #fff; }
.calculator-note { color: #667586; }

.scenario-explain { position: relative; display: grid; gap: 18px; color: var(--navy); }
.scenario-explain::before { background: var(--mineral); }
.scenario-detail {
  padding: 36px 38px;
  border: 1px solid var(--light-line);
  background: #fff;
  box-shadow: 0 12px 30px rgba(31, 49, 67, .06);
  color: var(--navy);
}
.scenario-detail + .scenario-detail { border-top: 1px solid var(--light-line); }
.scenario-detail > span,
.scenario-detail > b { color: var(--gold-deep); }
.scenario-detail p { color: var(--light-muted); }
.trust { position: relative; padding-bottom: 150px; color: var(--navy); }
.trust::before { background: var(--mist); }
.trust .section-heading > p { color: var(--light-muted); }
.trust-grid { gap: 18px; border: 0; }
.trust-feature {
  border: 1px solid #ccd5de;
  background: #fff;
  box-shadow: 0 12px 30px rgba(31, 49, 67, .06);
  color: var(--navy);
}
.trust-feature:nth-child(even) { border-left: 1px solid #ccd5de; }
.trust-feature:nth-child(n+3) { border-top: 1px solid #ccd5de; }
.trust-feature > span { color: var(--gold-deep); }
.trust-feature p { color: var(--light-muted); }
.evidence-line { border-color: #c6d0da; background: rgba(255,255,255,.65); color: #5f6e7d; }

.whitepaper-layout { position: relative; }
.whitepaper-layout::before { background: var(--mineral); }
.whitepaper-toc { z-index: 2; }
.whitepaper-toc > span { color: var(--gold-deep); }
.whitepaper-toc nav,
.whitepaper-toc a { border-color: var(--light-line); }
.whitepaper-toc a { color: #607080; }
.whitepaper-toc a:hover { color: var(--navy); }
.whitepaper-document { position: relative; z-index: 1; color: var(--navy); }
.whitepaper-document > section {
  margin-bottom: 22px;
  padding: 64px;
  border: 1px solid var(--light-line);
  background: #fff;
  box-shadow: 0 14px 38px rgba(31, 49, 67, .06);
  scroll-margin-top: 110px;
}
.whitepaper-document > section + section { padding-top: 64px; border-top: 1px solid var(--light-line); }
.whitepaper-document p { color: var(--light-muted); }
.whitepaper-document .lead { color: var(--navy); }
.paper-callout { border-color: #c8d2dc; background: #edf2f6; color: var(--navy); }
.definition-grid,
.paper-utility,
.paper-steps { border-color: var(--light-line); }
.definition-grid > div,
.paper-utility article,
.paper-steps div { border-color: var(--light-line); background: #f6f8fa; }
.definition-grid > div + div,
.paper-utility article + article { border-color: var(--light-line); }
.definition-grid > div > b,
.paper-utility article > span,
.paper-steps b,
.chapter-label { color: var(--gold-deep); }
.whitepaper-document th,
.whitepaper-document td { border-color: var(--light-line); }
.whitepaper-document th { background: #eef2f5; color: #657383; }
.whitepaper-document td { color: #526171; }
.whitepaper-document td b { color: var(--gold-deep); }
.paper-list li { border-color: var(--light-line); color: var(--light-muted); }
.paper-list li b { color: var(--navy); }
.paper-status { border-color: #c8d2dc; background: #eef2f5; }
.paper-status p { color: #607080; }

@media (max-width: 980px) {
  .token-film { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .launch-brief { width: calc(100% - 28px); margin-top: -24px; padding: 26px 20px; }
  .launch-facts { grid-template-columns: repeat(2, 1fr); }
  .token-film { width: calc(100% - 40px); padding: 90px 0; gap: 42px; }
  .film-copy h2 { font-size: 38px; }
  .film-copy dl { margin-top: 34px; }
  .film-copy dd { font-size: 9px; }
  .film-frame { padding: 7px; }
  .positioning-principles article + article { border-color: var(--light-line); }
  .gateway-grid { gap: 14px; }
  .gateway-card { min-height: 230px; }
  .plain-example { padding: 24px; grid-template-columns: 1fr; gap: 14px; }
  .calculator { width: calc(100% - 40px); }
  .scenario-explain { width: calc(100% - 40px); gap: 14px; }
  .scenario-detail { padding: 28px 24px; }
  .trust { width: calc(100% - 40px); padding-bottom: 90px; }
  .whitepaper-layout::before { top: 0; }
  .whitepaper-toc { background: rgba(243,245,247,.96); }
  .whitepaper-toc a { border-color: var(--light-line); color: #526171; }
  .whitepaper-document { padding-top: 48px; }
  .whitepaper-document > section,
  .whitepaper-document > section + section { margin-bottom: 14px; padding: 30px 24px 54px; }
  .whitepaper-document h2 { font-size: 38px; }
  .definition-grid > div + div,
  .paper-utility article + article,
  .paper-steps div:nth-child(3),
  .paper-steps div:nth-child(4) { border-color: var(--light-line); }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .hero-coin,
  .orbit,
  .scene-orb:before,
  .scene-orb:after {
    animation: none;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Multi-page architecture */
.mobile-token-stage { display: none; }
.site-header nav a { position: relative; }
.site-header nav a.active { color: #f1f2f4; }
.site-header nav a.active:after { content:""; position:absolute; right:0; bottom:-12px; left:0; height:1px; background:var(--gold); }
.home-hero { min-height: 900px; }
.page-gateway { padding: 150px 0 170px; }
.gateway-heading { display:grid; grid-template-columns:1.05fr .72fr; gap:28px 80px; align-items:end; }
.gateway-heading .topic-label { grid-column:1/-1; }
.gateway-heading h2 { margin:0; font-size:clamp(42px,5vw,72px); line-height:1.06; letter-spacing:-.05em; }
.gateway-heading p { margin:0 0 5px; color:#92969d; font-size:14px; line-height:1.9; }
.gateway-grid { display:grid; margin-top:70px; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.gateway-card { display:flex; min-height:370px; padding:34px; flex-direction:column; border-left:1px solid var(--line); transition:.25s ease; }
.gateway-card:last-child { border-right:1px solid var(--line); }
.gateway-card:hover { background:#111318; transform:translateY(-4px); }
.gateway-card > span { color:var(--gold); font-size:9px; letter-spacing:.22em; }
.gateway-card h3 { margin:auto 0 0; font-size:25px; font-weight:600; }
.gateway-card p { min-height:50px; margin:16px 0 0; color:#898e95; font-size:13px; line-height:1.8; }
.gateway-card b { margin-top:36px; color:#c6c9ce; font-size:11px; letter-spacing:.08em; }
.gateway-card-featured { background:linear-gradient(145deg,rgba(216,173,84,.11),rgba(216,173,84,.025)); }
.compact-closing { min-height:620px; }

.subpage-hero { position:relative; display:grid; min-height:720px; padding:170px max(32px,calc((100vw - 1280px)/2)) 90px; grid-template-columns:1.18fr .82fr; align-items:end; gap:9vw; overflow:hidden; border-bottom:1px solid var(--line); }
.subpage-hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 76% 42%,rgba(216,173,84,.1),transparent 30%); pointer-events:none; }
.subpage-hero-copy,.subpage-rule-card,.scenario-index { position:relative; z-index:1; }
.page-kicker { color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.26em; }
.subpage-hero h1 { max-width:820px; margin:34px 0 0; font-size:clamp(58px,6vw,92px); line-height:1; letter-spacing:-.06em; }
.subpage-hero h1 em { color:#a6a9ae; font-style:normal; }
.subpage-hero-copy > p { max-width:620px; margin:30px 0 0; color:#999da4; font-size:15px; line-height:1.95; }
.subpage-rule-card { padding:30px; border:1px solid var(--line); background:rgba(16,18,22,.75); }
.subpage-rule-card > span { color:var(--gold); font-size:9px; letter-spacing:.22em; }
.subpage-rule-card > span i { display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background:#58efba; box-shadow:0 0 8px #58efba; }
.subpage-rule-card dl { margin:24px 0 0; }
.subpage-rule-card dl div { display:flex; padding:18px 0; justify-content:space-between; gap:20px; border-top:1px solid var(--line); }
.subpage-rule-card dt { color:#747981; font-size:11px; }
.subpage-rule-card dd { margin:0; font-size:12px; }
.subpage-rule-card dd b { color:var(--gold-soft); }
.scenario-index { display:flex; min-height:320px; padding:36px; flex-direction:column; border-left:1px solid var(--line); }
.scenario-index span { color:#777c84; font-size:10px; letter-spacing:.2em; }
.scenario-index strong { margin:auto 0 0; color:transparent; font-size:160px; line-height:.75; -webkit-text-stroke:1px rgba(216,173,84,.5); }
.scenario-index small { margin-top:34px; color:#c2c5ca; font-size:12px; letter-spacing:.12em; }
.standalone-scenarios { padding-bottom:150px; }
.scenario-explain { padding:140px 0; }
.scenario-detail { display:grid; padding:44px 0; grid-template-columns:.35fr 1fr .5fr; align-items:center; gap:50px; border-top:1px solid var(--line); }
.scenario-detail:last-child { border-bottom:1px solid var(--line); }
.scenario-detail > span { color:var(--gold); font-size:10px; letter-spacing:.2em; }
.scenario-detail h2 { margin:0; font-size:29px; }
.scenario-detail p { margin:12px 0 0; color:#8b9097; font-size:13px; line-height:1.8; }
.scenario-detail > b { justify-self:end; color:#aaaeb5; font-size:11px; font-weight:500; }
.scenario-detail > b em { color:var(--gold-soft); font-style:normal; }
.next-page { display:grid; min-height:480px; padding:100px 24px; place-items:center; align-content:center; gap:24px; border-top:1px solid var(--line); background:#08090b; text-align:center; }
.next-page > span { color:var(--gold); font-size:9px; letter-spacing:.26em; }
.next-page h2 { max-width:760px; margin:0 0 12px; font-size:clamp(36px,4.5vw,62px); line-height:1.08; }

/* Whitepaper */
.whitepaper-page { background:#0b0c0e; }
.print-button { border-width:0 0 1px; background:transparent; color:#d8dadd; cursor:pointer; }
.whitepaper-shell { width:min(1380px,calc(100% - 64px)); margin:0 auto; }
.whitepaper-cover { display:grid; min-height:860px; padding:170px 0 100px; grid-template-columns:1.1fr .9fr; align-items:center; gap:8vw; border-bottom:1px solid var(--line); }
.whitepaper-cover-copy > span { color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.26em; }
.whitepaper-cover h1 { margin:36px 0 0; font-size:clamp(60px,6.8vw,104px); line-height:.98; letter-spacing:-.06em; }
.whitepaper-cover-copy > p { margin:30px 0 0; color:#747982; font-size:11px; letter-spacing:.24em; }
.whitepaper-cover dl { display:grid; margin:80px 0 0; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.whitepaper-cover dl div { padding:20px 20px 0 0; }
.whitepaper-cover dt { color:#666b73; font-size:9px; }
.whitepaper-cover dd { margin:9px 0 0; font-size:13px; }
.whitepaper-cover-art { position:relative; display:grid; min-height:590px; place-items:center; border:1px solid var(--line); background:radial-gradient(circle,rgba(216,173,84,.12),transparent 42%); }
.whitepaper-cover-art i { position:absolute; width:72%; aspect-ratio:1; border:1px solid rgba(216,173,84,.22); border-radius:50%; }
.whitepaper-cover-art img { position:relative; width:min(82%,470px); filter:drop-shadow(0 40px 40px rgba(0,0,0,.6)); }
.whitepaper-cover-art span { position:absolute; right:28px; bottom:24px; color:#6d727a; font-size:8px; letter-spacing:.2em; }
.whitepaper-layout { display:grid; grid-template-columns:260px minmax(0,850px); justify-content:space-between; gap:8vw; padding:120px 0 170px; }
.whitepaper-toc { position:sticky; top:110px; height:fit-content; }
.whitepaper-toc > span { color:var(--gold); font-size:9px; letter-spacing:.22em; }
.whitepaper-toc nav { display:grid; margin-top:24px; border-top:1px solid var(--line); }
.whitepaper-toc a { padding:14px 0; border-bottom:1px solid var(--line); color:#858a92; font-size:12px; }
.whitepaper-toc a:hover { color:#fff; }
.whitepaper-document > section { padding:0 0 110px; scroll-margin-top:100px; }
.whitepaper-document > section + section { padding-top:110px; border-top:1px solid var(--line); }
.chapter-label { color:var(--gold); font-size:9px; font-weight:700; letter-spacing:.24em; }
.whitepaper-document h2 { margin:25px 0 0; font-size:clamp(40px,5vw,66px); line-height:1.05; letter-spacing:-.045em; }
.whitepaper-document h3 { margin:40px 0 0; font-size:21px; }
.whitepaper-document p { margin:22px 0 0; color:#a0a4ab; font-size:15px; line-height:2; }
.whitepaper-document .lead { color:#e0e1e4; font-size:22px; line-height:1.75; }
.paper-callout { margin-top:42px; padding:28px 32px; border-left:2px solid var(--gold); background:rgba(216,173,84,.07); color:#d3d5d9; font-size:16px; line-height:1.8; }
.definition-grid { display:grid; margin-top:48px; grid-template-columns:repeat(2,1fr); border:1px solid var(--line); }
.definition-grid > div { min-height:260px; padding:30px; }
.definition-grid > div + div { border-left:1px solid var(--line); }
.definition-grid b,.paper-utility span { color:var(--gold); font-size:10px; letter-spacing:.2em; }
.definition-grid h3,.paper-utility h3 { margin:74px 0 0; }
.definition-grid p,.paper-utility p { font-size:13px; }
.paper-steps { display:grid; margin-top:48px; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.paper-steps div { min-height:180px; padding:25px 20px; }
.paper-steps div + div { border-left:1px solid var(--line); }
.paper-steps b { color:var(--gold); font-size:9px; }
.paper-steps h3 { margin:52px 0 0; font-size:17px; }
.paper-steps p { margin-top:9px; font-size:12px; }
.whitepaper-document table { width:100%; margin-top:54px; border-collapse:collapse; font-size:13px; }
.whitepaper-document th,.whitepaper-document td { padding:18px 16px; border:1px solid var(--line); text-align:left; }
.whitepaper-document th { color:#767b83; font-size:9px; letter-spacing:.12em; }
.whitepaper-document td { color:#a8acb3; }
.whitepaper-document td b { color:var(--gold-soft); }
.paper-utility { display:grid; margin-top:48px; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.paper-utility article { min-height:260px; padding:28px; }
.paper-utility article + article { border-left:1px solid var(--line); }
.paper-list { display:grid; margin:40px 0 0; padding:0; gap:0; list-style:none; }
.paper-list li { padding:22px 0; border-top:1px solid var(--line); color:#a0a4ab; font-size:14px; line-height:1.8; }
.paper-list li:last-child { border-bottom:1px solid var(--line); }
.paper-list b { color:#e0e1e4; }
.paper-status { display:grid; margin-top:38px; padding:24px; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; border:1px solid var(--line); }
.paper-status b { font-size:12px; }
.paper-status p { margin:5px 0 0; font-size:11px; line-height:1.5; }
.paper-status time { color:#777c84; font-size:10px; }
.paper-end { display:flex; margin-top:80px; align-items:center; gap:18px; color:#6e737b; font-size:9px; letter-spacing:.2em; }
.paper-end img { width:48px; height:48px; }

@media (max-width: 980px) {
  .gateway-heading { grid-template-columns:1fr; }
  .gateway-heading .topic-label { grid-column:auto; }
  .gateway-grid { grid-template-columns:1fr; }
  .gateway-card { min-height:280px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
  .subpage-hero { grid-template-columns:1fr; gap:55px; }
  .subpage-rule-card,.scenario-index { max-width:650px; }
  .whitepaper-cover { grid-template-columns:1fr; }
  .whitepaper-cover-art { min-height:540px; }
  .whitepaper-layout { grid-template-columns:200px minmax(0,1fr); gap:50px; }
}

@media (max-width: 640px) {
  .site-header.menu-open { padding-bottom:28px; }
  .site-header.menu-open nav { gap:0; }
  .site-header.menu-open nav a { padding:15px 4px; border-bottom:1px solid var(--line); font-size:14px; }
  .site-header nav a.active:after { display:none; }
  .home-hero { min-height:auto; padding:104px 20px 66px; gap:0; }
  .home-hero .hero-visual { display:none; }
  .home-hero .hero-copy { display:flex; flex-direction:column; }
  .home-hero .eyebrow { order:1; }
  .home-hero h1 { order:2; margin-top:26px; font-size:43px; }
  .mobile-token-stage { position:relative; display:grid; order:3; min-height:345px; margin:24px 0 22px; place-items:center; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .mobile-coin-frame { position:relative; display:grid; width:280px; height:280px; place-items:center; }
  .mobile-coin-frame > i { position:absolute; width:236px; height:236px; border:1px solid rgba(216,173,84,.22); border-radius:50%; }
  .mobile-coin-frame > i:before,.mobile-coin-frame > i:after { content:""; position:absolute; background:rgba(216,173,84,.2); }
  .mobile-coin-frame > i:before { top:50%; left:-30px; width:296px; height:1px; }
  .mobile-coin-frame > i:after { top:-30px; left:50%; width:1px; height:296px; }
  .mobile-coin-frame img { position:relative; width:260px; filter:drop-shadow(0 24px 28px rgba(0,0,0,.65)); animation:float 8s ease-in-out infinite; }
  .mobile-token-status { position:absolute; right:0; bottom:18px; display:grid; padding:10px 12px; border:1px solid var(--line); background:rgba(9,10,12,.88); }
  .mobile-token-status span { color:#6f747c; font-size:7px; letter-spacing:.18em; }
  .mobile-token-status span i { display:inline-block; width:5px; height:5px; margin-right:6px; border-radius:50%; background:#58efba; box-shadow:0 0 7px #58efba; }
  .mobile-token-status b { margin-top:5px; font-size:9px; }
  .home-hero .hero-lead { order:4; margin-top:0; font-size:14px; line-height:1.9; }
  .home-hero .hero-actions { order:5; margin-top:28px; }
  .home-hero .hero-proof { order:6; }
  .hero-proof { grid-template-columns:repeat(3,1fr); }
  .hero-proof b { line-height:1.45; }
  .launch-facts div { min-height:88px; }
  .positioning { padding:88px 0; }
  .positioning-heading h2 { font-size:38px; }
  .page-gateway { padding:90px 0 100px; }
  .gateway-heading { gap:24px; }
  .gateway-heading h2 { font-size:38px; }
  .gateway-grid { margin-top:46px; }
  .gateway-card { min-height:245px; padding:26px; }
  .gateway-card h3 { font-size:22px; }
  .gateway-card p { min-height:0; font-size:13px; }
  .gateway-card b { margin-top:28px; }
  .compact-closing { min-height:520px; }
  .subpage-hero { min-height:auto; padding:128px 20px 72px; gap:44px; }
  .subpage-hero h1 { margin-top:24px; font-size:43px; line-height:1.06; }
  .subpage-hero-copy > p { margin-top:24px; font-size:14px; }
  .subpage-rule-card { padding:22px; }
  .scenario-index { min-height:220px; padding:25px; }
  .scenario-index strong { font-size:110px; }
  .token-clarity { padding:82px 0; }
  .clarity-card { min-height:315px; }
  .mechanism-grid { padding-bottom:86px; }
  .mechanism-card,.mechanism-card:first-child,.mechanism-card:nth-child(3) { min-height:245px; padding:24px; }
  .mechanism-card .step-icon { position:absolute; top:22px; right:22px; width:44px; height:44px; margin:0; }
  .mechanism-card h3 { margin-top:55px; }
  .mechanism-card p { padding-right:8px; }
  .calculator { padding:86px 0; gap:44px; }
  .results { grid-template-columns:repeat(2,1fr); }
  .results .result-primary { grid-column:1/-1; }
  .standalone-scenarios { padding-bottom:90px; }
  .scenario-visual { min-height:320px; }
  .scenario-explain { padding:80px 0; }
  .scenario-detail { padding:30px 0; grid-template-columns:1fr; gap:14px; }
  .scenario-detail > b { justify-self:start; margin-top:10px; }
  .scenario-detail h2 { font-size:25px; }
  .next-page { min-height:420px; padding:76px 20px; }
  .next-page h2 { font-size:36px; }
  .whitepaper-shell { width:calc(100% - 36px); }
  .whitepaper-cover { min-height:auto; padding:120px 0 70px; gap:48px; }
  .whitepaper-cover h1 { margin-top:26px; font-size:40px; line-height:1.08; }
  .whitepaper-cover dl { margin-top:48px; }
  .whitepaper-cover-art { min-height:350px; }
  .whitepaper-cover-art img { width:82%; }
  .whitepaper-layout { display:block; padding:0 0 110px; }
  .whitepaper-toc { z-index:20; top:70px; display:flex; width:calc(100vw - 36px); margin-left:0; padding:14px 0; align-items:center; gap:20px; overflow-x:auto; background:rgba(11,12,14,.95); backdrop-filter:blur(14px); }
  .whitepaper-toc > span { flex:0 0 auto; }
  .whitepaper-toc nav { display:flex; margin:0; border:0; gap:8px; }
  .whitepaper-toc a { flex:0 0 auto; padding:8px 12px; border:1px solid var(--line); font-size:11px; }
  .whitepaper-document { padding-top:78px; }
  .whitepaper-document > section { padding-bottom:78px; }
  .whitepaper-document > section + section { padding-top:78px; }
  .whitepaper-document h2 { font-size:42px; }
  .whitepaper-document p { font-size:14px; line-height:1.9; }
  .whitepaper-document .lead { font-size:19px; }
  .paper-callout { padding:22px; font-size:15px; }
  .definition-grid,.paper-utility { grid-template-columns:1fr; }
  .definition-grid > div,.paper-utility article { min-height:210px; padding:24px; }
  .definition-grid > div + div,.paper-utility article + article { border-top:1px solid var(--line); border-left:0; }
  .definition-grid h3,.paper-utility h3 { margin-top:46px; }
  .paper-steps { grid-template-columns:repeat(2,1fr); }
  .paper-steps div { min-height:155px; }
  .paper-steps div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .paper-steps div:nth-child(4) { border-top:1px solid var(--line); }
  .whitepaper-document table { display:block; overflow-x:auto; white-space:nowrap; }
  .paper-status { grid-template-columns:auto 1fr; }
  .paper-status time { grid-column:2; }
  .print-button { display:none; }
}

@media print {
  .site-header,.whitepaper-toc,.site-footer,.print-button { display:none !important; }
  .whitepaper-page { background:#fff; color:#111; }
  .whitepaper-shell { width:100%; }
  .whitepaper-cover { min-height:90vh; }
  .whitepaper-cover-art { display:none; }
  .whitepaper-cover,.whitepaper-layout { display:block; }
  .whitepaper-document > section { break-inside:avoid; }
  .whitepaper-document p,.paper-list li,.whitepaper-document td { color:#333; }
}

/* Premium financial direction — restrained, precise, utility-first. */
:root {
  --ink: #090a0c;
  --ink-2: #101216;
  --paper: #0c0e11;
  --muted: #8d9199;
  --line: rgba(255, 255, 255, 0.105);
  --cyan: #68bde8;
  --blue: #246fa8;
  --gold: #d8ad54;
  --gold-soft: #edcd86;
  --white: #f1f2f4;
  --serif: "SF Pro Display", Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
}
body {
  background: var(--ink);
  background-image: linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), rgba(255,255,255,.025) calc(100% - 1px));
  background-size: 25vw 100%;
}
.ambient { opacity: .065; filter: blur(180px); }
.ambient-a { background: #496e91; }
.ambient-b { background: #b0812d; }
.site-header { height: 88px; }
.site-header.scrolled { background: rgba(9, 10, 12, .88); }
.brand img { box-shadow: none; }
.brand b { font-size: 13px; letter-spacing: .28em; }
.brand small { color: #62666d; font-size: 8px; }
.site-header nav { color: #8c9097; font-size: 12px; }
.site-header nav a:hover { color: var(--gold-soft); }
.header-cta { border-color: rgba(216,173,84,.5); color: #d8dadd; font-size: 12px; }
.header-cta span { color: var(--gold); }
.hero {
  min-height: 940px;
  padding-top: 150px;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
  gap: 3vw;
}
.hero:before {
  background:
    linear-gradient(90deg, rgba(9,10,12,.98), rgba(9,10,12,.88) 46%, rgba(9,10,12,.36)),
    radial-gradient(circle at 76% 47%, rgba(216,173,84,.105), transparent 32%);
}
.hero:after {
  opacity: .22;
  background-image: linear-gradient(90deg, transparent 49.9%, rgba(255,255,255,.085) 50%, transparent 50.1%);
  background-size: 25vw 100%;
  mask-image: linear-gradient(90deg, transparent 2%, #000 18%, #000 92%, transparent);
}
.eyebrow, .overline { color: #858991; font-size: 10px; letter-spacing: .25em; }
.eyebrow i { width: 42px; background: var(--gold); box-shadow: none; }
.hero h1 {
  max-width: 820px;
  margin-top: 36px;
  font-family: var(--sans);
  font-size: clamp(58px, 6.35vw, 102px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.06em;
}
.hero h1 span {
  color: var(--gold-soft);
  font-size: .38em;
  font-weight: 700;
  letter-spacing: .24em;
}
.hero h1 em, .section-shell h2 em, .closing h2 em { color: #a6a9ae; }
.hero-lead { max-width: 580px; margin-top: 34px; color: #a0a4ab; font-size: 15px; line-height: 1.95; }
.hero-actions { margin-top: 42px; }
.primary-button {
  min-width: 210px;
  padding: 17px 20px;
  border-color: var(--gold);
  background: var(--gold);
  box-shadow: none;
  color: #11100d;
  font-size: 12px;
}
.primary-button:hover { background: #ebc979; border-color: #ebc979; box-shadow: none; }
.text-button { color: #a9acb2; font-size: 12px; }
.text-button span { color: var(--gold); }
.hero-proof { margin-top: 72px; gap: 0; border-top: 1px solid var(--line); }
.hero-proof div { min-width: 165px; padding: 20px 30px 0 0; }
.hero-proof div + div { padding-left: 30px; border-left: 1px solid var(--line); }
.hero-proof div > i { border-radius: 0; border-color: var(--gold); box-shadow: none; }
.hero-proof b { font-size: 11px; }
.hero-proof small { color: #70747a; font-size: 9px; }
.hero-visual { min-height: 650px; place-items: center; }
.hero-coin { z-index: 4; width: min(29vw, 430px); animation-duration: 8s; filter: drop-shadow(0 48px 46px rgba(0,0,0,.72)); }
.coin-glow { width: 55%; background: radial-gradient(circle, rgba(216,173,84,.18), transparent 68%); filter: blur(18px); }
.coin-axis {
  position: absolute;
  z-index: 2;
  width: 74%;
  aspect-ratio: 1;
  border: 1px solid rgba(216,173,84,.18);
  border-radius: 50%;
}
.coin-axis:before, .coin-axis:after { content:""; position:absolute; background:rgba(216,173,84,.25); }
.coin-axis:before { top:50%; left:-12%; width:124%; height:1px; }
.coin-axis:after { left:50%; top:-12%; width:1px; height:124%; }
.token-passport {
  position: absolute;
  z-index: 1;
  right: 1%;
  bottom: 6%;
  width: 78%;
  padding: 26px 28px;
  border: 1px solid var(--line);
  background: rgba(12,14,17,.76);
  backdrop-filter: blur(14px);
}
.token-passport > span { color: var(--gold); font-size: 8px; font-weight: 700; letter-spacing: .24em; }
.token-passport > strong { display:block; margin-top:13px; color:rgba(255,255,255,.075); font-size:92px; line-height:.8; letter-spacing:-.07em; }
.token-passport dl { display:grid; margin:26px 0 0; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.token-passport dl div { padding:14px 12px 0 0; }
.token-passport dt { color:#60656d; font-size:7px; letter-spacing:.18em; }
.token-passport dd { margin:7px 0 0; color:#c5c8cd; font-size:9px; letter-spacing:.1em; }
.signal-card { min-width: 150px; border-color: var(--line); background: rgba(11,12,15,.86); box-shadow: none; }
.signal-card-top { top: 12%; right: -1%; }
.signal-card-bottom { bottom: 20%; left: -4%; }
.signal-card-bottom i { background: var(--gold); box-shadow: 0 0 8px rgba(216,173,84,.8); }
.scroll-cue { color: #60636a; }
.scroll-cue i { background: linear-gradient(90deg, var(--gold), transparent); }
.section-shell { width: min(1280px, calc(100% - 64px)); }
.launch-brief { padding: 42px 0; border-top-color: rgba(216,173,84,.48); }
.launch-intro span { color: var(--gold); font-size: 9px; }
.launch-intro p { color: #8f939a; font-size: 13px; }
.launch-facts div { min-height: 120px; padding: 22px 28px; }
.launch-facts dt { color: #70747b; font-size: 9px; }
.launch-facts dd { color: #e0e1e3; font-family: var(--sans); font-size: 18px; font-weight: 600; }
.positioning {
  display: grid;
  padding: 170px 0;
  grid-template-columns: .42fr 1.58fr;
  gap: clamp(60px, 9vw, 140px);
  border-bottom: 1px solid var(--line);
}
.positioning-mark {
  display: flex;
  min-height: 520px;
  padding: 8px 0 0;
  flex-direction: column;
  align-items: flex-start;
  border-right: 1px solid var(--line);
}
.positioning-mark span {
  color: transparent;
  font-size: clamp(82px, 9vw, 138px);
  font-weight: 750;
  line-height: .82;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px rgba(216,173,84,.42);
}
.positioning-mark i {
  width: 1px;
  height: 150px;
  margin: 42px 0 28px 12px;
  background: linear-gradient(var(--gold), transparent);
}
.positioning-mark small {
  max-width: 110px;
  color: #686c73;
  font-size: 8px;
  line-height: 1.8;
  letter-spacing: .22em;
}
.positioning-heading {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr);
  gap: 38px 54px;
  align-items: end;
}
.positioning-heading .topic-label { grid-column: 1 / -1; }
.positioning-heading h2 {
  margin: 0;
  font-family: var(--sans);
  font-size: clamp(44px,4.6vw,68px);
  font-weight: 620;
  line-height: 1.06;
  letter-spacing: -.05em;
}
.positioning-heading h2 em { color: var(--gold-soft); font-style: normal; }
.positioning-heading > p {
  margin: 0 0 5px;
  color: #94989f;
  font-size: 14px;
  line-height: 1.95;
}
.positioning-principles {
  display: grid;
  margin-top: 74px;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.positioning-principles article {
  min-height: 250px;
  padding: 28px 30px 30px 0;
}
.positioning-principles article + article {
  padding-left: 30px;
  border-left: 1px solid var(--line);
}
.positioning-principles span {
  color: var(--gold);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .24em;
}
.positioning-principles h3 {
  margin: 74px 0 0;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.positioning-principles p {
  margin: 13px 0 0;
  color: #858a92;
  font-size: 12px;
  line-height: 1.85;
}
.topic-label { border: 0; border-left: 2px solid var(--gold); background: none; color: var(--gold-soft); font-size: 10px; }
.token-clarity { padding: 160px 0; }
.clarity-heading h2, .section-heading h2, .calculator h2 {
  font-family: var(--sans);
  font-weight: 620;
  letter-spacing: -.045em;
}
.clarity-heading > p:last-child, .section-heading > p { color: #92969d; font-size: 14px; }
.clarity-card { min-height: 430px; padding: 40px; background: #101216; }
.clarity-card:hover { background: #12151a; }
.clarity-symbol, .step-icon { border-radius: 2px; font-family: var(--sans); }
.clarity-card h3, .mechanism-card h3, .trust-feature h3 { font-family: var(--sans); font-weight: 580; }
.clarity-card ul { color: #93979e; font-size: 13px; }
.clarity-summary { font-size: 13px; }
.section-heading { padding: 150px 0 64px; }
.mechanism-grid { padding-bottom: 160px; }
.mechanism-card { min-height: 390px; padding: 34px 28px; }
.mechanism-card:hover { background: rgba(216,173,84,.035); transform: translateY(-3px); }
.step-number { color: #686c73; font-size: 9px; }
.step-icon { margin-top: 68px; border-color: rgba(216,173,84,.36); color: var(--gold); box-shadow: none; }
.mechanism-card h3 { font-size: 21px; }
.mechanism-card p { color: #8d9299; font-size: 13px; }
.mechanism-card small { color: #6e737a; font-size: 10px; }
.mechanism-card small b { color: var(--gold-soft); }
.scenarios { padding-bottom: 160px; background: #0c0e11; color: var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section-heading-light .overline, .section-heading-light > p { color:#8b9097; }
.scenario-stage { min-height: 570px; grid-template-columns:.82fr 1.18fr; background:#101216; box-shadow:none; border:1px solid var(--line); }
.scenario-copy { padding: 58px; border-right:1px solid var(--line); }
.scenario-label { color:var(--gold); font-size:9px; }
.scenario-copy h3 { font-family:var(--sans); font-size:54px; font-weight:620; letter-spacing:-.045em; }
.scenario-copy > p:not(.scenario-label) { color:#999da4; font-size:14px; }
.scenario-controls button { border-color:var(--line); color:#c3c6cb; }
.scenario-controls i { background:var(--gold); }
.scenario-visual { background:linear-gradient(135deg,#111419,#090b0e); }
.data-grid { opacity:.12; background-size:70px 70px; transform:none; }
.scene-orb { width:300px; border-color:rgba(216,173,84,.42); border-radius:2px; box-shadow:0 0 80px rgba(216,173,84,.06); transform:rotate(45deg); }
.scene-orb:before { inset:24px; border-style:solid; border-color:rgba(255,255,255,.1); border-radius:2px; animation:none; }
.scene-orb:after { inset:54px; border-color:rgba(216,173,84,.25); border-radius:50%; animation-duration:20s; }
.scene-orb span { font-family:var(--sans); font-size:18px; font-weight:650; letter-spacing:.16em; transform:rotate(-45deg); }
.scene-metric { border-left-color:var(--gold); background:rgba(9,10,12,.82); }
.trust-feature { min-height:240px; padding:40px; }
.trust-feature > span { color:var(--gold); font-size:9px; }
.trust-feature h3 { font-size:24px; }
.trust-feature p { color:#8b9097; font-size:13px; }
.evidence-line { font-size:10px; }
.calculator { padding:150px 0; }
.calculator-copy > p:not(.overline) { color:#8e939a; font-size:14px; }
.calculator-panel { border-color:var(--line); background:#101216; box-shadow:none; }
.input-row label { font-size:11px; }
.input-row input { font-family:var(--sans); font-weight:600; }
.rule-pills span, .calculator-note { font-size:10px; }
.rule-pills b, .results .result-primary b { color:var(--gold-soft); }
.results > div { background:#0b0d10; }
.results .result-primary { background:#17150f; }
.results strong b { font-family:var(--sans); }
.closing { min-height:700px; background:radial-gradient(circle at center,rgba(216,173,84,.09),transparent 31%),#08090b; }
.closing:before { opacity:.09; background-size:90px 90px; }
.closing img { width:500px; opacity:.1; }
.closing-orbit { border-color:rgba(216,173,84,.18); box-shadow:none; }
.closing h2 { font-family:var(--sans); font-weight:620; }
.site-footer { background:#07080a; }
.site-footer p { color:#747880; font-size:10px; }

@media (max-width: 980px) {
  .hero { min-height:auto; grid-template-columns:1fr; gap:20px; }
  .hero-visual { min-height:620px; }
  .hero-coin { width:min(54vw,420px); }
  .token-passport { width:70%; right:8%; }
  .positioning { grid-template-columns: 1fr; gap: 60px; }
  .positioning-mark { min-height: auto; padding-bottom: 34px; flex-direction: row; align-items: center; gap: 28px; border-right: 0; border-bottom: 1px solid var(--line); }
  .positioning-mark i { width: 90px; height: 1px; margin: 0; }
  .positioning-mark small { max-width: 150px; }
}
@media (max-width: 640px) {
  body { background-size:50vw 100%; }
  .site-header { height:72px; }
  .hero { padding:112px 20px 64px; }
  .hero h1 { font-size:47px; line-height:1.02; }
  .hero h1 span { font-size:.34em; }
  .hero-lead { font-size:14px; }
  .hero-proof { margin-top:46px; display:grid; grid-template-columns:repeat(3,1fr); }
  .hero-proof div { min-width:0; padding:16px 10px 0 0; }
  .hero-proof div + div { padding-left:10px; }
  .hero-proof small { display:none; }
  .hero-visual { min-height:470px; margin-top:10px; }
  .hero-coin { width:min(76vw,330px); }
  .coin-axis { width:84%; }
  .token-passport { right:0; bottom:1%; width:94%; padding:18px; }
  .token-passport > strong { font-size:58px; }
  .token-passport dl { margin-top:18px; }
  .token-passport dd { font-size:7px; }
  .signal-card-top { top:6%; right:-3%; }
  .signal-card-bottom { bottom:24%; left:-3%; }
  .section-shell { width:calc(100% - 40px); }
  .launch-facts div { padding:17px 14px; }
  .positioning { padding: 96px 0; gap: 42px; }
  .positioning-mark span { font-size: 72px; }
  .positioning-mark i { width: 46px; }
  .positioning-heading { grid-template-columns: 1fr; gap: 26px; }
  .positioning-heading .topic-label { grid-column: auto; }
  .positioning-heading h2 { font-size: 40px; }
  .positioning-heading > p { font-size: 14px; }
  .positioning-principles { margin-top: 48px; grid-template-columns: 1fr; }
  .positioning-principles article { min-height: 210px; padding: 26px 24px; }
  .positioning-principles article + article { padding-left: 24px; border-top: 1px solid var(--line); border-left: 0; }
  .positioning-principles h3 { margin-top: 48px; font-size: 20px; }
  .positioning-principles p { font-size: 13px; }
  .token-clarity { padding:90px 0; }
  .clarity-heading h2, .section-heading h2, .calculator h2 { font-size:38px; }
  .clarity-card { min-height:370px; padding:30px; }
  .section-heading { padding:90px 0 40px; }
  .mechanism-grid { padding-bottom:100px; }
  .mechanism-card { min-height:290px; padding:28px; }
  .mechanism-card .step-icon { margin-top:34px; }
  .scenarios { padding-bottom:100px; }
  .scenario-stage { min-height:0; }
  .scenario-copy { min-height:360px; padding:32px; border-right:0; border-bottom:1px solid var(--line); }
  .scenario-copy h3 { font-size:42px; }
  .scenario-visual { min-height:390px; }
  .scene-orb { width:220px; }
  .trust-feature { min-height:210px; padding:30px; }
  .calculator { padding:100px 0; }
  .closing { min-height:600px; }
  .closing h2 { font-size:44px; }
}

/* R3 cascade lock — keep the mineral-light system above legacy dark rules. */
.launch-brief { background:var(--card); color:var(--navy); border-color:var(--light-line); border-top-color:var(--gold); }
.launch-intro p { color:var(--light-muted); }
.launch-facts,.launch-facts div { border-color:var(--light-line); }
.launch-facts dt { color:#778391; }
.launch-facts dd { color:var(--navy); }
.token-film { color:var(--navy); }
.positioning { color:var(--navy); border-color:var(--light-line); }
.positioning-heading h2 em { color:var(--steel-blue); }
.positioning-heading > p,.positioning-principles p { color:var(--light-muted); }
.positioning-principles,.positioning-principles article + article { border-color:var(--light-line); }
.positioning-principles h3 { color:var(--navy); }
.positioning-principles span { color:var(--gold-deep); }
.page-gateway { color:var(--navy); }
.gateway-heading p { color:var(--light-muted); }
.gateway-grid { gap:18px; border:0; }
.gateway-card,.gateway-card:last-child { border:1px solid var(--light-line); background:var(--card); color:var(--navy); }
.gateway-card:hover { background:#fff; }
.gateway-card > span { color:var(--gold-deep); }
.gateway-card p { color:var(--light-muted); }
.gateway-card b { color:var(--steel-blue); }
.gateway-card.gateway-card-featured { border-color:var(--navy); background:var(--navy); color:#fff; }
.gateway-card.gateway-card-featured:hover { background:var(--navy-2); }
.gateway-card.gateway-card-featured > span { color:var(--gold-soft); }
.gateway-card.gateway-card-featured p { color:#b8c2cc; }
.gateway-card.gateway-card-featured b { color:#fff; }
.token-clarity { color:var(--navy); }
.clarity-heading h2 em { color:var(--steel-blue); }
.clarity-heading > p:last-child { color:var(--light-muted); }
.clarity-card,.clarity-card:hover { border-color:var(--light-line); background:#fff; color:var(--navy); }
.clarity-card ul { color:var(--light-muted); }
.clarity-summary { border-color:#c8d1da; background:#e8edf2; color:#536273; }
.clarity-summary b { color:var(--navy); }
.calculator { color:var(--navy); }
.calculator-copy > p:not(.overline) { color:var(--light-muted); }
.calculator-panel { border-color:#cfd7df; background:#fff; }
.input-row { border-color:var(--light-line); }
.input-row label,.input-row div > span { color:var(--light-muted); }
.input-row input { color:var(--navy); }
.results > div { border-color:var(--light-line); background:#f2f5f8; }
.results .result-primary { background:var(--navy); }
.scenario-detail { border-color:var(--light-line); background:#fff; color:var(--navy); }
.scenario-detail p { color:var(--light-muted); }
.trust { color:var(--navy); }
.trust .section-heading > p { color:var(--light-muted); }
.trust-feature,.trust-feature:nth-child(even),.trust-feature:nth-child(n+3) { border-color:#ccd5de; background:#fff; color:var(--navy); }
.trust-feature p { color:var(--light-muted); }
.whitepaper-toc a { color:#607080; border-color:var(--light-line); }
.whitepaper-toc a:hover { color:var(--navy); }
.whitepaper-document { color:var(--navy); }
.whitepaper-document p { color:var(--light-muted); }
.whitepaper-document .lead { color:var(--navy); }
.whitepaper-document .paper-callout { border-color:#c8d2dc; border-left-color:var(--gold-deep); background:#edf2f6; color:var(--navy); }
.whitepaper-document > section,.whitepaper-document > section + section { border-color:var(--light-line); background:#fff; }
.whitepaper-document th,.whitepaper-document td { border-color:var(--light-line); }
.whitepaper-document td { color:#526171; }

@media (max-width:640px) {
  .gateway-grid { gap:14px; }
  .scenario-detail { padding:28px 24px; }
  .whitepaper-toc { background:rgba(243,245,247,.96); }
  .whitepaper-document > section,.whitepaper-document > section + section { margin-bottom:14px; padding:30px 24px 54px; }
}

/* Whitepaper 1.1 — architecture-led technical narrative. */
.paper-highlights,
.paper-question-grid {
  display:grid;
  margin-top:42px;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--light-line);
}
.paper-highlights > div,
.paper-question-grid > article {
  min-height:170px;
  padding:26px;
  background:#f6f8fa;
}
.paper-highlights > div + div,
.paper-question-grid > article + article { border-left:1px solid var(--light-line); }
.paper-highlights b { color:var(--navy); font-size:18px; }
.paper-highlights p,
.paper-question-grid p { margin-top:46px; font-size:13px; line-height:1.75; }
.paper-question-grid span { color:var(--gold-deep); font-size:10px; font-weight:700; letter-spacing:.16em; }
.paper-question-grid h3 { margin-top:42px; font-size:18px; }
.paper-question-grid p { margin-top:10px; }

.paper-terms {
  display:grid;
  margin:42px 0 0;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--light-line);
  border-left:1px solid var(--light-line);
}
.paper-terms div { min-height:135px; padding:24px; border-right:1px solid var(--light-line); border-bottom:1px solid var(--light-line); }
.paper-terms dt { color:var(--gold-deep); font-size:11px; font-weight:700; }
.paper-terms dd { margin:16px 0 0; color:var(--light-muted); font-size:13px; line-height:1.8; }

.paper-architecture {
  display:grid;
  margin-top:48px;
  padding:32px;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:22px;
  background:var(--navy);
  color:#fff;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
}
.arch-stack { display:grid; gap:10px; }
.arch-stack > i { color:#9badbd; font-size:9px; font-style:normal; letter-spacing:.12em; text-align:center; }
.arch-layer { padding:22px 24px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.055); }
.arch-layer span,
.paper-architecture aside > span { color:var(--gold-soft); font-size:8px; font-weight:700; letter-spacing:.2em; }
.arch-layer h3,
.paper-architecture aside h3 { margin:11px 0 0; font-size:19px; }
.arch-layer p { margin:7px 0 0; color:#adbac6; font-size:11px; line-height:1.6; }
.arch-app { border-left:3px solid #5e9dc8; }
.arch-energy { border-left:3px solid var(--gold); }
.arch-token { border-left:3px solid #d8dde3; }
.paper-architecture aside { display:flex; padding:24px; flex-direction:column; border:1px solid rgba(216,173,84,.42); background:rgba(216,173,84,.08); }
.paper-architecture aside h3 { margin-bottom:auto; }
.paper-architecture aside p { margin:10px 0 0; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); color:#b7c2cc; font-size:11px; }

.formula-grid { display:grid; margin-top:44px; gap:12px; }
.formula-grid > div { display:grid; padding:22px 24px; grid-template-columns:140px 1fr; align-items:center; border:1px solid var(--light-line); background:#f5f7f9; }
.formula-grid span { color:var(--gold-deep); font-size:10px; font-weight:700; letter-spacing:.12em; }
.formula-grid code { color:var(--navy); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14px; }
.formula-grid code b { color:var(--steel-blue); }
.paper-example { margin-top:18px; padding:26px 28px; border-left:4px solid var(--gold-deep); background:#edf2f6; }
.paper-example > span { color:var(--gold-deep); font-size:9px; font-weight:700; letter-spacing:.16em; }
.paper-example p { margin-top:12px; color:#566575; font-size:14px; }
.paper-example p b { color:var(--navy); }
.paper-example::after { display:none; content:"左右滑动查看完整参数 →"; }

.lifecycle-flow { display:grid; margin-top:44px; grid-template-columns:repeat(4,1fr); border:1px solid var(--light-line); }
.lifecycle-flow article { min-height:210px; padding:24px; background:#f6f8fa; }
.lifecycle-flow article + article { border-left:1px solid var(--light-line); }
.lifecycle-flow b { color:var(--gold-deep); font-size:12px; }
.lifecycle-flow p { margin-top:64px; font-size:12px; line-height:1.75; }

.authorization-flow { display:flex; margin-top:42px; padding:24px; align-items:center; justify-content:center; gap:10px; border:1px solid var(--light-line); background:#f5f7f9; }
.authorization-flow span { padding:12px 14px; border:1px solid #cbd4dd; background:#fff; color:var(--navy); font-size:10px; white-space:nowrap; }
.authorization-flow i { color:var(--gold-deep); font-style:normal; }

@media (max-width:760px) {
  .paper-highlights,
  .paper-question-grid,
  .paper-terms,
  .lifecycle-flow { grid-template-columns:1fr; }
  .paper-highlights > div,
  .paper-question-grid > article,
  .lifecycle-flow article { min-height:0; }
  .paper-highlights > div + div,
  .paper-question-grid > article + article,
  .lifecycle-flow article + article { border-top:1px solid var(--light-line); border-left:0; }
  .paper-highlights p { margin-top:20px; }
  .paper-question-grid h3 { margin-top:24px; }
  .paper-architecture { padding:20px; grid-template-columns:1fr; clip-path:none; }
  .paper-architecture aside h3 { margin-bottom:24px; }
  .formula-grid > div { padding:20px; grid-template-columns:1fr; gap:12px; }
  .formula-grid code { font-size:12px; line-height:1.7; }
  .paper-example::after { display:block; margin-top:18px; padding-top:14px; border-top:1px solid #cfd7df; color:#73808d; font-size:10px; letter-spacing:.08em; }
  .lifecycle-flow p { margin-top:20px; }
  .authorization-flow { padding:18px; flex-direction:column; align-items:stretch; }
  .authorization-flow span { text-align:center; white-space:normal; }
  .authorization-flow i { transform:rotate(90deg); text-align:center; }
}

@media print {
  .paper-architecture { color-adjust:exact; -webkit-print-color-adjust:exact; }
  .whitepaper-document > section { break-inside:auto; }
  .paper-highlights,.paper-question-grid,.paper-architecture,.formula-grid,.lifecycle-flow { break-inside:avoid; }
}

/* R10 — Proof rail and restrained micro-interactions. */
.page-progress {
  position:fixed;
  z-index:90;
  top:0;
  right:0;
  left:0;
  height:2px;
  pointer-events:none;
}
.page-progress > i {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--gold),#5b8db9 72%,#8fd0ef);
  box-shadow:0 0 14px rgba(216,173,84,.34);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
.page-progress > span {
  position:fixed;
  right:18px;
  bottom:18px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(10,12,15,.78);
  backdrop-filter:blur(12px);
  color:#818993;
  font-size:8px;
  letter-spacing:.16em;
  opacity:0;
  transform:translateY(6px);
  transition:opacity 160ms ease-out,transform 160ms ease-out;
}
.page-progress.has-progress > span { opacity:1; transform:none; }
.page-progress b { color:var(--gold-soft); font-weight:600; }

.site-header nav a::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-12px;
  left:0;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform 180ms ease-out;
}
.site-header nav a:hover::after,
.site-header nav a.active::after { transform:scaleX(1); transform-origin:left center; }

.primary-button,
.text-button,
.header-cta,
.gateway-card,
.scenario-controls button,
.menu-button,
.whitepaper-toc a {
  -webkit-tap-highlight-color:transparent;
}
.primary-button,
.header-cta,
.scenario-controls button,
.menu-button { transition:transform 100ms ease-out,border-color 140ms ease-out,background-color 140ms ease-out,box-shadow 140ms ease-out; }
.primary-button:hover { transform:translateY(-2px); }
.primary-button:active,
.header-cta:active,
.scenario-controls button:active,
.menu-button:active { transform:translateY(0) scale(.97); }
.primary-button span,
.text-button span,
.header-cta span,
.gateway-card b { display:inline-block; transition:transform 160ms ease-out; }
.primary-button:hover span,
.text-button:hover span,
.header-cta:hover span,
.gateway-card:hover b { transform:translate(3px,-1px); }

.gateway-card { position:relative; overflow:hidden; transition:transform 180ms ease-out,box-shadow 180ms ease-out,border-color 180ms ease-out,background-color 180ms ease-out; }
.gateway-card::before {
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:26%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(78,112,143,.08),transparent);
  transform:skewX(-16deg);
  transition:left 420ms ease-out;
  pointer-events:none;
}
.gateway-card:hover::before { left:115%; }
.gateway-card:hover { border-color:#bdc8d3; }
.gateway-card.gateway-card-featured::before { background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); }

.home-hero .hero-visual { --parallax-x:0px; --parallax-y:0px; --parallax-back-x:0px; --parallax-back-y:0px; }
.home-hero .coin-axis,
.home-hero .signal-card { translate:var(--parallax-x) var(--parallax-y); transition:translate 220ms cubic-bezier(.2,.8,.2,1); }
.home-hero .token-passport { translate:var(--parallax-back-x) var(--parallax-back-y); transition:translate 260ms cubic-bezier(.2,.8,.2,1); }

.scenario-controls button:hover { border-color:rgba(216,173,84,.55); background:rgba(216,173,84,.07); color:#fff; }
.scenario-controls button:focus-visible { box-shadow:0 0 0 4px rgba(216,173,84,.12); }
.input-row:focus-within { border-color:rgba(53,101,143,.42); background:#f7f9fb; }
.input-row input { transition:color 120ms ease-out; }
.input-row:focus-within input { color:var(--steel-blue); }

.whitepaper-toc a { position:relative; transition:color 130ms ease-out,padding-left 160ms ease-out,background-color 130ms ease-out,border-color 130ms ease-out; }
.whitepaper-toc a::before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:0;
  height:1px;
  background:var(--gold-deep);
  transform:translateY(-50%);
  transition:width 160ms ease-out;
}
.whitepaper-toc a.is-current { padding-left:22px; color:var(--navy); font-weight:600; }
.whitepaper-toc a.is-current::before { width:13px; }

.menu-button i { transition:transform 180ms ease-out,opacity 120ms ease-out; transform-origin:center; }
.site-header.menu-open .menu-button i:first-child { transform:translateY(3.5px) rotate(45deg); }
.site-header.menu-open .menu-button i:last-child { transform:translateY(-3.5px) rotate(-45deg); }

@media (max-width:640px) {
  .page-progress > span { display:none; }
  .whitepaper-toc a.is-current { padding-left:12px; border-color:rgba(149,106,34,.55); background:#fff; color:var(--navy); }
  .whitepaper-toc a.is-current::before { display:none; }
  .gateway-card::before { display:none; }
}

@media (max-width:980px) {
  .site-header.menu-open .brand { grid-row:1; grid-column:1; }
  .site-header.menu-open .menu-button { grid-row:1; grid-column:2; justify-self:end; }
  .site-header.menu-open nav { grid-row:2; grid-column:1/-1; }
}

@media (prefers-reduced-motion:reduce) {
  .page-progress > span,
  .site-header nav a::after,
  .primary-button,
  .header-cta,
  .scenario-controls button,
  .menu-button,
  .primary-button span,
  .text-button span,
  .header-cta span,
  .gateway-card,
  .gateway-card::before,
  .gateway-card b,
  .home-hero .coin-axis,
  .home-hero .signal-card,
  .home-hero .token-passport,
  .whitepaper-toc a,
  .whitepaper-toc a::before,
  .menu-button i { transition:none !important; }
  .primary-button:hover,
  .primary-button:active,
  .header-cta:active,
  .scenario-controls button:active,
  .menu-button:active { transform:none; }
}

@media print {
  .page-progress { display:none !important; }
}