:root {
  color-scheme: dark;
  --bg: #05020d;
  --bg-soft: #090414;
  --surface: rgba(16, 8, 34, 0.78);
  --surface-strong: rgba(14, 7, 30, 0.94);
  --surface-light: rgba(31, 17, 58, 0.72);
  --line: rgba(164, 112, 255, 0.18);
  --line-strong: rgba(174, 119, 255, 0.4);
  --text: #f8f5ff;
  --muted: #b8aecb;
  --purple: #8f49ff;
  --purple-2: #bd7cff;
  --pink: #f05cff;
  --cyan: #67d8ff;
  --green: #60e6a8;
  --shadow: 0 24px 90px rgba(0, 0, 0, 0.5);
  --glow: 0 0 70px rgba(143, 73, 255, 0.35);
  --radius: 24px;
  --radius-sm: 16px;
  --shell: min(1240px, calc(100vw - 44px));
  --header-height: 76px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 24px);
  background: var(--bg);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 16% 18%, rgba(104, 31, 194, 0.16), transparent 28%),
    radial-gradient(circle at 82% 38%, rgba(68, 25, 147, 0.12), transparent 24%),
    linear-gradient(180deg, #06020e 0%, #05020d 46%, #030108 100%);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.14;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
}

button,
a {
  font: inherit;
}

button {
  color: inherit;
}

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

img,
video,
svg {
  display: block;
  max-width: 100%;
}

[hidden] {
  display: none !important;
}

.skip-link {
  position: fixed;
  left: 18px;
  top: 14px;
  z-index: 500;
  transform: translateY(-170%);
  padding: 12px 16px;
  border-radius: 10px;
  color: #fff;
  background: #7c3cff;
  transition: transform .2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.section-shell,
.hero-shell,
.nav-shell {
  width: var(--shell);
  margin-inline: auto;
}

.section-pad {
  position: relative;
  padding: 112px 0;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: #b99cff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.eyebrow > span {
  width: 24px;
  height: 1px;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  box-shadow: 0 0 12px rgba(240, 92, 255, .75);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  letter-spacing: -.035em;
}

h2 {
  margin-bottom: 20px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.02;
}

h2 strong,
h1 strong {
  font-weight: 800;
  color: transparent;
  background: linear-gradient(100deg, #ffffff 0%, #cda8ff 28%, #8b43ff 72%, #f06cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 34px rgba(138, 63, 255, .16);
}

.section-heading {
  max-width: 760px;
  margin-bottom: 52px;
}

.section-heading.centered {
  margin-inline: auto;
  text-align: center;
}

.section-heading.centered .eyebrow {
  justify-content: center;
}

.section-heading p,
.mission-system-heading > p,
.hero-description,
.memory-copy > p,
.workflow-copy > p,
.mission-intro-copy > p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.72;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 800;
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.button:hover {
  transform: translateY(-2px);
}

.button:focus-visible,
.nav-sign-in:focus-visible,
.primary-links a:focus-visible,
.mobile-menu-button:focus-visible,
.dialog-close:focus-visible,
.account-text-button:focus-visible {
  outline: 2px solid #bf85ff;
  outline-offset: 3px;
}

.button-primary {
  color: #fff;
  border-color: rgba(222, 187, 255, .42);
  background: linear-gradient(135deg, #7f36ff 0%, #a448ff 55%, #de54ff 100%);
  box-shadow: 0 12px 32px rgba(121, 49, 255, .3), inset 0 1px rgba(255,255,255,.18);
}

.button-primary:hover {
  box-shadow: 0 16px 42px rgba(139, 62, 255, .48), 0 0 22px rgba(217, 86, 255, .18);
}

.button-secondary,
.button-ghost {
  color: #f6efff;
  border-color: rgba(180, 131, 255, .34);
  background: rgba(20, 10, 42, .66);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
  backdrop-filter: blur(14px);
}

.button-secondary:hover,
.button-ghost:hover {
  border-color: rgba(202, 164, 255, .68);
  background: rgba(37, 18, 68, .82);
}

.button-small {
  min-height: 40px;
  padding-inline: 17px;
  border-radius: 10px;
  font-size: 13px;
}

.button-large {
  min-height: 52px;
  padding-inline: 24px;
  border-radius: 13px;
  font-size: 14px;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #c6a3ff;
  font-weight: 800;
}

.text-link span {
  transition: transform .2s ease;
}

.text-link:hover span {
  transform: translateX(4px);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: var(--header-height);
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.site-header.is-scrolled {
  border-color: rgba(167, 109, 255, .16);
  background: rgba(5, 2, 14, .82);
  box-shadow: 0 16px 42px rgba(0,0,0,.34);
  backdrop-filter: blur(22px) saturate(130%);
}

.nav-shell {
  height: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 26px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.brand-name {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
}

.brand-mark {
  position: relative;
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 0 10px rgba(164, 78, 255, .55));
}

.brand-mark span {
  position: absolute;
  width: 11px;
  height: 18px;
  border: 2px solid #d7c2ff;
  border-radius: 2px 6px;
  transform: rotate(30deg) skewY(-15deg);
}

.brand-mark span:nth-child(1) { left: 2px; top: 0; }
.brand-mark span:nth-child(2) { right: 2px; top: 0; transform: rotate(-30deg) skewY(15deg); }
.brand-mark span:nth-child(3) { left: 2px; bottom: 0; transform: rotate(-30deg) skewY(15deg); }
.brand-mark span:nth-child(4) { right: 2px; bottom: 0; transform: rotate(30deg) skewY(-15deg); }

.primary-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.3vw, 23px);
}

.primary-links a {
  position: relative;
  padding: 28px 0 25px;
  color: #cfc7dc;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  transition: color .2s ease;
}

.primary-links a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 17px;
  width: 0;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  transform: translateX(-50%);
  transition: width .2s ease;
  box-shadow: 0 0 12px rgba(193, 84, 255, .75);
}

.primary-links a:hover,
.primary-links a.is-active {
  color: #fff;
}

.primary-links a:hover::after,
.primary-links a.is-active::after {
  width: 100%;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav-sign-in {
  border: 0;
  cursor: pointer;
  color: #d9cde7;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.nav-sign-in:hover {
  color: #fff;
}

.mobile-menu-button {
  display: none;
  width: 44px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(20, 10, 40, .7);
  cursor: pointer;
}

.mobile-menu-button span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 2px;
  background: #fff;
  transition: transform .2s ease, opacity .2s ease;
}

.hero-section {
  position: relative;
  min-height: 900px;
  padding-top: calc(var(--header-height) + 62px);
  overflow: hidden;
  background: #070310;
}

.hero-video,
.hero-scrim,
.hero-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-video {
  object-fit: cover;
  opacity: .55;
  filter: saturate(125%) contrast(118%);
  transform: scale(1.04);
}

.hero-scrim {
  background:
    linear-gradient(90deg, rgba(5,2,13,.98) 0%, rgba(5,2,13,.88) 40%, rgba(5,2,13,.32) 72%, rgba(5,2,13,.78) 100%),
    linear-gradient(180deg, rgba(4,1,10,.18), rgba(5,2,13,.72) 79%, #05020d 100%);
}

.hero-grid {
  opacity: .16;
  background-image:
    linear-gradient(rgba(185, 126, 255, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(185, 126, 255, .11) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: radial-gradient(circle at 65% 48%, black 0%, transparent 65%);
}

.hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}

.hero-orb-one {
  width: 520px;
  height: 520px;
  right: 5%;
  top: 14%;
  background: radial-gradient(circle, rgba(121, 46, 255, .25), transparent 66%);
  animation: orbFloat 8s ease-in-out infinite;
}

.hero-orb-two {
  width: 340px;
  height: 340px;
  left: 32%;
  bottom: -8%;
  background: radial-gradient(circle, rgba(240, 74, 255, .14), transparent 70%);
  animation: orbFloat 10s ease-in-out infinite reverse;
}

.hero-shell {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 54px;
  min-height: 650px;
}

.hero-copy {
  max-width: 680px;
}

.hero-copy h1 {
  margin: 0 0 24px;
  font-size: clamp(52px, 6.2vw, 94px);
  line-height: .98;
}

.hero-copy h1 strong {
  display: block;
}

.hero-description {
  max-width: 670px;
  margin-bottom: 28px;
  font-size: 16px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.windows-icon {
  font-size: 21px;
}

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-top: 23px;
  color: #c4b8d1;
  font-size: 12px;
}

.hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hero-proof i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(96, 230, 168, .8);
}

.hero-visual {
  position: relative;
  min-height: 580px;
}

.hero-visual-frame {
  position: absolute;
  inset: 18px 0 18px 0;
  overflow: hidden;
  border: 1px solid rgba(191, 137, 255, .34);
  border-radius: 42px 42px 120px 42px;
  background:
    linear-gradient(180deg, rgba(22, 8, 50, .12), rgba(7, 3, 18, .88)),
    radial-gradient(circle at 52% 30%, rgba(178, 83, 255, .28), transparent 38%),
    linear-gradient(135deg, #1a0c35, #06030f 68%);
  box-shadow: 0 35px 90px rgba(0,0,0,.58), 0 0 80px rgba(111, 38, 255, .23), inset 0 0 80px rgba(136, 62, 255, .08);
  transform-origin: center;
}

.hero-visual-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  background-image:
    linear-gradient(rgba(196, 153, 255, .13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 153, 255, .1) 1px, transparent 1px);
  background-size: 45px 45px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.mission-sky {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 18%, rgba(213, 139, 255, .2), transparent 26%),
    radial-gradient(circle at 35% 20%, rgba(77, 93, 255, .18), transparent 30%);
}

.mission-moon {
  position: absolute;
  width: 220px;
  height: 220px;
  right: 9%;
  top: 8%;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 38%, #f6e7ff 0%, #a773ff 42%, rgba(93,37,174,.28) 68%, transparent 72%);
  filter: blur(.2px);
  box-shadow: 0 0 80px rgba(162, 91, 255, .38);
  opacity: .62;
}

.mission-character {
  position: absolute;
  bottom: 78px;
  width: 170px;
  height: 360px;
  border-radius: 48% 48% 26% 26%;
  background:
    linear-gradient(90deg, transparent 0 34%, rgba(170, 77, 255, .52) 37% 40%, transparent 43%),
    linear-gradient(165deg, transparent 0 22%, #1c0a31 23% 64%, #07020d 65%);
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.8));
}

.mission-character::before {
  content: "";
  position: absolute;
  width: 84px;
  height: 84px;
  left: 43px;
  top: 7px;
  border-radius: 45% 45% 30% 30%;
  background: linear-gradient(150deg, #0d0619, #25103c);
  box-shadow: inset 0 0 20px rgba(167, 79, 255, .22);
}

.mission-character::after {
  content: "";
  position: absolute;
  left: -56px;
  top: 125px;
  width: 250px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, rgba(152,70,255,.9), #e1b9ff, rgba(152,70,255,.7), transparent);
  transform: rotate(-57deg);
  box-shadow: 0 0 18px rgba(174, 90, 255, .8);
}

.character-left {
  left: 23%;
  transform: rotate(-4deg) scale(.94);
}

.character-right {
  right: 17%;
  transform: rotate(4deg) scale(1.02);
}

.rune-one,
.rune-two,
.rune-three {
  position: absolute;
  border: 1px solid rgba(192, 129, 255, .42);
  border-radius: 50%;
  box-shadow: inset 0 0 22px rgba(137, 68, 255, .1), 0 0 24px rgba(137, 68, 255, .14);
  animation: spin 18s linear infinite;
}

.rune-one { width: 130px; height: 130px; left: 8%; top: 18%; }
.rune-two { width: 92px; height: 92px; right: 8%; top: 44%; animation-direction: reverse; }
.rune-three { width: 58px; height: 58px; left: 48%; top: 11%; animation-duration: 12s; }

.rune-one::before,
.rune-two::before,
.rune-three::before {
  content: "✦";
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  color: #c9a0ff;
  font-size: 25px;
}

.hero-visual-caption {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 18px;
  border: 1px solid rgba(192, 139, 255, .24);
  border-radius: 15px;
  background: rgba(8, 3, 20, .72);
  backdrop-filter: blur(18px);
}

.hero-visual-caption span {
  color: #aa91c3;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.hero-visual-caption strong {
  color: #e8ddff;
  font-size: 12px;
}

.trust-rail {
  position: relative;
  z-index: 4;
  width: var(--shell);
  margin: 0 auto 28px;
  padding: 18px 22px;
  border: 1px solid rgba(163, 100, 255, .2);
  border-radius: 18px;
  background: rgba(9, 4, 22, .76);
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
  backdrop-filter: blur(18px);
}

.trust-rail > span {
  display: block;
  margin-bottom: 13px;
  color: #816c9a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
}

.trust-items {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px;
}

.trust-items b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-right: 1px solid rgba(166, 118, 255, .14);
  color: #c8bed5;
  font-size: 11px;
  letter-spacing: .08em;
}

.trust-items b:last-child {
  border-right: 0;
}

.mission-intro {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 56px;
  align-items: center;
}

.mission-intro::before,
.capabilities-section::before,
.mission-system-section::before,
.engines-section::before,
.pricing-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1400px, 100%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(137, 69, 255, .32), transparent);
}

.mission-intro-copy h2 {
  font-size: clamp(42px, 5vw, 70px);
}

.mission-core-stage {
  position: relative;
  min-height: 420px;
  perspective: 900px;
}

.mission-core-stage::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 140px;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(135, 50, 255, .48), transparent 66%);
  filter: blur(6px);
}

.mission-core-ring {
  position: absolute;
  left: 50%;
  top: 48%;
  border: 2px solid rgba(169, 104, 255, .34);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(70deg);
  box-shadow: 0 0 34px rgba(144, 66, 255, .3), inset 0 0 24px rgba(144, 66, 255, .2);
}

.ring-one { width: 340px; height: 340px; animation: coreSpin 14s linear infinite; }
.ring-two { width: 245px; height: 245px; border-style: dashed; animation: coreSpin 10s linear infinite reverse; }
.ring-three { width: 150px; height: 150px; animation: coreSpin 8s linear infinite; }

.mission-core-cube {
  position: absolute;
  left: 50%;
  top: 43%;
  width: 132px;
  height: 132px;
  transform: translate(-50%, -50%) rotate(45deg);
  border: 2px solid rgba(229, 200, 255, .72);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(203, 136, 255, .28), rgba(105, 29, 219, .08));
  box-shadow: inset 0 0 34px rgba(210, 151, 255, .28), 0 0 60px rgba(159, 68, 255, .65);
  animation: coreFloat 4.5s ease-in-out infinite;
}

.mission-core-cube::before,
.mission-core-cube::after {
  content: "";
  position: absolute;
  inset: 19px;
  border: 1px solid rgba(231, 203, 255, .55);
  border-radius: 18px;
}

.mission-core-cube::after {
  inset: 42px;
  background: rgba(208, 154, 255, .28);
  box-shadow: 0 0 28px rgba(223, 167, 255, .7);
}

.mission-core-cube span {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #d9b4ff;
  box-shadow: 0 0 22px rgba(214, 163, 255, .9);
}

.mission-core-cube span:nth-child(1) { left: -34px; top: 25px; }
.mission-core-cube span:nth-child(2) { right: -25px; top: 52px; }
.mission-core-cube span:nth-child(3) { bottom: -34px; left: 50px; }

.core-chip {
  position: absolute;
  padding: 10px 13px;
  border: 1px solid rgba(186, 126, 255, .28);
  border-radius: 12px;
  color: #d6c1eb;
  background: rgba(18, 8, 40, .68);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  font-size: 11px;
  font-weight: 800;
  backdrop-filter: blur(12px);
}

.chip-a { left: 5%; top: 19%; animation: chipFloat 5s ease-in-out infinite; }
.chip-b { right: 6%; top: 25%; animation: chipFloat 5.5s ease-in-out infinite .4s; }
.chip-c { left: 13%; bottom: 18%; animation: chipFloat 4.8s ease-in-out infinite .8s; }
.chip-d { right: 12%; bottom: 15%; animation: chipFloat 5.2s ease-in-out infinite 1.1s; }

.mission-step-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 16px;
}

.mission-step-card,
.capability-card,
.glass-info-card,
.pricing-card,
.testimonial-grid blockquote {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(20, 9, 42, .82), rgba(8, 4, 20, .85));
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 18px 52px rgba(0,0,0,.26);
}

.mission-step-card::before,
.capability-card::before,
.glass-info-card::before,
.pricing-card::before,
.testimonial-grid blockquote::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(169, 91, 255, .18), transparent 40%);
  transition: opacity .25s ease;
}

.mission-step-card:hover::before,
.capability-card:hover::before,
.glass-info-card:hover::before,
.pricing-card:hover::before,
.testimonial-grid blockquote:hover::before {
  opacity: 1;
}

.mission-step-card {
  min-height: 160px;
  padding: 21px 18px;
  border-radius: 16px;
  text-align: center;
}

.mission-step-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 14px;
  border: 1px solid rgba(194, 141, 255, .32);
  border-radius: 13px;
  color: #d6b6ff;
  background: rgba(132, 47, 255, .12);
  box-shadow: 0 0 25px rgba(134, 52, 255, .14);
  font-size: 20px;
}

.mission-step-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

.mission-step-card p {
  margin: 0;
  color: #9e92b2;
  font-size: 11px;
  line-height: 1.5;
}

.capabilities-section {
  background:
    radial-gradient(circle at 85% 48%, rgba(103, 34, 195, .12), transparent 29%),
    linear-gradient(180deg, rgba(8,3,18,.25), rgba(5,2,13,.9));
}

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

.capability-card {
  min-height: 340px;
  padding: 28px;
  border-radius: 20px;
}

.capability-card:hover {
  border-color: rgba(180, 115, 255, .52);
  box-shadow: 0 24px 70px rgba(0,0,0,.35), 0 0 30px rgba(130, 48, 255, .12);
}

.card-index {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(201, 170, 255, .26);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.capability-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 24px;
  border: 1px solid rgba(194, 135, 255, .36);
  border-radius: 17px;
  color: #d8b8ff;
  background: linear-gradient(145deg, rgba(139, 48, 255, .25), rgba(61, 17, 126, .05));
  box-shadow: 0 0 34px rgba(133, 42, 255, .18);
  font-size: 28px;
}

.capability-card h3 {
  margin-bottom: 12px;
  font-size: 21px;
}

.capability-card p {
  color: #a99db8;
  line-height: 1.62;
  font-size: 14px;
}

.capability-card ul,
.engine-content ul,
.pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.capability-card li,
.engine-content li,
.pricing-card li {
  position: relative;
  padding: 8px 0 8px 20px;
  border-top: 1px solid rgba(163, 108, 255, .09);
  color: #c8bed3;
  font-size: 12px;
}

.capability-card li::before,
.pricing-card li::before {
  content: "✦";
  position: absolute;
  left: 0;
  color: #9a56ff;
}

.mission-system-section {
  background:
    radial-gradient(circle at 50% 45%, rgba(98, 28, 200, .12), transparent 34%),
    linear-gradient(180deg, #05020d, #070312 60%, #05020d);
}

.mission-system-heading {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 65px;
  align-items: end;
  margin-bottom: 42px;
}

.mission-system-heading h2 {
  margin-bottom: 0;
  font-size: clamp(44px, 5.6vw, 78px);
}

.mission-map {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border: 1px solid rgba(159, 97, 255, .22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 48%, rgba(143, 59, 255, .22), transparent 27%),
    linear-gradient(180deg, rgba(13, 6, 30, .94), rgba(6, 2, 14, .96));
  box-shadow: var(--shadow), inset 0 0 90px rgba(105, 38, 210, .08);
}

.mission-map-grid {
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(172, 116, 255, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(172, 116, 255, .12) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 76%);
}

.mission-beacon {
  position: absolute;
  left: 50%;
  top: 47%;
  z-index: 4;
  width: 190px;
  height: 190px;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.beacon-glow {
  position: absolute;
  inset: -90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(153, 74, 255, .4), transparent 62%);
  animation: pulse 3s ease-in-out infinite;
}

.beacon-crystal {
  position: relative;
  width: 76px;
  height: 100px;
  margin-bottom: 15px;
  clip-path: polygon(50% 0, 90% 25%, 75% 82%, 50% 100%, 25% 82%, 10% 25%);
  background: linear-gradient(135deg, #f2dfff 0%, #b76dff 34%, #6c20e5 76%, #19043f 100%);
  box-shadow: 0 0 48px rgba(183, 100, 255, .9);
  animation: crystalFloat 4s ease-in-out infinite;
}

.mission-beacon span {
  color: #a790be;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
}

.mission-beacon strong {
  margin-top: 5px;
  font-size: 15px;
}

.mission-node {
  position: absolute;
  z-index: 3;
  width: 160px;
  min-height: 94px;
  padding: 16px;
  border: 1px solid rgba(174, 112, 255, .3);
  border-radius: 16px;
  background: rgba(18, 8, 38, .82);
  box-shadow: 0 14px 34px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(16px);
  transition: transform .25s ease, border-color .25s ease;
}

.mission-node:hover {
  transform: translateY(-5px);
  border-color: rgba(201, 153, 255, .62);
}

.mission-node span {
  color: #9c61ff;
  font-size: 10px;
  font-weight: 900;
}

.mission-node b,
.mission-node small {
  display: block;
}

.mission-node b {
  margin: 7px 0 5px;
  font-size: 14px;
}

.mission-node small {
  color: #91849f;
  font-size: 11px;
}

.node-a { left: 7%; top: 10%; }
.node-b { right: 7%; top: 10%; }
.node-c { left: 5%; bottom: 15%; }
.node-d { right: 5%; bottom: 15%; }
.node-e { left: 50%; bottom: 4%; transform: translateX(-50%); }
.node-e:hover { transform: translateX(-50%) translateY(-5px); }

.mission-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mission-lines path {
  fill: none;
  stroke: rgba(165, 94, 255, .43);
  stroke-width: 1.3;
  stroke-dasharray: 7 8;
  filter: drop-shadow(0 0 6px rgba(155, 80, 255, .7));
  animation: dash 14s linear infinite;
}

.mission-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 16px;
}

.glass-info-card {
  min-height: 190px;
  padding: 22px;
  border-radius: 18px;
}

.glass-info-card span {
  display: inline-flex;
  margin-bottom: 22px;
  color: #9c65f7;
  font-size: 12px;
  font-weight: 900;
}

.glass-info-card h3 {
  margin-bottom: 10px;
  font-size: 17px;
}

.glass-info-card p {
  margin: 0;
  color: #9d92ab;
  font-size: 13px;
  line-height: 1.55;
}

.workflow-section {
  background: linear-gradient(180deg, rgba(5,2,13,.3), rgba(8,3,20,.85), rgba(5,2,13,.45));
}

.workflow-layout {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 48px;
  align-items: center;
}

.workflow-copy h2 {
  font-size: clamp(42px, 5vw, 68px);
}

.workflow-steps {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}

.workflow-steps li {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(162, 105, 255, .12);
}

.workflow-steps li > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(175, 112, 255, .3);
  border-radius: 11px;
  color: #ad79ff;
  background: rgba(116, 41, 219, .1);
  font-size: 11px;
  font-weight: 900;
}

.workflow-steps strong,
.workflow-steps small {
  display: block;
}

.workflow-steps strong {
  margin: 1px 0 5px;
  font-size: 14px;
}

.workflow-steps small {
  color: #9f94ab;
  line-height: 1.5;
}

.product-ui {
  overflow: hidden;
  border: 1px solid rgba(168, 105, 255, .3);
  border-radius: 22px;
  background: #080411;
  box-shadow: 0 35px 90px rgba(0,0,0,.5), 0 0 54px rgba(113, 44, 229, .13);
}

.product-titlebar {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(164, 107, 255, .15);
  background: linear-gradient(180deg, rgba(30, 14, 57, .92), rgba(16, 8, 31, .92));
  color: #cbbddd;
  font-size: 11px;
}

.mini-logo {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: linear-gradient(135deg, #7b31ff, #db54ff);
  font-weight: 900;
}

.window-dots {
  margin-left: auto;
  color: #665d70;
  font-size: 8px;
  letter-spacing: 4px;
}

.product-body {
  display: grid;
  grid-template-columns: 150px 1fr 170px;
  min-height: 510px;
}

.product-sidebar,
.product-inspector {
  padding: 18px 14px;
  background: rgba(14, 7, 27, .92);
}

.product-sidebar {
  border-right: 1px solid rgba(165, 107, 255, .12);
}

.product-inspector {
  border-left: 1px solid rgba(165, 107, 255, .12);
}

.sidebar-label {
  display: block;
  margin: 12px 8px 9px;
  color: #6f627e;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
}

.product-sidebar b {
  display: block;
  margin: 0 8px 14px;
  font-size: 11px;
}

.product-sidebar a {
  display: block;
  padding: 9px 10px;
  border-radius: 9px;
  color: #978ca4;
  font-size: 10px;
}

.product-sidebar a.active {
  color: #efe7ff;
  background: rgba(128, 46, 242, .18);
}

.product-chat {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  background:
    radial-gradient(circle at 58% 35%, rgba(94, 33, 183, .12), transparent 30%),
    #090513;
}

.chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(158, 101, 255, .12);
}

.chat-header small,
.chat-header strong {
  display: block;
}

.chat-header small {
  margin-bottom: 4px;
  color: #8a6fab;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}

.chat-header strong {
  font-size: 11px;
}

.chat-header > span {
  padding: 6px 8px;
  border: 1px solid rgba(87, 226, 169, .2);
  border-radius: 8px;
  color: #73dbae;
  background: rgba(65, 192, 139, .06);
  font-size: 8px;
}

.chat-thread {
  flex: 1;
  padding: 18px 4px 12px;
}

.chat-bubble {
  max-width: 86%;
  margin-bottom: 14px;
  padding: 11px 13px;
  border-radius: 12px;
  font-size: 10px;
  line-height: 1.5;
}

.chat-bubble.user {
  margin-left: auto;
  color: #e7d8ff;
  background: rgba(109, 37, 214, .28);
}

.chat-bubble.system {
  display: flex;
  gap: 10px;
  max-width: 100%;
  border: 1px solid rgba(165, 105, 255, .13);
  background: rgba(19, 10, 35, .88);
}

.system-avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background: linear-gradient(135deg, #7831f4, #c449f8);
  font-weight: 900;
}

.chat-bubble.system strong {
  font-size: 10px;
}

.chat-bubble.system p {
  margin: 5px 0 0;
  color: #998ca5;
  font-size: 9px;
}

.mission-preview {
  overflow: hidden;
  border: 1px solid rgba(165, 104, 255, .22);
  border-radius: 13px;
  background: rgba(10, 5, 22, .85);
}

.mission-preview-head,
.mission-preview-row {
  display: grid;
  align-items: center;
}

.mission-preview-head {
  grid-template-columns: 1fr auto;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(164, 104, 255, .14);
}

.mission-preview-head span {
  color: #9d6af1;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .13em;
}

.mission-preview-head b {
  color: #82778e;
  font-size: 8px;
}

.mission-preview-row {
  grid-template-columns: 22px 1fr auto;
  gap: 8px;
  padding: 9px 12px;
  border-bottom: 1px solid rgba(164, 104, 255, .08);
  color: #beb3c9;
  font-size: 8px;
}

.mission-preview-row:last-child {
  border-bottom: 0;
}

.mission-preview-row i {
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 6px;
  color: #cba7ff;
  background: rgba(119, 42, 224, .16);
  font-style: normal;
}

.mission-preview-row b {
  color: #68dca8;
  font-size: 7px;
}

.chat-composer {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 7px 8px 7px 13px;
  border: 1px solid rgba(171, 109, 255, .21);
  border-radius: 12px;
  color: #6e6278;
  background: rgba(15, 8, 29, .94);
  font-size: 9px;
}

.chat-composer button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-left: auto;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #7d37f4, #cc4cf1);
}

.progress-ring {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin: 24px auto;
  border: 6px solid rgba(120, 48, 225, .13);
  border-top-color: #b05dff;
  border-right-color: #7f40f1;
  border-radius: 50%;
  box-shadow: 0 0 25px rgba(122, 48, 224, .12);
}

.progress-ring strong {
  font-size: 17px;
}

.progress-ring small {
  color: #786c84;
  font-size: 8px;
}

.inspector-item {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 4px;
  border-bottom: 1px solid rgba(164, 106, 255, .1);
  color: #877a94;
  font-size: 8px;
}

.inspector-item b {
  color: #c5b4d8;
}

.product-inspector button {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid rgba(192, 135, 255, .28);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #7130e6, #bd4be5);
  font-size: 9px;
  font-weight: 800;
}

.use-cases-section {
  overflow: hidden;
}

.use-case-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.use-case-track {
  display: flex;
  width: max-content;
  gap: 14px;
  padding: 12px 0 28px;
  animation: marquee 42s linear infinite;
}

.use-case-track:hover {
  animation-play-state: paused;
}

.use-case-track article {
  position: relative;
  width: 220px;
  min-height: 250px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(167, 106, 255, .2);
  border-radius: 19px;
  background:
    radial-gradient(circle at 65% 25%, rgba(145, 57, 255, .28), transparent 26%),
    linear-gradient(155deg, rgba(22, 10, 45, .94), rgba(7, 3, 17, .96));
  box-shadow: 0 18px 46px rgba(0,0,0,.3);
}

.use-case-track article::after {
  content: "";
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -45%;
  height: 70%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(110, 38, 226, .33), transparent 60%);
}

.use-case-track span,
.use-case-track strong,
.use-case-track small {
  position: relative;
  z-index: 2;
  display: block;
}

.use-case-track span {
  color: #ac73ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
}

.use-case-track strong {
  margin-top: 118px;
  font-size: 20px;
}

.use-case-track small {
  margin-top: 8px;
  color: #94889f;
  line-height: 1.5;
}

.use-case-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 28px;
}

.use-case-summary div {
  padding: 22px 24px;
  border-top: 1px solid rgba(170, 110, 255, .22);
}

.use-case-summary strong,
.use-case-summary span {
  display: block;
}

.use-case-summary strong {
  margin-bottom: 8px;
  font-size: 14px;
}

.use-case-summary span {
  color: #978ba4;
  font-size: 12px;
  line-height: 1.55;
}

.engines-section-v49 {
  position: relative;
  overflow: hidden;
  padding-top: 76px;
  padding-bottom: 72px;
  background:
    radial-gradient(circle at 14% 44%, rgba(128, 42, 231, .16), transparent 27%),
    radial-gradient(circle at 86% 47%, rgba(0, 184, 226, .12), transparent 28%),
    linear-gradient(180deg, rgba(5, 2, 14, .96), rgba(5, 3, 14, .985));
}

.engines-section-v49::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background:
    linear-gradient(110deg, transparent 0 46%, rgba(202, 142, 255, .035) 49%, transparent 52%),
    radial-gradient(circle at 50% 12%, rgba(174, 91, 255, .08), transparent 24%);
}

.engines-shell-v49 {
  position: relative;
  z-index: 1;
}

.engine-heading-v49 {
  max-width: 980px;
  margin: 0 auto 28px;
}

.engine-heading-v49 .eyebrow {
  color: #bd6cff;
  letter-spacing: .2em;
}

.engine-heading-v49 h2 {
  margin-bottom: 10px;
  font-size: clamp(38px, 4.25vw, 64px);
  line-height: .98;
  letter-spacing: -.045em;
}

.engine-heading-v49 h2 strong {
  color: #b551ff;
  font-weight: 900;
  text-shadow: 0 0 28px rgba(181, 81, 255, .3);
}

.engine-heading-v49 h2 span {
  color: #f8f3ff;
  font-weight: 800;
}

.engine-heading-v49 > p:last-child {
  color: #aea2bc;
  font-size: 15px;
}

.engine-native-grid-v49 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.engine-native-panel-v49 {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 590px;
  overflow: hidden;
  border: 1px solid rgba(177, 97, 255, .5);
  background:
    linear-gradient(145deg, rgba(22, 9, 42, .82), rgba(4, 3, 14, .96));
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    inset 0 0 48px rgba(136, 54, 255, .06),
    0 24px 64px rgba(0,0,0,.36);
  clip-path: polygon(0 18px, 18px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px));
  isolation: isolate;
}

.engine-native-unreal-v49 {
  grid-template-columns: minmax(0, .82fr) minmax(320px, 1.18fr);
}

.engine-native-unity-v49 {
  grid-template-columns: minmax(320px, 1.18fr) minmax(0, .82fr);
  border-color: rgba(34, 205, 230, .44);
  background:
    linear-gradient(145deg, rgba(4, 24, 38, .82), rgba(3, 8, 17, .97));
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    inset 0 0 48px rgba(0, 188, 219, .055),
    0 24px 64px rgba(0,0,0,.36);
}

.engine-native-panel-v49::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  left: -32%;
  width: 42%;
  height: 1px;
  opacity: .7;
  background: linear-gradient(90deg, transparent, #d9a8ff, transparent);
  animation: engine-native-edge-sweep-v49 7.5s ease-in-out infinite;
}

.engine-native-unity-v49::before {
  background: linear-gradient(90deg, transparent, #70ecff, transparent);
  animation-delay: 1.2s;
}

.engine-native-panel-v49::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  opacity: .65;
  background:
    linear-gradient(120deg, rgba(255,255,255,.045), transparent 18% 80%, rgba(255,255,255,.018)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(183, 98, 255, .12), transparent 34%);
}

.engine-native-unity-v49::after {
  background:
    linear-gradient(120deg, rgba(255,255,255,.04), transparent 18% 80%, rgba(255,255,255,.018)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(40, 208, 234, .11), transparent 34%);
}

.engine-native-art-v49 {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease;
}

.engine-native-art-unreal-v49 {
  background-image:
    linear-gradient(180deg, rgba(6, 2, 16, .02), rgba(6, 2, 16, .15) 62%, rgba(6, 2, 16, .72)),
    url("/assets/icon6/ue5_background.jpg");
  background-position: 47% center;
  -webkit-mask-image: linear-gradient(90deg, #000 0 76%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0 76%, transparent 100%);
}

.engine-native-art-unity-v49 {
  background-image:
    linear-gradient(180deg, rgba(1, 10, 18, .03), rgba(1, 10, 18, .16) 62%, rgba(1, 10, 18, .72)),
    url("/assets/icon6/unity_background.jpg");
  background-position: 54% center;
  -webkit-mask-image: linear-gradient(270deg, #000 0 76%, transparent 100%);
  mask-image: linear-gradient(270deg, #000 0 76%, transparent 100%);
}

.engine-native-panel-v49:hover .engine-native-art-v49 {
  transform: scale(1.025);
  filter: saturate(1.08) contrast(1.03);
}

.engine-native-content-v49 {
  position: relative;
  z-index: 5;
  min-width: 0;
  padding: 24px 24px 22px;
  background: linear-gradient(90deg, rgba(10, 4, 23, .08), rgba(9, 4, 21, .84) 18%, rgba(8, 4, 19, .96));
}

.engine-native-unity-v49 .engine-native-content-v49 {
  background: linear-gradient(270deg, rgba(3, 18, 29, .08), rgba(3, 14, 24, .86) 18%, rgba(3, 10, 18, .97));
}

.engine-native-brand-v49 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  margin-bottom: 12px;
}

.engine-native-brand-mark-v49 {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(198, 140, 255, .36);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(126, 40, 217, .2), rgba(29, 11, 54, .34));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 0 24px rgba(159, 66, 255, .18);
}

.engine-native-unity-v49 .engine-native-brand-mark-v49 {
  border-color: rgba(51, 220, 239, .34);
  background: linear-gradient(145deg, rgba(0, 174, 201, .16), rgba(1, 35, 49, .36));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 0 24px rgba(0, 192, 218, .15);
}

.engine-native-brand-mark-v49 img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 6px 12px rgba(0,0,0,.32));
}

.engine-native-brand-v49 strong,
.engine-native-brand-v49 span {
  display: block;
  color: #fff;
  line-height: .92;
}

.engine-native-brand-v49 strong {
  font-size: 26px;
  letter-spacing: -.035em;
}

.engine-native-brand-v49 span {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .06em;
}

.engine-native-feature-list-v49 {
  display: grid;
  gap: 3px;
}

.engine-native-feature-v49 {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 49px;
  padding: 4px 0;
}

.engine-native-feature-v49::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 48px;
  height: 1px;
  opacity: .48;
  background: linear-gradient(90deg, rgba(180, 103, 255, .2), transparent);
}

.engine-native-unity-v49 .engine-native-feature-v49::after {
  background: linear-gradient(90deg, rgba(32, 200, 227, .18), transparent);
}

.engine-native-feature-v49:last-child::after {
  display: none;
}

.engine-native-feature-icon-v49 {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(188, 111, 255, .34);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(138, 44, 236, .17), rgba(38, 13, 68, .42));
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 0 18px rgba(147, 54, 255, .12);
}

.engine-native-unity-v49 .engine-native-feature-icon-v49 {
  border-color: rgba(29, 207, 229, .32);
  background: linear-gradient(145deg, rgba(0, 176, 200, .14), rgba(2, 42, 55, .4));
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 0 18px rgba(0, 190, 214, .1);
}

.engine-native-feature-icon-v49 img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.35));
  transition: transform .28s ease, filter .28s ease;
}

.engine-native-feature-v49:hover .engine-native-feature-icon-v49 img {
  transform: translateY(-2px) scale(1.08);
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(210, 151, 255, .5));
}

.engine-native-unity-v49 .engine-native-feature-v49:hover .engine-native-feature-icon-v49 img {
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(97, 232, 255, .5));
}

.engine-native-feature-v49 strong,
.engine-native-feature-v49 span {
  display: block;
}

.engine-native-feature-v49 strong {
  margin-bottom: 2px;
  color: #f7f2fb;
  font-size: 13px;
  line-height: 1.1;
}

.engine-native-feature-v49 span {
  color: #a99eb3;
  font-size: 10.5px;
  line-height: 1.35;
}

.engine-native-footer-v49 {
  position: relative;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 94px;
  margin-top: 12px;
  overflow: hidden;
  padding: 12px 28px 12px 18px;
  border: 1px solid rgba(164, 94, 255, .25);
  background:
    radial-gradient(circle at 82% 50%, rgba(19, 150, 190, .09), transparent 25%),
    linear-gradient(135deg, rgba(21, 9, 40, .82), rgba(5, 4, 16, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 18px 44px rgba(0,0,0,.28);
  clip-path: polygon(0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px));
}

.engine-native-footer-v49::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, rgba(255,255,255,.045), transparent 16% 82%, rgba(255,255,255,.02));
}

.engine-native-footer-crystal-v49 {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 78px;
  height: 70px;
}

.engine-native-footer-crystal-v49::before,
.engine-native-footer-crystal-v49::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.engine-native-footer-crystal-v49::before {
  width: 68px;
  height: 68px;
  background: radial-gradient(circle, rgba(178, 74, 255, .3), rgba(117, 38, 225, .08) 50%, transparent 72%);
  filter: blur(5px);
  animation: engine-native-crystal-aura-v49 4.2s ease-in-out infinite;
}

.engine-native-footer-crystal-v49::after {
  width: 4px;
  height: 4px;
  background: #f4c8ff;
  box-shadow: -29px -13px 0 rgba(217, 157, 255, .72), 28px -20px 0 rgba(197, 125, 255, .68), 24px 22px 0 rgba(125, 227, 255, .55), -22px 25px 0 rgba(204, 128, 255, .52);
  animation: engine-native-crystal-spark-v49 3.6s ease-in-out infinite;
}

.engine-native-footer-crystal-v49 img {
  position: relative;
  z-index: 2;
  max-width: 62px;
  max-height: 66px;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(174, 69, 255, .58)) drop-shadow(0 12px 16px rgba(0,0,0,.32));
}

.engine-native-footer-copy-v49 {
  position: relative;
  z-index: 2;
}

.engine-native-footer-copy-v49 strong,
.engine-native-footer-copy-v49 span {
  display: block;
}

.engine-native-footer-copy-v49 strong {
  margin-bottom: 7px;
  color: #f8f4ff;
  font-size: 17px;
}

.engine-native-footer-copy-v49 span {
  color: #a79bad;
  font-size: 11px;
  line-height: 1.45;
}

.engine-native-footer-logos-v49 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
}

.engine-native-footer-logos-v49 span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(192, 132, 255, .22);
  border-radius: 14px;
  background: rgba(14, 8, 27, .56);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

.engine-native-footer-logos-v49 span:last-child {
  border-color: rgba(45, 207, 230, .2);
}

.engine-native-footer-logos-v49 img {
  width: 29px;
  height: 29px;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 5px 9px rgba(0,0,0,.35));
}

@keyframes engine-native-edge-sweep-v49 {
  0%, 15% { transform: translateX(0); opacity: 0; }
  35%, 58% { opacity: .78; }
  78%, 100% { transform: translateX(315%); opacity: 0; }
}

@keyframes engine-native-crystal-aura-v49 {
  0%, 100% { transform: scale(.92); opacity: .6; }
  50% { transform: scale(1.1); opacity: 1; }
}

@keyframes engine-native-crystal-spark-v49 {
  0%, 100% { transform: rotate(0deg) scale(.75); opacity: .45; }
  50% { transform: rotate(38deg) scale(1.12); opacity: 1; }
}

@media (max-width: 1180px) {
  .engine-native-unreal-v49,
  .engine-native-unity-v49 {
    grid-template-columns: minmax(0, .7fr) minmax(300px, 1.3fr);
  }

  .engine-native-unity-v49 {
    grid-template-columns: minmax(300px, 1.3fr) minmax(0, .7fr);
  }

  .engine-native-content-v49 {
    padding-inline: 19px;
  }

  .engine-native-feature-v49 {
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 8px;
  }

  .engine-native-feature-icon-v49 {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 980px) {
  .engine-native-grid-v49 {
    grid-template-columns: 1fr;
  }

  .engine-native-panel-v49 {
    min-height: 570px;
  }

  .engine-native-unreal-v49,
  .engine-native-unity-v49 {
    grid-template-columns: minmax(220px, .78fr) minmax(330px, 1.22fr);
  }

  .engine-native-unity-v49 .engine-native-content-v49 {
    order: 2;
  }

  .engine-native-unity-v49 .engine-native-art-v49 {
    order: 1;
  }

  .engine-native-art-unity-v49 {
    -webkit-mask-image: linear-gradient(90deg, #000 0 76%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0 76%, transparent 100%);
  }

  .engine-native-unity-v49 .engine-native-content-v49 {
    background: linear-gradient(90deg, rgba(3, 18, 29, .08), rgba(3, 14, 24, .86) 18%, rgba(3, 10, 18, .97));
  }
}

@media (max-width: 700px) {
  .engines-section-v49 {
    padding-top: 62px;
    padding-bottom: 58px;
  }

  .engine-heading-v49 h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .engine-heading-v49 h2 span {
    display: block;
    margin-top: 6px;
  }

  .engine-native-panel-v49,
  .engine-native-unreal-v49,
  .engine-native-unity-v49 {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .engine-native-art-v49 {
    min-height: 285px;
    -webkit-mask-image: linear-gradient(180deg, #000 0 70%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0 70%, transparent 100%);
  }

  .engine-native-content-v49,
  .engine-native-unity-v49 .engine-native-content-v49 {
    order: 2;
    margin-top: -58px;
    padding: 22px 18px 24px;
    background: linear-gradient(180deg, rgba(8, 4, 19, .05), rgba(8, 4, 19, .94) 19%, rgba(8, 4, 19, .99));
  }

  .engine-native-unity-v49 .engine-native-content-v49 {
    background: linear-gradient(180deg, rgba(3, 15, 25, .05), rgba(3, 12, 21, .94) 19%, rgba(3, 10, 18, .99));
  }

  .engine-native-feature-v49 {
    min-height: 52px;
  }

  .engine-native-footer-v49 {
    grid-template-columns: 72px minmax(0, 1fr);
    padding-right: 18px;
  }

  .engine-native-footer-logos-v49 {
    grid-column: 1 / -1;
    justify-content: center;
    padding-top: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engine-native-panel-v49::before,
  .engine-native-footer-crystal-v49::before,
  .engine-native-footer-crystal-v49::after {
    animation: none !important;
  }

  .engine-native-panel-v49:hover .engine-native-art-v49,
  .engine-native-feature-v49:hover .engine-native-feature-icon-v49 img {
    transform: none !important;
  }
}

.memory-section {
  overflow: hidden;
  padding-block: 68px 62px;
  background:
    radial-gradient(circle at 16% 55%, rgba(131, 53, 255, .18), transparent 30%),
    radial-gradient(circle at 84% 38%, rgba(208, 65, 255, .12), transparent 28%),
    linear-gradient(180deg, #06020f 0%, #080316 48%, #04010a 100%);
  isolation: isolate;
}

.memory-section::before,
.memory-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.memory-section::before {
  inset: 0;
  opacity: .36;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.52) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(190,119,255,.52) 0 1px, transparent 1.5px);
  background-position: 0 0, 27px 31px;
  background-size: 92px 92px, 137px 137px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.8), transparent 44%, transparent 58%, rgba(0,0,0,.55));
}

.memory-section::after {
  width: 430px;
  height: 430px;
  right: -180px;
  top: 4%;
  border-radius: 50%;
  background: rgba(144, 53, 255, .13);
  filter: blur(90px);
}

.memory-compare-shell-v54 {
  width: min(1320px, calc(100vw - 42px));
}

.memory-compare-layout-v54 {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.38fr);
  gap: 16px;
  align-items: start;
}

.memory-story-v54,
.memory-versus-v54,
.memory-partner-v54 {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(172, 109, 255, .25);
  background:
    linear-gradient(150deg, rgba(28, 13, 53, .72), rgba(7, 3, 17, .94));
  box-shadow:
    0 30px 90px rgba(0,0,0,.46),
    inset 0 1px rgba(255,255,255,.07),
    inset 0 -1px rgba(144, 80, 255, .08);
}

.memory-story-v54 {
  min-height: 620px;
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 18px);
  background: #080313;
}

.memory-story-v54::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(5, 2, 13, .28) 0%, rgba(5, 2, 13, .72) 50%, rgba(5, 2, 13, .2) 78%, rgba(5, 2, 13, .05) 100%),
    linear-gradient(90deg, rgba(7, 3, 17, .94) 0%, rgba(7, 3, 17, .76) 46%, rgba(7, 3, 17, .18) 80%, transparent 100%);
}

.memory-story-v54::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent) 0 0 / 42% 100% no-repeat,
    radial-gradient(circle at 52% 56%, rgba(154, 75, 255, .32), transparent 26%);
  transform: translateX(-110%);
  animation: memoryStorySweepV54 10s ease-in-out infinite;
  mix-blend-mode: screen;
}

.memory-story-art-v54 {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("/assets/use-cases/belly-bog.webp");
  background-size: cover;
  background-position: 62% center;
  filter: saturate(.92) brightness(.72) contrast(1.08);
  transform: scale(1.03);
  transition: transform .7s ease, filter .7s ease;
}

.memory-story-v54:hover .memory-story-art-v54 {
  transform: scale(1.06);
  filter: saturate(1.04) brightness(.79) contrast(1.08);
}

.memory-story-shine-v54 {
  position: absolute;
  z-index: 3;
  left: 38%;
  bottom: 13%;
  width: 2px;
  height: 48%;
  background: linear-gradient(180deg, transparent, rgba(212, 130, 255, .92), transparent);
  box-shadow:
    0 0 14px rgba(198, 100, 255, .82),
    0 0 44px rgba(129, 48, 255, .58);
  opacity: .72;
  animation: memoryBeaconV54 4.8s ease-in-out infinite;
}

.memory-story-copy-v54 {
  position: relative;
  z-index: 5;
  max-width: 408px;
  padding: 38px 34px 30px;
}

.memory-story-copy-v54 .eyebrow {
  margin-bottom: 14px;
  color: #b975ff;
  text-shadow: 0 0 18px rgba(184, 91, 255, .28);
}

.memory-story-copy-v54 h2 {
  max-width: 390px;
  margin-bottom: 14px;
  font-size: clamp(40px, 3.7vw, 61px);
  line-height: .98;
}

.memory-story-copy-v54 h2 strong {
  display: block;
  color: transparent;
  background: linear-gradient(95deg, #8a42ff 0%, #c75dff 58%, #f17aff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.memory-title-rule-v54 {
  display: block;
  width: 138px;
  height: 3px;
  margin: 18px 0 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, #9a45ff, #f25eff, transparent);
  box-shadow: 0 0 18px rgba(198, 77, 255, .64);
}

.memory-story-copy-v54 > p:last-child {
  max-width: 390px;
  color: #c2b6ce;
  font-size: 14px;
  line-height: 1.62;
}

.memory-versus-v54 {
  min-height: 620px;
  padding: 14px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 52% 4%, rgba(145, 48, 255, .14), transparent 24%),
    linear-gradient(150deg, rgba(15, 7, 31, .94), rgba(5, 2, 13, .98));
}

.memory-versus-v54::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255,255,255,.08), transparent 18%, transparent 78%, rgba(191,87,255,.08)),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: auto, 42px 42px, 42px 42px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 92%);
}

.memory-versus-head-v54 {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 82px;
  padding: 7px 8px 11px;
}

.memory-side-head-v54 {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 10px 12px;
}

.memory-side-head-v54 > div {
  min-width: 0;
}

.memory-side-head-v54 strong,
.memory-side-head-v54 small {
  display: block;
}

.memory-side-head-v54 strong {
  margin-bottom: 4px;
  font-size: 16px;
  letter-spacing: -.01em;
}

.memory-side-head-v54 small {
  color: #8f839c;
  font-size: 10px;
  line-height: 1.35;
}

.memory-side-head-typical-v54 strong {
  color: #a8a0ae;
}

.memory-side-head-cradle-v54 strong {
  color: #d36dff;
  text-shadow: 0 0 18px rgba(194, 84, 255, .28);
}

.memory-side-head-cradle-v54 small {
  color: #bda3ca;
}

.memory-head-icon-v54 {
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(176, 115, 255, .25);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(78, 37, 128, .28), rgba(11, 6, 22, .86));
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}

.memory-head-icon-v54 img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.memory-side-head-typical-v54 .memory-head-icon-v54 img {
  filter: grayscale(1) saturate(.25) brightness(1.1);
  opacity: .78;
}

.memory-side-head-cradle-v54 .memory-head-icon-v54 {
  border-color: rgba(213, 95, 255, .42);
  background: radial-gradient(circle, rgba(193, 77, 255, .2), rgba(28, 9, 50, .8));
  box-shadow: 0 0 24px rgba(167, 64, 255, .18), inset 0 1px rgba(255,255,255,.1);
}

.memory-side-head-cradle-v54 .memory-head-icon-v54 img {
  width: 45px;
  height: 45px;
  filter: drop-shadow(0 0 10px rgba(209, 96, 255, .48));
}

.memory-vs-badge-v54 {
  position: relative;
  display: grid;
  place-items: center;
  width: 82px;
  height: 58px;
  margin-inline: auto;
  color: #efe6ff;
  font-size: 25px;
  font-weight: 1000;
  font-style: italic;
  text-shadow:
    0 0 8px #fff,
    0 0 18px #ba52ff,
    0 0 36px #7e2cff;
}

.memory-vs-badge-v54::before,
.memory-vs-badge-v54::after {
  content: "";
  position: absolute;
  inset: 4px 10px;
  clip-path: polygon(45% 0, 55% 34%, 100% 42%, 62% 55%, 71% 100%, 50% 67%, 24% 100%, 37% 58%, 0 47%, 41% 34%);
  background: rgba(174, 61, 255, .32);
  filter: blur(3px);
}

.memory-vs-badge-v54::after {
  inset: 14px 18px;
  background: #b95eff;
  opacity: .74;
  filter: blur(1px);
  animation: memoryVsPulseV54 2.8s ease-in-out infinite;
}

.memory-vs-badge-v54 span {
  position: relative;
  z-index: 2;
}

.memory-compare-list-v54 {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 7px;
}

.memory-compare-row-v54 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr);
  gap: 7px;
  align-items: stretch;
  min-height: 66px;
}

.memory-side-cell-v54,
.memory-category-v54 {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(169, 107, 255, .18);
  background: linear-gradient(110deg, rgba(23, 12, 43, .82), rgba(12, 6, 25, .92));
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

.memory-side-cell-v54 {
  gap: 12px;
  padding: 8px 14px;
  border-radius: 14px;
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}

.memory-side-cell-typical-v54 {
  color: #aaa1af;
  border-color: rgba(150, 136, 163, .17);
  background: linear-gradient(110deg, rgba(27, 23, 33, .84), rgba(11, 7, 17, .92));
}

.memory-side-cell-cradle-v54 {
  color: #e7b3ff;
  border-color: rgba(191, 91, 255, .29);
  background: linear-gradient(110deg, rgba(44, 18, 75, .78), rgba(15, 7, 29, .94));
}

.memory-compare-row-v54:hover .memory-side-cell-v54 {
  transform: translateY(-1px);
}

.memory-compare-row-v54:hover .memory-side-cell-cradle-v54 {
  border-color: rgba(225, 116, 255, .52);
  background: linear-gradient(110deg, rgba(62, 24, 100, .88), rgba(20, 9, 39, .96));
  box-shadow: 0 0 24px rgba(154, 54, 255, .14), inset 0 1px rgba(255,255,255,.07);
}

.memory-side-cell-v54 p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.35;
}

.memory-side-cell-typical-v54 p {
  color: #a59dac;
}

.memory-side-cell-cradle-v54 p {
  color: #d7b5e5;
}

.memory-cell-icon-v54 {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(171, 105, 255, .25);
  border-radius: 12px;
  background: rgba(70, 33, 116, .19);
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}

.memory-cell-icon-v54 img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.memory-side-cell-typical-v54 .memory-cell-icon-v54 {
  border-color: rgba(176, 164, 184, .17);
  background: rgba(99, 89, 106, .08);
}

.memory-side-cell-typical-v54 .memory-cell-icon-v54 img {
  filter: grayscale(1) saturate(0) brightness(1.9) opacity(.55);
}

.memory-side-cell-cradle-v54 .memory-cell-icon-v54 {
  border-color: rgba(207, 99, 255, .39);
  background: radial-gradient(circle, rgba(183, 76, 255, .23), rgba(35, 13, 62, .58));
  box-shadow: 0 0 18px rgba(174, 67, 255, .13), inset 0 1px rgba(255,255,255,.09);
}

.memory-side-cell-cradle-v54 .memory-cell-icon-v54 img {
  filter: brightness(0) saturate(100%) invert(57%) sepia(73%) saturate(2780%) hue-rotate(242deg) brightness(102%) contrast(102%) drop-shadow(0 0 6px rgba(209, 94, 255, .48));
}

.memory-row-context-v54 .memory-cell-icon-v54 img,
.memory-row-reasoning-v54 .memory-cell-icon-v54 img {
  width: 31px;
  height: 31px;
  filter: none;
}

.memory-row-context-v54 .memory-side-cell-typical-v54 .memory-cell-icon-v54 img,
.memory-row-reasoning-v54 .memory-side-cell-typical-v54 .memory-cell-icon-v54 img {
  filter: grayscale(1) saturate(.1) brightness(.85) opacity(.5);
}

.memory-row-context-v54 .memory-side-cell-cradle-v54 .memory-cell-icon-v54 img,
.memory-row-reasoning-v54 .memory-side-cell-cradle-v54 .memory-cell-icon-v54 img {
  filter: saturate(.82) hue-rotate(15deg) drop-shadow(0 0 7px rgba(211, 102, 255, .42));
}

.memory-category-v54 {
  justify-content: center;
  padding: 0 10px;
  border-color: rgba(183, 82, 255, .32);
  border-radius: 6px;
  color: #bf68ff;
  background:
    linear-gradient(90deg, rgba(44, 17, 77, .92), rgba(21, 8, 41, .98), rgba(44, 17, 77, .92));
  font-size: 11px;
  letter-spacing: .035em;
  text-shadow: 0 0 12px rgba(184, 83, 255, .42);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}

.memory-category-v54::before,
.memory-category-v54::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14px;
  height: 28px;
  border-top: 1px solid rgba(207, 112, 255, .42);
  border-bottom: 1px solid rgba(207, 112, 255, .42);
  transform: translateY(-50%) skewX(-27deg);
}

.memory-category-v54::before {
  left: 8px;
  border-left: 1px solid rgba(207, 112, 255, .42);
}

.memory-category-v54::after {
  right: 8px;
  border-right: 1px solid rgba(207, 112, 255, .42);
}

.memory-partner-v54 {
  display: grid;
  grid-template-columns: 98px minmax(250px, .9fr) minmax(300px, 1.25fr) 190px;
  gap: 22px;
  align-items: center;
  min-height: 108px;
  margin-top: 16px;
  padding: 16px 24px;
  border-color: rgba(191, 91, 255, .32);
  border-radius: 20px;
  background:
    radial-gradient(circle at 10% 50%, rgba(128, 45, 255, .2), transparent 20%),
    linear-gradient(100deg, rgba(30, 12, 55, .94), rgba(10, 5, 22, .95) 58%, rgba(25, 9, 48, .88));
}

.memory-partner-v54::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.08), transparent 22%, transparent 78%, rgba(222, 105, 255, .07));
}

.memory-partner-emblem-v54 {
  position: relative;
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
}

.memory-partner-emblem-v54::before,
.memory-partner-emblem-v54::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(195, 97, 255, .26);
}

.memory-partner-emblem-v54::before {
  inset: 0;
  box-shadow: inset 0 0 25px rgba(151, 56, 255, .24), 0 0 24px rgba(151, 56, 255, .13);
  animation: memoryEmblemSpinV54 12s linear infinite;
}

.memory-partner-emblem-v54::after {
  inset: 11px;
  border-style: dashed;
  opacity: .55;
  animation: memoryEmblemSpinV54 9s linear reverse infinite;
}

.memory-partner-emblem-v54 img {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 0 13px rgba(202, 82, 255, .58));
}

.memory-partner-title-v54 {
  position: relative;
  z-index: 2;
  padding-right: 22px;
  border-right: 1px solid rgba(182, 108, 255, .26);
}

.memory-partner-title-v54 strong,
.memory-partner-title-v54 span {
  display: block;
  font-size: 19px;
  line-height: 1.25;
}

.memory-partner-title-v54 span {
  margin-top: 4px;
  color: transparent;
  background: linear-gradient(90deg, #a553ff, #ed6dff);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
}

.memory-partner-v54 > p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #b9aec5;
  font-size: 11.5px;
  line-height: 1.55;
}

.memory-partner-action-v54 {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 14px;
  border: 1px solid rgba(203, 106, 255, .22);
  border-radius: 15px;
  background: rgba(41, 16, 71, .34);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.memory-partner-action-v54:hover {
  transform: translateY(-2px);
  border-color: rgba(226, 131, 255, .55);
  background: rgba(62, 22, 103, .52);
  box-shadow: 0 0 28px rgba(167, 59, 255, .18);
}

.memory-play-v54 {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(230, 176, 255, .58);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(182, 72, 255, .38), rgba(42, 13, 76, .75));
  box-shadow: 0 0 18px rgba(178, 69, 255, .28), inset 0 1px rgba(255,255,255,.14);
}

.memory-play-v54::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 3px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #fff;
  filter: drop-shadow(0 0 5px rgba(255,255,255,.5));
}

.memory-partner-action-v54 strong,
.memory-partner-action-v54 small {
  display: block;
}

.memory-partner-action-v54 strong {
  margin-bottom: 3px;
  color: #cf78ff;
  font-size: 12px;
}

.memory-partner-action-v54 small {
  color: #91849c;
  font-size: 9.5px;
}

@keyframes memoryStorySweepV54 {
  0%, 68%, 100% { transform: translateX(-110%); opacity: 0; }
  75% { opacity: .62; }
  88% { transform: translateX(250%); opacity: 0; }
}

@keyframes memoryBeaconV54 {
  0%, 100% { opacity: .38; transform: scaleY(.82); }
  50% { opacity: .86; transform: scaleY(1.05); }
}

@keyframes memoryVsPulseV54 {
  0%, 100% { opacity: .38; transform: scale(.92); }
  50% { opacity: .9; transform: scale(1.08); }
}

@keyframes memoryEmblemSpinV54 {
  to { transform: rotate(360deg); }
}

@media (max-width: 1120px) {
  .memory-compare-layout-v54 {
    grid-template-columns: .72fr 1.28fr;
  }

  .memory-story-copy-v54 {
    padding-inline: 28px;
  }

  .memory-versus-head-v54 {
    grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);
  }

  .memory-vs-badge-v54 {
    width: 64px;
  }

  .memory-side-head-v54 {
    gap: 10px;
    padding-inline: 6px;
  }

  .memory-side-head-v54 strong {
    font-size: 14px;
  }

  .memory-compare-row-v54 {
    grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr);
  }

  .memory-partner-v54 {
    grid-template-columns: 78px minmax(210px, .85fr) minmax(250px, 1.2fr) 170px;
    gap: 16px;
    padding-inline: 18px;
  }

  .memory-partner-emblem-v54 {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 920px) {
  .memory-section {
    padding-block: 76px;
  }

  .memory-compare-layout-v54 {
    grid-template-columns: 1fr;
  }

  .memory-story-v54 {
    min-height: 520px;
  }

  .memory-story-copy-v54 {
    max-width: 520px;
  }

  .memory-versus-v54 {
    min-height: auto;
  }

  .memory-partner-v54 {
    grid-template-columns: 74px 1fr 1.15fr;
  }

  .memory-partner-action-v54 {
    grid-column: 2 / -1;
    justify-self: start;
    width: 190px;
  }
}

@media (max-width: 700px) {
  .memory-compare-shell-v54 {
    width: min(100% - 26px, 620px);
  }

  .memory-story-v54 {
    min-height: 560px;
  }

  .memory-story-art-v54 {
    background-position: 68% center;
  }

  .memory-story-v54::before {
    background:
      linear-gradient(180deg, rgba(5, 2, 13, .42) 0%, rgba(5, 2, 13, .86) 48%, rgba(5, 2, 13, .2) 100%),
      linear-gradient(90deg, rgba(7, 3, 17, .92), rgba(7, 3, 17, .25));
  }

  .memory-story-copy-v54 {
    padding: 30px 24px;
  }

  .memory-story-copy-v54 h2 {
    font-size: clamp(39px, 12vw, 55px);
  }

  .memory-versus-v54 {
    padding: 10px;
  }

  .memory-versus-head-v54 {
    grid-template-columns: 1fr 58px 1fr;
    gap: 4px;
    padding-inline: 0;
  }

  .memory-side-head-v54 {
    display: grid;
    justify-items: center;
    text-align: center;
  }

  .memory-side-head-v54 small {
    display: none;
  }

  .memory-side-head-v54 strong {
    font-size: 11px;
  }

  .memory-head-icon-v54 {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .memory-head-icon-v54 img {
    width: 37px;
    height: 37px;
  }

  .memory-compare-row-v54 {
    grid-template-columns: 1fr;
    gap: 4px;
    margin-bottom: 5px;
  }

  .memory-category-v54 {
    order: -1;
    min-height: 28px;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  }

  .memory-side-cell-v54 {
    min-height: 56px;
  }

  .memory-side-cell-typical-v54::before,
  .memory-side-cell-cradle-v54::before {
    flex: 0 0 58px;
    color: #817787;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
  }

  .memory-side-cell-typical-v54::before {
    content: "TYPICAL";
  }

  .memory-side-cell-cradle-v54::before {
    content: "CRADLE";
    color: #ca71ff;
  }

  .memory-partner-v54 {
    grid-template-columns: 64px 1fr;
    gap: 14px;
    padding: 16px;
  }

  .memory-partner-emblem-v54 {
    width: 60px;
    height: 60px;
  }

  .memory-partner-title-v54 {
    padding-right: 0;
    border-right: 0;
  }

  .memory-partner-title-v54 strong,
  .memory-partner-title-v54 span {
    font-size: 16px;
  }

  .memory-partner-v54 > p,
  .memory-partner-action-v54 {
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .memory-story-v54::after,
  .memory-story-shine-v54,
  .memory-vs-badge-v54::after,
  .memory-partner-emblem-v54::before,
  .memory-partner-emblem-v54::after {
    animation: none !important;
  }

  .memory-story-v54:hover .memory-story-art-v54,
  .memory-compare-row-v54:hover .memory-side-cell-v54,
  .memory-partner-action-v54:hover {
    transform: none !important;
  }
}

.proof-section {
  background:
    radial-gradient(circle at 50% 16%, rgba(115, 37, 221, .1), transparent 25%),
    linear-gradient(180deg, rgba(7,3,18,.82), rgba(5,2,13,.95));
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.stats-grid article {
  min-height: 150px;
  padding: 28px;
  border: 1px solid rgba(163, 104, 255, .18);
  border-radius: 18px;
  text-align: center;
  background: linear-gradient(145deg, rgba(21, 10, 42, .78), rgba(8,4,18,.82));
}

.stats-grid strong,
.stats-grid span {
  display: inline-block;
  color: transparent;
  background: linear-gradient(100deg, #fff, #af73ff, #ef67ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 38px;
  line-height: 1;
}

.stats-grid small {
  display: block;
  margin-top: 12px;
  color: #968aa2;
  font-size: 11px;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 18px;
}

.testimonial-grid blockquote {
  margin: 0;
  padding: 28px;
  border-radius: 20px;
}

.testimonial-grid blockquote > p {
  min-height: 84px;
  color: #d9cee2;
  font-size: 15px;
  line-height: 1.62;
}

.testimonial-grid footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.testimonial-grid footer > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #7131e2, #c547e5);
  font-size: 11px;
  font-weight: 900;
}

.testimonial-grid footer strong,
.testimonial-grid footer small {
  display: block;
}

.testimonial-grid footer strong {
  font-size: 12px;
}

.testimonial-grid footer small {
  margin-top: 4px;
  color: #82758d;
  font-size: 10px;
}

.studio-rail {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 28px;
  padding: 22px 26px;
  border: 1px solid rgba(160, 100, 255, .14);
  border-radius: 16px;
  color: #6f6479;
  background: rgba(9,4,18,.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.pricing-section {
  background: radial-gradient(circle at 50% 52%, rgba(117, 39, 228, .12), transparent 34%);
}

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

.pricing-card {
  display: flex;
  flex-direction: column;
  min-height: 520px;
  padding: 30px;
  border-radius: 22px;
}

.pricing-card.featured {
  border-color: rgba(190, 121, 255, .56);
  background:
    radial-gradient(circle at 50% 0%, rgba(143, 54, 255, .22), transparent 34%),
    linear-gradient(145deg, rgba(31, 12, 63, .95), rgba(9, 4, 20, .96));
  box-shadow: 0 30px 80px rgba(0,0,0,.46), 0 0 45px rgba(125, 45, 241, .17);
  transform: translateY(-8px);
}

.popular-badge {
  position: absolute;
  top: 0;
  right: 22px;
  padding: 8px 13px;
  border-radius: 0 0 10px 10px;
  color: #fff;
  background: linear-gradient(135deg, #8135f4, #d94df0);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}

.plan-label {
  color: #9e6fe8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

.pricing-card h3 {
  margin: 18px 0 12px;
  font-size: 28px;
}

.price {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  min-height: 57px;
}

.price strong {
  font-size: 43px;
  line-height: 1;
}

.price span {
  color: #86798f;
  font-size: 12px;
}

.pricing-card > p {
  min-height: 54px;
  margin: 20px 0 4px;
  color: #9f93aa;
  font-size: 13px;
  line-height: 1.55;
}

.pricing-card ul {
  flex: 1;
}

.pricing-card .button {
  width: 100%;
  margin-top: 24px;
}

.community-section {
  background:
    radial-gradient(circle at 72% 50%, rgba(119, 42, 231, .18), transparent 29%),
    linear-gradient(180deg, #05020d, #080314);
}

.community-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 60px;
  align-items: center;
}

.community-layout h2 {
  font-size: clamp(43px, 5vw, 70px);
}

.community-layout h2 strong {
  display: block;
}

.community-layout p:not(.eyebrow) {
  max-width: 600px;
  color: #a99db7;
  font-size: 16px;
  line-height: 1.7;
}

.community-orbit {
  position: relative;
  min-height: 410px;
}

.community-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 120px;
  height: 120px;
  border: 2px solid rgba(227, 191, 255, .65);
  border-radius: 36px;
  color: #fff;
  background: linear-gradient(135deg, rgba(143, 59, 255, .82), rgba(60, 14, 137, .7));
  box-shadow: 0 0 65px rgba(147, 60, 255, .66), inset 0 0 34px rgba(255,255,255,.08);
  transform: translate(-50%, -50%) rotate(45deg);
  font-size: 42px;
  font-weight: 900;
}

.orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(170, 102, 255, .28);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.orbit-one {
  width: 340px;
  height: 340px;
  animation: spin 18s linear infinite;
}

.orbit-two {
  width: 250px;
  height: 250px;
  animation: spin 13s linear infinite reverse;
}

.orbit span {
  position: absolute;
  left: 50%;
  top: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #d59cff;
  box-shadow: 0 0 20px rgba(207, 135, 255, .9);
}

.community-stat {
  position: absolute;
  z-index: 4;
  min-width: 130px;
  padding: 14px 16px;
  border: 1px solid rgba(180, 119, 255, .25);
  border-radius: 14px;
  background: rgba(17, 8, 34, .82);
  box-shadow: 0 16px 40px rgba(0,0,0,.3);
  backdrop-filter: blur(16px);
}

.community-stat strong,
.community-stat small {
  display: block;
}

.community-stat strong {
  color: #d5b0ff;
  font-size: 21px;
}

.community-stat small {
  margin-top: 5px;
  color: #887a93;
  font-size: 9px;
}

.stat-one { left: 5%; top: 20%; }
.stat-two { right: 3%; bottom: 17%; }

.final-cta-section {
  position: relative;
  padding: 48px 0 76px;
  background: linear-gradient(180deg, #080314, #030107);
}

.final-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  overflow: hidden;
  padding: 46px 50px;
  border: 1px solid rgba(181, 117, 255, .34);
  border-radius: 25px;
  background:
    radial-gradient(circle at 78% 50%, rgba(174, 78, 255, .25), transparent 30%),
    linear-gradient(135deg, rgba(24, 9, 52, .96), rgba(8, 3, 18, .98));
  box-shadow: 0 26px 80px rgba(0,0,0,.4), 0 0 46px rgba(117, 43, 223, .12);
}

.final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, transparent, black);
}

.final-cta h2 {
  margin-bottom: 9px;
  font-size: clamp(38px, 4vw, 60px);
}

.final-cta p:not(.eyebrow) {
  margin-bottom: 0;
  color: #a79aad;
}

.final-cta-actions {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.site-footer {
  padding: 58px 0 24px;
  border-top: 1px solid rgba(160, 104, 255, .14);
  background: #030107;
}

.footer-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
}

.footer-brand-block p {
  max-width: 310px;
  margin-top: 18px;
  color: #82788b;
  line-height: 1.6;
  font-size: 12px;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.footer-links div {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.footer-links strong {
  margin-bottom: 6px;
  color: #d8cee3;
  font-size: 12px;
}

.footer-links a,
.footer-links button {
  width: max-content;
  padding: 0;
  border: 0;
  color: #81768b;
  background: transparent;
  cursor: pointer;
  font-size: 11px;
}

.footer-links a:hover,
.footer-links button:hover {
  color: #d9c5f2;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 48px;
  padding-top: 22px;
  border-top: 1px solid rgba(160, 104, 255, .1);
  color: #655c6d;
  font-size: 10px;
}

.account-modal {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  padding: 22px;
}

.account-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(2, 0, 7, .78);
  backdrop-filter: blur(16px);
}

.account-dialog {
  position: relative;
  z-index: 2;
  width: min(620px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  padding: 34px;
  border: 1px solid rgba(184, 122, 255, .34);
  border-radius: 24px;
  background:
    radial-gradient(circle at 85% 0%, rgba(130, 47, 243, .18), transparent 28%),
    rgba(11, 5, 24, .98);
  box-shadow: 0 35px 120px rgba(0,0,0,.72), 0 0 60px rgba(122, 43, 239, .18);
}

.dialog-close {
  position: absolute;
  right: 18px;
  top: 16px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(174, 112, 255, .22);
  border-radius: 11px;
  color: #cbb8df;
  background: rgba(33, 15, 61, .62);
  cursor: pointer;
  font-size: 22px;
}

.account-dialog h2 {
  margin-bottom: 24px;
  font-size: 40px;
}

.account-panel {
  padding: 24px;
  border: 1px solid rgba(172, 111, 255, .2);
  border-radius: 18px;
  background: rgba(14, 7, 28, .72);
}

.status-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.status-dot {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6d6674;
  box-shadow: 0 0 0 6px rgba(109, 102, 116, .12);
}

.status-dot.ready {
  background: var(--green);
  box-shadow: 0 0 0 6px rgba(96, 230, 168, .11), 0 0 18px rgba(96,230,168,.35);
}

.status-label {
  margin: 0 0 5px;
  color: #8d8197;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.status-row h3 {
  margin: 0;
  font-size: 23px;
}

.status-message {
  margin: 20px 0;
  color: #aaa0b5;
  line-height: 1.6;
  font-size: 13px;
}

.account-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 18px 0;
}

.account-details div {
  padding: 14px;
  border: 1px solid rgba(163, 105, 255, .14);
  border-radius: 12px;
  background: rgba(22, 11, 41, .7);
}

.account-details dt {
  color: #82768e;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-details dd {
  margin: 7px 0 0;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-text-button {
  border: 0;
  color: #caa6ff;
  background: transparent;
  cursor: pointer;
  font-weight: 800;
}

.account-security-note {
  margin: 22px 0 0;
  padding-top: 17px;
  border-top: 1px solid rgba(166, 107, 255, .12);
  color: #71667b;
  font-size: 10px;
  line-height: 1.55;
}

.error {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 104, 154, .24);
  border-radius: 11px;
  color: #ffb6ce;
  background: rgba(148, 32, 72, .1);
  font-size: 12px;
}

.modal-open {
  overflow: hidden;
}

.reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.78,.2,1);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.interactive-card {
  transform-style: preserve-3d;
  transition: transform .18s ease, border-color .25s ease, box-shadow .25s ease;
  will-change: transform;
}

@keyframes orbFloat {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-24px,0) scale(1.04); }
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes coreSpin {
  to { transform: translate(-50%, -50%) rotateX(70deg) rotateZ(360deg); }
}

@keyframes coreFloat {
  0%, 100% { transform: translate(-50%, -50%) rotate(45deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotate(45deg) translateY(-13px); }
}

@keyframes chipFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes crystalFloat {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-12px) rotate(2deg); }
}

@keyframes pulse {
  0%, 100% { opacity: .62; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes dash {
  to { stroke-dashoffset: -300; }
}

@keyframes marquee {
  to { transform: translateX(calc(-50% - 7px)); }
}

@media (max-width: 1180px) {
  :root { --shell: min(1120px, calc(100vw - 34px)); }
  .primary-links { gap: 12px; }
  .primary-links a { font-size: 10px; }
  .mission-step-grid { grid-template-columns: repeat(3, 1fr); }
  .product-body { grid-template-columns: 128px 1fr; }
  .product-inspector { display: none; }
}

@media (max-width: 980px) {
  :root { --header-height: 68px; }
  .mobile-menu-button { display: block; justify-self: end; }
  .nav-shell { grid-template-columns: auto 1fr auto; }
  .primary-links {
    position: absolute;
    left: 18px;
    right: 18px;
    top: calc(var(--header-height) - 4px);
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(174, 112, 255, .22);
    border-radius: 16px;
    background: rgba(8, 3, 18, .96);
    box-shadow: 0 26px 70px rgba(0,0,0,.5);
    backdrop-filter: blur(20px);
  }
  .site-header.menu-open .primary-links { display: flex; }
  .primary-links a { padding: 12px 13px; border-radius: 9px; font-size: 12px; }
  .primary-links a::after { display: none; }
  .primary-links a:hover, .primary-links a.is-active { background: rgba(128, 46, 242, .14); }
  .nav-actions .nav-sign-in { display: none; }
  .nav-actions .button { min-height: 39px; }
  .hero-section { min-height: auto; padding-bottom: 42px; }
  .hero-shell { grid-template-columns: 1fr; min-height: 0; padding-top: 58px; }
  .hero-copy { max-width: 760px; }
  .hero-visual { min-height: 520px; }
  .trust-items { grid-template-columns: repeat(4, 1fr); }
  .trust-items b:nth-child(4) { border-right: 0; }
  .mission-intro { grid-template-columns: 1fr; }
  .mission-intro-copy { max-width: 700px; }
  .mission-core-stage { min-height: 380px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .mission-system-heading { grid-template-columns: 1fr; gap: 18px; }
  .mission-system-heading > p { max-width: 700px; }
  .mission-benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .workflow-layout { grid-template-columns: 1fr; }
  .workflow-copy { max-width: 720px; }
  .engine-compare { grid-template-columns: 1fr; }
  .memory-layout { grid-template-columns: 1fr; }
  .memory-copy { max-width: 700px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-grid blockquote > p { min-height: auto; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card.featured { transform: none; }
  .community-layout { grid-template-columns: 1fr; }
  .community-orbit { min-height: 370px; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 680px) {
  :root { --shell: calc(100vw - 24px); }
  .section-pad { padding: 80px 0; }
  .site-header .button-small { display: none; }
  .nav-shell { grid-template-columns: auto 1fr auto; }
  .hero-section { padding-top: calc(var(--header-height) + 34px); }
  .hero-copy h1 { font-size: clamp(42px, 13vw, 64px); }
  .hero-description { font-size: 14px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .button { width: 100%; }
  .hero-visual { min-height: 410px; }
  .hero-visual-frame { inset: 10px 0; border-radius: 26px 26px 70px 26px; }
  .mission-character { width: 120px; height: 270px; bottom: 64px; }
  .mission-character::before { width: 62px; height: 62px; left: 29px; }
  .mission-character::after { left: -42px; top: 100px; width: 190px; }
  .character-left { left: 15%; }
  .character-right { right: 10%; }
  .mission-moon { width: 145px; height: 145px; }
  .hero-visual-caption { left: 14px; right: 14px; bottom: 16px; flex-direction: column; align-items: flex-start; gap: 5px; }
  .trust-rail { padding: 16px; }
  .trust-items { grid-template-columns: repeat(2, 1fr); }
  .trust-items b { border-right: 0; border-bottom: 1px solid rgba(166, 118, 255, .1); }
  .mission-step-grid { grid-template-columns: repeat(2, 1fr); }
  .capability-grid { grid-template-columns: 1fr; }
  .mission-map { min-height: 760px; }
  .mission-lines { display: none; }
  .mission-beacon { top: 45%; }
  .mission-node { width: 140px; }
  .node-a { left: 5%; top: 5%; }
  .node-b { right: 5%; top: 5%; }
  .node-c { left: 5%; bottom: 15%; }
  .node-d { right: 5%; bottom: 15%; }
  .node-e { bottom: 3%; }
  .mission-benefit-grid { grid-template-columns: 1fr; }
  .product-body { grid-template-columns: 1fr; }
  .product-sidebar { display: none; }
  .product-ui { overflow-x: auto; }
  .product-chat { min-width: 560px; }
  .use-case-summary { grid-template-columns: 1fr; }
  .engine-panel { min-height: 520px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid article { padding: 22px 12px; }
  .studio-rail { flex-wrap: wrap; justify-content: center; }
  .final-cta { flex-direction: column; align-items: flex-start; padding: 34px 26px; }
  .final-cta-actions { width: 100%; flex-direction: column; }
  .final-cta-actions .button { width: 100%; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; }
  .account-dialog { padding: 28px 18px 20px; }
  .account-panel { padding: 18px; }
  .account-details { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .mission-step-grid { grid-template-columns: 1fr; }
  .mission-core-stage { min-height: 330px; }
  .ring-one { width: 270px; height: 270px; }
  .ring-two { width: 195px; height: 195px; }
  .core-chip { display: none; }
  .mission-map { min-height: 840px; }
  .mission-node { width: calc(100% - 40px); left: 20px !important; right: auto !important; transform: none !important; }
  .node-a { top: 20px; }
  .node-b { top: 130px; }
  .node-c { bottom: 240px; }
  .node-d { bottom: 130px; }
  .node-e { bottom: 20px; }
  .mission-beacon { top: 48%; }
  .stats-grid { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: 1fr; }
}

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

/* Landing page v3: concept-faithful hero and professional stack rail. */
:root {
  --shell: min(1380px, calc(100vw - 40px));
  --header-height: 88px;
}

.site-header {
  height: var(--header-height);
  padding-top: 10px;
}

.nav-shell {
  height: 68px;
  padding: 0 18px 0 20px;
  border: 1px solid rgba(175, 137, 255, 0.24);
  border-radius: 22px;
  background: rgba(5, 2, 15, 0.52);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(18px) saturate(125%);
}

.site-header.is-scrolled {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.site-header.is-scrolled .nav-shell {
  border-color: rgba(175, 137, 255, 0.32);
  background: rgba(5, 2, 15, 0.86);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.36);
}

.primary-links {
  gap: clamp(18px, 1.7vw, 32px);
}

.primary-links a {
  padding: 25px 0 23px;
  color: rgba(240, 234, 249, 0.76);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.primary-links a::after {
  bottom: 15px;
  height: 1px;
}

.nav-actions {
  gap: 12px;
}

.nav-sign-in {
  min-height: 42px;
  padding: 0 22px;
  border: 1px solid rgba(192, 158, 255, 0.32);
  border-radius: 13px;
  color: rgba(248, 243, 255, 0.86);
  background: rgba(10, 5, 24, 0.4);
  font-size: 13px;
  font-weight: 400;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.nav-sign-in:hover {
  transform: translateY(-1px);
  border-color: rgba(202, 169, 255, 0.66);
  background: rgba(27, 13, 52, 0.72);
  box-shadow: 0 10px 28px rgba(71, 28, 142, 0.22);
}

.button-with-arrow {
  padding-right: 10px;
}

.button-arrow-circle {
  display: inline-flex;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  flex: 0 0 31px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  background: rgba(65, 32, 172, 0.44);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 6px 20px rgba(33, 12, 98, 0.26);
  transition: transform .22s ease, background .22s ease;
}

.button-arrow-circle img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.button-arrow-circle-small {
  width: 27px;
  height: 27px;
  flex-basis: 27px;
}

.button-arrow-circle-small img {
  width: 13px;
  height: 13px;
}

.button-with-arrow:hover .button-arrow-circle {
  transform: translateX(3px);
  background: rgba(92, 45, 224, 0.66);
}

.button-logo {
  width: 19px;
  height: 19px;
  object-fit: contain;
}

.hero-section {
  display: flex;
  min-height: 760px;
  height: 100svh;
  max-height: 1040px;
  flex-direction: column;
  padding: calc(var(--header-height) + 14px) 0 16px;
  background: #05020d;
}

.hero-video {
  opacity: .82;
  filter: saturate(112%) contrast(109%) brightness(.74);
  transform: scale(1.015);
}

.hero-scrim {
  background:
    linear-gradient(90deg, rgba(4, 1, 11, .99) 0%, rgba(4, 1, 11, .96) 30%, rgba(4, 1, 11, .76) 48%, rgba(4, 1, 11, .18) 75%, rgba(4, 1, 11, .36) 100%),
    linear-gradient(180deg, rgba(4, 1, 10, .22) 0%, rgba(4, 1, 10, .04) 56%, rgba(4, 1, 10, .72) 88%, #05020d 100%);
}

.hero-grid {
  opacity: .07;
  mask-image: radial-gradient(circle at 70% 45%, black 0%, transparent 70%);
}

.hero-orb-one {
  right: 12%;
  top: 10%;
  opacity: .5;
}

.hero-orb-two {
  left: 35%;
  bottom: -20%;
  opacity: .4;
}

.hero-shell {
  z-index: 4;
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  align-items: center;
  padding: 14px 0 18px;
}

.hero-copy {
  width: min(610px, 48vw);
  max-width: 610px;
}

.hero-intelligence-badge {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 6px 16px 6px 10px;
  border: 1px solid rgba(176, 129, 255, .34);
  border-radius: 999px;
  color: #bfa1ef;
  background: rgba(10, 5, 26, .54);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 32px rgba(0, 0, 0, .22);
  backdrop-filter: blur(12px);
  font-size: 13px;
  font-weight: 400;
}

.hero-intelligence-badge img {
  width: 21px;
  height: 21px;
  object-fit: contain;
  filter: drop-shadow(0 0 9px rgba(167, 87, 255, .6));
}

.hero-copy h1 {
  max-width: 610px;
  margin: 0 0 20px;
  font-size: clamp(42px, 4.05vw, 62px);
  line-height: 1.01;
  letter-spacing: -.046em;
}

.hero-copy h1 strong {
  margin-top: 4px;
  background: linear-gradient(100deg, #8955ff 0%, #a969ff 46%, #e08aff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-description {
  max-width: 590px;
  margin-bottom: 24px;
  color: rgba(222, 213, 234, .78);
  font-size: 15px;
  line-height: 1.58;
}

.hero-actions {
  gap: 14px;
}

.hero-actions .button-large {
  min-height: 54px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
}

.hero-actions .button-primary {
  min-width: 190px;
  justify-content: space-between;
  padding-left: 24px;
}

.hero-actions .button-ghost {
  min-width: 244px;
  justify-content: flex-start;
  padding-left: 22px;
  font-weight: 400;
}

.trust-rail {
  z-index: 5;
  display: grid;
  width: var(--shell);
  grid-template-columns: minmax(190px, 1.15fr) minmax(0, 6.85fr);
  align-items: stretch;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border-color: rgba(169, 127, 255, .31);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(13, 8, 33, .84), rgba(7, 4, 19, .82));
  box-shadow: 0 24px 75px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .035);
}

.trust-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 17px 24px;
  border-right: 1px solid rgba(167, 124, 255, .18);
  color: rgba(231, 222, 243, .8);
  font-size: 13px;
  line-height: 1.35;
}

.trust-intro span {
  color: rgba(213, 200, 231, .68);
  font-weight: 400;
}

.trust-intro strong {
  color: #f6f1ff;
  font-size: 14px;
  font-weight: 500;
}

.trust-items {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0;
}

.trust-item {
  display: flex;
  min-width: 0;
  min-height: 96px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 12px 8px 10px;
  border-right: 1px solid rgba(166, 118, 255, .12);
  text-align: center;
  transition: background .2s ease, transform .2s ease;
}

.trust-item:last-child {
  border-right: 0;
}

.trust-item:hover {
  z-index: 1;
  transform: translateY(-2px);
  background: rgba(117, 57, 228, .1);
}

.trust-item img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: grayscale(1) brightness(1.9) contrast(.9) drop-shadow(0 0 10px rgba(141, 74, 255, .18));
}

.trust-item:nth-child(3) img,
.trust-item:nth-child(6) img {
  filter: grayscale(1) brightness(2.1) contrast(.8) drop-shadow(0 0 10px rgba(141, 74, 255, .18));
}

.trust-item strong {
  overflow: hidden;
  max-width: 100%;
  color: rgba(249, 246, 255, .88);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.18;
  text-overflow: ellipsis;
}

.trust-item span {
  display: block;
  min-height: 21px;
  color: rgba(178, 166, 197, .62);
  font-size: 8.5px;
  font-weight: 400;
  line-height: 1.25;
}

@media (max-width: 1280px) {
  :root {
    --shell: min(1180px, calc(100vw - 32px));
  }

  .primary-links {
    gap: 15px;
  }

  .primary-links a {
    font-size: 11px;
  }

  .hero-copy {
    width: min(570px, 53vw);
  }

  .hero-copy h1 {
    font-size: clamp(40px, 4.45vw, 58px);
  }

  .trust-rail {
    grid-template-columns: 175px minmax(0, 1fr);
  }

  .trust-intro {
    padding-inline: 18px;
  }

  .trust-item {
    padding-inline: 5px;
  }

  .trust-item img {
    width: 30px;
    height: 30px;
  }

  .trust-item strong {
    font-size: 9.5px;
  }

  .trust-item span {
    font-size: 7.7px;
  }
}

@media (max-width: 1020px) {
  .nav-shell {
    border-radius: 16px;
  }

  .hero-section {
    height: auto;
    min-height: 100svh;
    max-height: none;
  }

  .hero-shell {
    min-height: 650px;
  }

  .hero-copy {
    width: min(650px, 76vw);
  }

  .trust-rail {
    grid-template-columns: 1fr;
  }

  .trust-intro {
    border-right: 0;
    border-bottom: 1px solid rgba(167, 124, 255, .18);
    text-align: center;
  }

  .trust-items {
    grid-template-columns: repeat(4, 1fr);
  }

  .trust-item:nth-child(4) {
    border-right: 0;
  }

  .trust-item:nth-child(-n + 4) {
    border-bottom: 1px solid rgba(166, 118, 255, .12);
  }
}

@media (max-width: 720px) {
  :root {
    --header-height: 76px;
  }

  .site-header {
    padding-top: 8px;
  }

  .nav-shell {
    height: 60px;
    padding-inline: 14px;
  }

  .nav-sign-in {
    display: none;
  }

  .hero-section {
    padding-top: calc(var(--header-height) + 28px);
  }

  .hero-shell {
    min-height: 0;
    padding: 34px 0 48px;
  }

  .hero-copy {
    width: 100%;
  }

  .hero-intelligence-badge {
    max-width: 100%;
    font-size: 11px;
  }

  .hero-copy h1 {
    font-size: clamp(42px, 13vw, 60px);
  }

  .hero-description {
    font-size: 14px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .hero-actions .button {
    width: 100%;
  }

  .trust-items {
    grid-template-columns: repeat(2, 1fr);
  }

  .trust-item:nth-child(2n) {
    border-right: 0;
  }

  .trust-item:nth-child(-n + 6) {
    border-bottom: 1px solid rgba(166, 118, 255, .12);
  }
}


/* Landing page v4: clean-video hero, real brand artwork, and luminous glass stack rail. */
.brand-image-link {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  padding: 0;
}

.brand-home-logo {
  display: block;
  width: auto;
  height: 34px;
  max-width: 190px;
  object-fit: contain;
  object-position: left center;
}

.footer-home-logo {
  height: 38px;
  max-width: 210px;
}

.hero-video {
  opacity: 1;
  filter: saturate(108%) contrast(104%);
  transform: scale(1.01);
}

.hero-scrim {
  background: linear-gradient(
    90deg,
    rgba(4, 1, 11, 1) 0%,
    rgba(4, 1, 11, .985) 25%,
    rgba(4, 1, 11, .91) 38%,
    rgba(4, 1, 11, .68) 47%,
    rgba(4, 1, 11, .30) 55%,
    rgba(4, 1, 11, 0) 64%,
    rgba(4, 1, 11, 0) 100%
  );
}

.hero-grid,
.hero-orb-one,
.hero-orb-two,
.hero-intelligence-badge {
  display: none;
}

.hero-copy {
  padding-top: 2px;
}

.button-arrow-circle img,
.button-logo {
  filter: brightness(0) invert(1) drop-shadow(0 0 7px rgba(255, 255, 255, .16));
}

.button-logo {
  opacity: .96;
}

.trust-rail {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(215px, 1.32fr) minmax(0, 6.68fr);
  gap: 10px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(194, 162, 255, .38);
  border-radius: 25px;
  background:
    radial-gradient(circle at 18% 12%, rgba(158, 76, 255, .18), transparent 32%),
    radial-gradient(circle at 82% 105%, rgba(55, 102, 255, .14), transparent 34%),
    linear-gradient(135deg, rgba(29, 18, 60, .76), rgba(8, 5, 24, .67));
  box-shadow:
    0 28px 85px rgba(0, 0, 0, .52),
    inset 0 1px 0 rgba(255, 255, 255, .11),
    inset 0 -1px 0 rgba(121, 75, 220, .13);
  backdrop-filter: blur(25px) saturate(155%);
}

.trust-rail::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(108deg, rgba(255, 255, 255, .08), transparent 27%, transparent 70%, rgba(153, 78, 255, .08)),
    linear-gradient(90deg, transparent, rgba(190, 106, 255, .34) 48%, rgba(86, 136, 255, .2) 62%, transparent 88%) top / 100% 1px no-repeat;
  pointer-events: none;
}

.trust-rail::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 190px;
  right: -90px;
  bottom: -130px;
  border-radius: 50%;
  background: rgba(110, 46, 255, .22);
  filter: blur(56px);
  pointer-events: none;
}

.trust-intro {
  position: relative;
  min-width: 0;
  justify-content: center;
  gap: 6px;
  padding: 18px 20px 18px 22px;
  border: 1px solid rgba(200, 170, 255, .18);
  border-radius: 17px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
    rgba(11, 7, 30, .44);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

.trust-intro::before {
  content: "";
  width: 32px;
  height: 2px;
  margin-bottom: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8d5bff, #e26cff);
  box-shadow: 0 0 16px rgba(172, 83, 255, .54);
}

.trust-intro .trust-kicker {
  color: #b99bf3;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .17em;
}

.trust-intro strong {
  color: #fbf8ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.18;
}

.trust-intro p {
  max-width: 180px;
  margin: 0;
  color: rgba(205, 193, 224, .58);
  font-size: 9px;
  line-height: 1.35;
}

.trust-items {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

.trust-item {
  position: relative;
  isolation: isolate;
  min-height: 104px;
  gap: 5px;
  padding: 10px 6px 9px;
  overflow: hidden;
  border: 1px solid rgba(190, 158, 255, .14);
  border-radius: 15px;
  background:
    linear-gradient(148deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .008) 56%),
    rgba(8, 5, 24, .34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}

.trust-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 72px;
  height: 72px;
  left: 50%;
  top: -43px;
  border-radius: 50%;
  background: rgba(128, 64, 255, .20);
  filter: blur(24px);
  transform: translateX(-50%);
  transition: opacity .24s ease, transform .24s ease;
}

.trust-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(118deg, transparent 25%, rgba(255, 255, 255, .08) 47%, transparent 66%);
  opacity: 0;
  transform: translateX(-38%);
  transition: opacity .24s ease, transform .42s ease;
  pointer-events: none;
}

.trust-item:hover {
  transform: translateY(-5px);
  border-color: rgba(197, 151, 255, .42);
  background:
    linear-gradient(148deg, rgba(132, 69, 255, .16), rgba(255, 255, 255, .018) 58%),
    rgba(10, 6, 29, .55);
  box-shadow: 0 15px 30px rgba(16, 4, 43, .34), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.trust-item:hover::before {
  opacity: 1;
  transform: translateX(-50%) scale(1.2);
}

.trust-item:hover::after {
  opacity: .75;
  transform: translateX(36%);
}

.trust-item img {
  width: 31px;
  height: 31px;
  padding: 7px;
  box-sizing: content-box;
  border: 1px solid rgba(202, 174, 255, .18);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(143, 78, 255, .18), rgba(31, 17, 77, .24));
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(184, 118, 255, .38));
  opacity: .94;
}

.trust-item:nth-child(3n + 2) img {
  background: linear-gradient(145deg, rgba(86, 110, 255, .16), rgba(24, 25, 77, .24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.trust-item strong {
  color: rgba(252, 249, 255, .94);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.15;
}

.trust-item span {
  min-height: 21px;
  color: rgba(200, 188, 218, .56);
  font-size: 7.7px;
  line-height: 1.28;
}

@media (max-width: 1280px) {
  .brand-home-logo {
    height: 31px;
    max-width: 168px;
  }

  .trust-rail {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 7px;
    padding: 8px;
  }

  .trust-items {
    gap: 6px;
  }

  .trust-item {
    min-height: 98px;
    padding-inline: 4px;
  }

  .trust-item img {
    width: 27px;
    height: 27px;
    padding: 6px;
  }

  .trust-item strong {
    font-size: 9px;
  }

  .trust-item span {
    font-size: 7px;
  }
}

@media (max-width: 1020px) {
  .hero-scrim {
    background: linear-gradient(90deg, rgba(4, 1, 11, .97) 0%, rgba(4, 1, 11, .80) 60%, rgba(4, 1, 11, .28) 100%);
  }

  .trust-rail {
    grid-template-columns: 1fr;
  }

  .trust-intro {
    align-items: center;
    text-align: center;
  }

  .trust-intro p {
    max-width: 360px;
  }

  .trust-items {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 720px) {
  .brand-home-logo {
    height: 28px;
    max-width: 144px;
  }

  .hero-scrim {
    background: linear-gradient(180deg, rgba(4, 1, 11, .84), rgba(4, 1, 11, .58) 52%, rgba(4, 1, 11, .84));
  }

  .trust-items {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* Landing page v5: kinetic hero highlights and frameless professional stack. */
@font-face {
  font-family: "FEAR Logo Regular";
  src:
    local("FEAR Logo Regular"),
    url("/assets/FEARLogo-Regular.ttf") format("truetype"),
    url("/assets/FEARLogoRegular.woff2") format("woff2"),
    url("/assets/FEARLogoRegular.ttf") format("truetype");
  font-display: swap;
}

.nav-shell {
  border-color: rgba(175, 137, 255, 0.18);
  background: rgba(5, 2, 15, 0.32);
  backdrop-filter: blur(17px) saturate(122%);
}

.site-header.is-scrolled .nav-shell {
  border-color: rgba(175, 137, 255, 0.24);
  background: rgba(5, 2, 15, 0.68);
}

.brand-wordmark-link {
  display: inline-flex;
  min-width: max-content;
  align-items: center;
  gap: 11px;
}

.brand-icon-image {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  object-fit: contain;
  filter: drop-shadow(0 0 13px rgba(154, 73, 255, .58));
}

.brand-wordmark {
  color: #ffffff;
  font-family: "FEAR Logo Regular", "Arial Black", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(154, 76, 255, .14);
}

.hero-copy h1 strong {
  position: relative;
  display: block;
  background-image: linear-gradient(
    105deg,
    #8c50ff 0%,
    #a765ff 34%,
    #f3ddff 47%,
    #ffffff 50%,
    #d78aff 55%,
    #9b57ff 69%,
    #d473ff 100%
  );
  background-size: 240% 100%;
  animation: hero-headline-reflection 7.2s cubic-bezier(.62, 0, .36, 1) infinite;
}

.button-primary {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.button-primary > * {
  position: relative;
  z-index: 2;
}

.button-primary::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -35%;
  bottom: -35%;
  left: -48%;
  width: 27%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
  filter: blur(2px);
  transform: skewX(-18deg);
  animation: button-reflection 5.8s cubic-bezier(.65, 0, .35, 1) infinite;
  pointer-events: none;
}

.nav-actions .button-primary::before {
  animation-delay: 1.15s;
}

@keyframes hero-headline-reflection {
  0%, 20% { background-position: 100% 50%; }
  43%, 100% { background-position: -115% 50%; }
}

@keyframes button-reflection {
  0%, 24% { left: -48%; opacity: 0; }
  29% { opacity: .9; }
  46% { left: 128%; opacity: .75; }
  51%, 100% { left: 128%; opacity: 0; }
}

.trust-rail {
  grid-template-columns: minmax(218px, 1.36fr) minmax(0, 6.64fr);
  gap: 0;
  padding: 8px 12px;
  overflow: visible;
  border: 1px solid rgba(198, 166, 255, .25);
  border-radius: 0;
  clip-path: polygon(
    18px 0,
    calc(100% - 18px) 0,
    100% 18px,
    100% calc(100% - 18px),
    calc(100% - 18px) 100%,
    18px 100%,
    0 calc(100% - 18px),
    0 18px
  );
  background:
    radial-gradient(circle at 12% 0%, rgba(160, 77, 255, .14), transparent 27%),
    radial-gradient(circle at 90% 120%, rgba(55, 108, 255, .10), transparent 36%),
    linear-gradient(135deg, rgba(30, 18, 60, .43), rgba(6, 4, 18, .31));
  box-shadow:
    0 24px 72px rgba(0, 0, 0, .40),
    inset 0 1px rgba(255, 255, 255, .055);
  backdrop-filter: blur(22px) saturate(145%);
}

.trust-rail::before {
  z-index: 0;
  inset: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, transparent 2%, rgba(193, 126, 255, .68) 20%, rgba(90, 132, 255, .36) 55%, transparent 96%) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent 7%, rgba(119, 69, 241, .34) 50%, transparent 92%) bottom / 100% 1px no-repeat;
  opacity: .76;
}

.trust-rail::after {
  z-index: 0;
  width: 28%;
  height: 1px;
  left: -28%;
  right: auto;
  top: 0;
  bottom: auto;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, #f0ccff, #9c59ff, transparent);
  filter: drop-shadow(0 0 8px rgba(190, 91, 255, .92));
  animation: rail-light-sweep 6s linear infinite;
}

@keyframes rail-light-sweep {
  0%, 11% { left: -28%; opacity: 0; }
  18% { opacity: 1; }
  52% { left: 100%; opacity: .84; }
  58%, 100% { left: 100%; opacity: 0; }
}

.trust-intro {
  position: relative;
  z-index: 1;
  align-items: flex-start;
  justify-content: center;
  padding: 15px 20px 15px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trust-intro::before {
  width: 34px;
  height: 1px;
  margin-bottom: 7px;
}

.trust-intro strong {
  max-width: 190px;
  color: rgba(249, 245, 255, .91);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -.01em;
}

.trust-items {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
}

.trust-item {
  position: relative;
  min-height: 92px;
  justify-content: center;
  gap: 9px;
  padding: 12px 7px 11px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: transform .24s ease, background .24s ease;
}

.trust-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8px 4px;
  width: auto;
  height: auto;
  left: 4px;
  top: 8px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 20%, rgba(142, 72, 255, .15), transparent 56%),
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 62%);
  filter: none;
  opacity: 0;
  transform: none;
  transition: opacity .25s ease, transform .25s ease;
}

.trust-item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 20%;
  right: 0;
  bottom: 20%;
  width: 1px;
  border-radius: 0;
  background: linear-gradient(transparent, rgba(190, 157, 255, .19), rgba(116, 74, 205, .30), transparent);
  opacity: .9;
  transform: skewX(-8deg);
  transition: opacity .24s ease;
}

.trust-item:last-child::after {
  display: none;
}

.trust-item:hover {
  transform: translateY(-4px);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.trust-item:hover::before {
  opacity: 1;
  transform: scale(.98);
}

.trust-icon {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  background: linear-gradient(180deg, #ffffff 0%, #ded2ff 58%, #ffffff 100%);
  filter: drop-shadow(0 0 10px rgba(192, 126, 255, .54));
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  animation: stack-icon-pop 6s cubic-bezier(.34, 1.56, .64, 1) infinite;
  transform-origin: center;
}

.trust-icon-unreal { -webkit-mask-image: url("/assets/UnrealEngine.svg"); mask-image: url("/assets/UnrealEngine.svg"); animation-delay: 0s; }
.trust-icon-unity { -webkit-mask-image: url("/assets/Unity.svg"); mask-image: url("/assets/Unity.svg"); animation-delay: .72s; }
.trust-icon-openai { -webkit-mask-image: url("/assets/Openai.svg"); mask-image: url("/assets/Openai.svg"); animation-delay: 1.44s; }
.trust-icon-cplus { -webkit-mask-image: url("/assets/CPlus.svg"); mask-image: url("/assets/CPlus.svg"); animation-delay: 2.16s; }
.trust-icon-csharp { -webkit-mask-image: url("/assets/c-sharp.svg"); mask-image: url("/assets/c-sharp.svg"); animation-delay: 2.88s; }
.trust-icon-visualstudio { -webkit-mask-image: url("/assets/VisualStudio.svg"); mask-image: url("/assets/VisualStudio.svg"); animation-delay: 3.60s; }
.trust-icon-aws { -webkit-mask-image: url("/assets/Aws.svg"); mask-image: url("/assets/Aws.svg"); animation-delay: 4.32s; }

@keyframes stack-icon-pop {
  0%, 7%, 100% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 0 10px rgba(192, 126, 255, .42));
  }
  2.8% {
    transform: translateY(-5px) scale(1.19);
    filter: drop-shadow(0 0 18px rgba(229, 190, 255, .92));
  }
  5% {
    transform: translateY(-1px) scale(1.03);
  }
}

.trust-item strong {
  overflow: visible;
  max-width: 100%;
  color: rgba(253, 250, 255, .94);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: clip;
  white-space: normal;
}

@media (max-width: 1280px) {
  .brand-wordmark { font-size: 16px; }
  .brand-icon-image { width: 28px; height: 28px; flex-basis: 28px; }
  .trust-rail { grid-template-columns: 184px minmax(0, 1fr); }
  .trust-intro strong { font-size: 11.5px; }
  .trust-item strong { font-size: 11px; }
  .trust-icon { width: 29px; height: 29px; flex-basis: 29px; }
}

@media (max-width: 1020px) {
  .trust-rail { grid-template-columns: 1fr; clip-path: none; border-radius: 18px; }
  .trust-intro { align-items: center; text-align: center; }
  .trust-intro strong { max-width: none; }
  .trust-items { grid-template-columns: repeat(4, 1fr); }
  .trust-item:nth-child(4)::after { display: none; }
}

@media (max-width: 720px) {
  .brand-wordmark { font-size: 14px; letter-spacing: .10em; }
  .brand-icon-image { width: 25px; height: 25px; flex-basis: 25px; }
  .trust-items { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(even)::after { display: none; }
  .trust-item strong { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy h1 strong,
  .button-primary::before,
  .trust-rail::after,
  .trust-icon {
    animation: none !important;
  }
}

/* Landing page v20: crystal header mark with reflective axis rotation. */
.brand-wordmark-link {
  gap: 9px;
  perspective: 720px;
}

.brand-logo-stage {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  overflow: visible;
  perspective: 680px;
  transform-style: preserve-3d;
}

.brand-logo-spin {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  animation: cradle-brand-axis-spin 9.6s cubic-bezier(0.42, 0, 0.22, 1) infinite;
  will-change: transform;
}

.brand-logo-stage .brand-icon-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  backface-visibility: hidden;
  filter:
    saturate(1.18)
    contrast(1.08)
    brightness(1.08)
    drop-shadow(0 0 10px rgba(177, 89, 255, 0.72))
    drop-shadow(0 0 24px rgba(129, 45, 238, 0.42));
  transform: translateZ(0.8px) scale(1.1);
}

.brand-logo-stage .brand-icon-back {
  transform: rotateY(180deg) translateZ(0.8px) scale(1.1);
}

.brand-logo-reflection,
.brand-logo-reflection::after {
  position: absolute;
  inset: 0;
  display: block;
  background:
    linear-gradient(
      112deg,
      transparent 22%,
      rgba(255, 255, 255, 0.08) 36%,
      rgba(255, 255, 255, 0.94) 49%,
      rgba(229, 190, 255, 0.46) 56%,
      transparent 72%
    );
  background-position: 160% 50%;
  background-size: 250% 100%;
  -webkit-mask: url("/assets/TheCradleGlassPurple2.png") center / contain no-repeat;
  mask: url("/assets/TheCradleGlassPurple2.png") center / contain no-repeat;
  mix-blend-mode: screen;
  pointer-events: none;
  backface-visibility: hidden;
  animation: cradle-brand-reflection-sweep 3.8s ease-in-out infinite;
}

.brand-logo-reflection {
  transform: translateZ(1.6px) scale(1.1);
}

.brand-logo-reflection::after {
  content: "";
  transform: rotateY(180deg) translateZ(3.2px);
}

@keyframes cradle-brand-axis-spin {
  0%, 16% {
    transform: rotateX(-3deg) rotateY(0deg) rotateZ(-1.5deg);
  }
  43% {
    transform: rotateX(4deg) rotateY(166deg) rotateZ(2deg);
  }
  50% {
    transform: rotateX(2deg) rotateY(180deg) rotateZ(0deg);
  }
  57% {
    transform: rotateX(-4deg) rotateY(194deg) rotateZ(-2deg);
  }
  84%, 100% {
    transform: rotateX(-3deg) rotateY(360deg) rotateZ(-1.5deg);
  }
}

@keyframes cradle-brand-reflection-sweep {
  0%, 28% {
    background-position: 165% 50%;
    opacity: 0;
  }
  42% {
    opacity: 0.86;
  }
  60% {
    background-position: -72% 50%;
    opacity: 0.72;
  }
  72%, 100% {
    background-position: -72% 50%;
    opacity: 0;
  }
}

@media (max-width: 1280px) {
  .brand-logo-stage {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

@media (max-width: 720px) {
  .brand-logo-stage {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo-spin,
  .brand-logo-reflection,
  .brand-logo-reflection::after {
    animation: none !important;
  }

  .brand-logo-spin {
    transform: rotateX(-2deg) rotateY(-12deg) rotateZ(-1deg);
  }
}


/* Landing page v21: alternating letter/word hero-title rhythm. */
.hero-title-kinetic .hero-kinetic-word,
.hero-title-kinetic .hero-kinetic-letter {
  display: inline-block;
  transform-origin: 50% 82%;
  will-change: transform, filter;
}

.hero-title-kinetic .hero-kinetic-word {
  white-space: nowrap;
}

.hero-title-kinetic .hero-kinetic-letter {
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .hero-title-kinetic .hero-kinetic-word,
  .hero-title-kinetic .hero-kinetic-letter {
    transform: none !important;
    filter: none !important;
  }
}


/* Landing page v22: keep the kinetic gradient headline fully visible between cycles. */
.hero-title-kinetic strong {
  color: #b768ff;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  animation: none;
}

.hero-title-kinetic strong .hero-kinetic-letter {
  color: transparent;
  background-image: linear-gradient(
    105deg,
    #8c50ff 0%,
    #a765ff 34%,
    #f3ddff 47%,
    #ffffff 50%,
    #d78aff 55%,
    #9b57ff 69%,
    #d473ff 100%
  );
  background-size: 240% 100%;
  background-position: 78% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 1;
  visibility: visible;
  text-shadow: 0 0 30px rgba(155, 78, 255, 0.18);
  animation: hero-kinetic-gradient-drift 9.4s cubic-bezier(.62, 0, .36, 1) infinite;
}

@keyframes hero-kinetic-gradient-drift {
  0%, 24% { background-position: 100% 50%; }
  52%, 100% { background-position: -115% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-title-kinetic strong .hero-kinetic-letter {
    animation: none !important;
    background-position: 50% 50%;
  }
}

/* Landing page v23: pop-spin and particle hover treatment for the professional stack. */
.trust-item.is-stack-hover-spinning {
  z-index: 18;
  animation: stack-item-hover-spin 820ms cubic-bezier(0.16, 0.84, 0.22, 1.12) both;
}

.trust-item.is-stack-hover-spinning .trust-icon {
  animation: stack-icon-hover-spin 820ms cubic-bezier(0.14, 0.86, 0.2, 1.18) both;
}

.trust-item.is-stack-hover-spinning::before {
  opacity: 1;
  transform: scale(1.04);
  box-shadow:
    0 0 22px rgba(181, 88, 255, 0.34),
    inset 0 0 18px rgba(255, 255, 255, 0.06);
}

.trust-item .hover-particle-layer-stack {
  --particle-origin-y: 34%;
  z-index: 24;
}

.trust-item .hover-particle-layer-stack .hover-particle {
  filter: hue-rotate(-8deg) saturate(1.18);
}

.trust-item .hover-particle-layer-stack .hover-particle-ring {
  width: 24px;
  height: 24px;
  margin: -12px;
}

@keyframes stack-item-hover-spin {
  0% {
    transform: translateY(-4px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    filter: brightness(1) saturate(1);
  }
  34% {
    transform: translateY(-11px) rotateX(-12deg) rotateY(132deg) rotateZ(-5deg) scale(1.07);
    filter: brightness(1.24) saturate(1.16);
  }
  66% {
    transform: translateY(-13px) rotateX(9deg) rotateY(272deg) rotateZ(5deg) scale(1.09);
    filter: brightness(1.34) saturate(1.24);
  }
  86% {
    transform: translateY(-6px) rotateX(-2deg) rotateY(344deg) rotateZ(-1deg) scale(1.025);
    filter: brightness(1.1) saturate(1.06);
  }
  100% {
    transform: translateY(-4px) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scale(1);
    filter: brightness(1) saturate(1);
  }
}

@keyframes stack-icon-hover-spin {
  0% {
    transform: translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    filter: drop-shadow(0 0 10px rgba(192, 126, 255, 0.54));
  }
  42% {
    transform: translateY(-11px) rotateX(186deg) rotateY(380deg) rotateZ(132deg) scale(1.42);
    filter:
      brightness(1.42)
      drop-shadow(0 0 15px rgba(255, 255, 255, 0.94))
      drop-shadow(0 0 30px rgba(206, 105, 255, 0.96));
  }
  76% {
    transform: translateY(-4px) rotateX(332deg) rotateY(684deg) rotateZ(318deg) scale(1.12);
    filter:
      brightness(1.15)
      drop-shadow(0 0 18px rgba(218, 144, 255, 0.78));
  }
  100% {
    transform: translateY(0) rotateX(360deg) rotateY(720deg) rotateZ(360deg) scale(1);
    filter: drop-shadow(0 0 10px rgba(192, 126, 255, 0.54));
  }
}

@media (prefers-reduced-motion: reduce) {
  .trust-item.is-stack-hover-spinning,
  .trust-item.is-stack-hover-spinning .trust-icon {
    animation: none !important;
  }
}

/* Landing page v27: video-backed capabilities section */
.capabilities-section.capabilities-video-section {
  position: relative;
  min-height: 188vh;
  padding: 0;
  overflow: clip;
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 42%, rgba(139, 61, 255, .15), transparent 38%),
    #05020d;
}

.capability-video-sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0;
  background:
    radial-gradient(circle at 76% 42%, rgba(142, 66, 255, .18), transparent 40%),
    linear-gradient(135deg, #05020e, #100522 72%, #090215);
}

.capability-background-video {
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(.94) contrast(1.08) brightness(.82);
  transform: translateZ(0) scale(1.015);
}

.capability-video-overlay,
.capability-video-right-treatment,
.capability-video-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.capability-video-overlay {
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(3, 1, 10, .985) 0%,
      rgba(4, 1, 12, .96) 20%,
      rgba(6, 2, 17, .88) 38%,
      rgba(8, 3, 22, .63) 54%,
      rgba(8, 3, 22, .32) 72%,
      rgba(5, 1, 14, .22) 100%),
    linear-gradient(180deg,
      rgba(3, 1, 10, .7) 0%,
      transparent 18%,
      transparent 76%,
      rgba(3, 1, 10, .86) 100%);
}

.capability-video-right-treatment {
  z-index: 2;
  background:
    radial-gradient(circle at 82% 40%, rgba(164, 80, 255, .08), transparent 36%),
    linear-gradient(180deg, rgba(35, 10, 62, .13), rgba(3, 1, 10, .22));
  mix-blend-mode: screen;
  opacity: .72;
}

.capability-video-grain {
  z-index: 3;
  opacity: .11;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.capabilities-video-section.is-capability-video-unavailable .capability-background-video,
.capabilities-video-section.is-capability-video-paused .capability-background-video {
  opacity: .72;
}

.capability-video-foreground {
  position: relative;
  z-index: 4;
  min-height: 188vh;
  margin-top: -100vh;
  padding-top: clamp(88px, 10vh, 126px);
  padding-bottom: 0;
}

.capabilities-video-section .capability-heading {
  width: min(64%, 920px);
  max-width: none;
  margin: 0 0 34px;
  text-align: left;
}

.capabilities-video-section .capability-heading h2,
.capabilities-video-section .capability-heading > p:last-child,
.capabilities-video-section .capability-heading .eyebrow {
  text-align: left;
}

.capabilities-video-section .capability-heading h2 {
  max-width: 850px;
  margin: 0;
  color: #fff;
  text-shadow: 0 4px 28px rgba(0, 0, 0, .62);
}

.capabilities-video-section .capability-heading > p:last-child {
  max-width: 680px;
  margin: 16px 0 0;
  color: rgba(234, 225, 248, .8);
  text-shadow: 0 2px 20px rgba(0, 0, 0, .75);
}

.capability-grid-video {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: min(67%, 990px);
  perspective: 1300px;
}

.capability-card-video {
  --capability-accent: #9f5cff;
  position: relative;
  display: flex;
  min-height: 320px;
  padding: 24px 22px 20px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--capability-accent) 28%, rgba(255, 255, 255, .1));
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(17, 8, 35, .78), rgba(5, 2, 15, .68)),
    radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--capability-accent) 16%, transparent), transparent 43%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 -1px 0 rgba(114, 62, 190, .14),
    0 24px 70px rgba(0, 0, 0, .38),
    0 0 34px color-mix(in srgb, var(--capability-accent) 8%, transparent);
  backdrop-filter: blur(17px) saturate(1.2);
  -webkit-backdrop-filter: blur(17px) saturate(1.2);
  transform: translateZ(0) rotateX(calc((var(--capability-index) - 2.5) * .22deg));
}

.capability-card-video::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .075), transparent 24%, transparent 76%, rgba(174, 98, 255, .055)),
    repeating-linear-gradient(180deg, transparent 0 7px, rgba(255, 255, 255, .012) 8px);
  pointer-events: none;
}

.capability-card-video::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--capability-accent) 80%, white 8%), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--capability-accent) 58%, transparent);
  opacity: .72;
}

.capability-card-video:hover {
  border-color: color-mix(in srgb, var(--capability-accent) 52%, rgba(255, 255, 255, .18));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 28px 78px rgba(0, 0, 0, .46),
    0 0 46px color-mix(in srgb, var(--capability-accent) 15%, transparent);
}

.capability-card-video .capability-card-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.capability-card-video .capability-icon {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  margin: 0 0 18px;
  border: 1px solid color-mix(in srgb, var(--capability-accent) 62%, rgba(255,255,255,.22));
  border-radius: 17px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--capability-accent) 30%, rgba(30,10,58,.82)), rgba(8,3,23,.82));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 12px 30px rgba(0,0,0,.35),
    0 0 24px color-mix(in srgb, var(--capability-accent) 32%, transparent);
}

.capability-card-video .capability-icon svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: #dcb6ff;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--capability-accent) 72%, transparent));
}

.capability-card-video h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
  color: #fff;
  font-size: 18px;
  line-height: 1.16;
}

.capability-card-video p {
  position: relative;
  z-index: 2;
  margin: 0 0 18px;
  color: rgba(235, 227, 246, .79);
  font-size: 14px;
  line-height: 1.55;
}

.capability-card-video .capability-tag {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: auto;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--capability-accent) 20%, transparent);
  border-radius: 9px;
  background: rgba(74, 20, 130, .2);
  color: color-mix(in srgb, var(--capability-accent) 68%, white 32%);
  font-size: 12px;
  line-height: 1.2;
}

.capability-video-scroll-space {
  height: 72vh;
}

@media (max-width: 1180px) {
  .capability-background-video { object-position: 60% center; }
  .capability-grid-video { width: min(76%, 900px); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capabilities-video-section .capability-heading { width: 76%; }
}

@media (max-width: 820px) {
  .capabilities-section.capabilities-video-section { min-height: auto; }
  .capability-video-sticky { position: absolute; inset: 0; height: 100%; }
  .capability-background-video { object-position: 68% center; opacity: .56; }
  .capability-video-overlay {
    background:
      linear-gradient(180deg, rgba(3,1,10,.88), rgba(4,1,12,.7) 44%, rgba(3,1,10,.94)),
      linear-gradient(90deg, rgba(3,1,10,.93), rgba(5,2,16,.62));
  }
  .capability-video-foreground { min-height: auto; margin-top: 0; padding-top: 84px; padding-bottom: 88px; }
  .capabilities-video-section .capability-heading { width: 100%; margin-bottom: 28px; }
  .capabilities-video-section .capability-heading h2,
  .capabilities-video-section .capability-heading > p:last-child,
  .capabilities-video-section .capability-heading .eyebrow { text-align: center; }
  .capabilities-video-section .capability-heading > p:last-child { margin-left: auto; margin-right: auto; }
  .capability-grid-video { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capability-video-scroll-space { display: none; }
}

@media (max-width: 620px) {
  .capability-grid-video { grid-template-columns: 1fr; }
  .capability-card-video { min-height: 300px; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-background-video { transform: none !important; }
}


/* Landing page v28: right-shifted capability video with covered fade onset */
@media (min-width: 821px) {
  .capability-background-video {
    inset: -2% auto -2% 20%;
    width: 104%;
    height: 104%;
    object-position: center center;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .1) 6%,
      rgba(0, 0, 0, .55) 16%,
      #000 30%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, .1) 6%,
      rgba(0, 0, 0, .55) 16%,
      #000 30%);
  }

  .capability-video-overlay {
    background:
      linear-gradient(90deg,
        rgba(3, 1, 10, .998) 0%,
        rgba(3, 1, 10, .994) 22%,
        rgba(4, 1, 12, .98) 38%,
        rgba(5, 2, 15, .92) 50%,
        rgba(7, 3, 20, .72) 60%,
        rgba(8, 3, 22, .42) 70%,
        rgba(7, 2, 18, .24) 82%,
        rgba(5, 1, 14, .18) 100%),
      linear-gradient(180deg,
        rgba(3, 1, 10, .72) 0%,
        transparent 18%,
        transparent 76%,
        rgba(3, 1, 10, .88) 100%);
  }
}

/* Landing page v29: cinematic capability artifacts, owner icons, and living hourglass */
.capability-grid-v29 {
  gap: 18px;
  width: min(71%, 1080px);
}

.capability-card-v29 {
  --capability-cut: 22px;
  min-height: 384px;
  padding: 28px 24px 22px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  clip-path: polygon(
    var(--capability-cut) 0,
    calc(100% - 34px) 0,
    100% 24px,
    100% calc(100% - 18px),
    calc(100% - 18px) 100%,
    16px 100%,
    0 calc(100% - 22px),
    0 18px
  );
  background:
    linear-gradient(150deg, rgba(20, 8, 40, .9), rgba(5, 2, 15, .82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 1px 0 0 color-mix(in srgb, var(--capability-accent) 30%, transparent),
    inset -1px 0 0 rgba(255, 255, 255, .04),
    inset 0 -1px 0 color-mix(in srgb, var(--capability-accent) 28%, transparent),
    0 30px 84px rgba(0, 0, 0, .46),
    0 0 38px color-mix(in srgb, var(--capability-accent) 10%, transparent);
  transform:
    translateZ(0)
    rotateX(calc((var(--capability-index) - 2.5) * .2deg))
    rotateZ(calc((var(--capability-index) - 2.5) * .08deg));
}

.capability-card-v29::before {
  z-index: 3;
  inset: 1px;
  clip-path: inherit;
  background:
    linear-gradient(108deg, rgba(255, 255, 255, .13), transparent 18%, transparent 72%, rgba(205, 139, 255, .08)),
    repeating-linear-gradient(180deg, transparent 0 7px, rgba(255, 255, 255, .012) 8px);
  opacity: .72;
}

.capability-card-v29::after {
  z-index: 5;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  opacity: .9;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--capability-accent) 90%, white 10%), transparent);
  box-shadow:
    0 0 16px color-mix(in srgb, var(--capability-accent) 70%, transparent),
    0 -18px 40px color-mix(in srgb, var(--capability-accent) 10%, transparent);
}

.capability-card-v29 .capability-card-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  background-image: var(--capability-art);
  background-repeat: no-repeat;
  background-position: 68% center;
  background-size: cover;
  opacity: .88;
  filter: saturate(1.18) contrast(1.08) brightness(.82);
  transform: scale(1.035);
  transition: transform .75s cubic-bezier(.2,.8,.2,1), filter .75s ease, opacity .75s ease;
}

.capability-card-v29 .capability-card-art::before,
.capability-card-v29 .capability-card-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.capability-card-v29 .capability-card-art::before {
  background:
    linear-gradient(90deg,
      rgba(6, 2, 18, .985) 0%,
      rgba(7, 2, 20, .94) 24%,
      rgba(8, 3, 22, .72) 47%,
      rgba(8, 3, 22, .26) 74%,
      rgba(8, 3, 22, .06) 100%),
    linear-gradient(180deg,
      rgba(5, 2, 16, .12) 0%,
      rgba(5, 2, 16, .22) 48%,
      rgba(5, 2, 16, .94) 100%);
}

.capability-card-v29 .capability-card-art::after {
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--capability-accent) 23%, transparent), transparent 34%),
    linear-gradient(120deg, transparent 46%, rgba(255,255,255,.07) 52%, transparent 59%);
  mix-blend-mode: screen;
  opacity: .8;
}

.capability-card-v29:hover .capability-card-art {
  opacity: .98;
  filter: saturate(1.34) contrast(1.12) brightness(.9);
  transform: scale(1.075) translate3d(-1.5%, -1%, 0);
}

.capability-card-v29 .capability-icon {
  z-index: 6;
  width: 86px;
  height: 86px;
  margin: 0 0 24px;
  overflow: visible;
  border-radius: 22px 16px 24px 14px;
  border: 1px solid color-mix(in srgb, var(--capability-accent) 72%, rgba(255,255,255,.28));
  background:
    linear-gradient(145deg, rgba(255,255,255,.15), transparent 46%),
    linear-gradient(145deg, color-mix(in srgb, var(--capability-accent) 34%, rgba(26,7,52,.94)), rgba(6,2,18,.9));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -10px 24px rgba(14,2,29,.4),
    0 18px 38px rgba(0,0,0,.48),
    0 0 32px color-mix(in srgb, var(--capability-accent) 40%, transparent);
  transform: translate3d(0,0,36px) rotateZ(calc((var(--capability-index) - 2.5) * .5deg));
}

.capability-card-v29 .capability-icon::before,
.capability-card-v29 .capability-icon::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.capability-card-v29 .capability-icon::before {
  inset: -7px;
  border: 1px solid color-mix(in srgb, var(--capability-accent) 34%, transparent);
  border-radius: 28px 18px 30px 17px;
  opacity: .62;
  transform: rotate(4deg);
}

.capability-card-v29 .capability-icon::after {
  width: 55%;
  height: 140%;
  top: -18%;
  left: -70%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-18deg);
  opacity: 0;
}

.capability-card-v29:hover .capability-icon::after {
  animation: capability-icon-sheen-v29 .9s ease-out both;
}

.capability-card-v29 .capability-icon img {
  position: absolute;
  inset: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  object-fit: contain;
  filter:
    saturate(1.18)
    contrast(1.1)
    drop-shadow(0 12px 14px rgba(0,0,0,.45))
    drop-shadow(0 0 14px color-mix(in srgb, var(--capability-accent) 76%, transparent));
  transform: translateZ(24px) scale(1.08);
  transition: transform .7s cubic-bezier(.2,.9,.2,1), filter .7s ease;
}

.capability-card-v29:hover .capability-icon img {
  transform: translateZ(44px) scale(1.16) rotateZ(-2deg);
  filter:
    saturate(1.34)
    contrast(1.14)
    drop-shadow(0 18px 18px rgba(0,0,0,.5))
    drop-shadow(0 0 22px color-mix(in srgb, var(--capability-accent) 90%, transparent));
}

.capability-card-v29 .capability-card-copy {
  z-index: 6;
  max-width: 88%;
  text-shadow: 0 2px 14px rgba(0,0,0,.72);
}

.capability-card-v29 h3 {
  max-width: 88%;
  margin-bottom: 12px;
  font-size: 19px;
  letter-spacing: -.02em;
}

.capability-card-v29 p {
  max-width: 92%;
  font-size: 14px;
  line-height: 1.58;
}

.capability-card-v29 .capability-tag {
  border-color: color-mix(in srgb, var(--capability-accent) 34%, transparent);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--capability-accent) 15%, rgba(18,4,38,.84)), rgba(7,2,18,.86));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 28px rgba(0,0,0,.28),
    0 0 18px color-mix(in srgb, var(--capability-accent) 10%, transparent);
}

.capability-card-reasoning .capability-card-copy {
  max-width: 72%;
}

.capability-hourglass {
  position: absolute;
  z-index: 7;
  top: 22px;
  right: 18px;
  width: 104px;
  height: 142px;
  transform-origin: 50% 52%;
  filter:
    drop-shadow(0 18px 20px rgba(0,0,0,.48))
    drop-shadow(0 0 20px rgba(177,91,255,.48));
  animation: capability-hourglass-tip-v29 11.5s cubic-bezier(.44,.04,.18,1) infinite;
}

.capability-hourglass > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.capability-hourglass-stream {
  position: absolute;
  top: 47px;
  left: 50%;
  width: 2px;
  height: 42px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd5ff, #b95eff 55%, transparent);
  box-shadow: 0 0 8px #c86dff;
  transform: translateX(-50%);
  animation: capability-hourglass-stream-v29 2.6s ease-in-out infinite;
}

.capability-hourglass-particles {
  position: absolute;
  inset: 15px 12px 6px;
  overflow: hidden;
  pointer-events: none;
}

.capability-hourglass-particles i {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #f5c9ff;
  box-shadow: 0 0 7px #c66bff;
  opacity: 0;
  animation: capability-hourglass-particle-v29 4.2s linear infinite;
  animation-delay: var(--particle-delay);
  transform: translateX(calc(var(--particle-x) - 38px));
}

@keyframes capability-icon-sheen-v29 {
  0% { left: -70%; opacity: 0; }
  18% { opacity: .85; }
  100% { left: 130%; opacity: 0; }
}

@keyframes capability-hourglass-tip-v29 {
  0%, 35% { transform: rotate(0deg) translateZ(0); }
  40% { transform: rotate(8deg) translate3d(0,-2px,0); }
  51% { transform: rotate(180deg) translate3d(0,-4px,0); }
  84% { transform: rotate(180deg) translateZ(0); }
  89% { transform: rotate(188deg) translate3d(0,-2px,0); }
  100% { transform: rotate(360deg) translateZ(0); }
}

@keyframes capability-hourglass-stream-v29 {
  0%, 12% { opacity: 0; transform: translateX(-50%) scaleY(.1); }
  24%, 72% { opacity: .9; transform: translateX(-50%) scaleY(1); }
  90%, 100% { opacity: 0; transform: translateX(-50%) scaleY(.12); }
}

@keyframes capability-hourglass-particle-v29 {
  0% { opacity: 0; transform: translate3d(calc(var(--particle-x) - 38px), -8px, 0) scale(.6); }
  12% { opacity: .9; }
  58% { opacity: .72; }
  100% { opacity: 0; transform: translate3d(calc((var(--particle-x) - 38px) * .45), 92px, 0) scale(.2); }
}

@media (max-width: 1180px) {
  .capability-grid-v29 { width: min(80%, 960px); }
  .capability-card-v29 { min-height: 366px; }
}

@media (max-width: 820px) {
  .capability-grid-v29 { width: 100%; }
  .capability-card-v29 { min-height: 360px; }
}

@media (max-width: 620px) {
  .capability-card-v29 { min-height: 342px; }
  .capability-card-v29 .capability-card-copy { max-width: 100%; }
  .capability-card-reasoning .capability-card-copy { max-width: 78%; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-hourglass,
  .capability-hourglass-stream,
  .capability-hourglass-particles i,
  .capability-card-v29:hover .capability-icon::after {
    animation: none !important;
  }
  .capability-card-v29 .capability-card-art,
  .capability-card-v29 .capability-icon img {
    transition: none !important;
  }
}

/* Landing page v30: equal-height narrative capability cards and museum-glass hourglass */
.capability-grid-v30 {
  grid-auto-rows: 450px;
  align-items: stretch;
}

.capability-card-v30 {
  height: 100%;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 26px 22px 20px;
}

.capability-card-v30 .capability-card-art {
  background-position: 74% center;
  opacity: .92;
  filter: saturate(1.22) contrast(1.1) brightness(.84);
}

.capability-card-v30 .capability-card-art::before {
  background:
    linear-gradient(90deg,
      rgba(5, 2, 16, .995) 0%,
      rgba(6, 2, 18, .975) 24%,
      rgba(7, 2, 20, .88) 46%,
      rgba(8, 3, 22, .54) 67%,
      rgba(8, 3, 22, .12) 100%),
    linear-gradient(180deg,
      rgba(5, 2, 16, .1) 0%,
      rgba(5, 2, 16, .18) 48%,
      rgba(5, 2, 16, .96) 100%);
}

.capability-card-v30 .capability-icon {
  flex: 0 0 auto;
  width: 82px;
  height: 82px;
  margin: 0 0 18px;
}

.capability-card-v30 .capability-icon img {
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform: translateZ(24px) scale(1.12);
}

.capability-card-v30 .capability-card-copy {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}

.capability-card-v30 h3 {
  max-width: 100%;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.12;
}

.capability-card-v30 p {
  max-width: 100%;
  margin-bottom: 14px;
  font-size: 13.5px;
  line-height: 1.48;
}

.capability-card-v30 .capability-tag {
  max-width: 100%;
  margin-top: auto;
}

.capability-card-reasoning.capability-card-v30 .capability-card-art {
  background-position: 72% center;
  filter: saturate(1.3) contrast(1.12) brightness(.88);
}

.capability-card-reasoning.capability-card-v30 .capability-card-art::before {
  background:
    linear-gradient(90deg,
      rgba(5, 2, 16, .995) 0%,
      rgba(6, 2, 18, .97) 25%,
      rgba(7, 2, 20, .82) 46%,
      rgba(8, 3, 22, .38) 71%,
      rgba(8, 3, 22, .08) 100%),
    linear-gradient(180deg,
      rgba(5, 2, 16, .06) 0%,
      rgba(5, 2, 16, .2) 52%,
      rgba(5, 2, 16, .96) 100%);
}

.capability-card-reasoning.capability-card-v30 .capability-card-copy {
  max-width: 100%;
}

.capability-card-reasoning.capability-card-v30 h3,
.capability-card-reasoning.capability-card-v30 p {
  max-width: 56%;
}

.capability-card-reasoning.capability-card-v30 .capability-tag {
  max-width: 72%;
}

.capability-card-v30 .capability-hourglass {
  top: 22px;
  right: 13px;
  width: 138px;
  height: 182px;
  transform-origin: 50% 51%;
  filter:
    drop-shadow(0 22px 24px rgba(0,0,0,.62))
    drop-shadow(0 0 18px rgba(174,83,255,.36))
    drop-shadow(0 0 42px rgba(150,55,255,.22));
  animation: capability-hourglass-tip-v30 16s cubic-bezier(.46,.02,.18,1) infinite;
}

.capability-card-v30 .capability-hourglass > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: saturate(1.05) contrast(1.06);
}

.capability-hourglass-reflection {
  position: absolute;
  z-index: 3;
  top: 9%;
  left: 12%;
  width: 24%;
  height: 75%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.46), transparent);
  filter: blur(2px);
  opacity: 0;
  transform: rotate(11deg) translateX(-22px);
  mix-blend-mode: screen;
  animation: capability-hourglass-reflection-v30 5.8s ease-in-out infinite;
}

.capability-card-v30 .capability-hourglass-stream {
  z-index: 4;
  top: 73px;
  height: 40px;
  width: 2.5px;
  background: linear-gradient(180deg, #fff7e8, #f5b7ff 30%, #c25dff 72%, transparent);
  box-shadow: 0 0 5px #fff0ff, 0 0 13px #bd5cff;
  animation: capability-hourglass-stream-v30 3.3s ease-in-out infinite;
}

.capability-card-v30 .capability-hourglass-particles {
  z-index: 4;
  inset: 27px 25px 12px;
}

.capability-card-v30 .capability-hourglass-particles i {
  width: 3.5px;
  height: 3.5px;
  background: radial-gradient(circle, #fffbe8 0 25%, #f3bbff 44%, #b85bff 74%, transparent 76%);
  box-shadow: 0 0 5px #fff0ff, 0 0 10px #b85cff;
  animation: capability-hourglass-particle-v30 5s linear infinite;
}

@keyframes capability-hourglass-tip-v30 {
  0%, 38% { transform: rotate(0deg) translate3d(0,0,0) scale(1); }
  43% { transform: rotate(7deg) translate3d(0,-3px,0) scale(1.015); }
  52% { transform: rotate(180deg) translate3d(0,-5px,0) scale(1.02); }
  84% { transform: rotate(180deg) translate3d(0,0,0) scale(1); }
  89% { transform: rotate(188deg) translate3d(0,-3px,0) scale(1.015); }
  100% { transform: rotate(360deg) translate3d(0,0,0) scale(1); }
}

@keyframes capability-hourglass-reflection-v30 {
  0%, 18% { opacity: 0; transform: rotate(11deg) translateX(-24px); }
  34% { opacity: .72; }
  58% { opacity: 0; transform: rotate(11deg) translateX(82px); }
  100% { opacity: 0; transform: rotate(11deg) translateX(82px); }
}

@keyframes capability-hourglass-stream-v30 {
  0%, 13% { opacity: 0; transform: translateX(-50%) scaleY(.06); }
  24%, 70% { opacity: .95; transform: translateX(-50%) scaleY(1); }
  88%, 100% { opacity: 0; transform: translateX(-50%) scaleY(.08); }
}

@keyframes capability-hourglass-particle-v30 {
  0% { opacity: 0; transform: translate3d(calc(var(--particle-x) - 38px), -10px, 0) scale(.4); }
  12% { opacity: .95; }
  62% { opacity: .74; }
  100% { opacity: 0; transform: translate3d(calc((var(--particle-x) - 38px) * .38), 116px, 0) scale(.12); }
}

@media (max-width: 1180px) {
  .capability-grid-v30 { grid-auto-rows: 456px; }
}

@media (max-width: 820px) {
  .capability-grid-v30 { grid-auto-rows: 430px; }
  .capability-card-v30 { height: 100%; }
}

@media (max-width: 620px) {
  .capability-grid-v30 { grid-auto-rows: minmax(430px, auto); }
  .capability-card-v30 { height: auto; min-height: 430px; }
  .capability-card-reasoning.capability-card-v30 h3,
  .capability-card-reasoning.capability-card-v30 p { max-width: 60%; }
  .capability-card-v30 .capability-hourglass { width: 124px; height: 164px; right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-card-v30 .capability-hourglass,
  .capability-card-v30 .capability-hourglass-stream,
  .capability-card-v30 .capability-hourglass-particles i,
  .capability-hourglass-reflection {
    animation: none !important;
  }
}

/* Landing page v31.1: corrected concept-led Long Reasoning card only */
.capability-card-reasoning-v31 {
  isolation: isolate;
  border-color: rgba(169, 91, 255, .42);
  background:
    radial-gradient(circle at 76% 30%, rgba(151, 61, 255, .16), transparent 36%),
    linear-gradient(145deg, rgba(10, 4, 25, .94), rgba(4, 1, 12, .97));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    inset 0 -1px 0 rgba(127, 66, 208, .2),
    0 24px 70px rgba(0, 0, 0, .44),
    0 0 40px rgba(132, 48, 255, .12);
}

.capability-card-reasoning-v31 .capability-card-art {
  background-position: 66% 48%;
  background-size: 118% auto;
  opacity: .66;
  filter: saturate(1.18) contrast(1.1) brightness(.66);
  transform: scale(1.03);
  animation: reasoning-card-art-breathe-v31-1 9s ease-in-out infinite alternate;
}

.capability-card-reasoning-v31 .capability-card-art::before {
  background:
    linear-gradient(90deg,
      rgba(3, 1, 11, .998) 0%,
      rgba(4, 1, 13, .985) 29%,
      rgba(5, 2, 16, .91) 45%,
      rgba(6, 2, 18, .58) 61%,
      rgba(7, 2, 20, .2) 78%,
      transparent 100%),
    linear-gradient(180deg,
      rgba(4, 1, 13, .04) 0%,
      rgba(4, 1, 13, .14) 48%,
      rgba(4, 1, 13, .88) 82%,
      rgba(3, 1, 11, .99) 100%);
}

.capability-card-reasoning-v31 .capability-card-art::after {
  background:
    radial-gradient(ellipse at 78% 24%, rgba(220, 164, 255, .2), transparent 21%),
    radial-gradient(ellipse at 73% 56%, rgba(125, 50, 255, .16), transparent 34%),
    linear-gradient(112deg, transparent 51%, rgba(255, 255, 255, .07) 59%, transparent 68%);
  mix-blend-mode: screen;
  opacity: .72;
  animation: reasoning-card-light-v31-1 7s ease-in-out infinite;
}

.capability-card-reasoning-v31:hover .capability-card-art {
  opacity: .72;
  filter: saturate(1.25) contrast(1.13) brightness(.7);
  transform: scale(1.055) translate3d(-.5%, -.25%, 0);
  animation-play-state: paused;
}

.capability-card-reasoning-v31 .capability-icon {
  position: relative;
  z-index: 10;
  width: 82px;
  height: 82px;
  margin-bottom: 18px;
}

.capability-card-reasoning-v31 .capability-card-copy {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 100%;
}

.capability-card-reasoning-v31 h3,
.capability-card-reasoning-v31 p {
  max-width: 56%;
}

.capability-card-reasoning-v31 h3 {
  margin-bottom: 11px;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .92), 0 0 18px rgba(151, 75, 255, .12);
}

.capability-card-reasoning-v31 p {
  color: rgba(234, 225, 243, .84);
  text-shadow: 0 2px 15px rgba(0, 0, 0, .96);
}

.capability-card-reasoning-v31 .capability-tag {
  position: relative;
  z-index: 11;
  max-width: 68%;
  border-color: rgba(169, 87, 255, .48);
  background: linear-gradient(145deg, rgba(53, 13, 91, .76), rgba(11, 3, 25, .9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 10px 28px rgba(0, 0, 0, .38),
    0 0 20px rgba(145, 55, 255, .15);
}

/* The photographic hourglass is a real foreground object, not a hidden background crop. */
.capability-card-reasoning-v31 .capability-hourglass {
  z-index: 8;
  top: 38px;
  right: -8px;
  width: 194px;
  height: 314px;
  transform-origin: 54% 50%;
  filter:
    drop-shadow(0 22px 26px rgba(0, 0, 0, .62))
    drop-shadow(0 0 22px rgba(172, 76, 255, .3));
  animation: reasoning-hourglass-float-v31-1 8.5s ease-in-out infinite;
  pointer-events: none;
}

.capability-card-reasoning-v31 .capability-hourglass > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: .98;
  visibility: visible;
  filter: saturate(1.14) contrast(1.1) brightness(.92);
  -webkit-mask-image: radial-gradient(ellipse at 52% 46%, #000 0 58%, rgba(0,0,0,.96) 69%, rgba(0,0,0,.72) 80%, transparent 100%);
  mask-image: radial-gradient(ellipse at 52% 46%, #000 0 58%, rgba(0,0,0,.96) 69%, rgba(0,0,0,.72) 80%, transparent 100%);
}

.capability-card-reasoning-v31 .capability-hourglass::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 36px 22px 32px;
  border-radius: 48%;
  background: radial-gradient(ellipse at 50% 46%, rgba(205, 128, 255, .15), rgba(128, 48, 255, .05) 42%, transparent 72%);
  filter: blur(10px);
  mix-blend-mode: screen;
  animation: reasoning-hourglass-aura-v31-1 4.8s ease-in-out infinite;
}

.capability-card-reasoning-v31 .capability-hourglass::after {
  content: "";
  position: absolute;
  z-index: 7;
  top: 36px;
  right: 26px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 7px rgba(255,255,255,.98),
    0 0 18px rgba(226,176,255,.92),
    0 0 34px rgba(157,64,255,.78);
  animation: reasoning-hourglass-star-v31-1 4.7s ease-in-out infinite;
}

.capability-card-reasoning-v31 .capability-hourglass-reflection {
  z-index: 6;
  top: 84px;
  left: 58px;
  width: 14px;
  height: 132px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), rgba(217,177,255,.17), transparent);
  filter: blur(1.8px);
  opacity: 0;
  transform: rotate(7deg) translateX(-18px);
  mix-blend-mode: screen;
  animation: reasoning-hourglass-reflection-v31-1 6.4s ease-in-out infinite;
}

.capability-card-reasoning-v31 .capability-hourglass-stream {
  z-index: 7;
  top: 133px;
  left: 50%;
  width: 2.5px;
  height: 62px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,248,255,.98), rgba(239,181,255,.94) 25%, rgba(183,79,255,.86) 68%, transparent);
  box-shadow: 0 0 5px rgba(255,238,255,.96), 0 0 15px rgba(179,76,255,.9);
  transform-origin: top;
  animation: reasoning-hourglass-stream-v31-1 3s ease-in-out infinite;
}

.capability-card-reasoning-v31 .capability-hourglass-particles {
  z-index: 7;
  inset: 128px 47px 55px;
  overflow: hidden;
  border-radius: 0 0 52% 52%;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 78%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 78%, transparent 100%);
}

.capability-card-reasoning-v31 .capability-hourglass-particles i {
  top: 5px;
  width: 3px;
  height: 3px;
  background: radial-gradient(circle, #fff 0 22%, #f2c7ff 38%, #b858ff 68%, transparent 72%);
  box-shadow: 0 0 5px rgba(255,239,255,.9), 0 0 9px rgba(174,74,255,.76);
  animation: reasoning-hourglass-particle-v31-1 4.4s linear infinite;
}

@keyframes reasoning-card-art-breathe-v31-1 {
  0% { transform: scale(1.03) translate3d(0,0,0); }
  100% { transform: scale(1.047) translate3d(-.24%,-.15%,0); }
}

@keyframes reasoning-card-light-v31-1 {
  0%, 22% { opacity: .38; transform: translateX(-2%); }
  48% { opacity: .84; transform: translateX(1%); }
  78%, 100% { opacity: .44; transform: translateX(3%); }
}

@keyframes reasoning-hourglass-float-v31-1 {
  0%, 100% { transform: perspective(800px) translate3d(0,0,0) rotateY(-1.6deg) rotateZ(-.4deg); }
  48% { transform: perspective(800px) translate3d(-2px,-5px,0) rotateY(1.4deg) rotateZ(.5deg); }
}

@keyframes reasoning-hourglass-aura-v31-1 {
  0%, 100% { opacity: .44; transform: scale(.96); }
  52% { opacity: .8; transform: scale(1.04); }
}

@keyframes reasoning-hourglass-star-v31-1 {
  0%, 24%, 100% { opacity: .22; transform: scale(.7); }
  46% { opacity: 1; transform: scale(1.28); }
  58% { opacity: .5; transform: scale(.9); }
}

@keyframes reasoning-hourglass-reflection-v31-1 {
  0%, 15% { opacity: 0; transform: rotate(7deg) translateX(-22px); }
  30% { opacity: .76; }
  55% { opacity: 0; transform: rotate(7deg) translateX(70px); }
  100% { opacity: 0; transform: rotate(7deg) translateX(70px); }
}

@keyframes reasoning-hourglass-stream-v31-1 {
  0%, 10% { opacity: .2; transform: translateX(-50%) scaleY(.18); }
  23%, 76% { opacity: .98; transform: translateX(-50%) scaleY(1); }
  92%, 100% { opacity: .16; transform: translateX(-50%) scaleY(.12); }
}

@keyframes reasoning-hourglass-particle-v31-1 {
  0% { opacity: 0; transform: translate3d(calc(var(--particle-x) - 38px), -10px, 0) scale(.35); }
  13% { opacity: .96; }
  58% { opacity: .8; }
  100% { opacity: 0; transform: translate3d(calc((var(--particle-x) - 38px) * .25), 114px, 0) scale(.08); }
}

@media (max-width: 620px) {
  .capability-card-reasoning-v31 h3,
  .capability-card-reasoning-v31 p { max-width: 57%; }
  .capability-card-reasoning-v31 .capability-tag { max-width: 70%; }
  .capability-card-reasoning-v31 .capability-hourglass {
    top: 42px;
    right: -13px;
    width: 184px;
    height: 298px;
  }
  .capability-card-reasoning-v31 .capability-hourglass-reflection {
    top: 80px;
    left: 55px;
    height: 124px;
  }
  .capability-card-reasoning-v31 .capability-hourglass-stream { top: 127px; height: 58px; }
  .capability-card-reasoning-v31 .capability-hourglass-particles { inset: 123px 44px 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-card-reasoning-v31 .capability-card-art,
  .capability-card-reasoning-v31 .capability-card-art::after,
  .capability-card-reasoning-v31 .capability-hourglass,
  .capability-card-reasoning-v31 .capability-hourglass::before,
  .capability-card-reasoning-v31 .capability-hourglass::after,
  .capability-card-reasoning-v31 .capability-hourglass-reflection,
  .capability-card-reasoning-v31 .capability-hourglass-stream,
  .capability-card-reasoning-v31 .capability-hourglass-particles i {
    animation: none !important;
  }
}

/* Landing page v31.2: clean vector Long Reasoning hourglass, exact internal sand and glass reflections */
.capability-card-reasoning-v31-2 {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 82% 28%, rgba(134, 49, 244, .22), transparent 34%),
    radial-gradient(ellipse at 72% 68%, rgba(78, 23, 145, .16), transparent 44%),
    linear-gradient(145deg, rgba(10, 4, 24, .98), rgba(3, 1, 10, .995));
}

/* Remove every contaminated photographic owner from this one card. */
.capability-card-reasoning-v31-2 .capability-card-art {
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

.capability-card-reasoning-v31-2 .capability-card-art::before {
  background:
    radial-gradient(ellipse at 82% 22%, rgba(195, 117, 255, .14), transparent 25%),
    radial-gradient(ellipse at 79% 57%, rgba(105, 38, 203, .13), transparent 39%),
    linear-gradient(118deg, transparent 48%, rgba(255,255,255,.035) 57%, transparent 67%);
  opacity: .92;
}

.capability-card-reasoning-v31-2 .capability-card-art::after {
  background:
    radial-gradient(circle at 79% 21%, rgba(238, 203, 255, .14), transparent 11%),
    radial-gradient(circle at 86% 34%, rgba(154, 77, 255, .12), transparent 22%);
  opacity: .8;
  animation: reasoning-card-nebula-v31-2 8s ease-in-out infinite alternate;
}

/* The fade belongs under the live copy, then disappears before the glass object. */
.capability-card-reasoning-v31-2::before {
  z-index: 4;
  inset: 1px;
  clip-path: inherit;
  background:
    linear-gradient(90deg,
      rgba(4, 1, 12, .998) 0%,
      rgba(4, 1, 13, .994) 31%,
      rgba(5, 2, 15, .96) 47%,
      rgba(6, 2, 18, .72) 61%,
      rgba(7, 2, 20, .22) 76%,
      transparent 90%),
    linear-gradient(180deg,
      rgba(4, 1, 12, .08) 0%,
      rgba(4, 1, 12, .08) 53%,
      rgba(4, 1, 12, .62) 77%,
      rgba(3, 1, 10, .985) 100%);
  opacity: 1;
}

.capability-card-reasoning-v31-2 .capability-icon,
.capability-card-reasoning-v31-2 .capability-card-copy {
  z-index: 12;
}

.capability-card-reasoning-v31-2 h3,
.capability-card-reasoning-v31-2 p {
  max-width: 57%;
}

.capability-card-reasoning-v31-2 .capability-tag {
  z-index: 12;
  max-width: 70%;
}

/* Clean inline SVG owner: no text, no baked card, no rectangular image edge. */
.capability-card-reasoning-v31-2 .capability-hourglass-v31-2 {
  z-index: 9;
  top: 40px;
  right: -1px;
  width: 174px;
  height: 286px;
  transform-origin: 50% 53%;
  filter:
    drop-shadow(0 24px 30px rgba(0, 0, 0, .72))
    drop-shadow(0 0 24px rgba(151, 61, 255, .24));
  animation: reasoning-hourglass-float-v31-2 9s ease-in-out infinite;
  pointer-events: none;
}

.capability-card-reasoning-v31-2 .capability-hourglass-v31-2 > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-floor-glow {
  fill: rgba(129, 47, 228, .24);
  filter: blur(10px);
  animation: reasoning-hourglass-floor-v31-2 4.8s ease-in-out infinite;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-body {
  transform-origin: 120px 185px;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-glass {
  filter: drop-shadow(0 0 7px rgba(201, 143, 255, .2));
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-upper-glow {
  fill: rgba(162, 73, 255, .14);
  filter: blur(11px);
  animation: reasoning-hourglass-upper-glow-v31-2 3.6s ease-in-out infinite;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-top-sand,
.capability-card-reasoning-v31-2 .reasoning-hourglass-top-sand-edge {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: reasoning-hourglass-top-sand-v31-2 8.4s ease-in-out infinite;
}

/* This stream starts at the exact glass throat and remains inside the lower bulb. */
.capability-card-reasoning-v31-2 .reasoning-hourglass-sand-stream {
  transform-box: fill-box;
  transform-origin: center top;
  animation: reasoning-hourglass-stream-v31-2 2.8s ease-in-out infinite;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-bottom-sand {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: reasoning-hourglass-bottom-sand-v31-2 8.4s ease-in-out infinite;
}

/* Reflection paths are physically clipped by the SVG glass silhouette. */
.capability-card-reasoning-v31-2 .reasoning-hourglass-reflections {
  transform-box: view-box;
  transform-origin: center;
  animation: reasoning-hourglass-reflection-v31-2 6.6s cubic-bezier(.32,.04,.18,1) infinite;
}

.capability-card-reasoning-v31-2 .reasoning-hourglass-grain {
  opacity: 0;
  filter: drop-shadow(0 0 4px rgba(210, 136, 255, .9));
  animation: reasoning-hourglass-grain-v31-2 2.9s linear infinite;
}

.capability-card-reasoning-v31-2 .grain-2 { animation-delay: .48s; }
.capability-card-reasoning-v31-2 .grain-3 { animation-delay: .92s; }
.capability-card-reasoning-v31-2 .grain-4 { animation-delay: 1.36s; }
.capability-card-reasoning-v31-2 .grain-5 { animation-delay: 1.82s; }

.capability-card-reasoning-v31-2 .reasoning-hourglass-sparks {
  transform-origin: 183px 58px;
  animation: reasoning-hourglass-spark-v31-2 5.2s ease-in-out infinite;
}

@keyframes reasoning-card-nebula-v31-2 {
  0% { opacity: .46; transform: translate3d(-1%, 0, 0) scale(.98); }
  100% { opacity: .88; transform: translate3d(1%, -1%, 0) scale(1.04); }
}

@keyframes reasoning-hourglass-float-v31-2 {
  0%, 100% { transform: perspective(900px) translate3d(0, 0, 0) rotateY(-2deg) rotateZ(-.35deg); }
  48% { transform: perspective(900px) translate3d(-2px, -5px, 0) rotateY(1.8deg) rotateZ(.45deg); }
}

@keyframes reasoning-hourglass-floor-v31-2 {
  0%, 100% { opacity: .38; transform: scaleX(.88); }
  52% { opacity: .72; transform: scaleX(1.06); }
}

@keyframes reasoning-hourglass-upper-glow-v31-2 {
  0%, 100% { opacity: .42; transform: scale(.92); }
  50% { opacity: .82; transform: scale(1.07); }
}

@keyframes reasoning-hourglass-top-sand-v31-2 {
  0%, 10% { transform: translateY(0) scaleY(1); opacity: .96; }
  76% { transform: translateY(9px) scaleY(.62); opacity: .9; }
  88%, 100% { transform: translateY(0) scaleY(1); opacity: .96; }
}

@keyframes reasoning-hourglass-stream-v31-2 {
  0%, 9% { opacity: .15; transform: scaleY(.12); }
  22%, 78% { opacity: 1; transform: scaleY(1); }
  92%, 100% { opacity: .16; transform: scaleY(.1); }
}

@keyframes reasoning-hourglass-bottom-sand-v31-2 {
  0%, 10% { transform: scaleY(.82) translateY(7px); opacity: .8; }
  76% { transform: scaleY(1.08) translateY(-1px); opacity: 1; }
  88%, 100% { transform: scaleY(.82) translateY(7px); opacity: .8; }
}

@keyframes reasoning-hourglass-reflection-v31-2 {
  0%, 14% { opacity: 0; transform: translateX(-29px) skewX(-4deg); }
  28% { opacity: .82; }
  52% { opacity: 0; transform: translateX(52px) skewX(-4deg); }
  100% { opacity: 0; transform: translateX(52px) skewX(-4deg); }
}

@keyframes reasoning-hourglass-grain-v31-2 {
  0% { opacity: 0; transform: translate3d(0, -7px, 0) scale(.42); }
  14% { opacity: .96; }
  72% { opacity: .78; }
  100% { opacity: 0; transform: translate3d(2px, 43px, 0) scale(.12); }
}

@keyframes reasoning-hourglass-spark-v31-2 {
  0%, 22%, 100% { opacity: .24; transform: scale(.72) rotate(0deg); }
  43% { opacity: 1; transform: scale(1.24) rotate(8deg); }
  58% { opacity: .44; transform: scale(.88) rotate(-4deg); }
}

@media (max-width: 620px) {
  .capability-card-reasoning-v31-2 h3,
  .capability-card-reasoning-v31-2 p { max-width: 58%; }

  .capability-card-reasoning-v31-2 .capability-tag { max-width: 72%; }

  .capability-card-reasoning-v31-2 .capability-hourglass-v31-2 {
    top: 48px;
    right: -5px;
    width: 166px;
    height: 274px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .capability-card-reasoning-v31-2 .capability-card-art::after,
  .capability-card-reasoning-v31-2 .capability-hourglass-v31-2,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-floor-glow,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-upper-glow,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-top-sand,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-top-sand-edge,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-sand-stream,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-bottom-sand,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-reflections,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-grain,
  .capability-card-reasoning-v31-2 .reasoning-hourglass-sparks {
    animation: none !important;
  }
}


/* Landing page v31.3: glass capability labels, true two-sided hourglass cycle, compact section exit */
.capability-grid-v30 .capability-tag {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 9px 13px;
  border: 1px solid rgba(225, 194, 255, .34);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(185, 106, 255, .09) 42%, rgba(20, 7, 39, .18) 100%);
  color: rgba(235, 215, 255, .92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    inset 0 -1px 0 rgba(126, 66, 183, .12),
    0 8px 22px rgba(0, 0, 0, .24),
    0 0 18px color-mix(in srgb, var(--capability-accent) 14%, transparent);
  backdrop-filter: blur(15px) saturate(1.55);
  -webkit-backdrop-filter: blur(15px) saturate(1.55);
  text-shadow: 0 1px 9px rgba(0, 0, 0, .45);
  transition: border-color .28s ease, background .28s ease, box-shadow .28s ease, transform .28s ease;
}

.capability-grid-v30 .capability-tag::after {
  content: "";
  position: absolute;
  inset: -45% -26%;
  z-index: -1;
  background: linear-gradient(112deg, transparent 34%, rgba(255, 255, 255, .22) 48%, transparent 62%);
  transform: translateX(-54%);
  opacity: .62;
  pointer-events: none;
}

.capability-grid-v30 .capability-card:hover .capability-tag {
  border-color: rgba(235, 211, 255, .5);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(185, 106, 255, .13) 42%, rgba(20, 7, 39, .21) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .3),
    0 10px 26px rgba(0, 0, 0, .28),
    0 0 24px color-mix(in srgb, var(--capability-accent) 19%, transparent);
}

.capability-card-reasoning-v31-3 .capability-hourglass-v31-3 {
  top: 34px;
  right: -2px;
  width: 180px;
  height: 296px;
  perspective: 980px;
  transform-style: preserve-3d;
  filter:
    drop-shadow(0 26px 30px rgba(0, 0, 0, .72))
    drop-shadow(0 0 22px rgba(155, 87, 213, .23));
  animation: reasoning-hourglass-float-v31-3 8.8s ease-in-out infinite;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-body {
  transform-box: view-box;
  transform-origin: 120px 185px;
  transform-style: preserve-3d;
  animation: reasoning-hourglass-turn-v31-3 20s cubic-bezier(.58, .02, .16, 1) infinite;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-glass {
  opacity: .88;
  filter:
    drop-shadow(0 0 5px rgba(255, 255, 255, .18))
    drop-shadow(0 0 11px rgba(148, 86, 192, .16));
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-glass-inner-rim {
  mix-blend-mode: screen;
  opacity: .72;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-glass-caustic {
  mix-blend-mode: screen;
  opacity: .54;
  filter: blur(4px);
  animation: reasoning-hourglass-caustic-v31-3 6.4s ease-in-out infinite alternate;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-glass-caustic-bottom {
  animation-delay: -2.2s;
  opacity: .38;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-columns {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .72));
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-top-sand,
.capability-card-reasoning-v31-3 .reasoning-hourglass-top-sand-edge {
  animation: reasoning-hourglass-top-sand-v31-3 20s linear infinite;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-bottom-sand {
  animation: reasoning-hourglass-bottom-sand-v31-3 20s linear infinite;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-sand-stream {
  animation: reasoning-hourglass-stream-v31-3 20s linear infinite;
}

.capability-card-reasoning-v31-3 .reasoning-hourglass-grain {
  transform-box: fill-box;
  transform-origin: center;
  animation: reasoning-hourglass-grain-v31-3 20s linear infinite;
}

.capability-card-reasoning-v31-3 .grain-2 { animation-delay: .22s; }
.capability-card-reasoning-v31-3 .grain-3 { animation-delay: .44s; }
.capability-card-reasoning-v31-3 .grain-4 { animation-delay: .66s; }
.capability-card-reasoning-v31-3 .grain-5 { animation-delay: .88s; }

.capability-card-reasoning-v31-3 .reasoning-hourglass-reflections {
  animation: reasoning-hourglass-reflection-v31-3 8.4s cubic-bezier(.32, .04, .18, 1) infinite;
}

@keyframes reasoning-hourglass-float-v31-3 {
  0%, 100% { transform: translate3d(0, 0, 0) rotateY(-1.6deg) rotateZ(-.2deg); }
  50% { transform: translate3d(-2px, -5px, 0) rotateY(1.4deg) rotateZ(.25deg); }
}

@keyframes reasoning-hourglass-turn-v31-3 {
  0%, 34% { transform: perspective(980px) rotateZ(0deg) rotateY(-2deg); }
  38% { transform: perspective(980px) rotateZ(68deg) rotateY(8deg) scale(.985); }
  42% { transform: perspective(980px) rotateZ(180deg) rotateY(0deg); }
  80%, 84% { transform: perspective(980px) rotateZ(180deg) rotateY(0deg); }
  88% { transform: perspective(980px) rotateZ(248deg) rotateY(-8deg) scale(.985); }
  92%, 100% { transform: perspective(980px) rotateZ(360deg) rotateY(-2deg); }
}

@keyframes reasoning-hourglass-top-sand-v31-3 {
  0%, 4% { transform: translateY(0) scaleY(1); opacity: .98; }
  31%, 42% { transform: translateY(12px) scaleY(.24); opacity: .72; }
  47% { transform: translateY(12px) scaleY(.24); opacity: .74; }
  77%, 100% { transform: translateY(0) scaleY(1); opacity: .98; }
}

@keyframes reasoning-hourglass-bottom-sand-v31-3 {
  0%, 4% { transform: translateY(7px) scaleY(.76); opacity: .72; }
  31%, 47% { transform: translateY(-1px) scaleY(1.08); opacity: 1; }
  77%, 100% { transform: translateY(7px) scaleY(.76); opacity: .72; }
}

@keyframes reasoning-hourglass-stream-v31-3 {
  0%, 3%, 34%, 44%, 80%, 100% { opacity: 0; transform: scaleY(.04); }
  7%, 30%, 49%, 76% { opacity: .96; transform: scaleY(1); }
}

@keyframes reasoning-hourglass-grain-v31-3 {
  0%, 3% { opacity: 0; transform: translateY(-42px) scale(.4); }
  8% { opacity: .92; }
  29% { opacity: .64; transform: translateY(22px) scale(.16); }
  34%, 46% { opacity: 0; transform: translateY(22px) scale(.12); }
  50% { opacity: .9; transform: translateY(42px) scale(.42); }
  75% { opacity: .58; transform: translateY(-22px) scale(.16); }
  80%, 100% { opacity: 0; transform: translateY(-22px) scale(.12); }
}

@keyframes reasoning-hourglass-reflection-v31-3 {
  0%, 12% { opacity: 0; transform: translateX(-34px) skewX(-4deg); }
  24% { opacity: .72; }
  42% { opacity: 0; transform: translateX(50px) skewX(-4deg); }
  50%, 62% { opacity: 0; transform: translateX(50px) skewX(4deg); }
  74% { opacity: .68; }
  92%, 100% { opacity: 0; transform: translateX(-34px) skewX(4deg); }
}

@keyframes reasoning-hourglass-caustic-v31-3 {
  0% { opacity: .24; transform: translateX(-5px) scaleX(.9); }
  100% { opacity: .62; transform: translateX(5px) scaleX(1.08); }
}

@media (min-width: 821px) {
  .capabilities-section.capabilities-video-section {
    min-height: auto;
  }

  .capability-video-foreground {
    min-height: auto;
  }

  .capability-video-scroll-space {
    height: clamp(76px, 8vh, 112px);
  }
}

@media (max-width: 620px) {
  .capability-card-reasoning-v31-3 .capability-hourglass-v31-3 {
    top: 42px;
    right: -8px;
    width: 168px;
    height: 282px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .capability-card-reasoning-v31-3 .reasoning-hourglass-body,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-glass-caustic,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-top-sand,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-top-sand-edge,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-bottom-sand,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-sand-stream,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-grain,
  .capability-card-reasoning-v31-3 .reasoning-hourglass-reflections,
  .capability-card-reasoning-v31-3 .capability-hourglass-v31-3 {
    animation: none !important;
  }
}

/* Landing page v31.4: true transparent glass capability cards over the live battlefield */
.capability-grid-v30 .capability-card-v30 {
  background:
    linear-gradient(148deg,
      rgba(255, 255, 255, .075) 0%,
      rgba(103, 42, 166, .16) 26%,
      rgba(26, 8, 49, .30) 58%,
      rgba(5, 2, 15, .22) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    inset 1px 0 0 rgba(226, 193, 255, .12),
    inset -1px 0 0 rgba(255, 255, 255, .055),
    inset 0 -1px 0 color-mix(in srgb, var(--capability-accent) 32%, transparent),
    0 24px 62px rgba(0, 0, 0, .30),
    0 0 34px color-mix(in srgb, var(--capability-accent) 12%, transparent);
  backdrop-filter: blur(10px) saturate(1.34) brightness(1.04);
  -webkit-backdrop-filter: blur(10px) saturate(1.34) brightness(1.04);
}

.capability-grid-v30 .capability-card-v30::before {
  background:
    linear-gradient(112deg,
      rgba(255, 255, 255, .17) 0%,
      rgba(255, 255, 255, .045) 17%,
      transparent 36%,
      transparent 72%,
      rgba(211, 154, 255, .075) 100%),
    linear-gradient(180deg,
      rgba(255, 255, 255, .035),
      transparent 30%,
      rgba(11, 3, 25, .09));
  opacity: .78;
}

.capability-grid-v30 .capability-card-v30 .capability-card-art {
  opacity: .12;
  filter: saturate(1.05) contrast(1.02) brightness(1.04);
  mix-blend-mode: screen;
}

.capability-grid-v30 .capability-card-v30 .capability-card-art::before {
  background:
    linear-gradient(90deg,
      rgba(7, 2, 19, .46) 0%,
      rgba(8, 3, 22, .30) 34%,
      rgba(10, 4, 28, .12) 68%,
      transparent 100%),
    linear-gradient(180deg,
      rgba(5, 2, 16, .04) 0%,
      transparent 55%,
      rgba(5, 2, 16, .32) 100%);
}

.capability-grid-v30 .capability-card-v30 .capability-card-art::after {
  opacity: .34;
}

.capability-grid-v30 .capability-card-v30:hover {
  background:
    linear-gradient(148deg,
      rgba(255, 255, 255, .10) 0%,
      rgba(113, 47, 183, .20) 27%,
      rgba(29, 9, 56, .32) 59%,
      rgba(5, 2, 15, .24) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .30),
    inset 1px 0 0 rgba(226, 193, 255, .16),
    inset 0 -1px 0 color-mix(in srgb, var(--capability-accent) 40%, transparent),
    0 28px 72px rgba(0, 0, 0, .34),
    0 0 42px color-mix(in srgb, var(--capability-accent) 16%, transparent);
}

.capability-grid-v30 .capability-card-v30:hover .capability-card-art {
  opacity: .17;
  filter: saturate(1.12) contrast(1.04) brightness(1.08);
}

@media (max-width: 820px) {
  .capability-grid-v30 .capability-card-v30 {
    background:
      linear-gradient(148deg,
        rgba(255, 255, 255, .08),
        rgba(64, 20, 108, .22) 42%,
        rgba(5, 2, 15, .30));
    backdrop-filter: blur(8px) saturate(1.25);
    -webkit-backdrop-filter: blur(8px) saturate(1.25);
  }
}


/* Landing page v31.5: thirty-percent larger breakout capability icons with 3D depth */
.capability-grid-v30 .capability-card-v30 .capability-icon {
  position: relative;
  z-index: 8;
  overflow: visible;
  isolation: isolate;
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 255, 255, .24), transparent 24%),
    linear-gradient(145deg, rgba(255, 255, 255, .13), transparent 46%),
    linear-gradient(145deg, color-mix(in srgb, var(--capability-accent) 28%, rgba(31, 9, 59, .84)), rgba(7, 2, 20, .58));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .34),
    inset 0 -12px 26px rgba(10, 2, 27, .42),
    0 22px 30px rgba(0, 0, 0, .42),
    0 8px 15px color-mix(in srgb, var(--capability-accent) 24%, transparent),
    0 0 36px color-mix(in srgb, var(--capability-accent) 34%, transparent);
  transform:
    translate3d(0, 0, 56px)
    rotateX(-3deg)
    rotateZ(calc((var(--capability-index) - 2.5) * .5deg));
}

.capability-grid-v30 .capability-card-v30 .capability-icon::before {
  inset: -9px;
  border-color: color-mix(in srgb, var(--capability-accent) 46%, rgba(255, 255, 255, .18));
  opacity: .78;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 0 22px color-mix(in srgb, var(--capability-accent) 24%, transparent);
}

.capability-grid-v30 .capability-card-v30 .capability-icon::after {
  inset: -12px;
  width: auto;
  height: auto;
  top: -12px;
  left: -12px;
  z-index: 4;
  border-radius: 30px 20px 32px 19px;
  background:
    linear-gradient(116deg,
      transparent 22%,
      rgba(255, 255, 255, .04) 33%,
      rgba(255, 255, 255, .42) 43%,
      rgba(224, 190, 255, .16) 50%,
      transparent 64%);
  mix-blend-mode: screen;
  opacity: .52;
  transform: translate3d(-42%, 0, 90px) skewX(-10deg);
  animation: capability-icon-reflection-v31-5 7.2s ease-in-out infinite;
}

.capability-grid-v30 .capability-card-v30 .capability-icon img {
  z-index: 3;
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform-origin: 50% 58%;
  transform: translate3d(0, -3px, 72px) scale(1.46) rotateX(-4deg);
  filter:
    saturate(1.24)
    contrast(1.12)
    brightness(1.05)
    drop-shadow(0 20px 18px rgba(0, 0, 0, .58))
    drop-shadow(0 8px 8px rgba(14, 4, 34, .62))
    drop-shadow(0 0 18px color-mix(in srgb, var(--capability-accent) 82%, transparent))
    drop-shadow(-4px -3px 7px rgba(255, 255, 255, .13));
  transition:
    transform .72s cubic-bezier(.2, .9, .2, 1),
    filter .72s ease;
}

.capability-grid-v30 .capability-card-v30:hover .capability-icon img {
  transform: translate3d(0, -7px, 92px) scale(1.56) rotateX(-6deg) rotateZ(-2deg);
  filter:
    saturate(1.36)
    contrast(1.16)
    brightness(1.08)
    drop-shadow(0 26px 22px rgba(0, 0, 0, .62))
    drop-shadow(0 10px 10px rgba(14, 4, 34, .68))
    drop-shadow(0 0 26px color-mix(in srgb, var(--capability-accent) 92%, transparent))
    drop-shadow(-5px -4px 8px rgba(255, 255, 255, .17));
}

.capability-grid-v30 .capability-card-v30:hover .capability-icon::after {
  animation: capability-icon-reflection-v31-5 2.2s ease-in-out infinite;
  opacity: .7;
}

@keyframes capability-icon-reflection-v31-5 {
  0%, 18% {
    opacity: .14;
    transform: translate3d(-58%, 0, 90px) skewX(-10deg);
  }
  42% {
    opacity: .58;
  }
  68%, 100% {
    opacity: .12;
    transform: translate3d(58%, 0, 90px) skewX(-10deg);
  }
}

@media (max-width: 820px) {
  .capability-grid-v30 .capability-card-v30 .capability-icon img {
    transform: translate3d(0, -2px, 64px) scale(1.38) rotateX(-3deg);
  }

  .capability-grid-v30 .capability-card-v30:hover .capability-icon img {
    transform: translate3d(0, -5px, 78px) scale(1.46) rotateX(-4deg) rotateZ(-1deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .capability-grid-v30 .capability-card-v30 .capability-icon::after {
    animation: none !important;
    opacity: .28;
    transform: translate3d(18%, 0, 90px) skewX(-10deg);
  }
}

/* Landing page v32: game-development complexity nexus using the established Cradle orbital glass language. */
.challenge-nexus-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 27%, rgba(87, 32, 190, .16), transparent 34%),
    radial-gradient(circle at 23% 72%, rgba(117, 44, 226, .09), transparent 32%),
    linear-gradient(180deg, #03020a 0%, #060310 48%, #03020a 100%);
}

.challenge-nexus-section::before,
.challenge-nexus-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.challenge-nexus-section::before {
  inset: 0;
  opacity: .46;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(220, 187, 255, .72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 78% 16%, rgba(167, 91, 255, .68) 0 1px, transparent 1.7px),
    radial-gradient(circle at 91% 58%, rgba(224, 192, 255, .48) 0 1px, transparent 1.5px),
    radial-gradient(circle at 32% 80%, rgba(137, 73, 255, .48) 0 1px, transparent 1.6px);
  background-size: 190px 170px, 230px 210px, 270px 250px, 310px 290px;
  mask-image: linear-gradient(180deg, black, transparent 92%);
}

.challenge-nexus-section::after {
  left: 50%;
  right: 0;
  bottom: 0;
  height: 52%;
  background: radial-gradient(ellipse at 68% 72%, rgba(103, 33, 211, .16), transparent 58%);
  filter: blur(18px);
}

.challenge-nexus-shell {
  position: relative;
  z-index: 2;
}

.challenge-nexus-hero {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(620px, 1.38fr);
  gap: clamp(26px, 4vw, 70px);
  align-items: center;
}

.challenge-nexus-copy {
  position: relative;
  z-index: 4;
  padding: 18px 0 8px;
}

.challenge-nexus-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 20px;
  padding: 0 17px;
  border: 1px solid rgba(156, 94, 255, .24);
  border-radius: 999px;
  color: #b287ff;
  background: rgba(28, 11, 58, .36);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 0 30px rgba(115, 45, 218, .08);
  backdrop-filter: blur(12px) saturate(1.35);
}

.challenge-nexus-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 50%;
  background: #a766ff;
  box-shadow: 0 0 16px #a766ff;
}

.challenge-nexus-copy h2 {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: clamp(44px, 4.5vw, 72px);
  line-height: .98;
  letter-spacing: -.045em;
}

.challenge-nexus-copy h2 strong {
  display: inline;
  color: #a764ff;
  font: inherit;
  text-shadow: 0 0 34px rgba(150, 84, 255, .22);
}

.challenge-nexus-intro {
  max-width: 650px;
  color: #b7adbf;
  font-size: 15px;
  line-height: 1.62;
}

.challenge-steam-proof {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  align-items: center;
  max-width: 590px;
  min-height: 112px;
  margin-top: 26px;
  padding: 19px 24px;
  overflow: hidden;
  border: 1px solid rgba(182, 116, 255, .42);
  border-radius: 18px;
  background:
    linear-gradient(114deg, rgba(79, 25, 143, .26), rgba(16, 7, 35, .42)),
    rgba(11, 5, 24, .54);
  box-shadow: 0 18px 46px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.08), 0 0 34px rgba(128, 45, 236, .10);
  backdrop-filter: blur(18px) saturate(1.4);
}

.challenge-steam-proof::after {
  content: "";
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -32%;
  width: 32%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent);
  animation: challenge-glass-sweep 7.8s ease-in-out infinite;
}

.challenge-steam-icon,
.challenge-problem-icon,
.challenge-chip-icon {
  display: grid;
  place-items: center;
  border: 1px solid rgba(193, 139, 255, .38);
  background: linear-gradient(145deg, rgba(124, 52, 227, .30), rgba(42, 14, 85, .16));
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 0 26px rgba(126, 55, 233, .20);
  backdrop-filter: blur(10px);
}

.challenge-steam-icon {
  width: 54px;
  height: 54px;
  border-radius: 14px;
}

.challenge-steam-icon img,
.challenge-problem-icon img,
.challenge-chip-icon img {
  width: 76%;
  height: 76%;
  object-fit: contain;
  filter: drop-shadow(0 11px 10px rgba(0,0,0,.44)) drop-shadow(0 0 9px rgba(166, 91, 255, .34));
}

.challenge-steam-proof p {
  margin: 0;
  color: #d4cbdc;
  font-size: 17px;
  line-height: 1.45;
}

.challenge-steam-proof p strong {
  margin-right: 4px;
  color: #b167ff;
  font-size: 30px;
  line-height: 1;
}

.challenge-steam-proof small {
  display: block;
  margin-top: 6px;
  color: #887b96;
  font-size: 11px;
}

.challenge-orb-system {
  position: relative;
  min-height: 650px;
  isolation: isolate;
  perspective: 1200px;
}

.challenge-orb-system::before {
  content: "";
  position: absolute;
  inset: 4% -4% 8%;
  z-index: -3;
  border-radius: 50%;
  background:
    radial-gradient(circle at 52% 37%, rgba(177, 95, 255, .16), transparent 32%),
    radial-gradient(ellipse at 50% 66%, rgba(80, 23, 174, .22), transparent 50%);
  filter: blur(18px);
}

.challenge-orbit-wires {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.challenge-orbit-wire {
  fill: none;
  stroke: url(#challengeOrbitGradient);
  stroke-width: 1.35;
  filter: url(#challengeOrbitGlow);
  transform-origin: center;
  animation: challenge-wire-breathe 5.8s ease-in-out infinite;
}

.challenge-orbit-wire-b { opacity: .68; animation-delay: -1.8s; }
.challenge-orbit-wire-c { opacity: .48; animation-delay: -3.6s; }

.challenge-energy-link {
  fill: none;
  stroke: url(#challengeOrbitGradient);
  stroke-width: 1.25;
  stroke-dasharray: 4 12;
  stroke-linecap: round;
  opacity: .58;
  filter: url(#challengeOrbitGlow);
  animation: challenge-link-flow 8s linear infinite;
}

.challenge-orbit-spark {
  fill: #fff;
  filter: url(#challengeOrbitGlow);
}

.challenge-orbit-spark-b { fill: #b56eff; }

.challenge-core-halo,
.challenge-energy-arc,
.challenge-energy-column,
.challenge-lava-rock,
.challenge-crystal-wrap {
  position: absolute;
  left: 50%;
}

.challenge-core-halo {
  top: 43%;
  z-index: 2;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.challenge-core-halo-outer {
  width: 350px;
  height: 350px;
  border: 1px solid rgba(150, 87, 255, .22);
  box-shadow: inset 0 0 58px rgba(137, 62, 246, .12), 0 0 80px rgba(119, 43, 223, .08);
  animation: challenge-halo-pulse 4.8s ease-in-out infinite;
}

.challenge-core-halo-inner {
  width: 220px;
  height: 220px;
  border: 1px solid rgba(220, 186, 255, .33);
  box-shadow: inset 0 0 36px rgba(184, 105, 255, .18), 0 0 48px rgba(148, 70, 255, .20);
  animation: challenge-halo-pulse 4.8s -2.4s ease-in-out infinite reverse;
}

.challenge-energy-arc {
  top: 43%;
  z-index: 2;
  width: 330px;
  height: 160px;
  border: 1px solid transparent;
  border-top-color: rgba(203, 151, 255, .55);
  border-radius: 50%;
  transform-origin: center;
  filter: drop-shadow(0 0 9px rgba(151, 73, 255, .68));
  animation: challenge-arc-spin 12s linear infinite;
}

.challenge-energy-arc-a { transform: translate(-50%, -50%) rotate(8deg); }
.challenge-energy-arc-b { width: 300px; transform: translate(-50%, -50%) rotate(128deg); animation-duration: 15s; }
.challenge-energy-arc-c { width: 272px; transform: translate(-50%, -50%) rotate(238deg); animation-duration: 10s; animation-direction: reverse; }

.challenge-crystal-wrap {
  top: 16%;
  z-index: 8;
  width: 186px;
  height: 270px;
  transform: translateX(-50%);
  filter: drop-shadow(0 28px 24px rgba(0,0,0,.42)) drop-shadow(0 0 32px rgba(164, 84, 255, .66));
  animation: challenge-crystal-float 5.2s ease-in-out infinite;
}

.challenge-crystal-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: scale(1.03);
}

.challenge-crystal-reflection {
  position: absolute;
  inset: 9% 24%;
  overflow: hidden;
  clip-path: polygon(50% 0, 91% 24%, 77% 79%, 50% 100%, 23% 79%, 9% 24%);
  opacity: .72;
}

.challenge-crystal-reflection::before {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -78%;
  width: 42%;
  transform: skewX(-17deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  filter: blur(3px);
  animation: challenge-crystal-sweep 4.6s ease-in-out infinite;
}

.challenge-energy-column {
  top: 44%;
  z-index: 5;
  width: 18px;
  height: 155px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(235, 207, 255, .84), rgba(165, 74, 255, .64) 36%, rgba(125, 45, 237, .08));
  filter: blur(5px) drop-shadow(0 0 18px rgba(167, 77, 255, .9));
  opacity: .86;
  animation: challenge-column-pulse 2.8s ease-in-out infinite;
}

.challenge-lava-rock {
  top: 55%;
  z-index: 4;
  width: 400px;
  height: 190px;
  transform: translateX(-50%);
  clip-path: polygon(9% 24%, 25% 9%, 47% 2%, 70% 8%, 92% 27%, 100% 54%, 87% 79%, 62% 91%, 36% 88%, 12% 72%, 0 50%);
  background:
    radial-gradient(circle at 51% 36%, rgba(119, 65, 157, .38), transparent 22%),
    linear-gradient(145deg, #2a1a39 0%, #130d1e 46%, #08060d 100%);
  box-shadow: inset 0 17px 26px rgba(185, 133, 215, .12), inset 0 -24px 34px rgba(0,0,0,.66), 0 34px 54px rgba(0,0,0,.58), 0 0 44px rgba(106, 37, 210, .24);
  animation: challenge-rock-float 6.4s ease-in-out infinite;
}

.challenge-lava-rock::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 8%;
  height: 42%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(188, 112, 255, .28), rgba(111, 43, 205, .08) 48%, transparent 72%);
  box-shadow: 0 0 36px rgba(152, 68, 255, .28);
}

.challenge-lava-rock::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: -22px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(142, 53, 250, .46), rgba(105, 35, 205, .14) 46%, transparent 72%);
  filter: blur(8px);
}

.challenge-lava-fissure {
  position: absolute;
  z-index: 2;
  height: 3px;
  border-radius: 999px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(255,255,255,.78), #c46fff 23%, #7a28e8 72%, transparent);
  box-shadow: 0 0 9px #b356ff, 0 0 19px rgba(147, 66, 255, .58);
}

.fissure-a { left: 19%; top: 38%; width: 118px; transform: rotate(12deg); }
.fissure-b { left: 47%; top: 47%; width: 132px; transform: rotate(-16deg); }
.fissure-c { left: 38%; top: 66%; width: 94px; transform: rotate(22deg); }

.challenge-lava-core {
  position: absolute;
  left: 50%;
  top: 34%;
  width: 82px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239, 215, 255, .88), rgba(177, 90, 255, .56) 26%, rgba(112, 35, 225, .12) 66%, transparent 74%);
  filter: blur(2px);
  animation: challenge-lava-pulse 2.4s ease-in-out infinite;
}

.challenge-rock-debris {
  position: absolute;
  width: 18px;
  height: 12px;
  clip-path: polygon(20% 0, 100% 25%, 76% 100%, 0 64%);
  background: linear-gradient(145deg, #342344, #0b0810);
  box-shadow: 0 7px 14px rgba(0,0,0,.42), 0 0 8px rgba(126, 45, 230, .12);
}

.debris-a { left: -10%; top: 18%; animation: challenge-debris-float 5s ease-in-out infinite; }
.debris-b { right: -8%; top: 34%; transform: scale(.8) rotate(32deg); animation: challenge-debris-float 6.2s -1.8s ease-in-out infinite; }
.debris-c { left: 4%; bottom: 3%; transform: scale(.62) rotate(-22deg); animation: challenge-debris-float 4.8s -2.2s ease-in-out infinite; }
.debris-d { right: 8%; bottom: -4%; transform: scale(.56) rotate(14deg); animation: challenge-debris-float 5.6s -3s ease-in-out infinite; }

.challenge-orbit-chip {
  position: absolute;
  z-index: 9;
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 12px;
  align-items: center;
  width: 190px;
  min-height: 74px;
  padding: 10px 13px;
  border: 1px solid rgba(184, 121, 255, .38);
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(128deg, rgba(95, 31, 172, .28), rgba(12, 6, 27, .54)),
    rgba(12, 5, 28, .42);
  box-shadow: 0 16px 36px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.09), 0 0 24px rgba(127, 45, 235, .12);
  backdrop-filter: blur(17px) saturate(1.45);
  animation: challenge-chip-float 5s ease-in-out infinite;
}

.challenge-orbit-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.10), transparent 24%, transparent 70%, rgba(157, 91, 255, .09));
}

.challenge-chip-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
}

.challenge-orbit-chip strong,
.challenge-orbit-chip small {
  position: relative;
  z-index: 1;
  display: block;
}

.challenge-orbit-chip strong {
  color: #c59cff;
  font-size: 11px;
  letter-spacing: .04em;
}

.challenge-orbit-chip small {
  margin-top: 3px;
  color: #a99db4;
  font-size: 10px;
  line-height: 1.28;
}

.challenge-chip-gameplay { left: 51%; top: 1%; transform: translateX(-50%); animation-delay: -1s; }
.challenge-chip-ui { left: 0; top: 14%; animation-delay: -2.4s; }
.challenge-chip-tools { left: -3%; top: 39%; animation-delay: -.6s; }
.challenge-chip-network { right: -2%; top: 14%; animation-delay: -3.2s; }
.challenge-chip-save { right: -5%; top: 41%; animation-delay: -1.7s; }
.challenge-chip-testing { left: 7%; bottom: 5%; animation-delay: -4.1s; }
.challenge-chip-optimization { right: 5%; bottom: 3%; animation-delay: -2.8s; }

.challenge-problem-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.challenge-problem-card {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  padding: 24px 22px 22px;
  border: 1px solid rgba(162, 103, 255, .30);
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(85, 35, 148, .24), rgba(8, 4, 19, .62) 52%, rgba(7, 3, 16, .76)),
    rgba(12, 6, 27, .42);
  box-shadow: 0 20px 45px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.07), 0 0 28px rgba(114, 39, 219, .08);
  backdrop-filter: blur(16px) saturate(1.35);
}

.challenge-problem-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255,255,255,.08), transparent 16%, transparent 75%),
    radial-gradient(circle at 82% 42%, rgba(126, 49, 224, .22), transparent 35%);
}

.challenge-problem-icon {
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  border-radius: 13px;
}

.challenge-problem-copy {
  position: relative;
  z-index: 4;
  width: 62%;
  margin-top: 17px;
}

.challenge-problem-copy h3 {
  margin: 0 0 12px;
  font-size: 19px;
  line-height: 1.14;
}

.challenge-problem-copy p {
  margin: 0;
  color: #a99fb2;
  font-size: 12px;
  line-height: 1.52;
}

.challenge-problem-art {
  position: absolute;
  z-index: 2;
  top: 32px;
  right: -4px;
  width: 43%;
  height: 178px;
  opacity: .95;
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent 0, black 28%, black 84%, transparent 100%);
}

.knowledge-art span {
  position: absolute;
  width: 50px;
  height: 30px;
  border: 1px solid rgba(184, 117, 255, .38);
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(144, 71, 246, .34), rgba(18, 8, 40, .52));
  box-shadow: 0 0 18px rgba(131, 56, 232, .19);
  animation: challenge-note-drift 5.8s ease-in-out infinite;
}

.knowledge-art span::before,
.knowledge-art span::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  height: 1px;
  background: rgba(220, 189, 255, .42);
}

.knowledge-art span::before { top: 10px; }
.knowledge-art span::after { top: 18px; right: 16px; }
.knowledge-art span:nth-child(1) { left: 7%; top: 22%; transform: rotate(-9deg); }
.knowledge-art span:nth-child(2) { left: 45%; top: 8%; transform: rotate(12deg); animation-delay: -1s; }
.knowledge-art span:nth-child(3) { left: 38%; top: 47%; transform: rotate(-4deg); animation-delay: -2.3s; }
.knowledge-art span:nth-child(4) { left: 8%; top: 66%; transform: rotate(8deg); animation-delay: -3.1s; }
.knowledge-art span:nth-child(5) { left: 59%; top: 74%; transform: rotate(-12deg); animation-delay: -4.4s; }

.dependency-art::before,
.dependency-art::after {
  content: "";
  position: absolute;
  inset: 14% 8%;
  background:
    linear-gradient(28deg, transparent 49%, rgba(156, 86, 255, .42) 49.5% 50.5%, transparent 51%),
    linear-gradient(148deg, transparent 49%, rgba(156, 86, 255, .35) 49.5% 50.5%, transparent 51%),
    linear-gradient(90deg, transparent 49%, rgba(156, 86, 255, .32) 49.5% 50.5%, transparent 51%);
}

.dependency-art::after { transform: rotate(34deg); opacity: .7; }

.dep-node {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(213, 176, 255, .58);
  border-radius: 6px;
  transform: rotate(30deg);
  background: linear-gradient(135deg, rgba(190, 113, 255, .70), rgba(83, 26, 165, .22));
  box-shadow: 0 0 16px rgba(151, 68, 255, .42);
  animation: challenge-dependency-pulse 4s ease-in-out infinite;
}

.dep-a { left: 8%; top: 38%; }
.dep-b { left: 34%; top: 12%; animation-delay: -.6s; }
.dep-c { right: 10%; top: 28%; animation-delay: -1.2s; }
.dep-d { left: 42%; top: 47%; animation-delay: -1.8s; }
.dep-e { left: 18%; bottom: 10%; animation-delay: -2.4s; }
.dep-f { right: 10%; bottom: 6%; animation-delay: -3s; }

.progress-art {
  right: -5px;
  top: 18px;
  width: 45%;
  height: 205px;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(140, 61, 255, .30));
}

.progress-art::before,
.progress-art::after {
  content: "";
  position: absolute;
  left: 27%;
  width: 50%;
  height: 74px;
  border: 2px solid rgba(218, 188, 255, .50);
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(103, 44, 177, .08));
  box-shadow: inset 10px 0 16px rgba(255,255,255,.06), inset -10px 0 18px rgba(70, 18, 128, .14);
}

.progress-art::before {
  top: 23px;
  clip-path: polygon(0 0, 100% 0, 67% 100%, 33% 100%);
  border-radius: 28px 28px 8px 8px;
}

.progress-art::after {
  bottom: 24px;
  clip-path: polygon(33% 0, 67% 0, 100% 100%, 0 100%);
  border-radius: 8px 8px 28px 28px;
}

.problem-hourglass-top,
.problem-hourglass-bottom,
.problem-hourglass-neck,
.problem-hourglass-frame {
  position: absolute;
  z-index: 3;
}

.problem-hourglass-top {
  left: 37%;
  top: 41px;
  width: 31%;
  height: 42px;
  clip-path: polygon(0 0, 100% 0, 60% 100%, 40% 100%);
  background: linear-gradient(180deg, #e4b7ff, #a64bf2);
  box-shadow: 0 0 18px rgba(179, 81, 255, .52);
  animation: challenge-hourglass-top 7s ease-in-out infinite;
}

.problem-hourglass-bottom {
  left: 35%;
  bottom: 38px;
  width: 35%;
  height: 48px;
  clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(169, 74, 244, .38), #d59cff);
  box-shadow: 0 0 18px rgba(179, 81, 255, .42);
  animation: challenge-hourglass-bottom 7s ease-in-out infinite;
}

.problem-hourglass-neck {
  left: 51%;
  top: 91px;
  width: 3px;
  height: 28px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #f1d5ff, #ad55f3);
  box-shadow: 0 0 9px #b45cff;
}

.problem-hourglass-frame {
  left: 20%;
  width: 66%;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(180deg, #4b315a, #130b1a 48%, #604170);
  box-shadow: 0 0 10px rgba(192, 121, 255, .28);
}

.frame-top { top: 13px; }
.frame-bottom { bottom: 13px; }

.production-art {
  top: 28px;
  right: -6px;
  height: 190px;
  background: radial-gradient(circle at 58% 48%, rgba(201, 45, 146, .20), transparent 45%);
}

.production-warning {
  position: absolute;
  left: 40%;
  top: 26%;
  display: grid;
  place-items: center;
  width: 76px;
  height: 68px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  padding-top: 17px;
  color: #ffd5ec;
  font-size: 34px;
  font-weight: 800;
  background: linear-gradient(180deg, rgba(237, 77, 181, .36), rgba(109, 20, 86, .20));
  filter: drop-shadow(0 0 14px rgba(239, 54, 172, .56));
  animation: challenge-warning-pulse 3.2s ease-in-out infinite;
}

.production-warning::before {
  content: "";
  position: absolute;
  inset: 6px;
  clip-path: inherit;
  border: 2px solid rgba(255, 141, 211, .68);
}

.production-crack {
  position: absolute;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(255, 105, 200, .72), transparent);
  box-shadow: 0 0 7px rgba(234, 59, 177, .48);
}

.crack-a { left: 21%; top: 49%; width: 62px; transform: rotate(-17deg); }
.crack-b { left: 58%; top: 68%; width: 74px; transform: rotate(23deg); }
.crack-c { left: 46%; top: 26%; width: 54px; transform: rotate(72deg); }

.challenge-solution-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 720px;
  min-height: 54px;
  margin: 16px auto 0;
  padding: 12px 24px;
  border: 1px solid rgba(158, 100, 255, .28);
  border-radius: 15px;
  color: #beb4c7;
  background: linear-gradient(120deg, rgba(80, 25, 145, .16), rgba(10, 5, 23, .48));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 18px 38px rgba(0,0,0,.24);
  backdrop-filter: blur(14px) saturate(1.35);
}

.challenge-solution-banner p { margin: 0; font-size: 15px; }
.challenge-solution-banner strong { color: #b260ff; font-weight: 700; }
.challenge-solution-star { color: #b25dff; font-size: 20px; text-shadow: 0 0 16px #a855ff; }

@keyframes challenge-glass-sweep {
  0%, 22% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  34% { opacity: .8; }
  54% { transform: translateX(520%) skewX(-18deg); opacity: 0; }
  100% { transform: translateX(520%) skewX(-18deg); opacity: 0; }
}

@keyframes challenge-wire-breathe {
  0%, 100% { opacity: .38; transform: scale(.992); }
  50% { opacity: .9; transform: scale(1.006); }
}

@keyframes challenge-link-flow { to { stroke-dashoffset: -160; } }

@keyframes challenge-halo-pulse {
  0%, 100% { opacity: .54; transform: translate(-50%, -50%) scale(.97); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
}

@keyframes challenge-arc-spin {
  to { transform: translate(-50%, -50%) rotate(368deg); }
}

@keyframes challenge-crystal-float {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-7deg) rotateZ(-1deg); }
  50% { transform: translateX(-50%) translateY(-16px) rotateY(9deg) rotateZ(1.8deg); }
}

@keyframes challenge-crystal-sweep {
  0%, 16% { transform: translateX(0) skewX(-17deg); opacity: 0; }
  30% { opacity: .9; }
  55% { transform: translateX(500%) skewX(-17deg); opacity: 0; }
  100% { transform: translateX(500%) skewX(-17deg); opacity: 0; }
}

@keyframes challenge-column-pulse {
  0%, 100% { opacity: .48; transform: translateX(-50%) scaleX(.72); }
  50% { opacity: 1; transform: translateX(-50%) scaleX(1.18); }
}

@keyframes challenge-rock-float {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateZ(-.6deg); }
  50% { transform: translateX(-50%) translateY(10px) rotateZ(.6deg); }
}

@keyframes challenge-lava-pulse {
  0%, 100% { opacity: .58; transform: translate(-50%, -50%) scale(.86); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes challenge-debris-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -12px; }
}

@keyframes challenge-chip-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes challenge-note-drift {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes challenge-dependency-pulse {
  0%, 100% { opacity: .55; scale: .92; }
  50% { opacity: 1; scale: 1.08; }
}

@keyframes challenge-hourglass-top {
  0%, 12% { clip-path: polygon(0 0, 100% 0, 60% 100%, 40% 100%); transform: scaleY(1); transform-origin: top; }
  82%, 100% { transform: scaleY(.12); transform-origin: bottom; }
}

@keyframes challenge-hourglass-bottom {
  0%, 12% { transform: scaleY(.16); transform-origin: bottom; }
  82%, 100% { transform: scaleY(1); transform-origin: bottom; }
}

@keyframes challenge-warning-pulse {
  0%, 100% { opacity: .58; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.06); }
}

@media (max-width: 1180px) {
  .challenge-nexus-hero { grid-template-columns: minmax(320px, .85fr) minmax(520px, 1.15fr); gap: 24px; }
  .challenge-orb-system { min-height: 620px; transform: scale(.93); transform-origin: center; }
  .challenge-problem-copy { width: 68%; }
}

@media (max-width: 980px) {
  .challenge-nexus-hero { grid-template-columns: 1fr; }
  .challenge-nexus-copy { max-width: 760px; }
  .challenge-orb-system { min-height: 650px; transform: none; }
  .challenge-problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .challenge-nexus-copy h2 { font-size: clamp(40px, 12vw, 58px); }
  .challenge-steam-proof { grid-template-columns: 46px 1fr; padding: 16px; }
  .challenge-steam-icon { width: 46px; height: 46px; }
  .challenge-steam-proof p { font-size: 14px; }
  .challenge-steam-proof p strong { font-size: 24px; }
  .challenge-orb-system {
    min-height: 980px;
    margin-top: 10px;
  }
  .challenge-orbit-wires { top: 0; height: 560px; }
  .challenge-crystal-wrap { top: 7%; width: 155px; height: 230px; }
  .challenge-core-halo { top: 25%; }
  .challenge-energy-arc { top: 25%; }
  .challenge-energy-column { top: 27%; }
  .challenge-lava-rock { top: 33%; width: 320px; height: 160px; }
  .challenge-orbit-chip {
    left: 0 !important;
    right: auto !important;
    width: calc(50% - 7px);
    min-height: 72px;
    transform: none !important;
    animation: none;
  }
  .challenge-chip-gameplay { top: 510px; }
  .challenge-chip-ui { left: calc(50% + 7px) !important; top: 510px; }
  .challenge-chip-tools { top: 592px; }
  .challenge-chip-network { left: calc(50% + 7px) !important; top: 592px; }
  .challenge-chip-save { top: 674px; }
  .challenge-chip-testing { left: calc(50% + 7px) !important; top: 674px; bottom: auto; }
  .challenge-chip-optimization { top: 756px; bottom: auto; }
  .challenge-problem-grid { grid-template-columns: 1fr; }
  .challenge-problem-card { min-height: 240px; }
  .challenge-problem-copy { width: 62%; }
  .challenge-solution-banner { align-items: flex-start; padding: 14px 18px; }
  .challenge-solution-banner p { font-size: 13px; line-height: 1.45; }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section *,
  .challenge-nexus-section *::before,
  .challenge-nexus-section *::after {
    animation: none !important;
  }
}


/* Landing page v33: viewport-fit complexity nexus, true-depth orbit, realistic crystal and cracked stone. */
.challenge-nexus-section-v33 {
  min-height: 100svh;
  padding: clamp(38px, 4.2vh, 58px) 0 clamp(22px, 2.8vh, 36px);
}

.challenge-nexus-section-v33 .challenge-nexus-shell {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  gap: clamp(12px, 1.5vh, 18px);
  min-height: calc(100svh - clamp(60px, 7vh, 94px));
}

.challenge-nexus-section-v33 .challenge-nexus-hero {
  grid-template-columns: minmax(470px, .92fr) minmax(640px, 1.28fr);
  gap: clamp(26px, 3.2vw, 58px);
  min-height: 0;
  align-items: center;
}

.challenge-nexus-section-v33 .challenge-nexus-copy {
  align-self: center;
  max-width: 620px;
  padding: 0;
}

.challenge-nexus-section-v33 .challenge-nexus-eyebrow {
  display: flex;
  min-height: 0;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #b99cff;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.challenge-nexus-section-v33 .challenge-nexus-eyebrow::before {
  display: none;
}

.challenge-nexus-section-v33 .challenge-nexus-copy h2 {
  max-width: 620px;
  margin: 0 0 18px;
  font-size: clamp(42px, 5vw, 70px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.challenge-nexus-section-v33 .challenge-nexus-copy h2 strong {
  color: transparent;
  background: linear-gradient(100deg, #ffffff 0%, #cda8ff 28%, #8b43ff 72%, #f06cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 34px rgba(138, 63, 255, .16);
}

.challenge-nexus-section-v33 .challenge-nexus-intro {
  max-width: 610px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.72;
}

.challenge-nexus-section-v33 .challenge-steam-proof {
  grid-template-columns: 62px 1fr;
  gap: 17px;
  max-width: 590px;
  min-height: 94px;
  margin-top: 20px;
  padding: 14px 20px;
  border-color: rgba(207, 161, 255, .48);
  background:
    linear-gradient(118deg, rgba(255,255,255,.10), transparent 24%),
    radial-gradient(circle at 18% 30%, rgba(154, 73, 255, .20), transparent 38%),
    linear-gradient(145deg, rgba(36, 18, 66, .64), rgba(7, 4, 18, .56) 58%, rgba(25, 8, 49, .62));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset -16px -18px 34px rgba(35, 5, 72, .20),
    16px 22px 42px rgba(0,0,0,.34),
    0 0 34px rgba(146, 68, 255, .16);
  backdrop-filter: blur(18px) saturate(1.45);
}

.challenge-nexus-section-v33 .challenge-steam-icon {
  width: 58px;
  height: 58px;
  overflow: visible;
  border-radius: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 14px 22px rgba(0,0,0,.34),
    0 0 26px rgba(158, 77, 255, .32);
}

.challenge-nexus-section-v33 .challenge-steam-icon img {
  width: 72px;
  height: 72px;
  max-width: none;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 12px 10px rgba(0,0,0,.42))
    drop-shadow(0 0 12px rgba(204, 153, 255, .72));
  transform: translateZ(32px) rotate(-5deg);
}

.challenge-nexus-section-v33 .challenge-steam-proof p {
  font-size: 15px;
  line-height: 1.42;
}

.challenge-nexus-section-v33 .challenge-steam-proof p strong {
  font-size: 28px;
  text-shadow: 0 0 18px rgba(177, 91, 255, .42);
}

.challenge-nexus-section-v33 .challenge-orb-system {
  min-height: 520px;
  height: min(55vh, 570px);
  max-height: 570px;
  transform-style: preserve-3d;
}

.challenge-nexus-section-v33 .challenge-orbit-wires {
  z-index: 2;
}

.challenge-orbit-spark-c {
  fill: #f2d9ff;
}

.challenge-chip-links {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  filter: drop-shadow(0 0 8px rgba(173, 94, 255, .64));
}

.challenge-chip-links-front { z-index: 10; }
.challenge-chip-links-back {
  z-index: 4;
  opacity: .72;
  filter: drop-shadow(0 0 6px rgba(145, 76, 235, .40));
}

.challenge-chip-link {
  fill: none;
  stroke: rgba(203, 151, 255, .90);
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-dasharray: 2 9 24 14;
  opacity: 0;
  animation:
    challenge-chip-link-awaken 7.4s ease-in-out infinite,
    challenge-chip-link-flow-v33 1.9s linear infinite;
}

.challenge-chip-link-b { animation-delay: -1.05s, -.25s; }
.challenge-chip-link-c { animation-delay: -2.10s, -.52s; }
.challenge-chip-link-d { animation-delay: -3.15s, -.79s; }
.challenge-chip-link-e { animation-delay: -4.20s, -1.06s; }
.challenge-chip-link-f { animation-delay: -5.25s, -1.33s; }
.challenge-chip-link-g { animation-delay: -6.30s, -1.60s; }

.challenge-nexus-section-v33 .challenge-core-halo,
.challenge-nexus-section-v33 .challenge-energy-arc {
  top: 43%;
}

.challenge-nexus-section-v33 .challenge-crystal-wrap {
  top: 10.5%;
  z-index: 8;
  width: 176px;
  height: 272px;
  perspective: 1000px;
  filter: drop-shadow(0 28px 28px rgba(0,0,0,.48)) drop-shadow(0 0 26px rgba(160, 77, 255, .52));
  animation: challenge-crystal-float-v33 7.8s ease-in-out infinite;
}

.challenge-nexus-section-v33 .challenge-crystal-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  transform-style: preserve-3d;
}

.challenge-crystal-inner-flare {
  animation: challenge-crystal-inner-breathe-v33 4.8s ease-in-out infinite;
}

.challenge-crystal-glint {
  transform-box: fill-box;
  transform-origin: center;
  animation: challenge-crystal-glint-v33 5.8s ease-in-out infinite;
}

.challenge-crystal-inclusions {
  animation: challenge-crystal-inclusions-v33 3.8s ease-in-out infinite;
}

.challenge-nexus-section-v33 .challenge-energy-column {
  top: 42%;
  z-index: 6;
  height: 106px;
}

.challenge-nexus-section-v33 .challenge-lava-rock {
  top: 55%;
  z-index: 7;
  width: 440px;
  height: 190px;
  overflow: visible;
  border: 0;
  clip-path: none;
  background: none;
  box-shadow: none;
  filter: drop-shadow(0 32px 32px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(126, 41, 230, .26));
  animation: challenge-rock-float-v33 8.2s ease-in-out infinite;
}

.challenge-nexus-section-v33 .challenge-lava-rock::before,
.challenge-nexus-section-v33 .challenge-lava-rock::after {
  display: none;
}

.challenge-rock-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.challenge-rock-fissure {
  stroke-dasharray: 18 7 4 9;
  animation: challenge-rock-lava-flow-v33 5.4s linear infinite;
}

.challenge-rock-fissure-b { animation-delay: -1.4s; }
.challenge-rock-fissure-c { animation-delay: -2.8s; }
.challenge-rock-fissure-d { animation-delay: -4.1s; }

.challenge-rock-debris-field path:nth-child(1),
.challenge-rock-debris-field path:nth-child(3) {
  animation: challenge-rock-debris-v33 5.6s ease-in-out infinite;
}
.challenge-rock-debris-field path:nth-child(2),
.challenge-rock-debris-field path:nth-child(4) {
  animation: challenge-rock-debris-v33 6.4s ease-in-out -2.7s infinite reverse;
}

.challenge-orbital-chip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 172px;
  perspective: 920px;
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
}

.challenge-frozen-chip {
  --chip-yaw: -8deg;
  --chip-roll: -1.1deg;
  position: relative;
  display: flex;
  align-items: center;
  width: 172px;
  min-height: 70px;
  gap: 10px;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid rgba(171, 111, 250, .48);
  border-radius: 15px;
  clip-path: polygon(11px 0, calc(100% - 22px) 0, 100% 16px, 100% calc(100% - 10px), calc(100% - 11px) 100%, 0 100%, 0 11px);
  background:
    linear-gradient(118deg, rgba(255,255,255,.18), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(148,75,255,.22), transparent 34%),
    linear-gradient(145deg, rgba(35,18,67,.82), rgba(10,5,27,.72) 58%, rgba(26,8,52,.80));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.23),
    inset -14px -16px 30px rgba(25,3,55,.28),
    14px 18px 32px rgba(0,0,0,.38),
    0 0 26px rgba(132,57,255,.18);
  transform-style: preserve-3d;
  transform-origin: 50% 55%;
  backdrop-filter: blur(16px) saturate(1.42);
  animation: challenge-chip-cinematic-tilt-v33 5.8s ease-in-out infinite;
}

.challenge-frozen-chip::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  clip-path: inherit;
  background:
    linear-gradient(125deg, rgba(255,255,255,.13), transparent 28%),
    linear-gradient(90deg, transparent 62%, rgba(156,83,255,.14));
  pointer-events: none;
}

.challenge-frozen-chip > * {
  position: relative;
  z-index: 2;
}

.challenge-orbital-chip:nth-of-type(even) .challenge-frozen-chip {
  --chip-yaw: 9deg;
  --chip-roll: 1.15deg;
  animation-delay: -2.7s;
}

.challenge-orbital-chip:nth-of-type(3n) .challenge-frozen-chip {
  --chip-yaw: -5deg;
  --chip-roll: .8deg;
  animation-delay: -4.1s;
}

.challenge-frozen-chip .challenge-chip-icon {
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  overflow: visible;
  border-radius: 12px;
  transform: translateZ(22px);
}

.challenge-frozen-chip .challenge-chip-icon img {
  width: 50px;
  height: 50px;
  max-width: none;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 9px 8px rgba(0,0,0,.44))
    drop-shadow(0 0 8px rgba(190, 125, 255, .52));
}

.challenge-frozen-chip strong {
  display: block;
  color: #cfadff;
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: .02em;
}

.challenge-frozen-chip small {
  display: block;
  margin-top: 3px;
  color: #b9acc5;
  font-size: 9px;
  line-height: 1.25;
}

.challenge-orb-system.is-challenge-depth-orbit-ready .challenge-orbital-chip.is-behind-crystal .challenge-frozen-chip {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset -14px -16px 30px rgba(25,3,55,.34),
    8px 13px 28px rgba(0,0,0,.44),
    0 0 18px rgba(111,48,214,.10);
}

.challenge-nexus-section-v33 .challenge-problem-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 0;
}

.challenge-nexus-section-v33 .challenge-problem-card {
  min-height: 158px;
  padding: 20px 16px 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(166, 107, 245, .42);
  border-radius: 0;
  clip-path: polygon(14px 0, calc(100% - 24px) 0, 100% 18px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 16px 100%, 0 calc(100% - 14px), 0 13px);
  background:
    linear-gradient(120deg, rgba(255,255,255,.09), transparent 20%),
    radial-gradient(circle at 80% 12%, rgba(111, 44, 215, .20), transparent 38%),
    linear-gradient(148deg, rgba(32,18,57,.72), rgba(7,5,18,.72) 58%, rgba(23,7,44,.70));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset -17px -16px 34px rgba(40,5,86,.17),
    10px 20px 34px rgba(0,0,0,.34),
    0 0 24px rgba(106,35,214,.12);
  backdrop-filter: blur(18px) saturate(1.4);
}

.challenge-nexus-section-v33 .challenge-problem-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  clip-path: inherit;
  background:
    linear-gradient(112deg, rgba(255,255,255,.11), transparent 24%),
    linear-gradient(90deg, transparent 68%, rgba(141,66,255,.12));
  pointer-events: none;
}

.challenge-nexus-section-v33 .challenge-problem-icon {
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  overflow: visible;
  border-radius: 13px;
  transform: translateZ(32px);
}

.challenge-nexus-section-v33 .challenge-problem-icon img {
  width: 66px;
  height: 66px;
  max-width: none;
  filter:
    saturate(1.22) brightness(1.08)
    drop-shadow(0 14px 12px rgba(0,0,0,.48))
    drop-shadow(0 0 12px rgba(164,80,255,.42));
  transform: translateY(-4px) rotate(-3deg);
}

.challenge-nexus-section-v33 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
  transform: translateY(-4px) rotate(4deg);
}

.challenge-nexus-section-v33 .challenge-problem-copy {
  position: relative;
  z-index: 3;
  width: 64%;
}

.challenge-nexus-section-v33 .challenge-problem-copy h3 {
  margin: 0 0 7px;
  font-size: 17px;
  line-height: 1.14;
}

.challenge-nexus-section-v33 .challenge-problem-copy p {
  margin: 0;
  font-size: 11px;
  line-height: 1.42;
}

.challenge-nexus-section-v33 .challenge-problem-art {
  z-index: 2;
  opacity: .80;
  transform: scale(.82);
  transform-origin: right center;
}

.challenge-nexus-section-v33 .challenge-solution-banner {
  min-height: 46px;
  margin-top: 0;
  padding: 10px 22px;
  border-color: rgba(182, 118, 255, .36);
  background:
    linear-gradient(118deg, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(120deg, rgba(80,25,145,.18), rgba(10,5,23,.50));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.22), 0 0 24px rgba(126,52,228,.10);
}

.challenge-nexus-section-v33 .challenge-solution-banner p {
  font-size: 14px;
}

@keyframes challenge-chip-link-awaken {
  0%, 13%, 47%, 100% { opacity: 0; }
  18%, 34% { opacity: .78; }
  24% { opacity: 1; }
  38% { opacity: .18; }
}

@keyframes challenge-chip-link-flow-v33 {
  to { stroke-dashoffset: -49; }
}

@keyframes challenge-crystal-float-v33 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-9deg) rotateZ(-1deg); }
  50% { transform: translateX(-50%) translateY(-13px) rotateY(10deg) rotateZ(1.3deg); }
}

@keyframes challenge-crystal-inner-breathe-v33 {
  0%, 100% { opacity: .26; }
  50% { opacity: .76; }
}

@keyframes challenge-crystal-glint-v33 {
  0%, 18% { opacity: 0; transform: translate(-20px, 16px); }
  34% { opacity: .82; }
  57% { opacity: 0; transform: translate(74px, 106px); }
  100% { opacity: 0; transform: translate(74px, 106px); }
}

@keyframes challenge-crystal-inclusions-v33 {
  0%, 100% { opacity: .42; }
  50% { opacity: .90; }
}

@keyframes challenge-rock-float-v33 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateZ(-.45deg); }
  50% { transform: translateX(-50%) translateY(8px) rotateZ(.45deg); }
}

@keyframes challenge-rock-lava-flow-v33 {
  to { stroke-dashoffset: -76; }
}

@keyframes challenge-rock-debris-v33 {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: .48; }
  50% { transform: translateY(-11px) rotate(16deg); opacity: .82; }
}

@keyframes challenge-chip-cinematic-tilt-v33 {
  0%, 100% { transform: rotateY(var(--chip-yaw)) rotateX(3deg) rotateZ(var(--chip-roll)) translateY(0) translateZ(0); }
  48% { transform: rotateY(calc(var(--chip-yaw) * -.78)) rotateX(-3.4deg) rotateZ(calc(var(--chip-roll) * -.85)) translateY(-4px) translateZ(12px); }
  66% { transform: rotateY(calc(var(--chip-yaw) * -.25)) rotateX(1deg) rotateZ(0deg) translateY(-2px) translateZ(6px); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v33 {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .challenge-nexus-section-v33 .challenge-nexus-shell {
    gap: 10px;
  }
  .challenge-nexus-section-v33 .challenge-nexus-hero {
    grid-template-columns: minmax(430px, .92fr) minmax(590px, 1.28fr);
  }
  .challenge-nexus-section-v33 .challenge-nexus-copy h2 {
    font-size: clamp(42px, 4.4vw, 62px);
    margin-bottom: 14px;
  }
  .challenge-nexus-section-v33 .challenge-nexus-intro {
    font-size: 15px;
    line-height: 1.58;
  }
  .challenge-nexus-section-v33 .challenge-steam-proof {
    min-height: 82px;
    margin-top: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .challenge-nexus-section-v33 .challenge-orb-system {
    min-height: 455px;
    height: 50vh;
  }
  .challenge-nexus-section-v33 .challenge-crystal-wrap {
    width: 154px;
    height: 239px;
  }
  .challenge-nexus-section-v33 .challenge-lava-rock {
    width: 390px;
    height: 168px;
  }
  .challenge-nexus-section-v33 .challenge-problem-card {
    min-height: 142px;
    padding-top: 16px;
  }
  .challenge-nexus-section-v33 .challenge-problem-copy h3 { font-size: 15px; }
  .challenge-nexus-section-v33 .challenge-problem-copy p { font-size: 10px; }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v33 {
    min-height: auto;
  }
  .challenge-nexus-section-v33 .challenge-nexus-shell {
    min-height: auto;
  }
  .challenge-nexus-section-v33 .challenge-nexus-hero {
    grid-template-columns: minmax(340px, .82fr) minmax(530px, 1.18fr);
  }
  .challenge-nexus-section-v33 .challenge-orb-system {
    min-height: 520px;
    height: auto;
  }
}

@media (max-width: 980px) {
  .challenge-nexus-section-v33 .challenge-nexus-hero {
    grid-template-columns: 1fr;
  }
  .challenge-nexus-section-v33 .challenge-nexus-copy {
    max-width: 760px;
  }
  .challenge-nexus-section-v33 .challenge-orb-system {
    min-height: 620px;
  }
  .challenge-nexus-section-v33 .challenge-problem-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .challenge-chip-links { display: none; }
  .challenge-nexus-section-v33 .challenge-nexus-copy h2 {
    font-size: clamp(40px, 12vw, 58px);
  }
  .challenge-nexus-section-v33 .challenge-nexus-intro {
    font-size: 15px;
  }
  .challenge-nexus-section-v33 .challenge-orb-system {
    min-height: 930px;
  }
  .challenge-nexus-section-v33 .challenge-crystal-wrap {
    top: 6%;
    width: 150px;
    height: 232px;
  }
  .challenge-nexus-section-v33 .challenge-lava-rock {
    top: 31%;
    width: 330px;
    height: 150px;
  }
  .challenge-orbital-chip {
    left: 0 !important;
    right: auto !important;
    width: calc(50% - 7px);
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
  .challenge-frozen-chip {
    width: 100%;
    min-height: 72px;
    animation: none;
  }
  .challenge-orbital-chip-a { top: 480px !important; }
  .challenge-orbital-chip-b { left: calc(50% + 7px) !important; top: 480px !important; }
  .challenge-orbital-chip-c { top: 560px !important; }
  .challenge-orbital-chip-d { left: calc(50% + 7px) !important; top: 560px !important; }
  .challenge-orbital-chip-e { top: 640px !important; }
  .challenge-orbital-chip-f { left: calc(50% + 7px) !important; top: 640px !important; }
  .challenge-orbital-chip-g { top: 720px !important; }
  .challenge-nexus-section-v33 .challenge-problem-grid {
    grid-template-columns: 1fr;
  }
  .challenge-nexus-section-v33 .challenge-problem-card {
    min-height: 170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-chip-link,
  .challenge-crystal-inner-flare,
  .challenge-crystal-glint,
  .challenge-crystal-inclusions,
  .challenge-rock-fissure,
  .challenge-rock-debris-field path,
  .challenge-frozen-chip {
    animation: none !important;
  }
  .challenge-chip-links-back { display: none; }
}

/* Landing page v33.1: final desktop viewport fit and three-line reality headline. */
@media (min-width: 1181px) {
  .challenge-nexus-section-v33 {
    box-sizing: border-box;
    height: calc(100svh - 50px);
    min-height: 820px;
  }

  .challenge-nexus-section-v33 .challenge-nexus-shell {
    height: 100%;
    min-height: 0;
  }

  .challenge-nexus-section-v33 .challenge-nexus-hero {
    grid-template-columns: minmax(620px, 1fr) minmax(660px, 1.1fr);
    gap: clamp(18px, 2vw, 34px);
  }

  .challenge-nexus-section-v33 .challenge-nexus-copy,
  .challenge-nexus-section-v33 .challenge-nexus-copy h2 {
    max-width: 730px;
  }

  .challenge-nexus-section-v33 .challenge-nexus-copy h2 {
    font-size: clamp(54px, 3.35vw, 64px);
  }

  .challenge-nexus-section-v33 .challenge-orb-system {
    height: min(52vh, 540px);
    max-height: 540px;
  }

  .challenge-nexus-section-v33 .challenge-problem-card {
    min-height: 150px;
  }
}

@media (min-width: 1181px) {
  .challenge-nexus-section-v33 .challenge-nexus-copy h2 {
    font-size: clamp(52px, 3.1vw, 60px);
  }
}

/* Landing page v34: photoreal refractive crystal and volcanic stone platform. */
.challenge-nexus-section-v33 .challenge-crystal-wrap-v34 {
  top: 8.8%;
  width: 196px;
  height: 304px;
  filter:
    drop-shadow(0 34px 32px rgba(0, 0, 0, .58))
    drop-shadow(0 0 18px rgba(196, 118, 255, .50))
    drop-shadow(0 0 46px rgba(118, 35, 224, .28));
  animation: challenge-crystal-float-v34 8.6s ease-in-out infinite;
}

.challenge-crystal-render-v34 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: visible;
  transform-origin: 50% 54%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform, filter;
  animation: challenge-crystal-optical-turn-v34 12.8s ease-in-out infinite;
}

.challenge-nexus-section-v33 .challenge-lava-rock-v34 {
  top: 53.2%;
  width: 500px;
  height: 250px;
  filter:
    drop-shadow(0 35px 34px rgba(0, 0, 0, .72))
    drop-shadow(0 0 18px rgba(113, 30, 198, .25));
  animation: challenge-rock-float-v34 9.4s ease-in-out infinite;
}

.challenge-rock-render-v34 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: visible;
  transform-origin: 50% 58%;
  will-change: transform, filter;
  animation: challenge-rock-breathe-v34 6.8s ease-in-out infinite;
}

@keyframes challenge-crystal-float-v34 {
  0%, 100% { transform: translateX(-50%) translateY(1px) rotateZ(-.4deg); }
  50% { transform: translateX(-50%) translateY(-12px) rotateZ(.45deg); }
}

@keyframes challenge-crystal-optical-turn-v34 {
  0%, 100% { transform: perspective(900px) rotateY(-5deg) rotateX(1deg) scale(1); filter: brightness(.98) saturate(1.06); }
  36% { transform: perspective(900px) rotateY(4deg) rotateX(-1.2deg) scale(1.018); filter: brightness(1.08) saturate(1.13); }
  67% { transform: perspective(900px) rotateY(1deg) rotateX(.5deg) scale(1.006); filter: brightness(1.01) saturate(1.08); }
}

@keyframes challenge-rock-float-v34 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateZ(-.18deg); }
  50% { transform: translateX(-50%) translateY(7px) rotateZ(.18deg); }
}

@keyframes challenge-rock-breathe-v34 {
  0%, 100% { transform: scale(1); filter: brightness(.93) contrast(1.06); }
  50% { transform: scale(1.008); filter: brightness(1.03) contrast(1.09); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v33 .challenge-crystal-wrap-v34 {
    width: 178px;
    height: 276px;
    top: 8.5%;
  }

  .challenge-nexus-section-v33 .challenge-lava-rock-v34 {
    width: 456px;
    height: 228px;
    top: 53.5%;
  }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v33 .challenge-crystal-wrap-v34 {
    width: 174px;
    height: 270px;
  }

  .challenge-nexus-section-v33 .challenge-lava-rock-v34 {
    width: 440px;
    height: 220px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v33 .challenge-crystal-wrap-v34 {
    width: 142px;
    height: 220px;
    top: 9.5%;
  }

  .challenge-nexus-section-v33 .challenge-lava-rock-v34 {
    width: 340px;
    height: 170px;
    top: 54.5%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-crystal-render-v34,
  .challenge-rock-render-v34 {
    animation: none !important;
  }
}

/* Landing page v35: refined complexity proof, modern production-risk cards, and premium refractive crystal. */
.challenge-nexus-section-v35 .challenge-steam-proof {
  position: relative;
  isolation: isolate;
  grid-template-columns: 76px 1fr;
  gap: 18px;
  max-width: 610px;
  min-height: 102px;
  margin-top: 20px;
  padding: 14px 22px 14px 16px;
  overflow: visible;
  border: 1px solid rgba(204, 155, 255, .44);
  border-radius: 22px 7px 22px 7px;
  background:
    linear-gradient(116deg, rgba(255,255,255,.12), transparent 22%),
    radial-gradient(circle at 11% 40%, rgba(186, 92, 255, .24), transparent 29%),
    linear-gradient(135deg, rgba(41, 19, 72, .72), rgba(10, 5, 23, .62) 52%, rgba(31, 9, 57, .58));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(148, 77, 235, .18),
    0 22px 46px rgba(0,0,0,.33),
    0 0 42px rgba(137, 56, 238, .13);
  backdrop-filter: blur(24px) saturate(1.55);
}

.challenge-nexus-section-v35 .challenge-steam-proof::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255,255,255,.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 36%);
  pointer-events: none;
}

.challenge-nexus-section-v35 .challenge-steam-proof::after {
  top: -42%;
  bottom: -42%;
  left: -28%;
  width: 26%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  filter: blur(1px);
  animation-duration: 8.8s;
}

.challenge-nexus-section-v35 .challenge-steam-icon {
  width: 66px;
  height: 66px;
  margin-left: -2px;
  overflow: visible;
  border-radius: 19px 7px 19px 7px;
  border-color: rgba(221, 184, 255, .58);
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), transparent 37%),
    linear-gradient(145deg, rgba(128, 49, 221, .42), rgba(35, 10, 72, .30));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -10px 24px rgba(56, 10, 105, .22),
    0 18px 24px rgba(0,0,0,.38),
    0 0 30px rgba(172, 84, 255, .34);
  transform: translateZ(42px) rotate(-3deg);
}

.challenge-nexus-section-v35 .challenge-steam-icon::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 14px 5px 14px 5px;
  border-top: 1px solid rgba(255,255,255,.28);
  opacity: .82;
}

.challenge-nexus-section-v35 .challenge-steam-icon img {
  width: 84px;
  height: 84px;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 16px 12px rgba(0,0,0,.50))
    drop-shadow(0 0 13px rgba(255,255,255,.44))
    drop-shadow(0 0 24px rgba(183, 96, 255, .62));
  transform: translate(-1px, -2px) rotate(-6deg);
}

.challenge-nexus-section-v35 .challenge-steam-proof p {
  max-width: 470px;
  color: #ddd3e6;
  font-size: 15px;
  line-height: 1.42;
}

.challenge-nexus-section-v35 .challenge-steam-proof p strong {
  display: inline-block;
  margin-right: 7px;
  color: transparent;
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -.035em;
  background: linear-gradient(115deg, #f6eaff 5%, #c88cff 42%, #8b41ff 72%, #f16cde 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 26px rgba(168, 73, 255, .24);
}

.challenge-nexus-section-v35 .challenge-steam-proof small {
  margin-top: 5px;
  color: #9789a6;
  letter-spacing: .015em;
}

.challenge-nexus-section-v35 .challenge-crystal-wrap-v35 {
  top: 6.8%;
  width: 224px;
  height: 328px;
  filter:
    drop-shadow(0 38px 35px rgba(0,0,0,.58))
    drop-shadow(0 0 20px rgba(255, 121, 241, .52))
    drop-shadow(0 0 54px rgba(151, 52, 255, .34));
  animation: challenge-crystal-float-v35 8.8s ease-in-out infinite;
}

.challenge-nexus-section-v35 .challenge-crystal-wrap-v35::before {
  content: "";
  position: absolute;
  inset: 8% -26% 0;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 137, 239, .30), rgba(151, 61, 255, .13) 34%, transparent 68%);
  filter: blur(18px);
  transform: scale(.92, 1.05);
  animation: challenge-crystal-aura-v35 4.6s ease-in-out infinite;
}

.challenge-nexus-section-v35 .challenge-crystal-wrap-v35::after {
  content: "";
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 20%;
  width: 24%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
  filter: blur(6px);
  mix-blend-mode: screen;
  opacity: 0;
  transform: skewX(-12deg);
  animation: challenge-crystal-sheen-v35 5.6s ease-in-out infinite;
}

.challenge-crystal-render-v35 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 51%;
  backface-visibility: hidden;
  will-change: transform, filter;
  filter:
    contrast(1.07)
    saturate(1.08)
    brightness(1.02)
    drop-shadow(0 0 1px rgba(255,255,255,.72));
  animation: challenge-crystal-optical-turn-v35 13.8s ease-in-out infinite;
}

.challenge-nexus-section-v35 .challenge-energy-column {
  top: 41%;
  width: 14px;
  height: 122px;
  opacity: .72;
  background: linear-gradient(180deg, rgba(255,241,255,.94), rgba(224,111,255,.70) 28%, rgba(139,51,241,.18) 72%, transparent);
  filter: blur(5px) drop-shadow(0 0 18px rgba(222, 103, 255, .86));
}

.challenge-nexus-section-v35 .challenge-lava-rock-v34 {
  filter:
    drop-shadow(0 38px 36px rgba(0,0,0,.76))
    drop-shadow(0 0 20px rgba(128, 38, 220, .28))
    saturate(.96) contrast(1.08);
}

.challenge-nexus-section-v35 .challenge-problem-grid {
  gap: 15px;
}

.challenge-nexus-section-v35 .challenge-problem-card {
  --problem-accent: 166, 92, 255;
  position: relative;
  isolation: isolate;
  min-height: 168px;
  padding: 19px 17px 16px 18px;
  overflow: visible;
  border: 1px solid rgba(var(--problem-accent), .42);
  clip-path: polygon(16px 0, calc(100% - 30px) 0, 100% 20px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 18px 100%, 0 calc(100% - 16px), 0 15px);
  background:
    linear-gradient(118deg, rgba(255,255,255,.13), transparent 20%),
    radial-gradient(circle at 82% 24%, rgba(var(--problem-accent), .22), transparent 34%),
    linear-gradient(146deg, rgba(39, 19, 69, .72), rgba(8, 5, 18, .70) 55%, rgba(25, 7, 47, .66));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(var(--problem-accent), .20),
    0 18px 36px rgba(0,0,0,.34),
    0 0 28px rgba(var(--problem-accent), .10);
  backdrop-filter: blur(22px) saturate(1.48);
  transition: transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.challenge-nexus-section-v35 .challenge-problem-card:nth-child(2) { --problem-accent: 139, 99, 255; }
.challenge-nexus-section-v35 .challenge-problem-card:nth-child(3) { --problem-accent: 194, 119, 255; }
.challenge-nexus-section-v35 .challenge-problem-card:nth-child(4) { --problem-accent: 244, 73, 186; }

.challenge-nexus-section-v35 .challenge-problem-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  clip-path: inherit;
  background:
    linear-gradient(100deg, rgba(255,255,255,.11), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 34%),
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(var(--problem-accent), .025) 39px 40px);
  pointer-events: none;
}

.challenge-nexus-section-v35 .challenge-problem-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 30px;
  height: 1px;
  z-index: 4;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58) 22%, rgba(var(--problem-accent), .82) 60%, transparent);
  box-shadow: 0 0 10px rgba(var(--problem-accent), .42);
  opacity: .86;
}

.challenge-nexus-section-v35 .challenge-problem-card:hover {
  transform: translateY(-5px) perspective(900px) rotateX(1.4deg);
  border-color: rgba(var(--problem-accent), .68);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 24px 46px rgba(0,0,0,.40),
    0 0 38px rgba(var(--problem-accent), .18);
}

.challenge-nexus-section-v35 .challenge-problem-icon {
  position: relative;
  z-index: 6;
  width: 56px;
  height: 56px;
  margin: -1px 0 10px 1px;
  overflow: visible;
  border-radius: 17px 6px 17px 6px;
  border-color: rgba(218, 177, 255, .52);
  background:
    linear-gradient(145deg, rgba(255,255,255,.17), transparent 36%),
    linear-gradient(145deg, rgba(var(--problem-accent), .35), rgba(31, 9, 65, .25));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 16px 22px rgba(0,0,0,.38),
    0 0 26px rgba(var(--problem-accent), .28);
  transform: translateZ(40px);
}

.challenge-nexus-section-v35 .challenge-problem-icon img {
  width: 78px;
  height: 78px;
  max-width: none;
  filter:
    saturate(1.14)
    brightness(1.08)
    drop-shadow(0 17px 12px rgba(0,0,0,.48))
    drop-shadow(0 0 13px rgba(var(--problem-accent), .54));
  transform: translate(-1px, -6px) rotate(-4deg);
  transition: transform .34s ease, filter .34s ease;
}

.challenge-nexus-section-v35 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
  transform: translate(-1px, -6px) rotate(4deg);
}

.challenge-nexus-section-v35 .challenge-problem-card:hover .challenge-problem-icon img {
  transform: translate(-1px, -10px) rotate(-1deg) scale(1.06);
  filter:
    saturate(1.20)
    brightness(1.12)
    drop-shadow(0 20px 14px rgba(0,0,0,.52))
    drop-shadow(0 0 18px rgba(var(--problem-accent), .72));
}

.challenge-nexus-section-v35 .challenge-problem-copy {
  position: relative;
  z-index: 5;
  width: 67%;
}

.challenge-nexus-section-v35 .challenge-problem-copy h3 {
  margin: 0 0 7px;
  color: #f5effa;
  font-size: 18px;
  line-height: 1.08;
  letter-spacing: -.025em;
  text-shadow: 0 8px 20px rgba(0,0,0,.34);
}

.challenge-nexus-section-v35 .challenge-problem-copy p {
  max-width: 240px;
  color: #afa4b8;
  font-size: 11.2px;
  line-height: 1.43;
}

.challenge-nexus-section-v35 .challenge-problem-art {
  right: -2px;
  top: 12px;
  width: 46%;
  height: 150px;
  opacity: .84;
  transform: scale(.88);
  transform-origin: 78% 50%;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.32));
  mask-image: linear-gradient(90deg, transparent 0, black 23%, black 88%, transparent 100%);
}

.challenge-nexus-section-v35 .knowledge-art span {
  border-color: rgba(210, 166, 255, .50);
  background: linear-gradient(135deg, rgba(169, 89, 255, .48), rgba(23, 8, 49, .60));
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 0 20px rgba(147, 68, 255, .28);
}

.challenge-nexus-section-v35 .dep-node {
  border-color: rgba(230, 204, 255, .68);
  background: linear-gradient(135deg, rgba(202, 143, 255, .84), rgba(86, 31, 174, .34));
  box-shadow: inset 0 1px rgba(255,255,255,.26), 0 0 18px rgba(161, 79, 255, .52);
}

.challenge-nexus-section-v35 .progress-art {
  right: -1px;
  top: 4px;
  width: 43%;
  height: 158px;
  transform: scale(.76);
  filter: drop-shadow(0 20px 24px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(184, 92, 255, .42));
}

.challenge-nexus-section-v35 .progress-art::before,
.challenge-nexus-section-v35 .progress-art::after {
  border-color: rgba(237, 216, 255, .65);
  background:
    linear-gradient(115deg, rgba(255,255,255,.18), rgba(112, 45, 182, .07)),
    rgba(65, 22, 105, .10);
  box-shadow:
    inset 12px 0 17px rgba(255,255,255,.08),
    inset -12px 0 20px rgba(63, 13, 122, .18),
    0 0 15px rgba(188, 103, 255, .18);
}

.challenge-nexus-section-v35 .problem-hourglass-top,
.challenge-nexus-section-v35 .problem-hourglass-bottom {
  background: linear-gradient(180deg, #f0d3ff, #b95eff 64%, #7c30dc);
  box-shadow: 0 0 20px rgba(199, 104, 255, .62);
}

.challenge-nexus-section-v35 .production-art {
  right: -1px;
  top: 8px;
  height: 155px;
  transform: scale(.82);
  background: radial-gradient(circle at 58% 48%, rgba(239, 62, 178, .27), transparent 48%);
}

.challenge-nexus-section-v35 .production-warning {
  background: linear-gradient(180deg, rgba(255, 126, 214, .50), rgba(122, 20, 94, .26));
  filter: drop-shadow(0 0 16px rgba(255, 73, 189, .68));
}

.challenge-nexus-section-v35 .challenge-solution-banner {
  border-radius: 16px 5px 16px 5px;
  border-color: rgba(201, 149, 255, .42);
  background:
    linear-gradient(116deg, rgba(255,255,255,.10), transparent 25%),
    linear-gradient(120deg, rgba(72,25,128,.26), rgba(8,4,18,.58));
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    0 18px 36px rgba(0,0,0,.28),
    0 0 26px rgba(151, 66, 255, .12);
}

@keyframes challenge-crystal-float-v35 {
  0%, 100% { transform: translateX(-50%) translateY(1px) rotateZ(-.5deg); }
  50% { transform: translateX(-50%) translateY(-15px) rotateZ(.55deg); }
}

@keyframes challenge-crystal-optical-turn-v35 {
  0%, 100% { transform: perspective(1000px) rotateY(-5deg) rotateX(.6deg) scale(1); filter: contrast(1.07) saturate(1.08) brightness(1.01); }
  32% { transform: perspective(1000px) rotateY(4.5deg) rotateX(-1.1deg) scale(1.025); filter: contrast(1.10) saturate(1.14) brightness(1.09); }
  66% { transform: perspective(1000px) rotateY(1deg) rotateX(.5deg) scale(1.008); filter: contrast(1.08) saturate(1.10) brightness(1.04); }
}

@keyframes challenge-crystal-aura-v35 {
  0%, 100% { opacity: .62; transform: scale(.90, 1.02); }
  50% { opacity: 1; transform: scale(1.06, 1.10); }
}

@keyframes challenge-crystal-sheen-v35 {
  0%, 16% { left: 12%; opacity: 0; }
  28% { opacity: .88; }
  48% { left: 70%; opacity: 0; }
  100% { left: 70%; opacity: 0; }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35 {
    top: 6.5%;
    width: 202px;
    height: 296px;
  }

  .challenge-nexus-section-v35 .challenge-problem-card {
    min-height: 158px;
  }

  .challenge-nexus-section-v35 .challenge-problem-icon {
    width: 52px;
    height: 52px;
  }

  .challenge-nexus-section-v35 .challenge-problem-icon img {
    width: 73px;
    height: 73px;
  }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35 {
    width: 196px;
    height: 288px;
  }

  .challenge-nexus-section-v35 .challenge-problem-copy {
    width: 70%;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v35 .challenge-steam-proof {
    grid-template-columns: 64px 1fr;
    border-radius: 18px 6px 18px 6px;
  }

  .challenge-nexus-section-v35 .challenge-steam-icon {
    width: 58px;
    height: 58px;
  }

  .challenge-nexus-section-v35 .challenge-steam-icon img {
    width: 72px;
    height: 72px;
  }

  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35 {
    width: 158px;
    height: 232px;
    top: 7.5%;
  }

  .challenge-nexus-section-v35 .challenge-problem-card {
    overflow: hidden;
  }

  .challenge-nexus-section-v35 .challenge-problem-icon img {
    width: 70px;
    height: 70px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-crystal-render-v35,
  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35,
  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35::before,
  .challenge-nexus-section-v35 .challenge-crystal-wrap-v35::after {
    animation: none !important;
  }
}

/* Landing page v36: clean refractive crystal, realistic stone platform, corrected icon containment, and centered breakout problem owners. */
.challenge-nexus-section-v36 .challenge-crystal-wrap-v36 {
  top: 6.5%;
  width: 214px;
  height: 318px;
  filter:
    drop-shadow(0 30px 28px rgba(0, 0, 0, .52))
    drop-shadow(0 0 22px rgba(181, 77, 255, .42));
  animation: challenge-crystal-float-v36 7.8s ease-in-out infinite;
}

.challenge-nexus-section-v36 .challenge-crystal-wrap-v36::before,
.challenge-nexus-section-v36 .challenge-crystal-wrap-v36::after {
  display: none !important;
}

.challenge-nexus-section-v36 .challenge-crystal-render-v36 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 54%;
  filter: contrast(1.03) saturate(.98) brightness(.98);
  animation: challenge-crystal-optical-turn-v36 8.8s ease-in-out infinite;
}

.challenge-nexus-section-v36 .challenge-energy-column {
  top: 40.5%;
  width: 10px;
  height: 96px;
  opacity: .58;
  filter: blur(4px) drop-shadow(0 0 14px rgba(221, 113, 255, .72));
}

.challenge-nexus-section-v36 .challenge-lava-rock-v36 {
  top: 52.5%;
  width: 482px;
  height: 242px;
  filter:
    drop-shadow(0 38px 34px rgba(0, 0, 0, .72))
    drop-shadow(0 0 20px rgba(126, 44, 220, .24));
  animation: challenge-rock-float-v36 8.4s ease-in-out infinite;
}

.challenge-nexus-section-v36 .challenge-rock-render-v36 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: contrast(1.08) saturate(.88) brightness(.92);
}

.challenge-nexus-section-v36 .challenge-frozen-chip .challenge-chip-icon {
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  padding: 5px;
  overflow: hidden;
  border-radius: 13px;
}

.challenge-nexus-section-v36 .challenge-frozen-chip .challenge-chip-icon img {
  display: block;
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  transform: none;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 6px 6px rgba(0, 0, 0, .38))
    drop-shadow(0 0 7px rgba(190, 125, 255, .46));
}

.challenge-nexus-section-v36 .challenge-steam-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  overflow: hidden;
}

.challenge-nexus-section-v36 .challenge-steam-icon img {
  display: block;
  width: 46px;
  height: 46px;
  max-width: 46px;
  max-height: 46px;
  object-fit: contain;
  transform: none;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 9px 8px rgba(0, 0, 0, .42))
    drop-shadow(0 0 10px rgba(210, 170, 255, .64));
}

.challenge-nexus-section-v36 .challenge-problem-card {
  min-height: 178px;
  padding: 55px 18px 16px;
  overflow: visible;
}

.challenge-nexus-section-v36 .challenge-problem-icon {
  position: absolute;
  top: -24px;
  left: 50%;
  z-index: 8;
  width: 66px;
  height: 66px;
  margin: 0;
  overflow: visible;
  transform: translateX(-50%) translateZ(54px);
  border-radius: 20px 8px 20px 8px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .30),
    0 20px 24px rgba(0, 0, 0, .48),
    0 0 30px rgba(var(--problem-accent), .34);
}

.challenge-nexus-section-v36 .challenge-problem-icon img,
.challenge-nexus-section-v36 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 94px;
  height: 94px;
  max-width: none;
  transform: translate(-50%, -59%) rotate(0deg);
  filter:
    saturate(1.18)
    brightness(1.10)
    drop-shadow(0 18px 14px rgba(0, 0, 0, .52))
    drop-shadow(0 0 16px rgba(var(--problem-accent), .62));
}

.challenge-nexus-section-v36 .challenge-problem-card:hover .challenge-problem-icon img {
  transform: translate(-50%, -64%) scale(1.06);
}

.challenge-nexus-section-v36 .challenge-problem-copy {
  width: 66%;
}

.challenge-nexus-section-v36 .challenge-problem-art {
  top: 43px;
  height: 130px;
}

@keyframes challenge-crystal-float-v36 {
  0%, 100% { transform: translateX(-50%) translateY(2px) rotateZ(-.35deg); }
  50% { transform: translateX(-50%) translateY(-11px) rotateZ(.35deg); }
}

@keyframes challenge-crystal-optical-turn-v36 {
  0%, 100% { transform: perspective(1100px) rotateY(-3deg) rotateX(.3deg) scale(1); }
  50% { transform: perspective(1100px) rotateY(3deg) rotateX(-.35deg) scale(1.012); }
}

@keyframes challenge-rock-float-v36 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateZ(-.18deg); }
  50% { transform: translateX(-50%) translateY(-6px) rotateZ(.18deg); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v36 .challenge-crystal-wrap-v36 {
    top: 6%;
    width: 198px;
    height: 292px;
  }

  .challenge-nexus-section-v36 .challenge-lava-rock-v36 {
    top: 53%;
    width: 452px;
    height: 224px;
  }

  .challenge-nexus-section-v36 .challenge-problem-card {
    min-height: 168px;
    padding-top: 50px;
  }

  .challenge-nexus-section-v36 .challenge-problem-icon {
    top: -22px;
    width: 62px;
    height: 62px;
  }

  .challenge-nexus-section-v36 .challenge-problem-icon img,
  .challenge-nexus-section-v36 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
    width: 88px;
    height: 88px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v36 .challenge-crystal-wrap-v36 {
    width: 166px;
    height: 246px;
  }

  .challenge-nexus-section-v36 .challenge-lava-rock-v36 {
    width: 340px;
    height: 170px;
  }

  .challenge-nexus-section-v36 .challenge-problem-card {
    padding-top: 52px;
  }

  .challenge-nexus-section-v36 .challenge-problem-icon {
    top: -20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section-v36 .challenge-crystal-wrap-v36,
  .challenge-nexus-section-v36 .challenge-crystal-render-v36,
  .challenge-nexus-section-v36 .challenge-lava-rock-v36 {
    animation: none !important;
  }
}


/* Landing page v37: restore the approved v35 production-risk cards, enlarge only their owner icons, restore the deeper volcanic platform, and replace the symbolic progress glass with a realistic animated hourglass. */
.challenge-nexus-section-v37 .challenge-lava-rock-v37 {
  top: 53.2%;
  width: 500px;
  height: 250px;
  filter:
    drop-shadow(0 38px 36px rgba(0,0,0,.76))
    drop-shadow(0 0 20px rgba(128,38,220,.28))
    saturate(.96) contrast(1.08);
  animation: challenge-rock-float-v34 9.4s ease-in-out infinite;
}

.challenge-nexus-section-v37 .challenge-rock-render-v37 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: visible;
  transform-origin: 50% 58%;
  will-change: transform, filter;
  animation: challenge-rock-breathe-v34 6.8s ease-in-out infinite;
}

/* Return the lower four cards to the approved v35 composition. */
.challenge-nexus-section-v37 .challenge-problem-card {
  min-height: 168px;
  padding: 19px 17px 16px 18px;
  overflow: visible;
}

.challenge-nexus-section-v37 .challenge-problem-icon {
  position: relative;
  top: auto;
  left: auto;
  z-index: 6;
  width: 56px;
  height: 56px;
  margin: -1px 0 10px 1px;
  overflow: visible;
  transform: translateZ(40px);
  border-radius: 17px 6px 17px 6px;
}

.challenge-nexus-section-v37 .challenge-problem-icon img,
.challenge-nexus-section-v37 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
  position: static;
  width: 90px;
  height: 90px;
  max-width: none;
  transform: translate(-3px, -10px) rotate(-3deg);
  filter:
    saturate(1.16)
    brightness(1.09)
    drop-shadow(0 18px 13px rgba(0,0,0,.50))
    drop-shadow(0 0 15px rgba(var(--problem-accent),.60));
}

.challenge-nexus-section-v37 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
  transform: translate(-3px, -10px) rotate(3deg);
}

.challenge-nexus-section-v37 .challenge-problem-card:hover .challenge-problem-icon img,
.challenge-nexus-section-v37 .challenge-problem-card:nth-child(even):hover .challenge-problem-icon img {
  transform: translate(-3px, -14px) rotate(0deg) scale(1.05);
}

.challenge-nexus-section-v37 .challenge-problem-copy {
  width: 67%;
}

.challenge-nexus-section-v37 .challenge-problem-art {
  right: -2px;
  top: 12px;
  width: 46%;
  height: 150px;
  opacity: .84;
  transform: scale(.88);
  transform-origin: 78% 50%;
}

.challenge-nexus-section-v37 .progress-art-v37 {
  right: -4px;
  top: 1px;
  width: 45%;
  height: 164px;
  opacity: 1;
  transform: scale(.90);
  overflow: visible;
  mask-image: linear-gradient(90deg, transparent 0, black 18%, black 94%, transparent 100%);
  filter:
    drop-shadow(0 20px 24px rgba(0,0,0,.58))
    drop-shadow(0 0 20px rgba(184,92,255,.34));
}

.challenge-nexus-section-v37 .progress-art-v37::before,
.challenge-nexus-section-v37 .progress-art-v37::after,
.challenge-nexus-section-v37 .progress-art-v37 .problem-hourglass-top,
.challenge-nexus-section-v37 .progress-art-v37 .problem-hourglass-neck,
.challenge-nexus-section-v37 .progress-art-v37 .problem-hourglass-bottom,
.challenge-nexus-section-v37 .progress-art-v37 .problem-hourglass-frame {
  display: none !important;
}

.challenge-nexus-section-v37 .problem-hourglass-realistic-v37 {
  position: absolute;
  inset: -8px -5px -6px auto;
  width: 126px;
  height: 168px;
  object-fit: contain;
  filter:
    contrast(1.06)
    saturate(1.05)
    drop-shadow(0 18px 18px rgba(0,0,0,.64))
    drop-shadow(0 0 14px rgba(190,103,255,.42));
  transform-origin: 50% 52%;
  animation: challenge-hourglass-breathe-v37 5.8s ease-in-out infinite;
}

@keyframes challenge-hourglass-breathe-v37 {
  0%,100% { transform: translateY(1px) rotate(-.45deg) scale(.99); filter: contrast(1.06) saturate(1.05) drop-shadow(0 18px 18px rgba(0,0,0,.64)) drop-shadow(0 0 14px rgba(190,103,255,.38)); }
  50% { transform: translateY(-4px) rotate(.45deg) scale(1.015); filter: contrast(1.09) saturate(1.10) drop-shadow(0 22px 20px rgba(0,0,0,.68)) drop-shadow(0 0 20px rgba(207,126,255,.56)); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v37 .challenge-lava-rock-v37 {
    width: 456px;
    height: 228px;
    top: 53.5%;
  }

  .challenge-nexus-section-v37 .challenge-problem-card {
    min-height: 158px;
    padding: 17px 15px 14px 16px;
  }

  .challenge-nexus-section-v37 .challenge-problem-icon {
    width: 52px;
    height: 52px;
  }

  .challenge-nexus-section-v37 .challenge-problem-icon img,
  .challenge-nexus-section-v37 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
    width: 84px;
    height: 84px;
  }

  .challenge-nexus-section-v37 .problem-hourglass-realistic-v37 {
    width: 116px;
    height: 154px;
  }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v37 .challenge-lava-rock-v37 {
    width: 440px;
    height: 220px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v37 .challenge-lava-rock-v37 {
    width: 340px;
    height: 170px;
    top: 54.5%;
  }

  .challenge-nexus-section-v37 .challenge-problem-card {
    padding: 18px 16px 15px;
    overflow: hidden;
  }

  .challenge-nexus-section-v37 .challenge-problem-icon img,
  .challenge-nexus-section-v37 .challenge-problem-card:nth-child(even) .challenge-problem-icon img {
    width: 82px;
    height: 82px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section-v37 .challenge-lava-rock-v37,
  .challenge-nexus-section-v37 .challenge-rock-render-v37,
  .challenge-nexus-section-v37 .problem-hourglass-realistic-v37 {
    animation: none !important;
  }
}

/* Landing page v38: replace only the weak live crystal owner and feather the approved realistic Progress hourglass into its glass card. */
.challenge-nexus-section-v38 .challenge-crystal-wrap-v38 {
  top: 5.2%;
  width: 232px;
  height: 354px;
  filter:
    drop-shadow(0 32px 30px rgba(0,0,0,.56))
    drop-shadow(0 0 18px rgba(255,105,225,.46))
    drop-shadow(0 0 48px rgba(151,54,255,.30));
  animation: challenge-crystal-float-v38 8.6s ease-in-out infinite;
}

.challenge-nexus-section-v38 .challenge-crystal-wrap-v38::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 9% -20% 2%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 48%, rgba(255,127,227,.23), rgba(153,63,255,.11) 40%, transparent 70%);
  filter: blur(18px);
  opacity: .92;
  animation: challenge-crystal-aura-v38 4.8s ease-in-out infinite;
}

.challenge-nexus-section-v38 .challenge-crystal-wrap-v38::after {
  display: none !important;
}

.challenge-nexus-section-v38 .challenge-crystal-render-v38 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 54%;
  backface-visibility: hidden;
  will-change: transform, filter;
  filter:
    contrast(1.04)
    saturate(1.04)
    brightness(1.03)
    drop-shadow(0 0 1px rgba(255,255,255,.78));
  animation: challenge-crystal-optical-turn-v38 12.6s ease-in-out infinite;
}

.challenge-nexus-section-v38 .progress-art-v38 {
  right: -3px;
  top: 2px;
  width: 47%;
  height: 164px;
  opacity: 1;
  overflow: visible;
  transform: scale(.92);
  transform-origin: 78% 50%;
  background: radial-gradient(ellipse at 66% 48%, rgba(105,36,169,.18), rgba(29,8,54,.08) 45%, transparent 76%);
  -webkit-mask-image: radial-gradient(ellipse 82% 84% at 64% 48%, #000 56%, rgba(0,0,0,.82) 74%, transparent 100%);
  mask-image: radial-gradient(ellipse 82% 84% at 64% 48%, #000 56%, rgba(0,0,0,.82) 74%, transparent 100%);
  filter:
    drop-shadow(0 18px 22px rgba(0,0,0,.52))
    drop-shadow(0 0 18px rgba(184,92,255,.27));
}

.challenge-nexus-section-v38 .problem-hourglass-realistic-v38 {
  inset: -5px -2px -7px auto;
  width: 138px;
  height: 171px;
  object-fit: contain;
  opacity: .98;
  filter:
    contrast(1.08)
    saturate(1.07)
    brightness(1.02)
    drop-shadow(0 16px 17px rgba(0,0,0,.58))
    drop-shadow(0 0 13px rgba(191,103,255,.35));
  animation: challenge-hourglass-breathe-v38 6.2s ease-in-out infinite;
}

@keyframes challenge-crystal-float-v38 {
  0%, 100% { transform: translateX(-50%) translateY(2px) rotateZ(-.28deg); }
  50% { transform: translateX(-50%) translateY(-10px) rotateZ(.28deg); }
}

@keyframes challenge-crystal-optical-turn-v38 {
  0%, 100% { transform: perspective(1200px) rotateY(-2.2deg) rotateX(.2deg) scale(1); filter: contrast(1.04) saturate(1.04) brightness(1.01) drop-shadow(0 0 1px rgba(255,255,255,.78)); }
  50% { transform: perspective(1200px) rotateY(2.2deg) rotateX(-.2deg) scale(1.008); filter: contrast(1.05) saturate(1.07) brightness(1.055) drop-shadow(0 0 1px rgba(255,255,255,.84)); }
}

@keyframes challenge-crystal-aura-v38 {
  0%,100% { opacity: .72; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.035); }
}

@keyframes challenge-hourglass-breathe-v38 {
  0%,100% { transform: translateY(1px) rotate(-.32deg) scale(.995); }
  50% { transform: translateY(-3px) rotate(.32deg) scale(1.012); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v38 .challenge-crystal-wrap-v38 {
    top: 4.8%;
    width: 212px;
    height: 326px;
  }

  .challenge-nexus-section-v38 .problem-hourglass-realistic-v38 {
    width: 126px;
    height: 158px;
  }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v38 .challenge-crystal-wrap-v38 {
    width: 208px;
    height: 318px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v38 .challenge-crystal-wrap-v38 {
    top: 7.5%;
    width: 168px;
    height: 258px;
  }

  .challenge-nexus-section-v38 .progress-art-v38 {
    width: 45%;
    transform: scale(.88);
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section-v38 .challenge-crystal-wrap-v38,
  .challenge-nexus-section-v38 .challenge-crystal-render-v38,
  .challenge-nexus-section-v38 .problem-hourglass-realistic-v38 {
    animation: none !important;
  }
}

/* Landing page v39: final integration pass for the Mission System crystal and Progress hourglass. The crystal is materially smaller, fully transparent at its silhouette, violet-balanced, and connected to the platform by a contained base light. The realistic hourglass is isolated from its photograph, feathered directly on the owner, and composed as the primary Progress visual without a visible rectangular plate. */
.challenge-nexus-section-v39 .challenge-crystal-wrap-v39 {
  top: 11.2%;
  width: 174px;
  height: 278px;
  filter:
    drop-shadow(0 22px 24px rgba(0,0,0,.38))
    drop-shadow(0 0 12px rgba(187,104,255,.32))
    drop-shadow(0 0 28px rgba(117,57,230,.18));
  animation: challenge-crystal-float-v39 9.8s ease-in-out infinite;
}

.challenge-nexus-section-v39 .challenge-crystal-wrap-v39::before {
  content: "";
  display: block !important;
  position: absolute;
  left: 15%;
  right: 15%;
  top: auto;
  bottom: -5%;
  height: 18%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(226,172,255,.55) 0%,
    rgba(157,78,255,.28) 34%,
    rgba(93,42,186,.10) 58%,
    transparent 76%);
  filter: blur(10px);
  opacity: .82;
  animation: challenge-crystal-base-light-v39 4.8s ease-in-out infinite;
}

.challenge-nexus-section-v39 .challenge-crystal-wrap-v39::after {
  display: none !important;
}

.challenge-nexus-section-v39 .challenge-crystal-render-v39 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 56%;
  backface-visibility: hidden;
  will-change: transform, filter;
  mix-blend-mode: normal;
  filter:
    hue-rotate(7deg)
    saturate(.91)
    brightness(.97)
    contrast(1.025)
    drop-shadow(0 0 1px rgba(255,255,255,.62));
  animation: challenge-crystal-optical-turn-v39 14.8s ease-in-out infinite;
}

/* The crystal now lights the platform instead of floating as an unrelated sticker. */
.challenge-nexus-section-v39 .challenge-lava-rock-v37::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 24%;
  right: 24%;
  top: 4%;
  height: 24%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(221,171,255,.38) 0%,
    rgba(139,71,234,.18) 42%,
    transparent 74%);
  filter: blur(8px);
  mix-blend-mode: screen;
  opacity: .72;
  pointer-events: none;
  animation: challenge-platform-light-v39 5.2s ease-in-out infinite;
}

.challenge-nexus-section-v39 .progress-art-v39 {
  right: 5px;
  top: 3px;
  width: 43%;
  height: 160px;
  opacity: 1;
  overflow: visible;
  transform: scale(.94);
  transform-origin: 76% 50%;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
  filter: none;
}

.challenge-nexus-section-v39 .progress-art-v39::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 8% 1% 8% 18%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse at 60% 48%,
    rgba(177,91,255,.22) 0%,
    rgba(96,39,155,.10) 46%,
    transparent 74%);
  filter: blur(12px);
  opacity: .84;
}

.challenge-nexus-section-v39 .progress-art-v39::after {
  content: "";
  display: block !important;
  position: absolute;
  left: -12%;
  top: 0;
  bottom: 0;
  width: 42%;
  z-index: 2;
  background: linear-gradient(90deg,
    rgba(11,3,26,.92) 0%,
    rgba(11,3,26,.62) 40%,
    transparent 100%);
  pointer-events: none;
}

.challenge-nexus-section-v39 .problem-hourglass-realistic-v39 {
  position: absolute;
  z-index: 1;
  inset: -4px 8px -5px auto;
  width: 122px;
  height: 164px;
  object-fit: contain;
  opacity: .97;
  -webkit-mask-image: radial-gradient(ellipse 68% 92% at 50% 50%,
    #000 48%,
    rgba(0,0,0,.92) 64%,
    rgba(0,0,0,.48) 80%,
    transparent 100%);
  mask-image: radial-gradient(ellipse 68% 92% at 50% 50%,
    #000 48%,
    rgba(0,0,0,.92) 64%,
    rgba(0,0,0,.48) 80%,
    transparent 100%);
  filter:
    hue-rotate(4deg)
    saturate(.94)
    brightness(1.03)
    contrast(1.07)
    drop-shadow(0 15px 16px rgba(0,0,0,.46))
    drop-shadow(0 0 11px rgba(186,103,255,.30));
  transform-origin: 50% 52%;
  animation: challenge-hourglass-breathe-v39 7.4s ease-in-out infinite;
}

/* The photographic hourglass becomes primary; the clock remains a supporting owner icon. */
.challenge-nexus-section-v39 .challenge-problem-card:nth-child(3) .challenge-problem-icon img {
  width: 78px;
  height: 78px;
  transform: translate(-1px, -7px) rotate(-2deg);
}

.challenge-nexus-section-v39 .challenge-problem-card:nth-child(3):hover .challenge-problem-icon img {
  transform: translate(-1px, -10px) rotate(0deg) scale(1.035);
}

@keyframes challenge-crystal-float-v39 {
  0%, 100% { transform: translateX(-50%) translateY(2px) rotateZ(-.18deg); }
  50% { transform: translateX(-50%) translateY(-7px) rotateZ(.18deg); }
}

@keyframes challenge-crystal-optical-turn-v39 {
  0%, 100% { transform: perspective(1200px) rotateY(-1.15deg) rotateX(.1deg) scale(.996); }
  50% { transform: perspective(1200px) rotateY(1.15deg) rotateX(-.1deg) scale(1.004); }
}

@keyframes challenge-crystal-base-light-v39 {
  0%, 100% { opacity: .66; transform: scale(.94); }
  50% { opacity: .92; transform: scale(1.025); }
}

@keyframes challenge-platform-light-v39 {
  0%, 100% { opacity: .54; transform: scale(.94); }
  50% { opacity: .78; transform: scale(1.03); }
}

@keyframes challenge-hourglass-breathe-v39 {
  0%, 100% { transform: translateY(1px) rotate(-.18deg) scale(.996); }
  50% { transform: translateY(-3px) rotate(.18deg) scale(1.008); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v39 .challenge-crystal-wrap-v39 {
    top: 10.8%;
    width: 160px;
    height: 256px;
  }

  .challenge-nexus-section-v39 .problem-hourglass-realistic-v39 {
    width: 112px;
    height: 152px;
  }
}

@media (max-width: 1180px) {
  .challenge-nexus-section-v39 .challenge-crystal-wrap-v39 {
    width: 158px;
    height: 252px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v39 .challenge-crystal-wrap-v39 {
    top: 13%;
    width: 142px;
    height: 226px;
  }

  .challenge-nexus-section-v39 .progress-art-v39 {
    width: 42%;
    transform: scale(.90);
  }

  .challenge-nexus-section-v39 .problem-hourglass-realistic-v39 {
    right: 3px;
    width: 108px;
    height: 146px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section-v39 .challenge-crystal-wrap-v39,
  .challenge-nexus-section-v39 .challenge-crystal-render-v39,
  .challenge-nexus-section-v39 .challenge-lava-rock-v37::after,
  .challenge-nexus-section-v39 .problem-hourglass-realistic-v39 {
    animation: none !important;
  }
}


/* Landing page v40: replace only the failed Progress photograph isolation with a genuinely transparent self-contained hourglass object, positioned inward over a bounded card-local glow. The approved v35 card composition remains unchanged. */
.challenge-nexus-section-v40 .progress-art-v40 {
  right: 12px;
  top: 6px;
  width: 39%;
  height: 154px;
  opacity: 1;
  overflow: visible;
  transform: scale(.92);
  transform-origin: 72% 52%;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
  filter: none;
}

.challenge-nexus-section-v40 .progress-art-v40::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 15% 0 13% 4%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse at 58% 52%,
    rgba(190, 105, 255, .24) 0%,
    rgba(113, 45, 181, .10) 48%,
    transparent 76%);
  filter: blur(14px);
  opacity: .78;
  pointer-events: none;
}

.challenge-nexus-section-v40 .progress-art-v40::after {
  display: none !important;
}

.challenge-nexus-section-v40 .problem-hourglass-realistic-v40 {
  position: absolute;
  z-index: 2;
  inset: 4px 8px 1px auto;
  width: 104px;
  height: 148px;
  object-fit: contain;
  opacity: .98;
  -webkit-mask-image: none;
  mask-image: none;
  filter:
    saturate(.90)
    brightness(.98)
    contrast(1.02)
    drop-shadow(0 14px 14px rgba(0, 0, 0, .55))
    drop-shadow(0 0 10px rgba(185, 98, 255, .30));
  transform-origin: 50% 52%;
  animation: challenge-hourglass-breathe-v40 8.2s ease-in-out infinite;
}

@keyframes challenge-hourglass-breathe-v40 {
  0%, 100% { transform: translateY(1px) rotate(-.12deg) scale(.998); }
  50% { transform: translateY(-2px) rotate(.12deg) scale(1.004); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .challenge-nexus-section-v40 .progress-art-v40 {
    right: 10px;
    top: 5px;
    height: 146px;
  }

  .challenge-nexus-section-v40 .problem-hourglass-realistic-v40 {
    width: 98px;
    height: 140px;
  }
}

@media (max-width: 700px) {
  .challenge-nexus-section-v40 .progress-art-v40 {
    right: 6px;
    width: 38%;
    transform: scale(.88);
  }

  .challenge-nexus-section-v40 .problem-hourglass-realistic-v40 {
    right: 5px;
    width: 96px;
    height: 138px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-nexus-section-v40 .problem-hourglass-realistic-v40 {
    animation: none !important;
  }
}

/* Landing page v41: conversation workflow with a faded Bongo Race story layer, exact icon5 owners, looping fall-apart/typewriter copy, and a user-controlled playable preview. */
.workflow-section-v41 {
  position: relative;
  overflow: hidden;
  padding-top: clamp(68px, 7vh, 96px);
  padding-bottom: clamp(68px, 7vh, 96px);
  background:
    radial-gradient(circle at 17% 48%, rgba(119, 50, 215, .14), transparent 35%),
    radial-gradient(circle at 82% 38%, rgba(180, 61, 255, .10), transparent 38%),
    linear-gradient(180deg, #05020d 0%, #090316 52%, #05020d 100%);
}

.workflow-section-v41::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .36;
  background-image:
    linear-gradient(rgba(167, 102, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167, 102, 255, .025) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: radial-gradient(circle at 52% 50%, #000, transparent 78%);
  mask-image: radial-gradient(circle at 52% 50%, #000, transparent 78%);
}

.workflow-layout-v41 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(520px, 1.18fr);
  gap: clamp(24px, 2.6vw, 42px);
  align-items: stretch;
}

.workflow-story-panel,
.workflow-demo-panel {
  position: relative;
  min-height: 690px;
  border: 1px solid rgba(185, 115, 255, .34);
  background: linear-gradient(145deg, rgba(32, 14, 56, .68), rgba(8, 3, 18, .88) 55%, rgba(18, 7, 34, .72));
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .48),
    inset 0 1px rgba(255, 255, 255, .12),
    inset 0 -1px rgba(135, 57, 237, .18),
    0 0 42px rgba(116, 40, 211, .10);
  clip-path: polygon(18px 0, calc(100% - 30px) 0, 100% 28px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 24px 100%, 0 calc(100% - 24px), 0 18px);
}

.workflow-story-panel {
  isolation: isolate;
  overflow: hidden;
}

.workflow-story-panel::before,
.workflow-demo-panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 5;
  pointer-events: none;
  clip-path: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .12), transparent 17%, transparent 72%, rgba(183, 98, 255, .08)),
    linear-gradient(90deg, transparent 12%, rgba(255, 255, 255, .05) 44%, transparent 66%);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 26%, transparent 77%, #000);
  mask-image: linear-gradient(180deg, #000, transparent 26%, transparent 77%, #000);
  opacity: .72;
}

.workflow-story-video {
  position: absolute;
  left: -7%;
  bottom: -3%;
  z-index: 0;
  width: 114%;
  height: 58%;
  object-fit: cover;
  object-position: 50% 52%;
  opacity: .78;
  filter: saturate(.92) contrast(1.08) brightness(.68) hue-rotate(6deg);
  transform: scale(1.02);
  -webkit-mask-image: radial-gradient(ellipse 88% 72% at 50% 67%, #000 38%, rgba(0,0,0,.82) 63%, transparent 100%);
  mask-image: radial-gradient(ellipse 88% 72% at 50% 67%, #000 38%, rgba(0,0,0,.82) 63%, transparent 100%);
}

.workflow-story-video-fade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7, 2, 16, .98) 0%, rgba(7, 2, 16, .92) 36%, rgba(7, 2, 16, .35) 63%, rgba(7, 2, 16, .58) 100%),
    linear-gradient(90deg, rgba(8, 3, 18, .70), transparent 22%, transparent 78%, rgba(8, 3, 18, .78));
}

.workflow-story-ambient {
  position: absolute;
  left: -18%;
  bottom: -15%;
  z-index: 2;
  width: 92%;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(173, 65, 255, .18), rgba(89, 25, 150, .06) 46%, transparent 72%);
  filter: blur(30px);
  animation: workflow-story-ambient-v41 7.8s ease-in-out infinite;
}

.workflow-story-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  min-height: 690px;
  padding: clamp(34px, 3.2vw, 50px);
}

.workflow-eyebrow {
  margin-bottom: 20px;
  letter-spacing: .22em;
  color: #b98cff;
}

.workflow-story-panel h2 {
  max-width: 560px;
  margin: 0;
  font-size: clamp(44px, 4.2vw, 68px);
  line-height: .98;
  letter-spacing: -.045em;
}

.workflow-story-panel h2 span {
  display: block;
  color: transparent;
  background: linear-gradient(90deg, #a768ff 0%, #d05bff 52%, #8f5cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 18px rgba(168, 82, 255, .22));
}

.workflow-story-intro {
  max-width: 500px;
  margin: 22px 0 0;
  color: #c1b6cc;
  font-size: 15px;
  line-height: 1.65;
}

.workflow-feature-list {
  display: grid;
  gap: 10px;
  margin-top: 28px;
  max-width: 560px;
}

.workflow-feature {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  min-height: 78px;
  padding: 10px 16px 10px 8px;
  border: 1px solid rgba(183, 112, 255, .16);
  background: linear-gradient(105deg, rgba(38, 14, 67, .46), rgba(10, 4, 22, .25) 74%, transparent);
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 11px);
  backdrop-filter: blur(11px) saturate(1.15);
  -webkit-backdrop-filter: blur(11px) saturate(1.15);
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.workflow-feature::after {
  content: "";
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(190, 112, 255, .95), transparent);
  box-shadow: 0 0 14px rgba(170, 75, 255, .72);
}

.workflow-feature-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(195, 130, 255, .42);
  border-radius: 15px;
  background:
    linear-gradient(145deg, rgba(116, 49, 188, .48), rgba(32, 12, 60, .68)),
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.14), transparent 42%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.15),
    0 12px 24px rgba(0,0,0,.34),
    0 0 22px rgba(143, 61, 239, .20);
}

.workflow-feature-icon::after {
  content: "";
  position: absolute;
  inset: 5px 7px auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
  opacity: .75;
}

.workflow-feature-icon img {
  position: relative;
  z-index: 1;
  width: 74px;
  height: 74px;
  object-fit: contain;
  transform: translateY(-2px);
  filter:
    drop-shadow(0 15px 10px rgba(0,0,0,.48))
    drop-shadow(0 0 10px rgba(189, 102, 255, .42));
}

.workflow-feature-copy {
  min-width: 0;
}

.workflow-feature h3,
.workflow-feature p {
  margin: 0;
}

.workflow-feature h3 {
  min-height: 21px;
  color: #f7f1ff;
  font-size: 15px;
  line-height: 1.35;
}

.workflow-feature p {
  min-height: 35px;
  margin-top: 3px;
  color: #aaa0b7;
  font-size: 12px;
  line-height: 1.48;
}

.workflow-typewriter {
  display: inline;
}

.workflow-typewriter-char {
  display: inline-block;
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: 50% 80%;
  filter: blur(0);
  transition:
    opacity .22s ease,
    transform .44s cubic-bezier(.2,.75,.25,1),
    filter .32s ease;
  transition-delay: calc(var(--workflow-char-index, 0) * 7ms);
  will-change: transform, opacity;
}

.workflow-typewriter-char.is-waiting {
  opacity: 0;
  transform: translate3d(0, -5px, 0) scale(.98);
}

.workflow-feature.is-falling .workflow-typewriter-char {
  opacity: 0;
  filter: blur(2px);
  transform:
    translate3d(var(--workflow-fall-x, 0), var(--workflow-fall-y, 24px), 0)
    rotate(var(--workflow-fall-rotate, 0deg));
}

.workflow-demo-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  min-width: 0;
}

.workflow-demo-head {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 76px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(177, 108, 255, .20);
  background: linear-gradient(180deg, rgba(31, 14, 56, .94), rgba(14, 6, 29, .90));
}

.workflow-demo-head > div {
  display: grid;
  gap: 5px;
}

.workflow-demo-kicker,
.workflow-demo-badge {
  color: #b77dff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}

.workflow-demo-head strong {
  color: #eee7f5;
  font-size: 15px;
}

.workflow-demo-badge {
  padding: 8px 10px;
  border: 1px solid rgba(177, 104, 255, .28);
  border-radius: 999px;
  background: rgba(113, 43, 190, .12);
  white-space: nowrap;
}

.workflow-demo-media {
  position: relative;
  overflow: hidden;
  min-height: 0;
  background: #05020b;
  cursor: pointer;
}

.workflow-demo-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(.88) contrast(1.09) brightness(.78);
  transform: scale(1.015);
  transition: filter .4s ease, transform 1.2s ease;
}

.workflow-demo-panel.is-playing .workflow-demo-video {
  filter: saturate(1) contrast(1.06) brightness(.93);
  transform: scale(1);
}

.workflow-demo-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(6,2,14,.42), transparent 24%, transparent 66%, rgba(6,2,14,.78)),
    linear-gradient(90deg, rgba(8,3,18,.35), transparent 22%, transparent 78%, rgba(8,3,18,.46)),
    radial-gradient(circle at 50% 48%, transparent 38%, rgba(5,2,12,.38) 100%);
}

.workflow-demo-scan {
  position: absolute;
  inset: -40% -30%;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 42%, rgba(194, 126, 255, .11) 49%, rgba(255,255,255,.08) 50%, transparent 58%);
  transform: translateX(-48%);
  animation: workflow-demo-scan-v41 8.5s ease-in-out infinite;
}

.workflow-demo-toggle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 154px;
  min-height: 52px;
  padding: 10px 17px 10px 10px;
  border: 1px solid rgba(213, 161, 255, .48);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, rgba(91, 31, 165, .86), rgba(161, 55, 235, .82));
  box-shadow:
    0 18px 45px rgba(0,0,0,.42),
    inset 0 1px rgba(255,255,255,.23),
    0 0 28px rgba(161, 75, 255, .30);
  transform: translate(-50%, -50%);
  transition: left .35s ease, top .35s ease, transform .35s ease, min-width .35s ease, box-shadow .35s ease;
  cursor: pointer;
}

.workflow-demo-toggle:hover {
  box-shadow:
    0 22px 52px rgba(0,0,0,.48),
    inset 0 1px rgba(255,255,255,.30),
    0 0 38px rgba(174, 86, 255, .48);
}

.workflow-demo-toggle-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #1a062c;
  background: linear-gradient(145deg, #f5e8ff, #c88aff);
  box-shadow: 0 0 18px rgba(230, 194, 255, .45);
  font-size: 13px;
  padding-left: 2px;
}

.workflow-demo-toggle-label {
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.workflow-demo-panel.is-playing .workflow-demo-toggle {
  left: auto;
  right: 18px;
  top: 18px;
  min-width: 118px;
  transform: none;
  background: rgba(20, 8, 37, .72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.workflow-demo-panel.is-playing .workflow-demo-toggle-icon {
  padding-left: 0;
}

.workflow-demo-caption {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 11px;
  max-width: calc(100% - 44px);
  padding: 10px 13px;
  border: 1px solid rgba(189, 123, 255, .22);
  border-radius: 13px;
  background: rgba(10, 4, 22, .58);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  box-shadow: 0 12px 30px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.06);
  pointer-events: none;
}

.workflow-demo-caption div {
  display: grid;
  gap: 3px;
}

.workflow-demo-caption small {
  color: #b47aff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .17em;
}

.workflow-demo-caption strong {
  color: #f2edf6;
  font-size: 12px;
}

.workflow-demo-live-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #b96aff;
  box-shadow: 0 0 0 5px rgba(180, 87, 255, .12), 0 0 14px rgba(190, 106, 255, .82);
  animation: workflow-live-dot-v41 2.4s ease-in-out infinite;
}

.workflow-demo-controls {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 18px;
  border-top: 1px solid rgba(177, 108, 255, .16);
  background: linear-gradient(180deg, rgba(20, 9, 37, .92), rgba(10, 4, 20, .96));
  color: #8e839b;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

.workflow-demo-track {
  position: relative;
  overflow: hidden;
  height: 3px;
  border-radius: 999px;
  background: rgba(205, 171, 232, .13);
}

.workflow-demo-track span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8d45ff, #d759ff);
  box-shadow: 0 0 9px rgba(190, 82, 255, .72);
}

@keyframes workflow-story-ambient-v41 {
  0%, 100% { opacity: .56; transform: scale(.96); }
  50% { opacity: .88; transform: scale(1.05); }
}

@keyframes workflow-demo-scan-v41 {
  0%, 15% { transform: translateX(-48%); opacity: 0; }
  32% { opacity: .9; }
  58%, 100% { transform: translateX(48%); opacity: 0; }
}

@keyframes workflow-live-dot-v41 {
  0%, 100% { opacity: .68; transform: scale(.92); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-height: 900px) and (min-width: 981px) {
  .workflow-section-v41 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .workflow-story-panel,
  .workflow-demo-panel,
  .workflow-story-content {
    min-height: 620px;
  }

  .workflow-story-content {
    padding: 34px 36px;
  }

  .workflow-story-panel h2 {
    font-size: clamp(40px, 3.8vw, 58px);
  }

  .workflow-feature-list {
    margin-top: 20px;
    gap: 8px;
  }

  .workflow-feature {
    min-height: 70px;
  }
}

@media (max-width: 1120px) {
  .workflow-layout-v41 {
    grid-template-columns: minmax(330px, .9fr) minmax(460px, 1.1fr);
    gap: 22px;
  }

  .workflow-story-content {
    padding: 34px;
  }
}

@media (max-width: 980px) {
  .workflow-layout-v41 {
    grid-template-columns: 1fr;
  }

  .workflow-story-panel,
  .workflow-demo-panel,
  .workflow-story-content {
    min-height: 640px;
  }

  .workflow-story-video {
    height: 62%;
  }
}

@media (max-width: 620px) {
  .workflow-section-v41 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .workflow-story-panel,
  .workflow-demo-panel,
  .workflow-story-content {
    min-height: 600px;
  }

  .workflow-story-content {
    padding: 28px 22px;
  }

  .workflow-story-panel h2 {
    font-size: clamp(39px, 13vw, 54px);
  }

  .workflow-story-intro {
    font-size: 14px;
  }

  .workflow-feature {
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 11px;
    padding-right: 10px;
  }

  .workflow-feature-icon {
    width: 48px;
    height: 48px;
  }

  .workflow-feature-icon img {
    width: 64px;
    height: 64px;
  }

  .workflow-demo-panel {
    min-height: 520px;
  }

  .workflow-demo-head {
    min-height: 70px;
    padding: 15px 16px;
  }

  .workflow-demo-badge {
    display: none;
  }

  .workflow-demo-caption {
    left: 14px;
    bottom: 14px;
    max-width: calc(100% - 28px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .workflow-story-ambient,
  .workflow-demo-scan,
  .workflow-demo-live-dot {
    animation: none !important;
  }

  .workflow-typewriter-char,
  .workflow-feature.is-falling .workflow-typewriter-char {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
}

.workflow-typewriter-word {
  display: inline-block;
  white-space: nowrap;
}


/* Landing page v42: clearer workflow section boundary, two-line conversation title, taller story panel, expanded lower gameplay field, and simplified preview header. */
.workflow-section-v42 {
  background:
    radial-gradient(circle at 14% 48%, rgba(55, 112, 196, .16), transparent 34%),
    radial-gradient(circle at 78% 24%, rgba(128, 66, 218, .14), transparent 38%),
    linear-gradient(180deg, #040916 0%, #070b1c 47%, #0a0618 100%);
  border-top: 1px solid rgba(116, 139, 214, .12);
  border-bottom: 1px solid rgba(147, 83, 230, .12);
}

.workflow-section-v42::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(68, 122, 199, .035) 1px, transparent 1px),
    linear-gradient(rgba(68, 122, 199, .028) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 52%, #000 0%, transparent 76%);
  mask-image: radial-gradient(ellipse at 50% 52%, #000 0%, transparent 76%);
  opacity: .42;
}

.workflow-section-v42 .workflow-story-panel,
.workflow-section-v42 .workflow-demo-panel,
.workflow-section-v42 .workflow-story-content {
  min-height: 760px;
}

.workflow-section-v42 .workflow-story-content {
  padding-bottom: 42px;
}

.workflow-section-v42 .workflow-story-panel h2 {
  max-width: none;
  font-size: clamp(42px, 3.45vw, 56px);
  line-height: .98;
}

.workflow-section-v42 .workflow-title-main,
.workflow-section-v42 .workflow-title-accent {
  display: block;
}

.workflow-section-v42 .workflow-title-main {
  white-space: nowrap;
  color: #f7f3fb;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
}

.workflow-section-v42 .workflow-title-accent {
  color: transparent;
  background: linear-gradient(90deg, #a768ff 0%, #d05bff 52%, #8f5cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 18px rgba(168, 82, 255, .22));
}

.workflow-section-v42 .workflow-story-intro {
  margin-top: 20px;
}

.workflow-section-v42 .workflow-feature-list {
  margin-top: 24px;
}

.workflow-section-v42 .workflow-story-video {
  bottom: -2%;
  height: 68%;
  object-position: 50% 56%;
  opacity: .84;
  filter: saturate(.96) contrast(1.08) brightness(.72) hue-rotate(4deg);
  -webkit-mask-image: radial-gradient(ellipse 91% 79% at 50% 70%, #000 42%, rgba(0,0,0,.88) 66%, transparent 100%);
  mask-image: radial-gradient(ellipse 91% 79% at 50% 70%, #000 42%, rgba(0,0,0,.88) 66%, transparent 100%);
}

.workflow-section-v42 .workflow-story-video-fade {
  background:
    linear-gradient(180deg, rgba(5, 8, 20, .99) 0%, rgba(5, 8, 20, .95) 34%, rgba(5, 8, 20, .56) 53%, rgba(6, 5, 18, .18) 72%, rgba(5, 4, 16, .46) 100%),
    linear-gradient(90deg, rgba(5, 8, 20, .72), transparent 20%, transparent 80%, rgba(6, 4, 18, .72));
}

.workflow-section-v42 .workflow-feature {
  background: linear-gradient(105deg, rgba(34, 23, 72, .50), rgba(10, 9, 30, .30) 74%, transparent);
  border-color: rgba(153, 125, 230, .18);
}

.workflow-section-v42 .workflow-demo-head {
  justify-content: flex-start;
  background: linear-gradient(180deg, rgba(29, 24, 69, .96), rgba(11, 10, 31, .92));
}

.workflow-section-v42 .workflow-demo-kicker {
  color: #c38dff;
}

.workflow-section-v42 .workflow-demo-badge,
.workflow-section-v42 .workflow-demo-caption {
  display: none !important;
}

@media (max-height: 900px) and (min-width: 981px) {
  .workflow-section-v42 .workflow-story-panel,
  .workflow-section-v42 .workflow-demo-panel,
  .workflow-section-v42 .workflow-story-content {
    min-height: 690px;
  }

  .workflow-section-v42 .workflow-story-panel h2 {
    font-size: clamp(39px, 3.2vw, 52px);
  }

  .workflow-section-v42 .workflow-story-video {
    height: 66%;
  }
}

@media (max-width: 1120px) and (min-width: 981px) {
  .workflow-section-v42 .workflow-story-panel h2 {
    font-size: clamp(36px, 3.2vw, 46px);
  }
}

@media (max-width: 980px) {
  .workflow-section-v42 .workflow-story-panel,
  .workflow-section-v42 .workflow-demo-panel,
  .workflow-section-v42 .workflow-story-content {
    min-height: 720px;
  }

  .workflow-section-v42 .workflow-story-panel h2 {
    font-size: clamp(44px, 7vw, 62px);
  }
}

@media (max-width: 620px) {
  .workflow-section-v42 .workflow-story-panel,
  .workflow-section-v42 .workflow-story-content {
    min-height: 680px;
  }

  .workflow-section-v42 .workflow-demo-panel {
    min-height: 520px;
  }

  .workflow-section-v42 .workflow-story-panel h2 {
    font-size: clamp(37px, 11.2vw, 50px);
  }

  .workflow-section-v42 .workflow-title-main {
    white-space: normal;
  }

  .workflow-section-v42 .workflow-story-video {
    height: 63%;
  }
}

/* Landing page v43: restore a Cradle-native plum-black workflow boundary, fit the two-line title cleanly, and move the Bongo Race story video slightly down and right. */
.workflow-section-v43 {
  background:
    radial-gradient(circle at 18% 44%, rgba(126, 54, 205, .13), transparent 36%),
    radial-gradient(circle at 82% 30%, rgba(181, 65, 221, .10), transparent 40%),
    linear-gradient(180deg, #08050f 0%, #0d0717 48%, #090411 100%);
  border-top: 1px solid rgba(164, 92, 229, .14);
  border-bottom: 1px solid rgba(130, 71, 198, .13);
}

.workflow-section-v43::after {
  background:
    linear-gradient(90deg, rgba(177, 99, 239, .024) 1px, transparent 1px),
    linear-gradient(rgba(177, 99, 239, .020) 1px, transparent 1px);
  background-size: 68px 68px;
  opacity: .34;
}

.workflow-section-v43 .workflow-story-panel h2 {
  max-width: 100%;
  font-size: clamp(38px, 2.88vw, 48px);
  line-height: .99;
  letter-spacing: -.045em;
}

.workflow-section-v43 .workflow-title-main {
  white-space: nowrap;
}

.workflow-section-v43 .workflow-story-video {
  left: -1%;
  bottom: -8%;
  width: 111%;
  height: 67%;
  object-position: 58% 64%;
}

.workflow-section-v43 .workflow-story-video-fade {
  background:
    linear-gradient(180deg, rgba(9, 5, 17, .99) 0%, rgba(9, 5, 17, .95) 33%, rgba(9, 5, 17, .54) 53%, rgba(8, 4, 15, .16) 73%, rgba(8, 4, 15, .43) 100%),
    linear-gradient(90deg, rgba(9, 5, 17, .66), transparent 22%, transparent 82%, rgba(8, 4, 15, .62));
}

.workflow-section-v43 .workflow-demo-head {
  background: linear-gradient(180deg, rgba(38, 20, 62, .96), rgba(15, 8, 28, .94));
}

@media (max-height: 900px) and (min-width: 981px) {
  .workflow-section-v43 .workflow-story-panel h2 {
    font-size: clamp(36px, 2.72vw, 45px);
  }
}

@media (max-width: 1120px) and (min-width: 981px) {
  .workflow-section-v43 .workflow-story-panel h2 {
    font-size: clamp(34px, 3vw, 42px);
  }
}

@media (max-width: 980px) {
  .workflow-section-v43 .workflow-story-panel h2 {
    font-size: clamp(42px, 6.6vw, 58px);
  }

  .workflow-section-v43 .workflow-title-main {
    white-space: normal;
  }
}

@media (max-width: 620px) {
  .workflow-section-v43 .workflow-story-panel h2 {
    font-size: clamp(36px, 10.7vw, 48px);
  }

  .workflow-section-v43 .workflow-story-video {
    left: 0;
    bottom: -7%;
    width: 108%;
    height: 64%;
    object-position: 57% 64%;
  }
}

/* Landing page v44: premium game-type showcase using existing Cradle glass language. */
.use-cases-section-v44 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(68px, 7vh, 92px);
  padding-bottom: clamp(58px, 6vh, 82px);
  border-top: 1px solid rgba(158, 91, 255, .18);
  border-bottom: 1px solid rgba(158, 91, 255, .16);
  background:
    radial-gradient(circle at 12% 18%, rgba(122, 51, 229, .17), transparent 27%),
    radial-gradient(circle at 90% 12%, rgba(201, 58, 255, .13), transparent 23%),
    radial-gradient(circle at 52% 88%, rgba(75, 38, 171, .14), transparent 32%),
    linear-gradient(180deg, #07040e 0%, #0a0513 44%, #06030c 100%);
}

.use-cases-section-v44::before,
.use-cases-section-v44::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.use-cases-section-v44::before {
  inset: 0;
  opacity: .26;
  background-image:
    linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .021) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 13%, #000 83%, transparent 100%);
}

.use-cases-section-v44::after {
  left: 50%;
  bottom: -220px;
  width: min(1180px, 92vw);
  height: 420px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(133, 58, 255, .18), transparent 67%);
  filter: blur(22px);
}

.use-cases-energy-field {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.use-cases-energy-field span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(223, 187, 255, .95);
  box-shadow: 0 0 15px rgba(180, 91, 255, .95), 0 0 34px rgba(135, 50, 255, .58);
  animation: use-case-star-drift-v44 7s ease-in-out infinite;
}

.use-cases-energy-field span:nth-child(1) { top: 15%; left: 6%; }
.use-cases-energy-field span:nth-child(2) { top: 32%; right: 7%; animation-delay: -2.4s; }
.use-cases-energy-field span:nth-child(3) { bottom: 16%; left: 48%; animation-delay: -4.8s; }

.use-cases-shell-v44 {
  position: relative;
  z-index: 2;
}

.use-cases-heading-v44 {
  max-width: 920px;
  margin-bottom: clamp(26px, 3.1vh, 38px);
}

.use-cases-heading-v44 .eyebrow {
  color: #b985ff;
  text-shadow: 0 0 28px rgba(167, 93, 255, .38);
}

.use-cases-heading-v44 h2 {
  margin-bottom: 12px;
  font-size: clamp(44px, 4.4vw, 70px);
  letter-spacing: -.052em;
  line-height: .98;
  text-wrap: balance;
}

.use-cases-heading-v44 h2::after {
  content: "";
  display: block;
  width: 138px;
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient(90deg, transparent, rgba(184, 101, 255, .95), transparent);
  box-shadow: 0 0 18px rgba(170, 78, 255, .7);
}

.use-cases-heading-v44 > p:last-child {
  max-width: 760px;
  margin-inline: auto;
  color: #a99db5;
  font-size: clamp(14px, 1.15vw, 17px);
}

.game-type-showcase-v44 {
  position: relative;
  display: grid;
  gap: 14px;
}

.game-type-tier-v44 {
  display: grid;
  gap: 14px;
}

.game-type-platforms-v44 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.game-type-genres-v44 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.game-type-card-v44 {
  --game-accent: 164, 86, 255;
  position: relative;
  overflow: hidden;
  clip-path: polygon(12px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
  border: 1px solid rgba(var(--game-accent), .31);
  background:
    linear-gradient(155deg, rgba(31, 17, 56, .82), rgba(7, 4, 14, .92) 58%, rgba(9, 5, 18, .97));
  box-shadow:
    0 22px 52px rgba(0, 0, 0, .4),
    inset 0 1px 0 rgba(255, 255, 255, .09),
    inset 0 -1px 0 rgba(var(--game-accent), .18);
  transform-style: preserve-3d;
  transition: transform .48s cubic-bezier(.2, .8, .2, 1), border-color .36s ease, box-shadow .36s ease;
}

.game-type-card-large-v44 {
  min-height: 250px;
}

.game-type-card-small-v44 {
  min-height: 178px;
}

.game-type-card-v44::before,
.game-type-card-v44::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.game-type-card-v44::before {
  inset: 0;
  z-index: 4;
  background:
    linear-gradient(112deg, transparent 13%, rgba(255, 255, 255, .11) 28%, transparent 43%),
    linear-gradient(180deg, rgba(var(--game-accent), .11), transparent 24%, transparent 76%, rgba(var(--game-accent), .1));
  opacity: .55;
  transform: translateX(-58%);
  transition: transform .72s cubic-bezier(.2, .8, .2, 1), opacity .35s ease;
}

.game-type-card-v44::after {
  z-index: 5;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--game-accent), .95), transparent);
  box-shadow: 0 0 17px rgba(var(--game-accent), .68);
  opacity: .64;
}

.game-type-card-v44:hover {
  z-index: 3;
  transform: translateY(-7px) rotateX(2.2deg) rotateY(-1.4deg);
  border-color: rgba(var(--game-accent), .64);
  box-shadow:
    0 30px 70px rgba(0, 0, 0, .5),
    0 0 34px rgba(var(--game-accent), .2),
    inset 0 1px 0 rgba(255, 255, 255, .14),
    inset 0 -1px 0 rgba(var(--game-accent), .3);
}

.game-type-card-v44:hover::before {
  transform: translateX(64%);
  opacity: .82;
}

.game-type-cover-v44 {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 62%;
  opacity: .76;
  filter: saturate(.94) contrast(1.04) brightness(.72);
  transform: scale(1.025);
  transition: transform .7s cubic-bezier(.2, .8, .2, 1), filter .45s ease, opacity .45s ease;
}

.game-type-card-large-v44 .game-type-cover-v44 {
  object-position: center 64%;
}

.game-type-card-small-v44 .game-type-cover-v44 {
  object-position: center 67%;
}

.game-type-card-v44:hover .game-type-cover-v44 {
  transform: scale(1.085);
  filter: saturate(1.1) contrast(1.07) brightness(.82);
  opacity: .9;
}

.game-type-cover-fade-v44 {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8, 4, 16, .92) 0%, rgba(10, 5, 20, .72) 31%, rgba(9, 4, 18, .11) 58%, rgba(7, 3, 14, .25) 100%),
    linear-gradient(90deg, rgba(8, 4, 16, .26), transparent 56%, rgba(12, 5, 23, .18));
}

.game-type-card-copy-v44 {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 16px 0;
}

.game-type-card-small-v44 .game-type-card-copy-v44 {
  gap: 8px;
  padding: 13px 11px 0;
}

.game-type-icon-v44 {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-top: -4px;
  border: 1px solid rgba(var(--game-accent), .48);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(116, 52, 208, .32), rgba(19, 8, 37, .5)),
    rgba(13, 7, 27, .4);
  box-shadow:
    0 11px 28px rgba(0, 0, 0, .33),
    0 0 23px rgba(var(--game-accent), .24),
    inset 0 1px 0 rgba(255, 255, 255, .17),
    inset 0 -8px 18px rgba(var(--game-accent), .09);
  backdrop-filter: blur(13px) saturate(1.25);
}

.game-type-card-small-v44 .game-type-icon-v44 {
  width: 40px;
  height: 40px;
  margin-top: -2px;
  border-radius: 12px;
}

.game-type-icon-v44::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  border-top: 1px solid rgba(255, 255, 255, .22);
  opacity: .9;
}

.game-type-icon-v44 img {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  max-width: none;
  object-fit: contain;
  filter:
    drop-shadow(0 10px 12px rgba(0, 0, 0, .34))
    drop-shadow(0 0 13px rgba(var(--game-accent), .32));
  transform: translateZ(24px);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .45s ease;
}

.game-type-card-small-v44 .game-type-icon-v44 img {
  width: 55px;
  height: 55px;
}

.game-type-card-v44:hover .game-type-icon-v44 img {
  transform: translateY(-4px) scale(1.06) rotate(-2deg) translateZ(30px);
  filter:
    drop-shadow(0 14px 16px rgba(0, 0, 0, .4))
    drop-shadow(0 0 20px rgba(var(--game-accent), .48));
}

.game-type-card-copy-v44 strong,
.game-type-card-copy-v44 small {
  display: block;
}

.game-type-card-copy-v44 strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-shadow: 0 2px 11px rgba(0, 0, 0, .72);
}

.game-type-card-copy-v44 small {
  max-width: 150px;
  margin-top: 6px;
  color: #d0c5d9;
  font-size: 11px;
  line-height: 1.38;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .78);
}

.game-type-card-small-v44 .game-type-card-copy-v44 strong {
  font-size: 14px;
}

.game-type-card-small-v44 .game-type-card-copy-v44 small {
  max-width: 116px;
  margin-top: 4px;
  font-size: 9.5px;
  line-height: 1.32;
}

.use-case-intelligence-v44 {
  position: relative;
  min-height: 160px;
  margin-top: 18px;
  overflow: hidden;
  clip-path: polygon(14px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  border: 1px solid rgba(174, 104, 255, .28);
  background:
    linear-gradient(105deg, rgba(16, 8, 33, .94) 0%, rgba(11, 6, 24, .9) 52%, rgba(7, 4, 16, .58) 100%);
  box-shadow:
    0 25px 64px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 -1px 0 rgba(148, 72, 255, .13);
}

.use-case-intelligence-v44::before,
.use-case-intelligence-v44::after {
  content: "";
  position: absolute;
  z-index: 5;
  pointer-events: none;
}

.use-case-intelligence-v44::before {
  left: 190px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(transparent, rgba(166, 94, 255, .36), transparent);
}

.use-case-intelligence-v44::after {
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(197, 132, 255, .96), rgba(129, 69, 255, .56), transparent);
  box-shadow: 0 0 20px rgba(163, 86, 255, .62);
}

.use-case-intelligence-art-v44 {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 auto;
  width: min(410px, 34%);
  overflow: hidden;
}

.use-case-intelligence-art-v44 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 31%;
  opacity: .58;
  filter: saturate(.92) contrast(1.07) brightness(.7);
}

.use-case-intelligence-fade-v44 {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, #0d071d 0%, rgba(13, 7, 29, .98) 45%, rgba(13, 7, 29, .76) 68%, rgba(9, 4, 19, .14) 100%),
    linear-gradient(180deg, rgba(11, 5, 24, .3), transparent 44%, rgba(7, 3, 14, .35));
}

.use-case-crystal-v44 {
  position: absolute;
  z-index: 4;
  left: 24px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 145px;
  height: 145px;
  transform: translateY(-50%);
}

.use-case-crystal-v44::before,
.use-case-crystal-v44::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.use-case-crystal-v44::before {
  inset: 5px;
  border: 1px solid rgba(177, 101, 255, .26);
  background:
    radial-gradient(circle, rgba(130, 50, 255, .14), transparent 63%),
    repeating-conic-gradient(from 13deg, rgba(192, 128, 255, .18) 0 1deg, transparent 1deg 19deg);
  box-shadow: inset 0 0 34px rgba(134, 56, 255, .14), 0 0 26px rgba(134, 56, 255, .14);
  animation: use-case-crystal-ring-v44 15s linear infinite;
}

.use-case-crystal-v44::after {
  width: 72px;
  height: 18px;
  bottom: 11px;
  background: radial-gradient(ellipse, rgba(183, 82, 255, .52), transparent 70%);
  filter: blur(8px);
}

.use-case-crystal-v44 img {
  position: relative;
  z-index: 3;
  width: 108px;
  height: 108px;
  object-fit: contain;
  filter:
    drop-shadow(0 17px 18px rgba(0, 0, 0, .38))
    drop-shadow(0 0 20px rgba(169, 75, 255, .48));
  animation: use-case-crystal-float-v44 5.8s ease-in-out infinite;
}

.use-case-intelligence-grid-v44 {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-height: 160px;
  padding: 24px 300px 22px 212px;
  align-items: center;
}

.use-case-intelligence-grid-v44 article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 0 20px;
  border-right: 1px solid rgba(169, 104, 255, .18);
}

.use-case-intelligence-grid-v44 article:last-child {
  border-right: 0;
}

.use-case-summary-icon-v44 {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(176, 105, 255, .38);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(114, 52, 206, .26), rgba(21, 9, 38, .36));
  box-shadow: 0 11px 28px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 18px rgba(147, 71, 255, .14);
  backdrop-filter: blur(12px);
}

.use-case-summary-icon-v44 img {
  width: 54px;
  height: 54px;
  max-width: none;
  object-fit: contain;
  filter: brightness(1.18) saturate(1.12) drop-shadow(0 8px 10px rgba(0, 0, 0, .32));
}

.use-case-intelligence-grid-v44 strong,
.use-case-intelligence-grid-v44 span {
  display: block;
}

.use-case-intelligence-grid-v44 strong {
  margin-bottom: 7px;
  color: #fff;
  font-size: 13px;
  line-height: 1.25;
}

.use-case-intelligence-grid-v44 article > div > span {
  color: #a99caf;
  font-size: 10px;
  line-height: 1.48;
}

@keyframes use-case-star-drift-v44 {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.85); opacity: .35; }
  50% { transform: translate3d(14px, -18px, 0) scale(1.35); opacity: 1; }
}

@keyframes use-case-crystal-ring-v44 {
  to { transform: rotate(360deg); }
}

@keyframes use-case-crystal-float-v44 {
  0%, 100% { transform: translateY(2px) rotate(-1deg); }
  50% { transform: translateY(-7px) rotate(1.2deg); }
}

@media (max-width: 1320px) {
  .game-type-platforms-v44 {
    grid-template-columns: repeat(5, minmax(172px, 1fr));
  }

  .game-type-genres-v44 {
    grid-template-columns: repeat(7, minmax(138px, 1fr));
  }

  .game-type-showcase-v44 {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(169, 94, 255, .36) transparent;
    padding-bottom: 7px;
  }

  .game-type-tier-v44 {
    min-width: 1040px;
  }

  .use-case-intelligence-grid-v44 {
    padding-right: 250px;
  }
}

@media (max-width: 980px) {
  .use-cases-section-v44 {
    padding-top: 66px;
  }

  .use-cases-heading-v44 h2 {
    font-size: clamp(40px, 8.2vw, 60px);
  }

  .use-case-intelligence-v44 {
    min-height: 340px;
  }

  .use-case-intelligence-art-v44 {
    width: 48%;
  }

  .use-case-intelligence-fade-v44 {
    background: linear-gradient(180deg, #0d071d 0%, rgba(13, 7, 29, .94) 58%, rgba(9, 4, 19, .38) 100%);
  }

  .use-case-crystal-v44 {
    left: 18px;
    top: 70px;
    width: 116px;
    height: 116px;
    transform: none;
  }

  .use-case-crystal-v44 img {
    width: 86px;
    height: 86px;
  }

  .use-case-intelligence-v44::before {
    display: none;
  }

  .use-case-intelligence-grid-v44 {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 24px 24px 22px 150px;
  }

  .use-case-intelligence-grid-v44 article {
    min-height: 82px;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(169, 104, 255, .16);
  }

  .use-case-intelligence-grid-v44 article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 640px) {
  .use-cases-section-v44 {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .use-cases-heading-v44 {
    margin-bottom: 24px;
  }

  .use-cases-heading-v44 h2 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .game-type-showcase-v44 {
    margin-right: -20px;
  }

  .game-type-tier-v44 {
    min-width: 920px;
  }

  .game-type-platforms-v44 {
    grid-template-columns: repeat(5, 168px);
  }

  .game-type-genres-v44 {
    grid-template-columns: repeat(7, 124px);
  }

  .game-type-card-large-v44 {
    min-height: 230px;
  }

  .game-type-card-small-v44 {
    min-height: 168px;
  }

  .use-case-intelligence-v44 {
    min-height: 450px;
  }

  .use-case-intelligence-art-v44 {
    inset: auto 0 0 auto;
    width: 100%;
    height: 48%;
  }

  .use-case-intelligence-fade-v44 {
    background: linear-gradient(180deg, #0d071d 0%, rgba(13, 7, 29, .99) 56%, rgba(13, 7, 29, .78) 72%, rgba(9, 4, 19, .25) 100%);
  }

  .use-case-crystal-v44 {
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
  }

  .use-case-intelligence-grid-v44 {
    padding: 146px 18px 20px;
  }

  .use-case-intelligence-grid-v44 article {
    grid-template-columns: 43px minmax(0, 1fr);
  }

  .use-case-summary-icon-v44 {
    width: 42px;
    height: 42px;
  }

  .use-case-summary-icon-v44 img {
    width: 48px;
    height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .use-cases-energy-field span,
  .use-case-crystal-v44::before,
  .use-case-crystal-v44 img {
    animation: none !important;
  }

  .game-type-card-v44,
  .game-type-card-v44::before,
  .game-type-cover-v44,
  .game-type-icon-v44 img {
    transition: none !important;
  }

  .game-type-card-v44:hover,
  .game-type-card-v44:hover .game-type-icon-v44 img {
    transform: none !important;
  }
}


/* Landing page v45: exact cover owners, single-line heading, and corrected intelligence-banner assets. */
@media (min-width: 981px) {
  .use-cases-heading-v44 {
    max-width: 1240px;
  }

  .use-cases-heading-v44 h2 {
    white-space: nowrap;
    font-size: clamp(42px, 3.9vw, 62px);
    letter-spacing: -.05em;
  }

  .use-cases-heading-v44 > p:last-child {
    max-width: 1180px;
    white-space: nowrap;
    font-size: clamp(13px, 1.02vw, 16px);
  }
}

.use-case-intelligence-v45 .use-case-intelligence-art-v44 {
  display: block;
}

.use-case-intelligence-v45 .use-case-intelligence-art-v44 img {
  object-position: 54% 30%;
  opacity: .68;
  filter: saturate(.98) contrast(1.08) brightness(.72);
}

.use-case-crystal-v45 {
  left: 20px;
  width: 154px;
  height: 154px;
}

.use-case-crystal-v45 img {
  width: 116px;
  height: 116px;
  filter:
    drop-shadow(0 16px 18px rgba(0, 0, 0, .38))
    drop-shadow(0 0 22px rgba(184, 86, 255, .5));
}

.use-case-intelligence-v45 .use-case-summary-icon-v44 {
  width: 42px;
  height: 42px;
  border-color: rgba(var(--summary-accent), .4);
  background:
    linear-gradient(145deg, rgba(var(--summary-accent), .2), rgba(16, 8, 31, .44)),
    rgba(12, 6, 25, .42);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .13),
    0 0 17px rgba(var(--summary-accent), .15);
}

.use-case-intelligence-v45 .use-case-summary-icon-v44 img {
  width: 28px;
  height: 28px;
  max-width: 28px;
  filter:
    brightness(0)
    saturate(100%)
    invert(91%)
    sepia(22%)
    saturate(1937%)
    hue-rotate(203deg)
    brightness(108%)
    contrast(101%)
    drop-shadow(0 5px 7px rgba(0, 0, 0, .34));
}

.use-case-summary-project-v45 .use-case-summary-icon-v44 img {
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(57%)
    saturate(3839%)
    hue-rotate(223deg)
    brightness(104%)
    contrast(102%)
    drop-shadow(0 5px 7px rgba(0, 0, 0, .34));
}

.use-case-summary-production-v45 .use-case-summary-icon-v44 img {
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(28%)
    saturate(3591%)
    hue-rotate(214deg)
    brightness(107%)
    contrast(101%)
    drop-shadow(0 5px 7px rgba(0, 0, 0, .34));
}

.use-case-summary-growth-v45 .use-case-summary-icon-v44 img {
  filter:
    brightness(0)
    saturate(100%)
    invert(81%)
    sepia(46%)
    saturate(1268%)
    hue-rotate(177deg)
    brightness(110%)
    contrast(101%)
    drop-shadow(0 5px 7px rgba(0, 0, 0, .34));
}

@media (max-width: 980px) {
  .use-cases-heading-v44 h2,
  .use-cases-heading-v44 > p:last-child {
    white-space: normal;
  }

  .use-case-crystal-v45 {
    left: 18px;
    width: 120px;
    height: 120px;
  }

  .use-case-crystal-v45 img {
    width: 90px;
    height: 90px;
  }
}

@media (max-width: 640px) {
  .use-case-crystal-v45 {
    left: 50%;
    width: 112px;
    height: 112px;
  }

  .use-case-crystal-v45 img {
    width: 84px;
    height: 84px;
  }
}


/* Landing page v46: deterministic optimized cover owners, repaired banner art, and crystal aura/sparkles. */
.game-type-cover-v46 {
  background-image: var(--cover-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: var(--cover-position, center 50%);
  opacity: .9;
  filter: saturate(1.04) contrast(1.06) brightness(.86);
  transform: scale(1.018);
}

.game-type-card-v44:hover .game-type-cover-v46 {
  transform: scale(1.075);
  filter: saturate(1.12) contrast(1.08) brightness(.94);
  opacity: .98;
}

.game-type-cover-fade-v44 {
  background:
    linear-gradient(180deg, rgba(8, 4, 16, .74) 0%, rgba(10, 5, 20, .5) 27%, rgba(9, 4, 18, .06) 56%, rgba(7, 3, 14, .19) 100%),
    linear-gradient(90deg, rgba(8, 4, 16, .18), transparent 58%, rgba(12, 5, 23, .12));
}

.use-case-intelligence-art-v46 {
  display: block;
  background-image: var(--banner-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 54% 30%;
  opacity: .72;
  filter: saturate(1.02) contrast(1.08) brightness(.76);
}

.use-case-intelligence-art-v46 img {
  display: none !important;
}

.use-case-crystal-v46 {
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 48%, rgba(232, 185, 255, .24) 0%, rgba(190, 84, 255, .2) 26%, rgba(123, 47, 255, .08) 52%, transparent 72%);
  border-radius: 50%;
  animation: use-case-crystal-aura-v46 4.6s ease-in-out infinite;
}

.use-case-crystal-v46::before {
  inset: 8px !important;
  border: 0 !important;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(223, 176, 255, .2) 0%, rgba(167, 73, 255, .12) 35%, transparent 70%) !important;
  box-shadow:
    0 0 28px rgba(182, 92, 255, .24),
    0 0 60px rgba(122, 53, 255, .18),
    inset 0 0 28px rgba(219, 172, 255, .1) !important;
  animation: use-case-crystal-aura-v46 4.6s ease-in-out infinite !important;
}

.use-case-crystal-v46::after {
  width: 82px;
  height: 20px;
  bottom: 8px;
  background: radial-gradient(ellipse, rgba(213, 124, 255, .64), rgba(137, 53, 255, .2) 42%, transparent 72%);
  filter: blur(7px);
  box-shadow: 0 0 24px rgba(179, 79, 255, .4);
}

.use-case-crystal-v46 img {
  width: 120px;
  height: 120px;
  filter:
    brightness(1.08)
    saturate(1.12)
    drop-shadow(0 16px 18px rgba(0, 0, 0, .38))
    drop-shadow(0 0 15px rgba(236, 190, 255, .74))
    drop-shadow(0 0 34px rgba(169, 74, 255, .5));
  animation: use-case-crystal-float-v46 5.4s ease-in-out infinite;
}

.use-case-crystal-sparkles-v46,
.use-case-crystal-sparkles-v46::before,
.use-case-crystal-sparkles-v46::after {
  position: absolute;
  z-index: 6;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
}

.use-case-crystal-sparkles-v46 {
  left: 27px;
  top: 39px;
  box-shadow:
    86px -10px 0 0 rgba(255,255,255,.95),
    104px 47px 0 1px rgba(219,166,255,.9),
    69px 91px 0 0 rgba(255,255,255,.92),
    15px 79px 0 0 rgba(200,132,255,.86),
    -4px 28px 0 1px rgba(255,255,255,.78);
  animation: use-case-crystal-sparkles-v46 3.4s ease-in-out infinite;
}

.use-case-crystal-sparkles-v46::before {
  content: "";
  left: 52px;
  top: -18px;
  transform: scale(1.35);
  box-shadow:
    32px 35px 0 0 rgba(255,255,255,.92),
    -23px 67px 0 0 rgba(237,196,255,.84),
    44px 96px 0 0 rgba(202,123,255,.88);
  animation: use-case-crystal-sparkles-v46 2.7s ease-in-out infinite reverse;
}

.use-case-crystal-sparkles-v46::after {
  content: "";
  left: 36px;
  top: 52px;
  transform: scale(.75);
  box-shadow:
    48px -25px 0 1px rgba(255,255,255,.95),
    61px 34px 0 0 rgba(224,174,255,.88),
    -19px 29px 0 0 rgba(255,255,255,.82);
  animation: use-case-crystal-sparkles-v46 2.2s ease-in-out infinite;
}

@keyframes use-case-crystal-aura-v46 {
  0%, 100% { opacity: .82; transform: translateY(-50%) scale(.97); }
  50% { opacity: 1; transform: translateY(-50%) scale(1.04); }
}

@keyframes use-case-crystal-float-v46 {
  0%, 100% { transform: translateY(2px) rotate(-1deg); }
  50% { transform: translateY(-6px) rotate(1.2deg); }
}

@keyframes use-case-crystal-sparkles-v46 {
  0%, 100% { opacity: .28; filter: blur(.2px); }
  48% { opacity: 1; filter: blur(0); }
  62% { opacity: .52; }
}

@media (max-width: 980px) {
  .use-case-crystal-v46 img {
    width: 94px;
    height: 94px;
  }
}

@media (max-width: 640px) {
  .use-case-crystal-v46 img {
    width: 88px;
    height: 88px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .use-case-crystal-v46,
  .use-case-crystal-v46::before,
  .use-case-crystal-v46 img,
  .use-case-crystal-sparkles-v46,
  .use-case-crystal-sparkles-v46::before,
  .use-case-crystal-sparkles-v46::after {
    animation: none !important;
  }
}


/* Landing page v47: CSP-safe game-cover and BellyBog owners with externally declared visual tokens. */
.game-type-pc-v47 { --game-accent: 165, 80, 255; }
.game-type-vr-v47 { --game-accent: 111, 72, 255; }
.game-type-mobile-v47 { --game-accent: 197, 79, 255; }
.game-type-console-v47 { --game-accent: 139, 68, 255; }
.game-type-multiplayer-v47 { --game-accent: 210, 87, 255; }
.game-type-rpg-v47 { --game-accent: 177, 77, 255; }
.game-type-shooter-v47 { --game-accent: 117, 71, 255; }
.game-type-strategy-v47 { --game-accent: 208, 73, 255; }
.game-type-survival-v47 { --game-accent: 126, 88, 255; }
.game-type-open-world-v47 { --game-accent: 183, 65, 255; }
.game-type-simulation-v47 { --game-accent: 115, 84, 255; }
.game-type-puzzle-v47 { --game-accent: 213, 73, 255; }

.game-type-pc-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/pc.webp");
  background-position: center 54%;
}
.game-type-vr-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/vr.webp");
  background-position: center 42%;
}
.game-type-mobile-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/mobile.webp");
  background-position: center 46%;
}
.game-type-console-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/console.webp");
  background-position: center 44%;
}
.game-type-multiplayer-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/multiplayer.webp");
  background-position: center 42%;
}
.game-type-rpg-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/rpg.webp");
  background-position: center 40%;
}
.game-type-shooter-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/shooter.webp");
  background-position: center 40%;
}
.game-type-strategy-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/strategy.webp");
  background-position: center 44%;
}
.game-type-survival-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/survival.webp");
  background-position: center 42%;
}
.game-type-open-world-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/open-world.webp");
  background-position: center 40%;
}
.game-type-simulation-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/simulation.webp");
  background-position: center 44%;
}
.game-type-puzzle-v47 .game-type-cover-v46 {
  background-image: url("/assets/use-cases/covers/puzzle.webp");
  background-position: center 42%;
}

.use-case-intelligence-art-v46 {
  background-image: url("/assets/use-cases/belly-bog.webp");
}

.use-case-summary-project-v47 { --summary-accent: 190, 107, 255; }
.use-case-summary-production-v47 { --summary-accent: 133, 105, 255; }
.use-case-summary-growth-v47 { --summary-accent: 119, 189, 255; }


/* Landing page v48: center the three use-case intelligence statements and unify their icon treatment in Cradle pink. */
.use-case-summary-project-v47,
.use-case-summary-production-v47,
.use-case-summary-growth-v47 {
  --summary-accent: 238, 82, 255;
}

.use-case-intelligence-v45 .use-case-summary-icon-v44 {
  border-color: rgba(238, 82, 255, .58);
  background:
    linear-gradient(145deg, rgba(238, 82, 255, .24), rgba(25, 8, 38, .5)),
    rgba(12, 5, 24, .52);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 0 20px rgba(238, 82, 255, .2);
}

.use-case-intelligence-v45 .use-case-summary-project-v45 .use-case-summary-icon-v44 img,
.use-case-intelligence-v45 .use-case-summary-production-v45 .use-case-summary-icon-v44 img,
.use-case-intelligence-v45 .use-case-summary-growth-v45 .use-case-summary-icon-v44 img {
  filter:
    brightness(0)
    saturate(100%)
    invert(55%)
    sepia(95%)
    saturate(4787%)
    hue-rotate(276deg)
    brightness(111%)
    contrast(102%)
    drop-shadow(0 5px 8px rgba(238, 82, 255, .34));
}

@media (min-width: 981px) {
  .use-case-intelligence-v45 .use-case-intelligence-grid-v44 article {
    grid-template-columns: 42px minmax(0, 220px);
    justify-content: center;
    gap: 14px;
    padding-inline: 14px;
  }
}


/* Landing page v50: engine-native readability, one-line ownership, wider cinematic art, and frosted transition polish. */
.engines-section-v50 {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 34%, rgba(159, 63, 255, .11), transparent 29%),
    radial-gradient(circle at 84% 38%, rgba(24, 193, 224, .09), transparent 30%),
    linear-gradient(180deg, rgba(4, 2, 12, .96), rgba(5, 3, 15, .985));
}

.engines-section-v50::before,
.engines-section-v50::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(70px);
  opacity: .55;
}

.engines-section-v50::before {
  width: 330px;
  height: 330px;
  left: -150px;
  top: 26%;
  background: rgba(155, 62, 255, .14);
}

.engines-section-v50::after {
  width: 360px;
  height: 360px;
  right: -180px;
  top: 30%;
  background: rgba(24, 192, 222, .11);
}

.engines-section-v50 .engines-shell-v49 {
  width: min(1440px, calc(100vw - 44px));
}

.engines-section-v50 .engine-heading-v49 {
  max-width: none;
  margin-bottom: 32px;
}

.engines-section-v50 .engine-heading-v49 h2 {
  white-space: nowrap;
  font-size: clamp(38px, 3.55vw, 58px);
  line-height: 1;
  letter-spacing: -.046em;
  text-wrap: nowrap;
}

.engines-section-v50 .engine-heading-v49 > p:last-child {
  font-size: 16px;
  letter-spacing: .005em;
}

.engines-section-v50 .engine-native-grid-v49 {
  gap: 18px;
}

.engines-section-v50 .engine-native-panel-v49 {
  min-height: 632px;
  border-color: rgba(190, 117, 255, .58);
  box-shadow:
    inset 0 1px rgba(255,255,255,.085),
    inset 0 0 64px rgba(139, 55, 255, .08),
    0 30px 80px rgba(0,0,0,.44),
    0 0 42px rgba(151, 61, 255, .08);
}

.engines-section-v50 .engine-native-unity-v49 {
  border-color: rgba(45, 213, 235, .52);
  box-shadow:
    inset 0 1px rgba(255,255,255,.075),
    inset 0 0 64px rgba(0, 188, 219, .07),
    0 30px 80px rgba(0,0,0,.44),
    0 0 42px rgba(0, 190, 218, .07);
}

.engines-section-v50 .engine-native-unreal-v49 {
  grid-template-columns: minmax(0, .98fr) minmax(354px, 1.02fr);
}

.engines-section-v50 .engine-native-unity-v49 {
  grid-template-columns: minmax(354px, 1.02fr) minmax(0, .98fr);
}

.engines-section-v50 .engine-native-art-v49 {
  isolation: isolate;
  transform-origin: center;
  filter: saturate(1.07) contrast(1.035);
}

.engines-section-v50 .engine-native-art-v49::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 17% 74%, rgba(2,1,9,.7)),
    radial-gradient(circle at 46% 28%, rgba(255,255,255,.08), transparent 34%);
  mix-blend-mode: screen;
  opacity: .62;
}

.engines-section-v50 .engine-native-art-v49::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -3%;
  bottom: -3%;
  width: 150px;
  pointer-events: none;
  backdrop-filter: blur(9px) saturate(1.12);
  -webkit-backdrop-filter: blur(9px) saturate(1.12);
}

.engines-section-v50 .engine-native-art-unreal-v49 {
  background-image: url("/assets/icon6/ue5_background.jpg");
  background-position: 48% center;
  -webkit-mask-image: none;
  mask-image: none;
}

.engines-section-v50 .engine-native-art-unreal-v49::after {
  right: -42px;
  background: linear-gradient(90deg, transparent, rgba(10, 4, 23, .58) 46%, rgba(8, 4, 19, .97));
}

.engines-section-v50 .engine-native-art-unity-v49 {
  background-image: url("/assets/icon6/unity_background.jpg");
  background-position: 52% center;
  -webkit-mask-image: none;
  mask-image: none;
}

.engines-section-v50 .engine-native-art-unity-v49::after {
  left: -42px;
  background: linear-gradient(270deg, transparent, rgba(3, 17, 28, .58) 46%, rgba(3, 10, 18, .97));
}

.engines-section-v50 .engine-native-content-v49 {
  padding: 27px 26px 24px;
  background: linear-gradient(90deg, rgba(10, 4, 23, .58), rgba(9, 4, 21, .9) 18%, rgba(8, 4, 19, .975));
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

.engines-section-v50 .engine-native-unity-v49 .engine-native-content-v49 {
  background: linear-gradient(270deg, rgba(3, 18, 29, .57), rgba(3, 14, 24, .91) 18%, rgba(3, 10, 18, .98));
}

.engines-section-v50 .engine-native-brand-v49 {
  justify-content: center;
  min-height: 58px;
  margin-bottom: 14px;
}

.engines-section-v50 .engine-native-brand-mark-v49 {
  width: 56px;
  height: 56px;
}

.engines-section-v50 .engine-native-brand-mark-v49 img {
  display: block;
  width: 38px;
  height: 38px;
  margin: auto;
  object-position: center;
}

.engines-section-v50 .engine-native-brand-v49 strong {
  white-space: nowrap;
  font-size: 27px;
  line-height: 1;
  letter-spacing: -.03em;
}

.engines-section-v50 .engine-native-feature-list-v49 {
  gap: 2px;
}

.engines-section-v50 .engine-native-feature-v49 {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  min-height: 57px;
  padding: 5px 7px 5px 0;
  border-radius: 12px;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.engines-section-v50 .engine-native-feature-v49:hover {
  transform: translateX(3px);
  background: linear-gradient(90deg, rgba(168, 73, 255, .075), transparent 92%);
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.engines-section-v50 .engine-native-unity-v49 .engine-native-feature-v49:hover {
  background: linear-gradient(90deg, rgba(31, 202, 229, .07), transparent 92%);
}

.engines-section-v50 .engine-native-feature-v49::after {
  left: 56px;
}

.engines-section-v50 .engine-native-feature-icon-v49 {
  place-self: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
}

.engines-section-v50 .engine-native-feature-icon-v49 img {
  display: block;
  width: 29px;
  height: 29px;
  margin: auto;
  object-fit: contain;
  object-position: center;
  transform-origin: center;
}

.engines-section-v50 .engine-native-feature-v49 strong {
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 1.12;
}

.engines-section-v50 .engine-native-feature-v49 span {
  max-width: 36em;
  color: #b8adbf;
  font-size: 12px;
  line-height: 1.38;
}

.engines-section-v50 .engine-native-footer-v49 {
  min-height: 102px;
  margin-top: 15px;
  border-color: rgba(176, 102, 255, .32);
  background:
    linear-gradient(110deg, rgba(255,255,255,.028), transparent 17% 82%, rgba(255,255,255,.02)),
    radial-gradient(circle at 82% 50%, rgba(19, 150, 190, .12), transparent 27%),
    radial-gradient(circle at 12% 50%, rgba(165, 62, 255, .12), transparent 24%),
    linear-gradient(135deg, rgba(21, 9, 40, .88), rgba(5, 4, 16, .97));
  box-shadow: inset 0 1px rgba(255,255,255,.065), 0 22px 54px rgba(0,0,0,.34);
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
}

@media (max-width: 1320px) {
  .engines-section-v50 .engine-heading-v49 h2 {
    font-size: clamp(35px, 3.45vw, 48px);
  }

  .engines-section-v50 .engine-native-unreal-v49,
  .engines-section-v50 .engine-native-unity-v49 {
    grid-template-columns: minmax(0, .9fr) minmax(338px, 1.1fr);
  }

  .engines-section-v50 .engine-native-unity-v49 {
    grid-template-columns: minmax(338px, 1.1fr) minmax(0, .9fr);
  }
}

@media (max-width: 1040px) {
  .engines-section-v50 .engine-heading-v49 h2 {
    white-space: normal;
    text-wrap: balance;
  }

  .engines-section-v50 .engine-native-unreal-v49,
  .engines-section-v50 .engine-native-unity-v49 {
    grid-template-columns: minmax(230px, .78fr) minmax(355px, 1.22fr);
  }

  .engines-section-v50 .engine-native-unity-v49 {
    grid-template-columns: minmax(355px, 1.22fr) minmax(230px, .78fr);
  }
}

@media (max-width: 700px) {
  .engines-section-v50 .engines-shell-v49 {
    width: var(--shell);
  }

  .engines-section-v50 .engine-heading-v49 h2 {
    white-space: normal;
    font-size: clamp(33px, 10vw, 47px);
  }

  .engines-section-v50 .engine-native-content-v49,
  .engines-section-v50 .engine-native-unity-v49 .engine-native-content-v49 {
    padding: 24px 18px 26px;
  }

  .engines-section-v50 .engine-native-brand-v49 {
    justify-content: flex-start;
  }

  .engines-section-v50 .engine-native-feature-v49 {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
  }

  .engines-section-v50 .engine-native-feature-v49 strong {
    font-size: 14px;
  }

  .engines-section-v50 .engine-native-feature-v49 span {
    font-size: 11.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engines-section-v50 .engine-native-feature-v49 {
    transition: none !important;
  }

  .engines-section-v50 .engine-native-feature-v49:hover {
    transform: none !important;
  }
}

@media (max-width: 700px) {
  .engines-section-v50 .engine-native-art-v49::after {
    top: auto;
    right: 0;
    bottom: -1px;
    left: 0;
    width: auto;
    height: 120px;
    backdrop-filter: blur(5px) saturate(1.08);
    -webkit-backdrop-filter: blur(5px) saturate(1.08);
  }

  .engines-section-v50 .engine-native-art-unreal-v49::after {
    background: linear-gradient(180deg, transparent, rgba(8, 4, 19, .97));
  }

  .engines-section-v50 .engine-native-art-unity-v49::after {
    background: linear-gradient(180deg, transparent, rgba(3, 10, 18, .97));
  }
}

/* Landing page v51: rebalance engine artwork, replace the transition smudge with a long gradient, and unify both owners under a restrained tinted-glass veil. */
.engines-section-v51 .engine-native-panel-v49 {
  background:
    linear-gradient(145deg, rgba(23, 9, 42, .88), rgba(5, 3, 15, .985));
}

.engines-section-v51 .engine-native-unity-v49 {
  background:
    linear-gradient(145deg, rgba(4, 27, 39, .88), rgba(3, 8, 17, .99));
}

.engines-section-v51 .engine-native-panel-v49::after {
  opacity: .84;
  background:
    linear-gradient(112deg, rgba(255,255,255,.06), transparent 15% 80%, rgba(255,255,255,.025)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(184, 96, 255, .1), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 48%, rgba(0,0,0,.12));
  backdrop-filter: saturate(1.08);
  -webkit-backdrop-filter: saturate(1.08);
}

.engines-section-v51 .engine-native-unity-v49::after {
  background:
    linear-gradient(112deg, rgba(255,255,255,.055), transparent 15% 80%, rgba(255,255,255,.023)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(45, 210, 234, .09), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 48%, rgba(0,0,0,.12));
}

.engines-section-v51 .engine-native-art-v49 {
  background-repeat: no-repeat;
  background-color: #0b0613;
  filter: none;
}

.engines-section-v51 .engine-native-art-unreal-v49 {
  background-image:
    linear-gradient(180deg, rgba(13, 5, 27, .14), rgba(10, 4, 22, .24) 58%, rgba(7, 3, 17, .72)),
    linear-gradient(90deg, rgba(112, 45, 178, .1), transparent 48%),
    url("/assets/icon6/ue5_background.jpg");
  background-size: 100% 100%, 100% 100%, auto 92%;
  background-position: center, center, 54% 56%;
}

.engines-section-v51 .engine-native-art-unity-v49 {
  background-color: #04111a;
  background-image:
    linear-gradient(180deg, rgba(2, 17, 27, .08), rgba(2, 16, 26, .16) 58%, rgba(2, 10, 18, .62)),
    linear-gradient(270deg, rgba(24, 176, 204, .08), transparent 48%),
    url("/assets/icon6/unity_background.jpg");
  background-size: 100% 100%, 100% 100%, auto 108%;
  background-position: center, center, 52% 55%;
}

.engines-section-v51 .engine-native-art-v49::before {
  inset: 0;
  opacity: .42;
  background:
    linear-gradient(125deg, rgba(255,255,255,.075), transparent 25% 72%, rgba(255,255,255,.018));
  mix-blend-mode: screen;
  backdrop-filter: blur(1.5px) saturate(1.06);
  -webkit-backdrop-filter: blur(1.5px) saturate(1.06);
}

.engines-section-v51 .engine-native-art-v49::after {
  top: 0;
  bottom: 0;
  width: 68%;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.engines-section-v51 .engine-native-art-unreal-v49::after {
  right: -1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(10, 4, 23, .12) 24%,
    rgba(9, 4, 21, .52) 58%,
    rgba(8, 4, 19, .94) 88%,
    rgba(8, 4, 19, .99) 100%);
}

.engines-section-v51 .engine-native-art-unity-v49::after {
  left: -1px;
  background: linear-gradient(270deg,
    transparent 0%,
    rgba(3, 18, 29, .1) 24%,
    rgba(3, 15, 25, .5) 58%,
    rgba(3, 11, 19, .94) 88%,
    rgba(3, 10, 18, .99) 100%);
}

.engines-section-v51 .engine-native-content-v49 {
  display: flex;
  flex-direction: column;
  padding-inline: 28px;
  background: linear-gradient(90deg, rgba(10, 4, 23, .66), rgba(9, 4, 21, .94) 22%, rgba(8, 4, 19, .985));
  box-shadow: -34px 0 64px rgba(8, 4, 19, .58);
  backdrop-filter: blur(5px) saturate(1.06);
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
}

.engines-section-v51 .engine-native-unity-v49 .engine-native-content-v49 {
  background: linear-gradient(270deg, rgba(3, 18, 29, .64), rgba(3, 14, 24, .94) 22%, rgba(3, 10, 18, .988));
  box-shadow: 34px 0 64px rgba(3, 10, 18, .58);
}

.engines-section-v51 .engine-native-feature-list-v49 {
  flex: 1 1 auto;
}

.engines-section-v51 .engine-native-unity-v49 .engine-native-feature-v49 {
  min-height: 64px;
}

@media (min-width: 981px) {
  .engines-section-v51 .engine-native-unreal-v49 {
    grid-template-columns: minmax(235px, .78fr) minmax(390px, 1.22fr);
  }

  .engines-section-v51 .engine-native-unity-v49 {
    grid-template-columns: minmax(390px, 1.22fr) minmax(235px, .78fr);
  }
}

@media (max-width: 1180px) and (min-width: 981px) {
  .engines-section-v51 .engine-native-unreal-v49 {
    grid-template-columns: minmax(230px, .76fr) minmax(370px, 1.24fr);
  }

  .engines-section-v51 .engine-native-unity-v49 {
    grid-template-columns: minmax(370px, 1.24fr) minmax(230px, .76fr);
  }
}

@media (max-width: 980px) and (min-width: 701px) {
  .engines-section-v51 .engine-native-unreal-v49 {
    grid-template-columns: minmax(250px, .76fr) minmax(390px, 1.24fr);
  }

  .engines-section-v51 .engine-native-unity-v49 {
    grid-template-columns: minmax(390px, 1.24fr) minmax(250px, .76fr);
  }
}

@media (max-width: 700px) {
  .engines-section-v51 .engine-native-art-unreal-v49,
  .engines-section-v51 .engine-native-art-unity-v49 {
    background-size: 100% 100%, 100% 100%, cover;
    background-position: center, center, center 45%;
  }

  .engines-section-v51 .engine-native-content-v49,
  .engines-section-v51 .engine-native-unity-v49 .engine-native-content-v49 {
    box-shadow: 0 -28px 58px rgba(5, 3, 15, .64);
    backdrop-filter: blur(4px) saturate(1.05);
    -webkit-backdrop-filter: blur(4px) saturate(1.05);
  }

  .engines-section-v51 .engine-native-unity-v49 .engine-native-feature-v49 {
    min-height: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engines-section-v51 .engine-native-art-v49 {
    transition: none !important;
  }
}


/* Landing page v52: fill the Unreal artwork owner, align both engine brands as the first capability row, hard-center every engine icon, and replace the footer crystal with the owner-supplied powerplant artwork. */
.engines-section-v52 .engine-native-art-unreal-v49 {
  background-size: 100% 100%, 100% 100%, cover;
  background-position: center, center, 56% 50%;
}

.engines-section-v52 .engine-native-content-v49,
.engines-section-v52 .engine-native-unity-v49 .engine-native-content-v49 {
  padding-top: 20px;
}

.engines-section-v52 .engine-native-brand-v49 {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  justify-content: stretch;
  gap: 12px;
  width: 100%;
  min-height: 57px;
  margin: 0 0 2px;
  padding: 5px 7px 5px 0;
  border-radius: 12px;
}

.engines-section-v52 .engine-native-brand-v49::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 56px;
  height: 1px;
  opacity: .5;
  background: linear-gradient(90deg, rgba(180, 103, 255, .2), transparent);
}

.engines-section-v52 .engine-native-unity-v49 .engine-native-brand-v49::after {
  background: linear-gradient(90deg, rgba(32, 200, 227, .18), transparent);
}

.engines-section-v52 .engine-native-brand-mark-v49,
.engines-section-v52 .engine-native-feature-icon-v49 {
  display: flex;
  align-items: center;
  justify-content: center;
  place-self: center;
  width: 42px;
  height: 42px;
  padding: 0;
  line-height: 0;
}

.engines-section-v52 .engine-native-brand-mark-v49 img,
.engines-section-v52 .engine-native-feature-icon-v49 img {
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0;
  object-fit: contain;
  object-position: 50% 50%;
  transform-origin: 50% 50%;
}

.engines-section-v52 .engine-native-brand-v49 strong {
  white-space: nowrap;
  font-size: 21px;
  line-height: 1;
  letter-spacing: -.025em;
}

.engines-section-v52 .engine-native-feature-list-v49 {
  align-content: start;
}

.engines-section-v52 .engine-native-footer-v49 {
  grid-template-columns: 118px minmax(0, 1fr) auto;
}

.engines-section-v52 .engine-native-footer-powerplant-v52 {
  width: 108px;
  height: 78px;
}

.engines-section-v52 .engine-native-footer-powerplant-v52::before {
  width: 94px;
  height: 70px;
  border-radius: 42%;
  background: radial-gradient(circle, rgba(198, 84, 255, .28), rgba(95, 48, 221, .08) 54%, transparent 76%);
}

.engines-section-v52 .engine-native-footer-powerplant-v52::after {
  box-shadow: -40px -14px 0 rgba(217, 157, 255, .6), 41px -20px 0 rgba(197, 125, 255, .55), 38px 22px 0 rgba(125, 227, 255, .45), -34px 25px 0 rgba(204, 128, 255, .44);
}

.engines-section-v52 .engine-native-footer-powerplant-v52 img {
  width: 104px;
  height: 76px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 16px rgba(174, 69, 255, .48)) drop-shadow(0 12px 18px rgba(0,0,0,.34));
}

@media (max-width: 700px) {
  .engines-section-v52 .engine-native-brand-v49 {
    grid-template-columns: 42px minmax(0, 1fr);
    justify-content: stretch;
  }

  .engines-section-v52 .engine-native-footer-v49 {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .engines-section-v52 .engine-native-footer-powerplant-v52 {
    width: 86px;
    height: 68px;
  }

  .engines-section-v52 .engine-native-footer-powerplant-v52 img {
    width: 84px;
    height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engines-section-v52 .engine-native-footer-powerplant-v52::before,
  .engines-section-v52 .engine-native-footer-powerplant-v52::after {
    animation: none !important;
  }
}

/* Landing page v55: two-line memory story title and background1 readability polish. */
.memory-compare-section-v55 .memory-story-v54 {
  background: #07020f;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, .52),
    0 0 0 1px rgba(180, 103, 255, .04),
    inset 0 1px rgba(255, 255, 255, .08),
    inset 0 -1px rgba(153, 72, 255, .12);
}

.memory-compare-section-v55 .memory-story-art-v54 {
  background-image: url("/assets/background1.png");
  background-size: cover;
  background-position: 58% 56%;
  filter: saturate(1.05) brightness(.86) contrast(1.08);
  transform: scale(1.025);
}

.memory-compare-section-v55 .memory-story-v54:hover .memory-story-art-v54 {
  transform: scale(1.055);
  filter: saturate(1.1) brightness(.91) contrast(1.08);
}

.memory-compare-section-v55 .memory-story-v54::before {
  z-index: 2;
  background:
    linear-gradient(180deg,
      rgba(5, 2, 13, .92) 0%,
      rgba(5, 2, 14, .79) 24%,
      rgba(7, 3, 17, .53) 48%,
      rgba(7, 3, 17, .18) 70%,
      rgba(5, 2, 13, .06) 88%,
      rgba(5, 2, 13, .14) 100%),
    linear-gradient(90deg,
      rgba(6, 2, 15, .96) 0%,
      rgba(6, 2, 15, .88) 30%,
      rgba(7, 3, 17, .62) 52%,
      rgba(7, 3, 17, .18) 76%,
      transparent 100%);
}

.memory-compare-section-v55 .memory-story-v54::after {
  opacity: .52;
  background:
    linear-gradient(105deg, transparent 0%, rgba(255,255,255,.055) 46%, transparent 65%) 0 0 / 44% 100% no-repeat,
    radial-gradient(circle at 76% 72%, rgba(172, 75, 255, .24), transparent 25%);
  mix-blend-mode: screen;
}

.memory-compare-section-v55 .memory-story-copy-v54 {
  max-width: 470px;
  padding: 40px 34px 30px;
  isolation: isolate;
}

.memory-compare-section-v55 .memory-story-copy-v54::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 14px -20px -8px -18px;
  pointer-events: none;
  border-radius: 28px;
  background:
    linear-gradient(110deg, rgba(9, 4, 21, .66), rgba(9, 4, 21, .24) 58%, transparent 88%);
  filter: blur(12px);
  opacity: .82;
}

.memory-compare-section-v55 .memory-story-copy-v54 h2 {
  max-width: none;
  margin-bottom: 13px;
  font-size: clamp(39px, 3.05vw, 50px);
  line-height: .98;
  letter-spacing: -.045em;
  white-space: nowrap;
  text-wrap: nowrap;
  text-shadow: 0 5px 24px rgba(0, 0, 0, .42);
}

.memory-compare-section-v55 .memory-story-copy-v54 h2 strong {
  display: block;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
  text-wrap: nowrap;
  filter: drop-shadow(0 0 18px rgba(183, 72, 255, .18));
}

.memory-compare-section-v55 .memory-title-rule-v54 {
  width: 124px;
  margin: 16px 0 20px;
}

.memory-compare-section-v55 .memory-story-copy-v54 > p:last-child {
  max-width: 420px;
  color: #d2c7dc;
  font-size: 13.5px;
  line-height: 1.62;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

.memory-compare-section-v55 .memory-story-shine-v54 {
  left: 69%;
  bottom: 6%;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(205, 118, 255, .34), rgba(129, 48, 255, .1) 38%, transparent 72%);
  box-shadow: none;
  filter: blur(15px);
  opacity: .55;
  animation: memoryBeaconV54 5.8s ease-in-out infinite;
}

@media (max-width: 1120px) {
  .memory-compare-section-v55 .memory-story-copy-v54 h2 {
    font-size: clamp(36px, 3.25vw, 45px);
  }
}

@media (max-width: 920px) {
  .memory-compare-section-v55 .memory-story-art-v54 {
    background-position: 58% 58%;
  }

  .memory-compare-section-v55 .memory-story-copy-v54 {
    max-width: 570px;
  }

  .memory-compare-section-v55 .memory-story-copy-v54 h2 {
    font-size: clamp(42px, 7.2vw, 55px);
  }
}

@media (max-width: 700px) {
  .memory-compare-section-v55 .memory-story-art-v54 {
    background-position: 62% 60%;
  }

  .memory-compare-section-v55 .memory-story-v54::before {
    background:
      linear-gradient(180deg, rgba(5, 2, 13, .9) 0%, rgba(5, 2, 13, .72) 45%, rgba(5, 2, 13, .16) 76%, rgba(5, 2, 13, .08) 100%),
      linear-gradient(90deg, rgba(7, 3, 17, .94), rgba(7, 3, 17, .46) 68%, transparent 100%);
  }

  .memory-compare-section-v55 .memory-story-copy-v54 {
    padding: 30px 24px;
  }

  .memory-compare-section-v55 .memory-story-copy-v54 h2 {
    font-size: clamp(35px, 9.3vw, 50px);
  }
}

@media (max-width: 480px) {
  .memory-compare-section-v55 .memory-story-copy-v54 h2,
  .memory-compare-section-v55 .memory-story-copy-v54 h2 strong {
    white-space: normal;
    text-wrap: balance;
  }
}

@media (prefers-reduced-motion: reduce) {
  .memory-compare-section-v55 .memory-story-art-v54,
  .memory-compare-section-v55 .memory-story-v54:hover .memory-story-art-v54 {
    transform: none !important;
    transition: none !important;
  }
}

/* Memory comparison v56: symmetrical header alignment */
@media (min-width: 701px) {
  .memory-compare-section-v55 .memory-versus-head-v54 {
    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
    gap: 0;
    min-height: 90px;
    padding: 8px 18px 12px;
  }

  .memory-compare-section-v55 .memory-side-head-v54 {
    display: grid;
    grid-template-columns: 54px minmax(0, max-content);
    align-items: center;
    column-gap: 14px;
    width: min(100%, 286px);
    min-height: 66px;
    padding: 8px 10px;
  }

  .memory-compare-section-v55 .memory-side-head-typical-v54 {
    justify-self: end;
    margin-right: 6px;
  }

  .memory-compare-section-v55 .memory-side-head-cradle-v54 {
    justify-self: start;
    margin-left: 6px;
  }

  .memory-compare-section-v55 .memory-side-head-v54 > div {
    display: grid;
    align-content: center;
    min-height: 46px;
  }

  .memory-compare-section-v55 .memory-side-head-v54 strong {
    margin: 0 0 5px;
    font-size: clamp(13px, 1.16vw, 16px);
    line-height: 1.05;
    white-space: nowrap;
  }

  .memory-compare-section-v55 .memory-side-head-v54 small {
    min-height: 27px;
    font-size: 10px;
    line-height: 1.35;
  }

  .memory-compare-section-v55 .memory-vs-badge-v54 {
    align-self: center;
  }
}

@media (min-width: 701px) and (max-width: 1120px) {
  .memory-compare-section-v55 .memory-versus-head-v54 {
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    padding-inline: 8px;
  }

  .memory-compare-section-v55 .memory-side-head-v54 {
    grid-template-columns: 48px minmax(0, max-content);
    column-gap: 10px;
    width: min(100%, 246px);
  }

  .memory-compare-section-v55 .memory-side-head-typical-v54 {
    margin-right: 2px;
  }

  .memory-compare-section-v55 .memory-side-head-cradle-v54 {
    margin-left: 2px;
  }

  .memory-compare-section-v55 .memory-head-icon-v54 {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .memory-compare-section-v55 .memory-head-icon-v54 img,
  .memory-compare-section-v55 .memory-side-head-cradle-v54 .memory-head-icon-v54 img {
    width: 39px;
    height: 39px;
  }
}


/* Memory comparison v57: align header owners with the comparison lanes below */
@media (min-width: 701px) {
  .memory-compare-section-v57 .memory-versus-head-v54 {
    grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr);
    gap: 7px;
    padding: 8px 0 12px;
  }

  .memory-compare-section-v57 .memory-side-head-v54 {
    grid-template-columns: 54px minmax(0, 1fr);
    width: 100%;
    min-height: 66px;
    padding: 8px 14px;
    justify-self: stretch;
    margin: 0;
  }

  .memory-compare-section-v57 .memory-side-head-typical-v54,
  .memory-compare-section-v57 .memory-side-head-cradle-v54 {
    justify-self: stretch;
    margin: 0;
  }

  .memory-compare-section-v57 .memory-side-head-v54 > div {
    justify-self: start;
    width: 100%;
  }
}

@media (min-width: 701px) and (max-width: 1120px) {
  .memory-compare-section-v57 .memory-versus-head-v54 {
    grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr);
    gap: 7px;
    padding-inline: 0;
  }

  .memory-compare-section-v57 .memory-side-head-v54 {
    grid-template-columns: 48px minmax(0, 1fr);
    width: 100%;
    padding-inline: 10px;
  }
}


/* Landing page v58: combined developer-proof and pricing section over a stationary sticky backdrop */
.commercial-section-v58 {
  position: relative;
  isolation: isolate;
  min-height: 1780px;
  overflow: clip;
  background: #04010b;
}

.commercial-sticky-background-v58 {
  position: sticky;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 16%, rgba(106, 42, 220, .26), transparent 28%),
    radial-gradient(circle at 86% 38%, rgba(221, 73, 255, .16), transparent 32%),
    linear-gradient(135deg, #05010d 0%, #0b0318 48%, #04010a 100%);
}

.commercial-sticky-background-v58::before,
.commercial-sticky-background-v58::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.commercial-sticky-background-v58::before {
  opacity: .17;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 50% 38%, #000 0 34%, transparent 82%);
}

.commercial-sticky-background-v58::after {
  background:
    linear-gradient(180deg, rgba(3,1,9,.18), rgba(3,1,9,.02) 25%, rgba(3,1,9,.28) 76%, rgba(3,1,9,.94)),
    linear-gradient(90deg, rgba(3,1,9,.58), transparent 22%, transparent 78%, rgba(3,1,9,.58));
}

.commercial-backdrop-crystal-v58 {
  position: absolute;
  width: 460px;
  height: 460px;
  opacity: .2;
  background: url("/assets/icon3/Crystal.webp") center / contain no-repeat;
  filter: saturate(1.25) brightness(1.02) drop-shadow(0 0 55px rgba(151, 68, 255, .72));
}

.commercial-backdrop-crystal-left-v58 {
  left: -118px;
  top: 40%;
  transform: translateY(-50%) rotate(-14deg);
}

.commercial-backdrop-crystal-right-v58 {
  right: -146px;
  top: 16%;
  transform: rotate(21deg) scale(.78);
  opacity: .12;
  filter: hue-rotate(22deg) saturate(1.35) brightness(.9) drop-shadow(0 0 58px rgba(238, 86, 255, .62));
}

.commercial-backdrop-orbit-v58 {
  position: absolute;
  border: 1px solid rgba(173, 105, 255, .16);
  border-radius: 50%;
  box-shadow: inset 0 0 54px rgba(133, 52, 255, .08), 0 0 44px rgba(133, 52, 255, .08);
}

.commercial-backdrop-orbit-one-v58 {
  left: -110px;
  top: 10%;
  width: 520px;
  height: 520px;
  transform: rotateX(68deg) rotateZ(14deg);
}

.commercial-backdrop-orbit-two-v58 {
  right: -170px;
  bottom: 5%;
  width: 620px;
  height: 620px;
  transform: rotateX(72deg) rotateZ(-18deg);
}

.commercial-backdrop-stars-v58 {
  position: absolute;
  inset: 0;
  opacity: .5;
  background-image:
    radial-gradient(circle at 14% 22%, rgba(255,255,255,.9) 0 1px, transparent 1.7px),
    radial-gradient(circle at 78% 18%, rgba(210,161,255,.8) 0 1px, transparent 1.8px),
    radial-gradient(circle at 65% 73%, rgba(239,103,255,.62) 0 1px, transparent 1.8px),
    radial-gradient(circle at 32% 66%, rgba(163,105,255,.72) 0 1px, transparent 1.7px);
  background-size: 190px 190px, 260px 260px, 220px 220px, 310px 310px;
}

.commercial-backdrop-vignette-v58 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 36%, rgba(2,0,7,.68) 100%);
}

.commercial-content-v58 {
  position: relative;
  z-index: 2;
  padding: 92px 0 120px;
}

.commercial-proof-heading-v58,
.commercial-pricing-heading-v58 {
  width: min(1040px, 100%);
  margin-inline: auto;
  text-align: center;
}

.commercial-proof-heading-v58 .eyebrow,
.commercial-pricing-heading-v58 .eyebrow {
  justify-content: center;
}

.commercial-proof-heading-v58 h2 {
  margin-bottom: 14px;
  font-size: clamp(42px, 4.4vw, 68px);
  line-height: .98;
}

.commercial-proof-heading-v58 > p:last-child,
.commercial-pricing-heading-v58 > p:last-child {
  max-width: 770px;
  margin: 0 auto;
  color: #b8aec8;
  font-size: 15px;
  line-height: 1.65;
}

.commercial-stats-grid-v58 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.commercial-stat-card-v58 {
  position: relative;
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 142px;
  padding: 20px;
  overflow: hidden;
  clip-path: polygon(14px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 12px 100%, 0 calc(100% - 12px), 0 14px);
  border: 1px solid rgba(171, 109, 255, .28);
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 28%),
    linear-gradient(130deg, rgba(31,13,63,.72), rgba(7,3,18,.86));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 20px 50px rgba(0,0,0,.3);
  backdrop-filter: blur(18px) saturate(1.16);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.commercial-stat-card-v58::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .66;
  background:
    radial-gradient(circle at var(--mx, 22%) var(--my, 30%), rgba(196, 103, 255, .22), transparent 34%),
    linear-gradient(100deg, transparent 34%, rgba(255,255,255,.045) 50%, transparent 66%);
}

.commercial-stat-card-v58:hover {
  transform: translateY(-6px);
  border-color: rgba(219, 139, 255, .58);
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 28px 64px rgba(0,0,0,.4), 0 0 34px rgba(139,52,255,.17);
}

.commercial-stat-icon-v58 {
  position: relative;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(190, 116, 255, .38);
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 34%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(145deg, rgba(121,41,229,.32), rgba(20,7,48,.62));
  box-shadow: inset 0 0 22px rgba(183,101,255,.18), 0 0 28px rgba(135,48,255,.27);
}

.commercial-stat-icon-v58::before,
.commercial-stat-icon-v58::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(167, 91, 255, .28);
  border-radius: 50%;
}

.commercial-stat-icon-v58::before { inset: -8px; }
.commercial-stat-icon-v58::after { inset: -15px; opacity: .36; }

.commercial-stat-icon-v58 img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: brightness(0) invert(1) sepia(.1) saturate(5) hue-rotate(225deg) drop-shadow(0 0 10px rgba(198,112,255,.78));
}

.commercial-stat-card-v58 > div {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.commercial-stat-card-v58 strong {
  display: block;
  margin-bottom: 4px;
  color: #f7efff;
  font-size: clamp(27px, 2.1vw, 36px);
  line-height: 1;
}

.commercial-stat-card-v58 b {
  display: block;
  color: #c678ff;
  font-size: 10px;
  letter-spacing: .1em;
}

.commercial-stat-card-v58 small {
  display: block;
  margin-top: 8px;
  color: #9d91ae;
  font-size: 9px;
  line-height: 1.45;
}

.commercial-pricing-heading-v58 {
  margin-top: 92px;
  margin-bottom: 38px;
}

.commercial-pricing-heading-v58 h2 {
  margin-bottom: 15px;
  font-size: clamp(40px, 4.1vw, 64px);
}

.commercial-pricing-grid-v58 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.commercial-pricing-card-v58 {
  --tier-rgb: 130, 76, 255;
  --tier-solid: #8e55ff;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 670px;
  padding: 24px 20px 18px;
  overflow: visible;
  clip-path: polygon(16px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 14px 100%, 0 calc(100% - 14px), 0 16px);
  border: 1px solid rgba(var(--tier-rgb), .34);
  background:
    radial-gradient(circle at 50% 5%, rgba(var(--tier-rgb), .20), transparent 27%),
    linear-gradient(145deg, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(160deg, rgba(20,9,41,.92), rgba(5,2,14,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 24px 64px rgba(0,0,0,.38), 0 0 24px rgba(var(--tier-rgb), .08);
  backdrop-filter: blur(20px) saturate(1.14);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.commercial-pricing-card-v58::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 28%, rgba(255,255,255,.055) 43%, transparent 58%),
    radial-gradient(circle at var(--mx, 50%) var(--my, 22%), rgba(var(--tier-rgb), .16), transparent 36%);
}

.commercial-pricing-card-v58:hover {
  transform: translateY(-8px);
  border-color: rgba(var(--tier-rgb), .7);
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 34px 80px rgba(0,0,0,.48), 0 0 42px rgba(var(--tier-rgb), .18);
}

.commercial-tier-initiate-v58 { --tier-rgb: 67, 138, 255; --tier-solid: #55a4ff; }
.commercial-tier-acolyte-v58 { --tier-rgb: 207, 83, 255; --tier-solid: #d66aff; }
.commercial-tier-prophet-v58 { --tier-rgb: 150, 72, 255; --tier-solid: #9c55ff; border-color: rgba(197,121,255,.78); box-shadow: inset 0 1px rgba(255,255,255,.1), 0 30px 88px rgba(0,0,0,.5), 0 0 36px rgba(143,55,255,.27); }
.commercial-tier-avatar-v58 { --tier-rgb: 255, 145, 52; --tier-solid: #ff9c3d; }

.commercial-tier-top-v58 {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 98px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(var(--tier-rgb), .18);
}

.commercial-tier-crystal-v58 {
  position: relative;
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--tier-rgb), .18), transparent 66%);
}

.commercial-tier-crystal-v58::before,
.commercial-tier-crystal-v58::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(var(--tier-rgb), .28);
  border-radius: 50%;
}

.commercial-tier-crystal-v58::before { inset: 4px; }
.commercial-tier-crystal-v58::after { inset: -4px; opacity: .45; }

.commercial-tier-crystal-v58 img {
  width: 66px;
  height: 66px;
  object-fit: contain;
  filter: hue-rotate(var(--tier-hue, 0deg)) saturate(1.35) brightness(1.08) drop-shadow(0 0 14px rgba(var(--tier-rgb), .78));
}

.commercial-tier-initiate-v58 .commercial-tier-crystal-v58 img { --tier-hue: 120deg; }
.commercial-tier-acolyte-v58 .commercial-tier-crystal-v58 img { --tier-hue: 20deg; }
.commercial-tier-prophet-v58 .commercial-tier-crystal-v58 img { --tier-hue: 0deg; }
.commercial-tier-avatar-v58 .commercial-tier-crystal-v58 img { --tier-hue: 285deg; saturate: 1.55; }

.commercial-tier-label-v58 {
  display: block;
  margin-bottom: 5px;
  color: var(--tier-solid);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

.commercial-tier-top-v58 h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 22px;
}

.commercial-tier-top-v58 p {
  margin: 0;
  color: #a99db8;
  font-size: 10px;
  line-height: 1.45;
}

.commercial-price-v58 {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  margin-top: 22px;
}

.commercial-price-v58 strong {
  color: #fff;
  font-size: 37px;
  line-height: .95;
}

.commercial-price-v58 span {
  color: #9b8da8;
  font-size: 11px;
}

.commercial-mission-count-v58 {
  margin: 9px 0 15px;
  color: #b9adc4;
  font-size: 11px;
}

.commercial-mission-count-v58 strong { color: var(--tier-solid); }

.commercial-pricing-card-v58 ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.commercial-pricing-card-v58 li {
  position: relative;
  padding: 7px 0 7px 18px;
  border-top: 1px solid rgba(var(--tier-rgb), .1);
  color: #c9bfd2;
  font-size: 10px;
  line-height: 1.35;
}

.commercial-pricing-card-v58 li::before {
  content: "✦";
  position: absolute;
  left: 1px;
  top: 7px;
  color: var(--tier-solid);
  text-shadow: 0 0 10px rgba(var(--tier-rgb), .72);
}

.commercial-tier-button-v58 {
  width: 100%;
  min-height: 42px;
  margin-top: 18px;
  color: #fff;
  border-color: rgba(var(--tier-rgb), .52);
  background: linear-gradient(135deg, rgba(var(--tier-rgb), .28), rgba(var(--tier-rgb), .64));
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 0 20px rgba(var(--tier-rgb), .12);
}

.commercial-tier-button-v58:hover {
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.28), 0 0 26px rgba(var(--tier-rgb), .28);
}

.commercial-card-note-v58 {
  display: block;
  margin-top: 7px;
  color: #7f7388;
  text-align: center;
  font-size: 8px;
}

.commercial-popular-badge-v58 {
  position: absolute;
  left: 50%;
  top: -15px;
  z-index: 4;
  min-width: 126px;
  padding: 7px 13px;
  transform: translateX(-50%);
  border: 1px solid rgba(222,170,255,.55);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #7735e9, #d350ff);
  box-shadow: 0 0 24px rgba(162,72,255,.58);
  text-align: center;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}

@media (max-width: 1120px) {
  .commercial-section-v58 { min-height: 2280px; }
  .commercial-stats-grid-v58 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-pricing-grid-v58 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .commercial-pricing-card-v58 { min-height: 620px; }
}

@media (max-width: 720px) {
  .commercial-section-v58 { min-height: auto; }
  .commercial-sticky-background-v58 {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    margin: 0;
  }
  .commercial-content-v58 { padding: 76px 0 88px; }
  .commercial-proof-heading-v58 h2,
  .commercial-pricing-heading-v58 h2 { font-size: clamp(36px, 11vw, 52px); }
  .commercial-stats-grid-v58,
  .commercial-pricing-grid-v58 { grid-template-columns: 1fr; }
  .commercial-stat-card-v58 { grid-template-columns: 68px 1fr; }
  .commercial-pricing-heading-v58 { margin-top: 70px; }
  .commercial-pricing-card-v58 { min-height: auto; }
  .commercial-backdrop-crystal-v58 { width: 320px; height: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-stat-card-v58,
  .commercial-pricing-card-v58,
  .commercial-tier-button-v58 {
    transition: none !important;
  }
  .commercial-stat-card-v58:hover,
  .commercial-pricing-card-v58:hover,
  .commercial-tier-button-v58:hover {
    transform: none !important;
  }
}


/* Landing page v59: single-line commercial headings, premium owner tier cards, and the owner-supplied engine/crystal stage. */
.commercial-section-v58[data-commercial-version="59"] .commercial-proof-heading-v58,
.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-heading-v58 {
  width: min(1380px, 100%);
}

@media (min-width: 981px) {
  .commercial-section-v58[data-commercial-version="59"] .commercial-proof-heading-v58 h2,
  .commercial-section-v58[data-commercial-version="59"] .commercial-pricing-heading-v58 h2 {
    max-width: none;
    white-space: nowrap;
    text-wrap: nowrap;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-proof-heading-v58 h2 {
    font-size: clamp(43px, 3.45vw, 58px);
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-pricing-heading-v58 h2 {
    font-size: clamp(41px, 3.2vw, 55px);
  }
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-heading-v58 {
  margin-top: 76px;
  margin-bottom: 34px;
}

.commercial-engine-stage-v59 {
  position: absolute;
  z-index: 1;
  left: clamp(-118px, -4vw, -38px);
  top: 86px;
  width: clamp(360px, 29vw, 540px);
  height: clamp(290px, 24vw, 430px);
  pointer-events: none;
  opacity: .86;
  transform: translateZ(0);
  mask-image: linear-gradient(105deg, #000 0 68%, rgba(0,0,0,.48) 83%, transparent 100%), linear-gradient(180deg, #000 0 80%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(105deg, #000 0 68%, rgba(0,0,0,.48) 83%, transparent 100%), linear-gradient(180deg, #000 0 80%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.commercial-engine-base-v59,
.commercial-engine-crystal-v59 {
  position: absolute;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.commercial-engine-base-v59 {
  left: 0;
  bottom: 0;
  width: 92%;
  height: 82%;
  opacity: .62;
  filter: saturate(1.12) brightness(.78) contrast(1.08) drop-shadow(0 28px 44px rgba(0,0,0,.5));
  mix-blend-mode: screen;
}

.commercial-engine-aura-v59 {
  position: absolute;
  left: 29%;
  top: 15%;
  width: 42%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(219,121,255,.56), rgba(126,57,255,.22) 34%, transparent 72%);
  filter: blur(16px);
  opacity: .82;
  animation: commercialEngineAuraV59 4.8s ease-in-out infinite;
}

.commercial-engine-crystal-v59 {
  left: 29%;
  top: 3%;
  width: 42%;
  height: 58%;
  transform-origin: 50% 64%;
  filter: saturate(1.2) brightness(1.08) drop-shadow(0 0 18px rgba(215,125,255,.74)) drop-shadow(0 26px 34px rgba(18,3,35,.7));
  animation: commercialEngineFloatV59 5.2s ease-in-out infinite;
}

.commercial-engine-spark-v59 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f3d5ff;
  box-shadow: 0 0 9px #db8aff, 0 0 18px rgba(155,77,255,.85);
  animation: commercialEngineSparkV59 2.8s ease-in-out infinite;
}

.commercial-engine-spark-v59::before,
.commercial-engine-spark-v59::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 1px;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, transparent, rgba(240,209,255,.9), transparent);
}

.commercial-engine-spark-v59::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.commercial-engine-spark-a-v59 { left: 20%; top: 23%; animation-delay: -.2s; }
.commercial-engine-spark-b-v59 { left: 64%; top: 17%; animation-delay: -.9s; }
.commercial-engine-spark-c-v59 { left: 70%; top: 47%; animation-delay: -1.6s; }
.commercial-engine-spark-d-v59 { left: 32%; top: 56%; animation-delay: -2.1s; }

@keyframes commercialEngineFloatV59 {
  0%, 100% { transform: translateY(0) rotateY(-4deg) rotateZ(-1deg); }
  50% { transform: translateY(-12px) rotateY(5deg) rotateZ(1deg); }
}

@keyframes commercialEngineAuraV59 {
  0%, 100% { transform: scale(.92); opacity: .58; }
  50% { transform: scale(1.08); opacity: .92; }
}

@keyframes commercialEngineSparkV59 {
  0%, 100% { transform: scale(.45) rotate(0deg); opacity: .2; }
  48% { transform: scale(1.08) rotate(45deg); opacity: 1; }
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-grid-v58 {
  gap: 16px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58 {
  min-height: 716px;
  padding: 26px 22px 18px;
  border-color: rgba(var(--tier-rgb), .42);
  background:
    radial-gradient(circle at 24% 5%, rgba(var(--tier-rgb), .25), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.075), transparent 23%),
    linear-gradient(160deg, rgba(22,10,45,.94), rgba(5,2,14,.97));
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    inset 0 -1px rgba(var(--tier-rgb), .12),
    0 26px 70px rgba(0,0,0,.42),
    0 0 32px rgba(var(--tier-rgb), .1);
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  pointer-events: none;
  clip-path: inherit;
  background:
    linear-gradient(112deg, rgba(255,255,255,.08), transparent 18% 72%, rgba(var(--tier-rgb), .055)),
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(255,255,255,.012) 55px 56px);
  opacity: .72;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 {
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 132px;
  padding-bottom: 20px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 {
  width: 116px;
  height: 116px;
  margin-left: -4px;
  overflow: visible;
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 48%, rgba(var(--tier-rgb), .24), transparent 58%),
    linear-gradient(145deg, rgba(255,255,255,.05), transparent 54%);
  filter: drop-shadow(0 18px 20px rgba(0,0,0,.38));
  animation: commercialTierFloatV59 5.6s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58::before {
  inset: 5px;
  border-color: rgba(var(--tier-rgb), .22);
  border-radius: 28px;
  box-shadow: inset 0 0 28px rgba(var(--tier-rgb), .12), 0 0 30px rgba(var(--tier-rgb), .14);
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58::after {
  inset: -8px;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--tier-rgb), .26), transparent 68%);
  filter: blur(8px);
  opacity: .7;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 img {
  position: relative;
  z-index: 2;
  width: 136px;
  height: 136px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: scale(1.08);
  filter: saturate(1.08) brightness(1.06) drop-shadow(0 0 18px rgba(var(--tier-rgb), .7));
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-acolyte-v58 .commercial-tier-crystal-v58 { animation-delay: -.7s; }
.commercial-section-v58[data-commercial-version="59"] .commercial-tier-prophet-v58 .commercial-tier-crystal-v58 { animation-delay: -1.3s; }
.commercial-section-v58[data-commercial-version="59"] .commercial-tier-avatar-v58 .commercial-tier-crystal-v58 { animation-delay: -2s; }

@keyframes commercialTierFloatV59 {
  0%, 100% { transform: translateY(0) rotateZ(-1deg); }
  50% { transform: translateY(-7px) rotateZ(1deg); }
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-label-v58 {
  margin-bottom: 7px;
  font-size: 11px;
  letter-spacing: .15em;
  text-shadow: 0 0 14px rgba(var(--tier-rgb), .42);
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 h3 {
  margin-bottom: 7px;
  font-size: clamp(23px, 1.75vw, 29px);
  line-height: 1.02;
  letter-spacing: -.025em;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 p {
  color: #c0b4ca;
  font-size: 12px;
  line-height: 1.48;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-price-v58 {
  margin-top: 24px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-price-v58 strong {
  font-size: 42px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-price-v58 span,
.commercial-section-v58[data-commercial-version="59"] .commercial-mission-count-v58 {
  font-size: 12px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-mission-count-v58 {
  margin: 10px 0 16px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58 li {
  padding: 8px 0 8px 19px;
  color: #d4c9dc;
  font-size: 11.5px;
  line-height: 1.38;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58 li::before {
  top: 8px;
  font-size: 10px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-tier-button-v58 {
  min-height: 46px;
  font-size: 14px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-card-note-v58 {
  font-size: 9px;
}

.commercial-section-v58[data-commercial-version="59"] .commercial-popular-badge-v58 {
  top: -16px;
  min-width: 144px;
  padding: 8px 15px;
  font-size: 9px;
}

@media (max-width: 1280px) and (min-width: 981px) {
  .commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58 {
    padding-inline: 17px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 {
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 12px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 {
    width: 118px;
    height: 118px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 img {
    width: 116px;
    height: 116px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 h3 {
    font-size: 22px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 p {
    font-size: 11px;
  }
}

@media (max-width: 980px) {
  .commercial-engine-stage-v59 {
    left: -130px;
    top: 100px;
    opacity: .55;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-pricing-card-v58 {
    min-height: 650px;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-version="59"] .commercial-proof-heading-v58 h2,
  .commercial-section-v58[data-commercial-version="59"] .commercial-pricing-heading-v58 h2 {
    white-space: normal;
    text-wrap: balance;
  }

  .commercial-engine-stage-v59 {
    left: -158px;
    top: 92px;
    width: 360px;
    height: 290px;
    opacity: .38;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-top-v58 {
    grid-template-columns: 102px minmax(0, 1fr);
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 {
    width: 100px;
    height: 100px;
  }

  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 img {
    width: 96px;
    height: 96px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-engine-aura-v59,
  .commercial-engine-crystal-v59,
  .commercial-engine-spark-v59,
  .commercial-section-v58[data-commercial-version="59"] .commercial-tier-crystal-v58 {
    animation: none !important;
  }
}


/* Landing page v60: connect the commercial story, center the owner tier crystals, unclip the Prophet badge, and project the Cradle mark from the engine stage. */
.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-stage-v59 {
  left: clamp(-86px, -3.2vw, -28px);
  top: 62px;
  width: clamp(390px, 30vw, 560px);
  height: clamp(320px, 25vw, 455px);
  opacity: .94;
  -webkit-mask-image:
    linear-gradient(96deg, #000 0 82%, rgba(0,0,0,.7) 91%, transparent 100%),
    linear-gradient(180deg, #000 0 90%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(96deg, #000 0 82%, rgba(0,0,0,.7) 91%, transparent 100%),
    linear-gradient(180deg, #000 0 90%, transparent 100%);
  mask-composite: intersect;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: -2%;
  width: 96%;
  height: 88%;
  transform: translateX(-50%);
  opacity: .72;
  filter:
    saturate(1.17)
    brightness(.76)
    contrast(1.1)
    drop-shadow(0 30px 48px rgba(0,0,0,.56))
    drop-shadow(0 0 24px rgba(113,56,214,.18));
}

.commercial-engine-projection-ring-v60 {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 28.5%;
  width: 31%;
  height: 9%;
  transform: translateX(-50%) rotateX(68deg);
  border: 2px solid rgba(218,154,255,.78);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(185,82,255,.32), rgba(118,51,255,.08) 48%, transparent 72%);
  box-shadow:
    0 0 12px rgba(232,180,255,.9),
    0 0 34px rgba(176,80,255,.72),
    inset 0 0 20px rgba(236,188,255,.42);
  animation: commercialEngineRingV60 3.4s ease-in-out infinite;
}

.commercial-engine-projection-ring-v60::before,
.commercial-engine-projection-ring-v60::after {
  content: "";
  position: absolute;
  inset: -10px -20px;
  border: 1px solid rgba(188,113,255,.46);
  border-radius: inherit;
  box-shadow: 0 0 18px rgba(151,69,255,.34);
}

.commercial-engine-projection-ring-v60::after {
  inset: -21px -38px;
  opacity: .46;
}

.commercial-engine-beam-v60 {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 7%;
  width: 31%;
  height: 25%;
  transform: translateX(-50%);
  clip-path: polygon(39% 0, 61% 0, 96% 100%, 4% 100%);
  background:
    linear-gradient(90deg, transparent, rgba(225,172,255,.2) 23%, rgba(246,222,255,.7) 50%, rgba(203,119,255,.22) 77%, transparent),
    linear-gradient(180deg, rgba(212,142,255,.1), rgba(158,65,255,.48) 72%, rgba(233,191,255,.72));
  filter: blur(1.2px) drop-shadow(0 0 18px rgba(194,101,255,.76));
  opacity: .78;
  animation: commercialEngineBeamV60 3.4s ease-in-out infinite;
}

.commercial-engine-beam-v60::before {
  content: "";
  position: absolute;
  inset: 0 42%;
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(226,173,255,.12));
  box-shadow: 0 0 16px rgba(244,218,255,.9);
}

.commercial-engine-particles-v60 {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 9%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f8e7ff;
  box-shadow:
    -42px 32px 0 0 rgba(221,153,255,.9),
    38px 54px 0 1px rgba(184,99,255,.82),
    -26px 92px 0 0 rgba(244,216,255,.75),
    47px 116px 0 0 rgba(212,128,255,.75),
    -54px 132px 0 1px rgba(170,83,255,.66),
    22px 148px 0 0 rgba(247,229,255,.82);
  filter: drop-shadow(0 0 7px rgba(212,134,255,.9));
  animation: commercialEngineParticlesV60 3.2s linear infinite;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-aura-v59 {
  z-index: 3;
  left: 50%;
  top: -2%;
  width: 42%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(233,178,255,.6), rgba(142,61,255,.28) 36%, transparent 72%);
  filter: blur(18px);
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-crystal-v59 {
  z-index: 4;
  left: 50%;
  top: -4%;
  width: 38%;
  height: 38%;
  transform-origin: 50% 70%;
  filter:
    saturate(1.28)
    brightness(1.12)
    drop-shadow(0 0 16px rgba(241,210,255,.76))
    drop-shadow(0 0 34px rgba(190,91,255,.76))
    drop-shadow(0 24px 34px rgba(18,3,35,.66));
  animation: commercialEngineFloatV60 5.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-spark-a-v59 { left: 31%; top: 11%; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-spark-b-v59 { left: 67%; top: 9%; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-spark-c-v59 { left: 72%; top: 31%; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-spark-d-v59 { left: 27%; top: 34%; }

@keyframes commercialEngineFloatV60 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-4deg) rotateZ(-1deg); }
  50% { transform: translateX(-50%) translateY(-13px) rotateY(5deg) rotateZ(1deg); }
}

@keyframes commercialEngineRingV60 {
  0%, 100% { transform: translateX(-50%) rotateX(68deg) scale(.88); opacity: .48; }
  50% { transform: translateX(-50%) rotateX(68deg) scale(1.08); opacity: 1; }
}

@keyframes commercialEngineBeamV60 {
  0%, 100% { opacity: .42; transform: translateX(-50%) scaleX(.78); }
  50% { opacity: .9; transform: translateX(-50%) scaleX(1.04); }
}

@keyframes commercialEngineParticlesV60 {
  0% { transform: translate(-50%, 96px) scale(.55); opacity: 0; }
  18% { opacity: 1; }
  78% { opacity: .8; }
  100% { transform: translate(-50%, -24px) scale(1.08); opacity: 0; }
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-pricing-heading-v58 {
  margin-top: 68px;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-pricing-grid-v58 {
  position: relative;
  gap: 15px;
  padding-top: 22px;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-acolyte-v58 { grid-column: 2; grid-row: 1; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-prophet-v58 { grid-column: 3; grid-row: 1; }
.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-avatar-v58 { grid-column: 4; grid-row: 1; }

.commercial-section-v58[data-commercial-polish="60"] .commercial-pricing-card-v58 {
  min-height: 772px;
  padding: 20px 21px 18px;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  min-height: 246px;
  padding: 0 4px 19px;
  text-align: center;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 > div {
  display: grid;
  justify-items: center;
  width: 100%;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 {
  width: 178px;
  height: 172px;
  margin: -12px auto 2px;
  border-radius: 48px;
  background:
    radial-gradient(circle at 50% 46%, rgba(var(--tier-rgb), .3), transparent 55%),
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 58%);
  filter: drop-shadow(0 22px 24px rgba(0,0,0,.42));
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58::before {
  inset: 8px 17px;
  border-radius: 42px;
  box-shadow:
    inset 0 0 34px rgba(var(--tier-rgb), .16),
    0 0 36px rgba(var(--tier-rgb), .18);
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58::after {
  inset: -4px 4px -12px;
  background: radial-gradient(ellipse, rgba(var(--tier-rgb), .34), transparent 68%);
  filter: blur(10px);
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 img {
  width: 150px;
  height: 205px;
  transform: translateY(-8px) scale(1.04);
  filter:
    hue-rotate(var(--tier-hue, 0deg))
    saturate(1.42)
    brightness(1.12)
    drop-shadow(0 0 18px rgba(var(--tier-rgb), .76))
    drop-shadow(0 16px 20px rgba(0,0,0,.34));
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-label-v58 {
  margin-bottom: 5px;
  font-size: 11px;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 h3 {
  margin-bottom: 6px;
  font-size: clamp(24px, 1.72vw, 29px);
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 p {
  max-width: 235px;
  margin-inline: auto;
  font-size: 12px;
}

.commercial-popular-badge-v60 {
  grid-column: 3;
  grid-row: 1;
  place-self: start center;
  position: relative;
  z-index: 12;
  min-width: 154px;
  margin-top: -1px;
  padding: 9px 17px;
  transform: translateY(-50%);
  border: 1px solid rgba(235,194,255,.78);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #7130e7, #d957ff);
  box-shadow:
    inset 0 1px rgba(255,255,255,.28),
    0 0 20px rgba(205,112,255,.72),
    0 0 42px rgba(143,55,255,.44);
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  pointer-events: none;
}

.commercial-popular-badge-v60::before,
.commercial-popular-badge-v60::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(226,173,255,.88));
}

.commercial-popular-badge-v60::before { right: 100%; }
.commercial-popular-badge-v60::after { left: 100%; transform: rotate(180deg); }

@media (max-width: 1280px) and (min-width: 1121px) {
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 {
    width: 156px;
    height: 158px;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 img {
    width: 132px;
    height: 188px;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 {
    min-height: 232px;
  }
}

@media (max-width: 1120px) {
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-acolyte-v58 { grid-column: 2; grid-row: 1; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-prophet-v58 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-avatar-v58 { grid-column: 2; grid-row: 2; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-popular-badge-v60 { grid-column: 1; grid-row: 2; }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-stage-v59 {
    left: -120px;
    top: 82px;
    opacity: .64;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-acolyte-v58 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-prophet-v58 { grid-column: 1; grid-row: 3; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-avatar-v58 { grid-column: 1; grid-row: 4; }
  .commercial-section-v58[data-commercial-polish="60"] .commercial-popular-badge-v60 { grid-column: 1; grid-row: 3; }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-pricing-card-v58 {
    min-height: auto;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-top-v58 {
    min-height: 224px;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 {
    width: 154px;
    height: 158px;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 img {
    width: 130px;
    height: 188px;
  }

  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-stage-v59 {
    left: -158px;
    top: 88px;
    width: 380px;
    height: 315px;
    opacity: .4;
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-crystal-v59,
  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-polish="60"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-polish="60"] .commercial-tier-crystal-v58 {
    animation: none !important;
  }
}

/* V60 visual calibration: separate the hovering C owner from the engine and make the projection visibly connect both owners. */
.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-base-v59 {
  bottom: -5%;
  width: 94%;
  height: 78%;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-projection-ring-v60 {
  top: 38%;
  width: 35%;
  height: 10%;
  border-width: 2px;
  opacity: .96;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-beam-v60 {
  top: 18%;
  width: 34%;
  height: 23%;
  opacity: .96;
  mix-blend-mode: screen;
  background:
    linear-gradient(90deg, transparent 0 6%, rgba(208,126,255,.2) 22%, rgba(250,231,255,.92) 50%, rgba(194,99,255,.24) 78%, transparent 94%),
    linear-gradient(180deg, rgba(235,193,255,.08), rgba(189,91,255,.52) 54%, rgba(246,221,255,.92));
  filter: drop-shadow(0 0 13px rgba(239,207,255,.92)) drop-shadow(0 0 30px rgba(179,76,255,.82));
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-aura-v59 {
  top: -4%;
  width: 45%;
  opacity: .96;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-crystal-v59 {
  top: -3%;
  width: 38%;
  height: 36%;
}

.commercial-section-v58[data-commercial-polish="60"] .commercial-engine-particles-v60 {
  top: 17%;
}


/* Landing page v61: concept-connected proof composition and a physically directed engine-to-C projection. */
.commercial-section-v58[data-commercial-polish="61"] .commercial-content-v58 {
  padding-top: 68px;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(54%, 760px);
  min-height: 356px;
  margin: 0 1.5% 0 auto;
  padding: 34px 14px 26px 52px;
  text-align: left;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 .eyebrow {
  justify-content: flex-start;
  margin-bottom: 15px;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 h2 {
  display: grid;
  gap: 5px;
  margin: 0 0 20px;
  max-width: 720px;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(43px, 3.7vw, 66px);
  line-height: .98;
  letter-spacing: -.035em;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 h2 > span {
  display: block;
  white-space: nowrap;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 > p:last-child {
  max-width: 570px;
  margin: 0;
  color: #c6bcd1;
  font-size: 16px;
  line-height: 1.62;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-stats-grid-v58 {
  position: relative;
  z-index: 6;
  margin-top: 4px;
  padding-top: 22px;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-stats-grid-v58::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(167,90,255,.46) 16%, rgba(225,171,255,.7) 50%, rgba(167,90,255,.46) 84%, transparent);
  box-shadow: 0 0 18px rgba(164,73,255,.32);
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-stat-card-v58 {
  min-height: 150px;
  background:
    radial-gradient(circle at 18% 42%, rgba(147,64,255,.2), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.075), transparent 28%),
    linear-gradient(130deg, rgba(27,11,58,.78), rgba(6,2,17,.9));
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59 {
  left: clamp(14px, 3.1vw, 76px);
  top: 44px;
  width: clamp(500px, 35vw, 680px);
  height: clamp(390px, 31vw, 560px);
  opacity: 1;
  overflow: visible;
  mask-image: linear-gradient(90deg, #000 0 84%, rgba(0,0,0,.7) 93%, transparent 100%), linear-gradient(180deg, #000 0 89%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, #000 0 84%, rgba(0,0,0,.7) 93%, transparent 100%), linear-gradient(180deg, #000 0 89%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::before,
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::after {
  content: "";
  position: absolute;
  left: 50%;
  pointer-events: none;
  transform: translateX(-50%);
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::before {
  z-index: 2;
  top: -3%;
  width: 55%;
  aspect-ratio: 1;
  border: 1px solid rgba(218,150,255,.32);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(217,145,255,.17), transparent 56%),
    repeating-radial-gradient(circle, transparent 0 20%, rgba(178,87,255,.12) 20.5% 21%, transparent 21.5% 31%);
  box-shadow: inset 0 0 48px rgba(154,62,255,.2), 0 0 48px rgba(154,62,255,.14);
  transform: translateX(-50%) rotateX(68deg);
  animation: commercialProjectionHaloV61 4.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::after {
  z-index: 3;
  bottom: 25%;
  width: 42%;
  height: 10%;
  border: 1px solid rgba(211,135,255,.6);
  border-radius: 50%;
  box-shadow: inset 0 0 26px rgba(164,61,255,.3), 0 0 30px rgba(181,76,255,.38);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialEmitterPulseV61 3.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: -2%;
  width: 96%;
  height: 77%;
  transform: translateX(-50%);
  opacity: .82;
  filter: saturate(1.18) brightness(.8) contrast(1.08) drop-shadow(0 30px 48px rgba(0,0,0,.58));
  mix-blend-mode: normal;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-projection-ring-v60 {
  z-index: 5;
  left: 50%;
  top: 63%;
  width: 38%;
  height: 9%;
  border: 2px solid rgba(228,174,255,.86);
  box-shadow:
    inset 0 0 20px rgba(218,151,255,.4),
    0 0 16px rgba(239,210,255,.82),
    0 0 38px rgba(161,61,255,.7);
  transform: translateX(-50%) rotateX(70deg);
  animation: commercialEmitterRingV61 2.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60 {
  z-index: 4;
  left: 50%;
  top: 26%;
  width: 48%;
  height: 39%;
  opacity: .96;
  clip-path: polygon(18% 0, 82% 0, 57% 100%, 43% 100%);
  background:
    radial-gradient(ellipse at 50% 7%, rgba(255,255,255,.52), transparent 27%),
    linear-gradient(90deg, transparent 0 8%, rgba(179,71,255,.22) 25%, rgba(251,232,255,.86) 50%, rgba(181,74,255,.22) 75%, transparent 92%),
    linear-gradient(180deg, rgba(230,173,255,.2), rgba(177,75,255,.5) 64%, rgba(248,222,255,.95));
  filter: blur(.2px) drop-shadow(0 0 15px rgba(242,215,255,.9)) drop-shadow(0 0 38px rgba(174,65,255,.82));
  transform: translateX(-50%);
  transform-origin: 50% 100%;
  animation: commercialDirectedBeamV61 2.9s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60::before,
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(220,145,255,.5), transparent);
  box-shadow: 0 0 10px rgba(241,207,255,.82);
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60::before { left: 20%; transform: rotate(8deg); }
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60::after { right: 20%; transform: rotate(-8deg); }

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-particles-v60 {
  z-index: 6;
  left: 50%;
  top: 28%;
  width: 42%;
  height: 35%;
  opacity: .98;
  animation: commercialRisingEnergyV61 2.7s linear infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-aura-v59 {
  z-index: 7;
  left: 50%;
  top: -1%;
  width: 48%;
  transform: translateX(-50%);
  opacity: 1;
  filter: blur(20px);
  background: radial-gradient(circle, rgba(244,207,255,.68), rgba(175,72,255,.3) 38%, transparent 72%);
  animation: commercialOwnerAuraV61 4.1s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-crystal-v59 {
  z-index: 8;
  left: 50%;
  top: -4%;
  width: 42%;
  height: 43%;
  transform-origin: 50% 72%;
  filter:
    saturate(1.32)
    brightness(1.14)
    drop-shadow(0 0 14px rgba(251,230,255,.92))
    drop-shadow(0 0 38px rgba(197,91,255,.86))
    drop-shadow(0 28px 32px rgba(24,4,42,.62));
  animation: commercialOwnerFloatV61 5s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-v59 {
  z-index: 9;
  width: 6px;
  height: 6px;
  animation: commercialSparkV61 2.5s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-a-v59 { left: 25%; top: 12%; }
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-b-v59 { left: 72%; top: 9%; }
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-c-v59 { left: 78%; top: 35%; }
.commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-d-v59 { left: 22%; top: 39%; }

@keyframes commercialProjectionHaloV61 {
  0%, 100% { opacity: .46; transform: translateX(-50%) rotateX(68deg) rotateZ(-4deg) scale(.9); }
  50% { opacity: .92; transform: translateX(-50%) rotateX(68deg) rotateZ(5deg) scale(1.06); }
}

@keyframes commercialEmitterPulseV61 {
  0%, 100% { opacity: .35; transform: translateX(-50%) rotateX(72deg) scale(.82); }
  50% { opacity: .96; transform: translateX(-50%) rotateX(72deg) scale(1.12); }
}

@keyframes commercialEmitterRingV61 {
  0%, 100% { opacity: .55; transform: translateX(-50%) rotateX(70deg) scale(.9); }
  50% { opacity: 1; transform: translateX(-50%) rotateX(70deg) scale(1.08); }
}

@keyframes commercialDirectedBeamV61 {
  0%, 100% { opacity: .5; transform: translateX(-50%) scaleX(.82) scaleY(.96); }
  50% { opacity: 1; transform: translateX(-50%) scaleX(1.08) scaleY(1.03); }
}

@keyframes commercialRisingEnergyV61 {
  0% { transform: translate(-50%, 70px) scale(.62); opacity: 0; }
  18% { opacity: 1; }
  78% { opacity: .88; }
  100% { transform: translate(-50%, -34px) scale(1.12); opacity: 0; }
}

@keyframes commercialOwnerAuraV61 {
  0%, 100% { transform: translateX(-50%) scale(.9); opacity: .6; }
  50% { transform: translateX(-50%) scale(1.1); opacity: 1; }
}

@keyframes commercialOwnerFloatV61 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-5deg) rotateZ(-1deg); }
  50% { transform: translateX(-50%) translateY(-14px) rotateY(6deg) rotateZ(1deg); }
}

@keyframes commercialSparkV61 {
  0%, 100% { transform: scale(.45) rotate(0deg); opacity: .2; }
  50% { transform: scale(1.16) rotate(45deg); opacity: 1; }
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-pricing-heading-v58 {
  position: relative;
  margin-top: 74px;
  padding-top: 30px;
}

.commercial-section-v58[data-commercial-polish="61"] .commercial-pricing-heading-v58::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(171,90,255,.46), rgba(235,190,255,.74), rgba(171,90,255,.46), transparent);
  box-shadow: 0 0 20px rgba(156,69,255,.3);
}

@media (max-width: 1120px) {
  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 {
    width: 61%;
    min-height: 332px;
    margin-right: 0;
    padding-left: 34px;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 h2 > span {
    white-space: normal;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59 {
    left: -96px;
    top: 60px;
    width: 520px;
    height: 440px;
    opacity: .72;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 260px 0 10px;
    text-align: center;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 .eyebrow {
    justify-content: center;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 h2 > span {
    white-space: normal;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-proof-heading-v58 > p:last-child {
    margin-inline: auto;
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59 {
    left: 50%;
    top: 38px;
    width: 390px;
    height: 330px;
    opacity: .62;
    transform: translateX(-50%);
  }

  .commercial-section-v58[data-commercial-polish="61"] .commercial-stats-grid-v58 {
    margin-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::before,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-stage-v59::after,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-aura-v59,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-crystal-v59,
  .commercial-section-v58[data-commercial-polish="61"] .commercial-engine-spark-v59 {
    animation: none !important;
  }
}

/* Landing page v62: restore the four-plan grid, use one pricing divider, and refine the engine-to-C hologram. */
.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-heading-v58 {
  margin-top: 64px;
  padding-top: 0;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-heading-v58::before {
  display: none;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62 {
  display: grid;
  grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr);
  align-items: center;
  gap: 22px;
  width: min(1080px, 84%);
  margin: 0 auto 18px;
  color: #c997ff;
  white-space: nowrap;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62::before,
.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62::after {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(176,93,255,.5), rgba(231,185,255,.78));
  box-shadow: 0 0 16px rgba(163,73,255,.3);
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62::after {
  transform: rotate(180deg);
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-grid-v58 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 16px;
  padding-top: 26px;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-initiate-v58 {
  grid-column: 1;
  grid-row: 1;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-acolyte-v58 {
  grid-column: 2;
  grid-row: 1;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-slot-v62 {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  min-height: 772px;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-prophet-slot-v62 {
  grid-column: 3;
  grid-row: 1;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-slot-v62 .commercial-pricing-card-v58 {
  width: 100%;
  min-height: 100%;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-slot-v62 .commercial-tier-prophet-v58 {
  grid-column: auto;
  grid-row: auto;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-tier-avatar-v58 {
  grid-column: 4;
  grid-row: 1;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-popular-badge-v60 {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  grid-column: auto;
  grid-row: auto;
  place-self: auto;
  margin: 0;
  transform: translate(-50%, -50%);
}

/* Refined projection: no opaque discs, no oversized white cones, and one clear emitter-to-owner path. */
.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-stage-v59 {
  left: clamp(20px, 3.2vw, 74px);
  top: 48px;
  width: clamp(500px, 34vw, 650px);
  height: clamp(400px, 30vw, 540px);
  overflow: visible;
  opacity: .98;
  mask-image: linear-gradient(90deg, #000 0 86%, rgba(0,0,0,.68) 94%, transparent 100%), linear-gradient(180deg, #000 0 92%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, #000 0 86%, rgba(0,0,0,.68) 94%, transparent 100%), linear-gradient(180deg, #000 0 92%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-stage-v59::before {
  z-index: 6;
  top: 27%;
  width: 32%;
  height: 7%;
  aspect-ratio: auto;
  border: 1px solid rgba(221,155,255,.62);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(202,119,255,.14), transparent 68%);
  box-shadow:
    inset 0 0 18px rgba(206,126,255,.2),
    0 0 16px rgba(234,193,255,.48),
    0 0 34px rgba(154,61,255,.3);
  transform: translateX(-50%) rotateX(69deg);
  animation: commercialOwnerRingV62 4.4s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-stage-v59::after {
  z-index: 7;
  top: 62%;
  bottom: auto;
  width: 8%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid rgba(242,210,255,.9);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.94) 0 10%, rgba(225,164,255,.72) 22%, rgba(154,61,255,.25) 46%, transparent 72%);
  box-shadow:
    0 0 12px rgba(250,229,255,.95),
    0 0 28px rgba(200,112,255,.78),
    0 0 50px rgba(129,47,255,.48);
  transform: translateX(-50%) translateY(-50%);
  animation: commercialEmitterCoreV62 2.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: -1%;
  width: 94%;
  height: 75%;
  transform: translateX(-50%);
  opacity: .88;
  filter:
    saturate(1.12)
    brightness(.72)
    contrast(1.12)
    drop-shadow(0 32px 46px rgba(0,0,0,.62))
    drop-shadow(0 0 20px rgba(107,49,219,.18));
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-projection-ring-v60 {
  z-index: 8;
  top: 59.5%;
  width: 27%;
  height: 7%;
  border: 1px solid rgba(224,164,255,.74);
  background: radial-gradient(ellipse, rgba(190,95,255,.18), rgba(102,38,194,.05) 48%, transparent 72%);
  box-shadow:
    inset 0 0 12px rgba(218,143,255,.22),
    0 0 12px rgba(238,201,255,.58),
    0 0 26px rgba(157,59,255,.42);
  opacity: .88;
  animation: commercialEmitterRingV62 3.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-projection-ring-v60::before {
  inset: -7px -17px;
  border-color: rgba(177,92,255,.3);
  box-shadow: 0 0 12px rgba(143,52,255,.24);
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-projection-ring-v60::after {
  display: none;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-beam-v60 {
  z-index: 5;
  top: 28%;
  width: 25%;
  height: 35%;
  opacity: .7;
  clip-path: polygon(18% 0, 82% 0, 58% 100%, 42% 100%);
  background:
    repeating-linear-gradient(90deg, transparent 0 15%, rgba(242,208,255,.24) 16% 17%, transparent 18% 31%),
    linear-gradient(90deg, transparent 0 8%, rgba(177,73,255,.12) 25%, rgba(250,228,255,.48) 50%, rgba(177,73,255,.12) 75%, transparent 92%),
    linear-gradient(180deg, rgba(223,160,255,.16), rgba(159,60,255,.28) 68%, rgba(239,204,255,.72));
  filter:
    blur(.35px)
    drop-shadow(0 0 10px rgba(237,205,255,.68))
    drop-shadow(0 0 24px rgba(163,65,255,.48));
  transform-origin: 50% 100%;
  animation: commercialFocusedBeamV62 3s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-beam-v60::before {
  inset: 0 47%;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(224,157,255,.08));
  box-shadow: 0 0 10px rgba(244,220,255,.72);
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-beam-v60::after {
  display: none;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-particles-v60 {
  z-index: 9;
  top: 31%;
  width: 4px;
  height: 4px;
  opacity: .82;
  box-shadow:
    -29px 22px 0 0 rgba(225,164,255,.84),
    25px 43px 0 1px rgba(188,101,255,.75),
    -17px 71px 0 0 rgba(247,222,255,.72),
    31px 96px 0 0 rgba(215,133,255,.68),
    -35px 118px 0 1px rgba(173,81,255,.6),
    14px 139px 0 0 rgba(248,230,255,.78);
  animation: commercialRisingEnergyV62 3s linear infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-aura-v59 {
  z-index: 4;
  top: 0;
  width: 35%;
  height: 30%;
  opacity: .74;
  filter: blur(17px);
  background: radial-gradient(circle, rgba(238,192,255,.5), rgba(163,64,255,.22) 42%, transparent 73%);
  animation: commercialOwnerAuraV62 4.6s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-crystal-v59 {
  z-index: 10;
  top: 0;
  width: 31%;
  height: 31%;
  object-fit: contain;
  filter:
    saturate(1.22)
    brightness(1.08)
    drop-shadow(0 0 10px rgba(249,225,255,.78))
    drop-shadow(0 0 28px rgba(183,78,255,.65))
    drop-shadow(0 22px 26px rgba(22,3,38,.55));
  animation: commercialOwnerFloatV62 5.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-spark-v59 {
  width: 5px;
  height: 5px;
  opacity: .82;
}

.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-spark-a-v59 { left: 30%; top: 10%; }
.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-spark-b-v59 { left: 69%; top: 12%; }
.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-spark-c-v59 { left: 72%; top: 31%; }
.commercial-section-v58[data-commercial-fix="62"] .commercial-engine-spark-d-v59 { left: 28%; top: 35%; }

@keyframes commercialOwnerRingV62 {
  0%, 100% { opacity: .38; transform: translateX(-50%) rotateX(69deg) rotateZ(-4deg) scale(.88); }
  50% { opacity: .86; transform: translateX(-50%) rotateX(69deg) rotateZ(5deg) scale(1.06); }
}

@keyframes commercialEmitterCoreV62 {
  0%, 100% { opacity: .66; transform: translateX(-50%) translateY(-50%) scale(.78); }
  50% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1.12); }
}

@keyframes commercialEmitterRingV62 {
  0%, 100% { opacity: .48; transform: translateX(-50%) rotateX(70deg) scale(.88); }
  50% { opacity: .92; transform: translateX(-50%) rotateX(70deg) scale(1.08); }
}

@keyframes commercialFocusedBeamV62 {
  0%, 100% { opacity: .42; transform: translateX(-50%) scaleX(.86) scaleY(.97); }
  50% { opacity: .78; transform: translateX(-50%) scaleX(1.04) scaleY(1.02); }
}

@keyframes commercialRisingEnergyV62 {
  0% { transform: translate(-50%, 72px) scale(.54); opacity: 0; }
  20% { opacity: .9; }
  78% { opacity: .68; }
  100% { transform: translate(-50%, -28px) scale(1.04); opacity: 0; }
}

@keyframes commercialOwnerAuraV62 {
  0%, 100% { transform: translateX(-50%) scale(.92); opacity: .5; }
  50% { transform: translateX(-50%) scale(1.06); opacity: .8; }
}

@keyframes commercialOwnerFloatV62 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-3deg) rotateZ(-.5deg); }
  50% { transform: translateX(-50%) translateY(-9px) rotateY(4deg) rotateZ(.7deg); }
}

@media (max-width: 1120px) {
  .commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-grid-v58 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-acolyte-v58 { grid-column: 2; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-prophet-slot-v62 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-avatar-v58 { grid-column: 2; grid-row: 2; }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-slot-v62 {
    min-height: 772px;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62 {
    grid-template-columns: 1fr;
    width: 100%;
    white-space: normal;
  }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62::before,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-divider-v62::after {
    display: none;
  }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-pricing-grid-v58 {
    grid-template-columns: 1fr;
  }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-acolyte-v58 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-prophet-slot-v62 { grid-column: 1; grid-row: 3; }
  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-avatar-v58 { grid-column: 1; grid-row: 4; }

  .commercial-section-v58[data-commercial-fix="62"] .commercial-tier-slot-v62 {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-stage-v59::before,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-stage-v59::after,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-aura-v59,
  .commercial-section-v58[data-commercial-fix="62"] .commercial-engine-crystal-v59 {
    animation: none !important;
  }
}

/* Landing page v63: remove the redundant proof rule, rebuild one stable pricing divider,
   and calibrate the engine hologram around the real center emitter. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-stats-grid-v58 {
  padding-top: 0;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-stats-grid-v58::before {
  display: none !important;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-heading-v58 {
  margin-top: 66px;
  padding-top: 0;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-heading-v58::before {
  display: none !important;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62 {
  position: relative;
  display: block;
  width: min(1160px, 88%);
  margin: 0 auto 20px;
  color: #d1a5ff;
  text-align: center;
  white-space: nowrap;
  isolation: isolate;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(
    90deg,
    transparent 0,
    rgba(132, 60, 215, .28) 5%,
    rgba(187, 104, 255, .68) 22%,
    rgba(239, 201, 255, .92) 50%,
    rgba(187, 104, 255, .68) 78%,
    rgba(132, 60, 215, .28) 95%,
    transparent 100%
  );
  box-shadow:
    0 0 10px rgba(205, 127, 255, .36),
    0 0 28px rgba(119, 46, 207, .2);
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62::after {
  display: none !important;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62 > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 26px;
  background:
    radial-gradient(circle at 50% 55%, rgba(100, 34, 174, .28), transparent 72%),
    #090212;
  box-shadow:
    0 0 26px 14px #090212,
    0 0 18px rgba(166, 70, 255, .16);
}

/* Projection owner: keep the full C inside the section and align every light owner
   to one center aperture on the upper CPU/platform surface. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59 {
  --projection-x: 50%;
  --projection-source-y: 58%;
  --projection-owner-y: 8%;
  left: clamp(22px, 3.4vw, 78px);
  top: 68px;
  width: clamp(500px, 34vw, 650px);
  height: clamp(410px, 30.5vw, 548px);
  overflow: visible;
  opacity: .98;
  mask-image:
    linear-gradient(90deg, #000 0 87%, rgba(0,0,0,.72) 95%, transparent 100%),
    linear-gradient(180deg, #000 0 95%, rgba(0,0,0,.72) 98%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(90deg, #000 0 87%, rgba(0,0,0,.72) 95%, transparent 100%),
    linear-gradient(180deg, #000 0 95%, rgba(0,0,0,.72) 98%, transparent 100%);
  -webkit-mask-composite: source-in;
}

/* Receiver halo immediately below the C: thin, optical, and contained. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59::before {
  z-index: 7;
  left: var(--projection-x);
  top: 31%;
  width: 29%;
  height: 5.5%;
  aspect-ratio: auto;
  border: 1px solid rgba(228, 174, 255, .58);
  border-radius: 50%;
  background:
    radial-gradient(ellipse, rgba(236, 205, 255, .16), rgba(153, 65, 236, .08) 42%, transparent 72%);
  box-shadow:
    inset 0 0 14px rgba(233, 194, 255, .18),
    0 0 10px rgba(244, 218, 255, .42),
    0 0 26px rgba(161, 68, 245, .26);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialReceiverRingV63 4.6s ease-in-out infinite;
}

/* Physical source aperture at the exact platform center. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59::after {
  z-index: 10;
  left: var(--projection-x);
  top: var(--projection-source-y);
  bottom: auto;
  width: 6.2%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid rgba(243, 218, 255, .88);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      #fff 0 7%,
      rgba(246, 225, 255, .96) 8% 14%,
      rgba(211, 144, 255, .82) 20%,
      rgba(135, 54, 226, .38) 42%,
      transparent 72%);
  box-shadow:
    0 0 8px rgba(255,255,255,.92),
    0 0 18px rgba(231, 181, 255, .88),
    0 0 38px rgba(166, 72, 255, .58),
    0 0 70px rgba(88, 26, 171, .3);
  transform: translate(-50%, -50%);
  animation: commercialEmitterCoreV63 2.5s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: -1%;
  width: 95%;
  height: 76%;
  transform: translateX(-50%);
  opacity: .9;
  filter:
    saturate(1.1)
    brightness(.73)
    contrast(1.12)
    drop-shadow(0 34px 50px rgba(0,0,0,.64))
    drop-shadow(0 0 22px rgba(105, 48, 211, .18));
}

/* Aperture ring anchors the volume to the physical platform instead of floating in front. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-projection-ring-v60 {
  z-index: 9;
  left: var(--projection-x);
  top: calc(var(--projection-source-y) - 1.5%);
  width: 21%;
  height: 4.8%;
  border: 1px solid rgba(221, 158, 255, .72);
  border-radius: 50%;
  background:
    radial-gradient(ellipse, rgba(245, 220, 255, .15), rgba(147, 56, 231, .08) 46%, transparent 75%);
  box-shadow:
    inset 0 0 11px rgba(235, 195, 255, .2),
    0 0 10px rgba(240, 211, 255, .52),
    0 0 24px rgba(157, 62, 245, .35);
  opacity: .9;
  transform: translateX(-50%) rotateX(73deg);
  animation: commercialApertureRingV63 3.15s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-projection-ring-v60::before {
  inset: -7px -14px;
  border-color: rgba(171, 83, 251, .28);
  box-shadow: 0 0 12px rgba(133, 46, 221, .22);
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-projection-ring-v60::after {
  content: "";
  position: absolute;
  inset: 45% 9%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), transparent);
  box-shadow: 0 0 10px rgba(240, 211, 255, .8);
  opacity: .74;
  animation: commercialApertureScanV63 2.7s ease-in-out infinite;
}

/* Modern volumetric shaft: narrower, layered, and visibly emitted from the center aperture. */
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-beam-v60 {
  z-index: 6;
  left: var(--projection-x);
  top: 30%;
  width: 19%;
  height: calc(var(--projection-source-y) - 29%);
  opacity: .82;
  clip-path: polygon(11% 0, 89% 0, 58% 100%, 42% 100%);
  background:
    repeating-linear-gradient(90deg,
      transparent 0 12%,
      rgba(244, 220, 255, .08) 12.5% 13%,
      transparent 13.5% 27%),
    linear-gradient(90deg,
      transparent 0 4%,
      rgba(151, 57, 238, .13) 20%,
      rgba(225, 168, 255, .36) 42%,
      rgba(255,255,255,.72) 50%,
      rgba(225, 168, 255, .36) 58%,
      rgba(151, 57, 238, .13) 80%,
      transparent 96%),
    linear-gradient(180deg,
      rgba(215, 149, 255, .08),
      rgba(175, 78, 245, .2) 48%,
      rgba(236, 199, 255, .58) 86%,
      rgba(255,255,255,.84));
  mix-blend-mode: screen;
  filter:
    blur(.18px)
    drop-shadow(0 0 8px rgba(238, 208, 255, .58))
    drop-shadow(0 0 24px rgba(153, 60, 239, .42));
  transform: translateX(-50%);
  transform-origin: 50% 100%;
  animation: commercialVolumetricBeamV63 3.1s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-beam-v60::before {
  inset: 0 47.8%;
  width: auto;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(232, 184, 255, .26) 64%, rgba(255,255,255,.94));
  box-shadow: 0 0 8px rgba(247, 225, 255, .82);
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-beam-v60::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.74), transparent);
  box-shadow: 0 0 10px rgba(232, 187, 255, .72);
  animation: commercialBeamScanV63 2.8s linear infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-particles-v60 {
  z-index: 11;
  left: var(--projection-x);
  top: 31%;
  width: 3px;
  height: 3px;
  opacity: .82;
  background: #f9ebff;
  box-shadow:
    -20px 18px 0 0 rgba(231, 181, 255, .85),
    17px 39px 0 1px rgba(190, 106, 255, .72),
    -13px 66px 0 0 rgba(251, 230, 255, .78),
    21px 89px 0 0 rgba(219, 145, 255, .66),
    -23px 112px 0 1px rgba(169, 78, 247, .58),
    9px 132px 0 0 rgba(249, 229, 255, .76);
  filter: drop-shadow(0 0 6px rgba(218, 151, 255, .82));
  animation: commercialPhotonLiftV63 3.05s linear infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-aura-v59 {
  z-index: 4;
  left: var(--projection-x);
  top: 4%;
  width: 31%;
  height: 27%;
  transform: translateX(-50%);
  opacity: .7;
  filter: blur(18px);
  background:
    radial-gradient(ellipse at 50% 52%, rgba(244, 213, 255, .48), rgba(166, 69, 249, .22) 40%, transparent 74%);
  animation: commercialOwnerAuraV63 4.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-crystal-v59 {
  z-index: 12;
  left: var(--projection-x);
  top: var(--projection-owner-y);
  width: 29%;
  height: 29%;
  object-fit: contain;
  object-position: center;
  transform-origin: 50% 72%;
  filter:
    saturate(1.18)
    brightness(1.06)
    drop-shadow(0 0 9px rgba(249, 228, 255, .74))
    drop-shadow(0 0 25px rgba(182, 78, 255, .62))
    drop-shadow(0 18px 24px rgba(24, 3, 42, .5));
  animation: commercialOwnerFloatV63 5.4s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-spark-v59 {
  z-index: 13;
  width: 4px;
  height: 4px;
  opacity: .76;
}

.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-spark-a-v59 { left: 31%; top: 13%; }
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-spark-b-v59 { left: 68%; top: 14%; }
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-spark-c-v59 { left: 70%; top: 34%; }
.commercial-section-v58[data-commercial-fix="63"] .commercial-engine-spark-d-v59 { left: 30%; top: 37%; }

@keyframes commercialReceiverRingV63 {
  0%, 100% { opacity: .34; transform: translateX(-50%) rotateX(72deg) rotateZ(-3deg) scale(.9); }
  50% { opacity: .78; transform: translateX(-50%) rotateX(72deg) rotateZ(4deg) scale(1.05); }
}

@keyframes commercialEmitterCoreV63 {
  0%, 100% { opacity: .72; transform: translate(-50%, -50%) scale(.82); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes commercialApertureRingV63 {
  0%, 100% { opacity: .52; transform: translateX(-50%) rotateX(73deg) scale(.9); }
  50% { opacity: .94; transform: translateX(-50%) rotateX(73deg) scale(1.06); }
}

@keyframes commercialApertureScanV63 {
  0%, 100% { transform: translateX(-22%); opacity: .18; }
  50% { transform: translateX(22%); opacity: .9; }
}

@keyframes commercialVolumetricBeamV63 {
  0%, 100% { opacity: .46; transform: translateX(-50%) scaleX(.9) scaleY(.985); }
  50% { opacity: .84; transform: translateX(-50%) scaleX(1.035) scaleY(1.015); }
}

@keyframes commercialBeamScanV63 {
  0% { transform: translateY(0); opacity: 0; }
  12% { opacity: .8; }
  82% { opacity: .56; }
  100% { transform: translateY(118px); opacity: 0; }
}

@keyframes commercialPhotonLiftV63 {
  0% { transform: translate(-50%, 82px) scale(.55); opacity: 0; }
  18% { opacity: .9; }
  76% { opacity: .66; }
  100% { transform: translate(-50%, -24px) scale(1.02); opacity: 0; }
}

@keyframes commercialOwnerAuraV63 {
  0%, 100% { transform: translateX(-50%) scale(.93); opacity: .48; }
  50% { transform: translateX(-50%) scale(1.06); opacity: .76; }
}

@keyframes commercialOwnerFloatV63 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-2deg) rotateZ(-.35deg); }
  50% { transform: translateX(-50%) translateY(-7px) rotateY(3deg) rotateZ(.45deg); }
}

@media (max-width: 1120px) {
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59 {
    left: -84px;
    top: 72px;
    width: 530px;
    height: 448px;
    opacity: .76;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62 {
    width: 100%;
    white-space: normal;
  }

  .commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62::before {
    left: 4%;
    right: 4%;
  }

  .commercial-section-v58[data-commercial-fix="63"] .commercial-pricing-divider-v62 > span {
    padding-inline: 16px;
  }

  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59 {
    left: 50%;
    top: 52px;
    width: 400px;
    height: 338px;
    opacity: .62;
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59::before,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-stage-v59::after,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-beam-v60::after,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-aura-v59,
  .commercial-section-v58[data-commercial-fix="63"] .commercial-engine-crystal-v59 {
    animation: none !important;
  }
}


/* Landing page v64: finish the commercial composition with a clear proof/pricing handoff,
   a physically integrated platform projection, full owner clearance, and centered larger tier crystals. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-proof-heading-v58 {
  min-height: 468px;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-stats-grid-v58 {
  position: relative;
  z-index: 18;
  margin-top: 10px;
  padding-top: 0;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-stats-grid-v58::before {
  display: none !important;
}

/* Keep the machinery visually complete above the cards, then feather it away instead of
   letting the first proof card create a hard crop through the artwork. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59 {
  --projection-x: 50%;
  --projection-source-y: 61%;
  --projection-receiver-y: 31.5%;
  left: clamp(22px, 3.1vw, 72px);
  top: 34px;
  width: clamp(540px, 36vw, 700px);
  height: clamp(450px, 32vw, 590px);
  overflow: visible;
  opacity: 1;
  mask-image:
    linear-gradient(90deg, #000 0 91%, rgba(0,0,0,.72) 96%, transparent 100%),
    linear-gradient(180deg, #000 0 85%, rgba(0,0,0,.88) 91%, rgba(0,0,0,.32) 97%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(90deg, #000 0 91%, rgba(0,0,0,.72) 96%, transparent 100%),
    linear-gradient(180deg, #000 0 85%, rgba(0,0,0,.88) 91%, rgba(0,0,0,.32) 97%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: 1%;
  width: 100%;
  height: 75%;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-50%);
  opacity: .94;
  filter:
    saturate(1.13)
    brightness(.79)
    contrast(1.1)
    drop-shadow(0 32px 50px rgba(0,0,0,.62))
    drop-shadow(0 0 30px rgba(116,54,220,.22));
}

/* Local light wash on the platform. This is the missing interaction that makes the beam
   appear to come from the object instead of floating in front of the PNG. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-platform-light-v64 {
  position: absolute;
  z-index: 5;
  left: var(--projection-x);
  top: var(--projection-source-y);
  width: 38%;
  height: 13%;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.72) 0 3%, rgba(235,195,255,.55) 8%, rgba(176,79,255,.35) 27%, rgba(96,34,190,.12) 52%, transparent 74%),
    conic-gradient(from 10deg, transparent, rgba(224,167,255,.18), transparent 24%, rgba(176,87,255,.14), transparent 54%, rgba(243,213,255,.2), transparent 78%);
  box-shadow:
    inset 0 0 22px rgba(251,232,255,.32),
    0 0 16px rgba(244,221,255,.72),
    0 0 42px rgba(171,72,255,.46),
    0 18px 50px rgba(84,25,166,.25);
  mix-blend-mode: screen;
  filter: blur(1.5px);
  transform: translate(-50%, -50%) rotateX(69deg);
  animation: commercialPlatformLightV64 3.2s ease-in-out infinite;
}

/* One physical emitter at the exact machinery center. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59::after {
  z-index: 14;
  left: var(--projection-x);
  top: var(--projection-source-y);
  bottom: auto;
  width: 7.2%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid rgba(251,235,255,.96);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      #fff 0 8%,
      rgba(252,241,255,.98) 9% 16%,
      rgba(226,171,255,.9) 18% 27%,
      rgba(158,65,246,.55) 38%,
      rgba(78,21,164,.2) 58%,
      transparent 73%);
  box-shadow:
    0 0 7px rgba(255,255,255,1),
    0 0 18px rgba(242,212,255,.96),
    0 0 42px rgba(181,82,255,.78),
    0 0 82px rgba(98,28,192,.43);
  transform: translate(-50%, -50%);
  animation: commercialEmitterCoreV64 2.4s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-projection-ring-v60 {
  z-index: 13;
  left: var(--projection-x);
  top: calc(var(--projection-source-y) - 1.1%);
  width: 24%;
  height: 5.2%;
  border: 1px solid rgba(231,177,255,.72);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(250,231,255,.18), rgba(165,69,246,.1) 46%, transparent 74%);
  box-shadow:
    inset 0 0 13px rgba(246,219,255,.25),
    0 0 12px rgba(245,220,255,.66),
    0 0 30px rgba(164,67,249,.42);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialEmitterRingV64 3s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-projection-ring-v60::before {
  inset: -8px -18px;
  border-color: rgba(185,98,255,.3);
  box-shadow: 0 0 16px rgba(149,55,232,.24);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-projection-ring-v60::after {
  content: "";
  position: absolute;
  inset: 43% 7%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.98), transparent);
  box-shadow: 0 0 12px rgba(243,215,255,.9);
  opacity: .78;
  animation: commercialEmitterScanV64 2.55s ease-in-out infinite;
}

/* Narrow, layered volumetric shaft. It expands toward the receiver and remains anchored
   to the same x/y coordinates as the platform aperture. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-beam-v60 {
  z-index: 8;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 18%;
  height: calc(var(--projection-source-y) - var(--projection-receiver-y));
  opacity: .84;
  clip-path: polygon(8% 0, 92% 0, 57% 100%, 43% 100%);
  background:
    repeating-linear-gradient(90deg, transparent 0 16%, rgba(250,232,255,.08) 16.5% 17%, transparent 17.5% 34%),
    linear-gradient(90deg, transparent 0 5%, rgba(148,54,230,.12) 18%, rgba(216,147,255,.32) 39%, rgba(255,255,255,.78) 50%, rgba(216,147,255,.32) 61%, rgba(148,54,230,.12) 82%, transparent 95%),
    linear-gradient(180deg, rgba(235,193,255,.12), rgba(174,75,246,.24) 46%, rgba(226,175,255,.53) 82%, rgba(255,255,255,.9));
  mix-blend-mode: screen;
  filter:
    blur(.15px)
    drop-shadow(0 0 8px rgba(247,224,255,.68))
    drop-shadow(0 0 25px rgba(166,67,247,.48));
  transform: translateX(-50%);
  transform-origin: 50% 100%;
  animation: commercialBeamV64 3.1s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-beam-v60::before {
  inset: 0 48.2%;
  width: auto;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(238,200,255,.28) 62%, rgba(255,255,255,.98));
  box-shadow: 0 0 9px rgba(250,233,255,.95);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-beam-v60::after {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.88), transparent);
  box-shadow: 0 0 12px rgba(239,204,255,.86);
  animation: commercialBeamScannerV64 2.7s linear infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-particles-v60 {
  z-index: 15;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 3px;
  height: 3px;
  opacity: .88;
  background: #fff7ff;
  box-shadow:
    -18px 18px 0 0 rgba(241,208,255,.9),
    15px 41px 0 1px rgba(202,121,255,.78),
    -11px 72px 0 0 rgba(255,239,255,.86),
    19px 101px 0 0 rgba(221,155,255,.75),
    -21px 129px 0 1px rgba(179,89,255,.66),
    7px 151px 0 0 rgba(252,235,255,.82);
  filter: drop-shadow(0 0 7px rgba(226,166,255,.9));
  animation: commercialPhotonLiftV64 2.95s linear infinite;
}

/* Receiver optics make the lower C facets visibly react to the light source. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-receiver-light-v64 {
  position: absolute;
  z-index: 10;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 34%;
  height: 9%;
  border: 1px solid rgba(237,195,255,.48);
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(ellipse, rgba(255,255,255,.42) 0 5%, rgba(230,180,255,.24) 18%, rgba(156,61,241,.1) 45%, transparent 72%);
  box-shadow:
    inset 0 0 18px rgba(245,220,255,.2),
    0 0 12px rgba(247,224,255,.68),
    0 0 32px rgba(172,74,255,.42);
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) rotateX(71deg);
  animation: commercialReceiverV64 3.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59::before {
  z-index: 9;
  left: var(--projection-x);
  top: calc(var(--projection-receiver-y) - 1.2%);
  width: 28%;
  height: 4.8%;
  aspect-ratio: auto;
  border: 1px solid rgba(239,198,255,.58);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255,255,255,.22), rgba(172,73,249,.08) 46%, transparent 73%);
  box-shadow: 0 0 12px rgba(247,222,255,.65), 0 0 30px rgba(169,68,247,.34);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialReceiverRingV64 4.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-aura-v59 {
  z-index: 6;
  left: var(--projection-x);
  top: 1%;
  width: 39%;
  height: 33%;
  transform: translateX(-50%);
  opacity: .72;
  filter: blur(20px);
  background: radial-gradient(ellipse at 50% 58%, rgba(246,217,255,.58), rgba(179,78,255,.27) 38%, transparent 73%);
  animation: commercialOwnerAuraV64 4.6s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-crystal-v59 {
  z-index: 16;
  left: var(--projection-x);
  top: 2.5%;
  width: 34%;
  height: 34%;
  object-fit: contain;
  object-position: center;
  transform-origin: 50% 74%;
  filter:
    saturate(1.22)
    brightness(1.09)
    drop-shadow(0 0 10px rgba(251,234,255,.86))
    drop-shadow(0 0 30px rgba(190,86,255,.7))
    drop-shadow(0 20px 26px rgba(29,4,48,.5));
  animation: commercialOwnerFloatV64 5.1s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-spark-v59 {
  z-index: 17;
  width: 4px;
  height: 4px;
  opacity: .82;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-spark-a-v59 { left: 30%; top: 12%; }
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-spark-b-v59 { left: 69%; top: 13%; }
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-spark-c-v59 { left: 72%; top: 31%; }
.commercial-section-v58[data-commercial-fix="64"] .commercial-engine-spark-d-v59 { left: 28%; top: 35%; }

/* The divider is now a real three-column composition; no line exists behind the label. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-heading-v58 {
  margin-top: 88px;
  margin-bottom: 44px;
  padding-top: 0;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-heading-v58::before {
  display: none !important;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62 {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) auto minmax(80px, 1fr);
  align-items: center;
  gap: 22px;
  width: min(1160px, 91%);
  margin: 0 auto 22px;
  color: #d6afff;
  text-align: center;
  white-space: nowrap;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62::before,
.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62::after {
  content: "";
  position: static;
  display: block !important;
  width: 100%;
  height: 1px;
  transform: none;
  background: linear-gradient(90deg, transparent, rgba(163,76,244,.54), rgba(231,185,255,.8));
  box-shadow: 0 0 14px rgba(178,91,255,.34);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62::after {
  transform: rotate(180deg);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62 > span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 4px;
  background: transparent;
  box-shadow: none;
}

/* Larger centered tier owners. The image is centered independently of its transparent PNG canvas. */
.commercial-section-v58[data-commercial-fix="64"] .commercial-tier-top-v58 {
  min-height: 268px;
  padding-top: 4px;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 {
  display: grid;
  place-items: center;
  width: 196px;
  height: 190px;
  margin: -13px auto 6px;
  overflow: hidden;
  border-radius: 52px;
  background:
    radial-gradient(circle at 50% 47%, rgba(var(--tier-rgb), .36), transparent 54%),
    linear-gradient(145deg, rgba(255,255,255,.085), transparent 58%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.1),
    inset 0 0 40px rgba(var(--tier-rgb), .12),
    0 20px 30px rgba(0,0,0,.36),
    0 0 34px rgba(var(--tier-rgb), .17);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58::before {
  inset: 9px 13px;
  border-radius: 46px;
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58::after {
  inset: auto 12% -18px;
  height: 54px;
  border: 0;
  background: radial-gradient(ellipse, rgba(var(--tier-rgb), .42), transparent 70%);
  filter: blur(12px);
}

.commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 168px;
  height: 226px;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%) scale(1.16);
  transform-origin: center;
  filter:
    hue-rotate(var(--tier-hue, 0deg))
    saturate(1.46)
    brightness(1.14)
    drop-shadow(0 0 20px rgba(var(--tier-rgb), .82))
    drop-shadow(0 18px 22px rgba(0,0,0,.34));
  animation: commercialTierOwnerV64 5s ease-in-out infinite;
}

@keyframes commercialPlatformLightV64 {
  0%, 100% { opacity: .58; transform: translate(-50%, -50%) rotateX(69deg) scale(.94); }
  50% { opacity: .94; transform: translate(-50%, -50%) rotateX(69deg) scale(1.05); }
}

@keyframes commercialEmitterCoreV64 {
  0%, 100% { opacity: .76; transform: translate(-50%, -50%) scale(.86); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
}

@keyframes commercialEmitterRingV64 {
  0%, 100% { opacity: .54; transform: translateX(-50%) rotateX(72deg) scale(.9); }
  50% { opacity: .96; transform: translateX(-50%) rotateX(72deg) scale(1.06); }
}

@keyframes commercialEmitterScanV64 {
  0%, 100% { transform: translateX(-22%); opacity: .16; }
  50% { transform: translateX(22%); opacity: .95; }
}

@keyframes commercialBeamV64 {
  0%, 100% { opacity: .48; transform: translateX(-50%) scaleX(.9) scaleY(.985); }
  50% { opacity: .86; transform: translateX(-50%) scaleX(1.035) scaleY(1.014); }
}

@keyframes commercialBeamScannerV64 {
  0% { transform: translateY(0); opacity: 0; }
  12% { opacity: .9; }
  84% { opacity: .58; }
  100% { transform: translateY(146px); opacity: 0; }
}

@keyframes commercialPhotonLiftV64 {
  0% { transform: translate(-50%, 92px) scale(.52); opacity: 0; }
  18% { opacity: .95; }
  76% { opacity: .7; }
  100% { transform: translate(-50%, -26px) scale(1.04); opacity: 0; }
}

@keyframes commercialReceiverV64 {
  0%, 100% { opacity: .42; transform: translate(-50%, -50%) rotateX(71deg) scale(.91); }
  50% { opacity: .88; transform: translate(-50%, -50%) rotateX(71deg) scale(1.06); }
}

@keyframes commercialReceiverRingV64 {
  0%, 100% { opacity: .36; transform: translateX(-50%) rotateX(72deg) rotateZ(-3deg) scale(.92); }
  50% { opacity: .82; transform: translateX(-50%) rotateX(72deg) rotateZ(4deg) scale(1.05); }
}

@keyframes commercialOwnerAuraV64 {
  0%, 100% { opacity: .52; transform: translateX(-50%) scale(.94); }
  50% { opacity: .8; transform: translateX(-50%) scale(1.06); }
}

@keyframes commercialOwnerFloatV64 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-2deg) rotateZ(-.3deg); }
  50% { transform: translateX(-50%) translateY(-8px) rotateY(3deg) rotateZ(.4deg); }
}

@keyframes commercialTierOwnerV64 {
  0%, 100% { transform: translate(-50%, -50%) scale(1.14) translateY(1px); }
  50% { transform: translate(-50%, -50%) scale(1.2) translateY(-4px); }
}

@media (max-width: 1280px) and (min-width: 1121px) {
  .commercial-section-v58[data-commercial-fix="64"] .commercial-proof-heading-v58 {
    min-height: 438px;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59 {
    width: 560px;
    height: 480px;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 {
    width: 174px;
    height: 178px;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 img {
    width: 152px;
    height: 210px;
  }
}

@media (max-width: 1120px) {
  .commercial-section-v58[data-commercial-fix="64"] .commercial-proof-heading-v58 {
    min-height: 360px;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59 {
    left: -72px;
    top: 56px;
    width: 510px;
    height: 438px;
    opacity: .78;
  }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-fix="64"] .commercial-proof-heading-v58 {
    min-height: 0;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59 {
    left: 50%;
    top: 48px;
    width: 405px;
    height: 350px;
    opacity: .58;
    transform: translateX(-50%);
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-pricing-divider-v62 {
    grid-template-columns: minmax(26px, 1fr) auto minmax(26px, 1fr);
    gap: 10px;
    width: 100%;
    white-space: normal;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 {
    width: 176px;
    height: 176px;
  }

  .commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 img {
    width: 152px;
    height: 208px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-fix="64"] .commercial-platform-light-v64,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-receiver-light-v64,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59::before,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-stage-v59::after,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-beam-v60::after,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-aura-v59,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-engine-crystal-v59,
  .commercial-section-v58[data-commercial-fix="64"] .commercial-tier-crystal-v58 img {
    animation: none !important;
  }
}

/* Landing page v65: verified commercial composition rebuilt from the uploaded live source.
   The engine stage is now in document flow, projection coordinates are mapped to the actual
   platform aperture, the divider uses real line elements, and prepared tier owners cannot
   overlap their copy. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-content-v58 {
  padding-top: 72px;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-proof-layout-v65 {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(470px, .94fr) minmax(520px, 1.06fr);
  align-items: center;
  gap: clamp(34px, 4vw, 78px);
  min-height: 520px;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 22px 16px 22px 0;
  text-align: left;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 .eyebrow {
  justify-content: flex-start;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 h2 {
  max-width: 760px;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59 {
  --projection-x: 50%;
  --projection-source-y: 44.5%;
  --projection-receiver-y: 28.8%;
  position: relative;
  inset: auto;
  z-index: 2;
  justify-self: center;
  width: min(100%, 620px);
  height: 500px;
  overflow: visible;
  opacity: 1;
  transform: none;
  mask-image: none;
  -webkit-mask-image: none;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::before,
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::after {
  content: "";
  position: absolute;
  left: var(--projection-x);
  pointer-events: none;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-base-v59 {
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  opacity: .96;
  transform: translateX(-50%);
  filter:
    saturate(1.12)
    brightness(.81)
    contrast(1.09)
    drop-shadow(0 30px 46px rgba(0,0,0,.62))
    drop-shadow(0 0 26px rgba(83,58,207,.24));
  mix-blend-mode: normal;
}

/* Light is anchored to the measured center of the top aperture in Engine.png. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-platform-light-v64 {
  position: absolute;
  z-index: 5;
  left: var(--projection-x);
  top: var(--projection-source-y);
  width: 29%;
  height: 8.5%;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.88) 0 2%, rgba(236,207,255,.58) 7%, rgba(169,87,255,.34) 24%, rgba(76,39,176,.12) 49%, transparent 73%),
    conic-gradient(from 18deg, transparent, rgba(230,186,255,.12), transparent 25%, rgba(156,82,255,.14), transparent 52%, rgba(245,220,255,.14), transparent 78%);
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.22),
    0 0 12px rgba(249,231,255,.78),
    0 0 34px rgba(170,82,255,.48),
    0 12px 34px rgba(83,37,183,.28);
  mix-blend-mode: screen;
  filter: blur(.65px);
  transform: translate(-50%, -50%) rotateX(69deg);
  animation: commercialPlatformLightV65 3.4s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::after {
  z-index: 15;
  top: var(--projection-source-y);
  width: 6.2%;
  aspect-ratio: 1;
  border: 1px solid rgba(252,239,255,.96);
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 10%, rgba(246,224,255,.98) 12% 20%, rgba(207,141,255,.85) 24% 34%, rgba(130,63,235,.42) 46%, transparent 72%);
  box-shadow:
    0 0 7px #fff,
    0 0 17px rgba(247,222,255,.94),
    0 0 37px rgba(180,91,255,.72),
    0 0 68px rgba(102,44,207,.4);
  transform: translate(-50%, -50%);
  animation: commercialEmitterCoreV65 2.6s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-projection-ring-v60 {
  z-index: 13;
  left: var(--projection-x);
  top: calc(var(--projection-source-y) - .5%);
  width: 20%;
  height: 4.4%;
  border: 1px solid rgba(226,178,255,.7);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(247,226,255,.18), rgba(157,76,239,.08) 48%, transparent 74%);
  box-shadow: inset 0 0 11px rgba(245,220,255,.22), 0 0 12px rgba(242,216,255,.61), 0 0 25px rgba(158,73,243,.38);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialEmitterRingV65 3.1s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-projection-ring-v60::before {
  inset: -7px -15px;
  border-color: rgba(177,98,255,.26);
  box-shadow: 0 0 14px rgba(146,62,232,.2);
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-projection-ring-v60::after {
  content: "";
  position: absolute;
  inset: 43% 10%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.96), transparent);
  box-shadow: 0 0 10px rgba(245,222,255,.86);
  animation: commercialEmitterScanV65 2.8s ease-in-out infinite;
}

/* Narrow layered rays replace the flat triangular overlay. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-beam-v60 {
  z-index: 8;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 10.5%;
  height: calc(var(--projection-source-y) - var(--projection-receiver-y));
  opacity: .78;
  clip-path: polygon(24% 0, 76% 0, 59% 100%, 41% 100%);
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(170,87,255,.1) 24%, rgba(229,188,255,.38) 44%, rgba(255,255,255,.82) 50%, rgba(229,188,255,.38) 56%, rgba(170,87,255,.1) 76%, transparent 92%),
    linear-gradient(180deg, rgba(236,204,255,.18), rgba(170,83,246,.27) 60%, rgba(250,232,255,.86));
  mix-blend-mode: screen;
  filter: blur(.1px) drop-shadow(0 0 7px rgba(246,224,255,.72)) drop-shadow(0 0 20px rgba(161,78,241,.44));
  transform: translateX(-50%);
  transform-origin: 50% 100%;
  animation: commercialBeamV65 3.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-beam-v60::before {
  content: "";
  position: absolute;
  inset: 0 47%;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(238,204,255,.2) 58%, rgba(255,255,255,.96));
  box-shadow: 0 0 8px rgba(251,237,255,.9);
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-beam-v60::after {
  content: "";
  position: absolute;
  left: 13%;
  right: 13%;
  top: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent);
  box-shadow: 0 0 9px rgba(244,219,255,.82);
  animation: commercialBeamScannerV65 2.8s linear infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-particles-v60 {
  z-index: 14;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 3px;
  height: 3px;
  background: #fff8ff;
  opacity: .84;
  box-shadow:
    -13px 13px 0 0 rgba(241,213,255,.88),
    11px 29px 0 1px rgba(199,126,255,.75),
    -8px 47px 0 0 rgba(255,244,255,.85),
    14px 63px 0 0 rgba(218,158,255,.72);
  filter: drop-shadow(0 0 6px rgba(228,176,255,.85));
  animation: commercialPhotonLiftV65 2.7s linear infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-receiver-light-v64 {
  position: absolute;
  z-index: 10;
  left: var(--projection-x);
  top: var(--projection-receiver-y);
  width: 25%;
  height: 5.5%;
  border: 1px solid rgba(236,198,255,.46);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(255,255,255,.38) 0 4%, rgba(225,176,255,.2) 18%, rgba(151,69,234,.08) 46%, transparent 73%);
  box-shadow: inset 0 0 15px rgba(245,222,255,.18), 0 0 11px rgba(247,226,255,.61), 0 0 27px rgba(170,80,255,.35);
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) rotateX(71deg);
  animation: commercialReceiverV65 4s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::before {
  z-index: 9;
  top: calc(var(--projection-receiver-y) - .7%);
  width: 20%;
  height: 3.4%;
  border: 1px solid rgba(239,203,255,.54);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255,255,255,.18), rgba(169,79,244,.06) 48%, transparent 73%);
  box-shadow: 0 0 10px rgba(247,225,255,.59), 0 0 24px rgba(165,76,244,.28);
  transform: translateX(-50%) rotateX(72deg);
  animation: commercialReceiverRingV65 4.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-aura-v59 {
  z-index: 6;
  left: var(--projection-x);
  top: -2%;
  width: 34%;
  height: 34%;
  transform: translateX(-50%);
  opacity: .7;
  filter: blur(18px);
  background: radial-gradient(ellipse at 50% 62%, rgba(245,217,255,.52), rgba(177,85,255,.24) 39%, transparent 72%);
  animation: commercialOwnerAuraV65 4.8s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-crystal-v59 {
  z-index: 16;
  left: var(--projection-x);
  top: -3.5%;
  width: 29%;
  height: 33%;
  object-fit: contain;
  object-position: center;
  transform-origin: 50% 76%;
  filter: saturate(1.18) brightness(1.08) drop-shadow(0 0 10px rgba(251,235,255,.82)) drop-shadow(0 0 27px rgba(189,91,255,.64)) drop-shadow(0 18px 24px rgba(28,5,47,.48));
  animation: commercialOwnerFloatV65 5.2s ease-in-out infinite;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-spark-v59 {
  z-index: 17;
  width: 4px;
  height: 4px;
  opacity: .78;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-spark-a-v59 { left: 31%; top: 9%; }
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-spark-b-v59 { left: 68%; top: 10%; }
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-spark-c-v59 { left: 70%; top: 27%; }
.commercial-section-v58[data-commercial-fix="65"] .commercial-engine-spark-d-v59 { left: 29%; top: 30%; }

.commercial-section-v58[data-commercial-fix="65"] .commercial-stats-grid-v58 {
  position: relative;
  z-index: 7;
  margin-top: 8px;
  padding-top: 0;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-stats-grid-v58::before { display: none !important; }

.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-heading-v58 {
  margin-top: 78px;
  margin-bottom: 42px;
  padding-top: 0;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-heading-v58::before { display: none !important; }

/* Explicit DOM lines prevent any inherited pseudo-element from crossing the label. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-divider-v62 {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) auto minmax(80px, 1fr);
  align-items: center;
  gap: 24px;
  width: min(1160px, 91%);
  margin: 0 auto 23px;
  color: #d5adff;
  text-align: center;
  white-space: nowrap;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-divider-v62::before,
.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-divider-v62::after { display: none !important; content: none !important; }
.commercial-section-v58[data-commercial-fix="65"] .commercial-divider-line-v65 {
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(161,78,244,.54), rgba(230,187,255,.78));
  box-shadow: 0 0 12px rgba(177,88,255,.3);
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-divider-line-v65:last-child { transform: rotate(180deg); }
.commercial-section-v58[data-commercial-fix="65"] .commercial-divider-label-v65 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 6px;
  background: transparent;
}

.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-grid-v58 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
  padding-top: 24px;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-slot-v62 {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  min-height: 790px;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-slot-v62 .commercial-pricing-card-v58 {
  width: 100%;
  min-height: 100%;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-card-v58 {
  min-height: 790px;
  padding: 22px 21px 18px;
}

/* The current HTML carries data-commercial-polish=61, so the old v60 centering rules never
   matched. These rules own the header layout directly and use prepared square owner assets. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-top-v58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  min-height: 300px;
  padding: 0 5px 20px;
  text-align: center;
  border-bottom: 1px solid rgba(var(--tier-rgb), .18);
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-top-v58 > div {
  display: grid;
  justify-items: center;
  width: 100%;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58 {
  position: relative;
  display: grid;
  place-items: center;
  width: 196px;
  height: 190px;
  margin: -7px auto 8px;
  overflow: visible;
  border-radius: 52px;
  background: radial-gradient(circle at 50% 48%, rgba(var(--tier-rgb), .3), transparent 57%), linear-gradient(145deg, rgba(255,255,255,.075), transparent 60%);
  box-shadow: inset 0 1px rgba(255,255,255,.09), inset 0 0 38px rgba(var(--tier-rgb), .11), 0 17px 27px rgba(0,0,0,.32), 0 0 30px rgba(var(--tier-rgb), .15);
  filter: none;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58::before {
  inset: 9px 13px;
  border-radius: 46px;
  border-color: rgba(var(--tier-rgb), .2);
  box-shadow: inset 0 0 27px rgba(var(--tier-rgb), .1), 0 0 22px rgba(var(--tier-rgb), .12);
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58::after {
  inset: auto 13% -12px;
  height: 44px;
  border: 0;
  background: radial-gradient(ellipse, rgba(var(--tier-rgb), .38), transparent 70%);
  filter: blur(10px);
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58 img {
  position: relative;
  inset: auto;
  display: block;
  width: 166px;
  height: 166px;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: saturate(1.06) brightness(1.05) drop-shadow(0 0 17px rgba(var(--tier-rgb), .72)) drop-shadow(0 15px 18px rgba(0,0,0,.3));
  animation: commercialTierOwnerV65 5.1s ease-in-out infinite;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-label-v58 {
  margin-bottom: 6px;
  font-size: 11px;
  text-shadow: 0 0 13px rgba(var(--tier-rgb), .4);
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-top-v58 h3 {
  margin: 0 0 7px;
  font-size: clamp(25px, 1.65vw, 30px);
  line-height: 1.03;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-tier-top-v58 p {
  max-width: 245px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.48;
}
.commercial-section-v58[data-commercial-fix="65"] .commercial-popular-badge-v60 {
  position: absolute;
  z-index: 30;
  left: 50%;
  top: 0;
  margin: 0;
  transform: translate(-50%, -50%);
}

@keyframes commercialPlatformLightV65 {
  0%, 100% { opacity: .56; transform: translate(-50%, -50%) rotateX(69deg) scale(.94); }
  50% { opacity: .9; transform: translate(-50%, -50%) rotateX(69deg) scale(1.05); }
}
@keyframes commercialEmitterCoreV65 {
  0%, 100% { opacity: .74; transform: translate(-50%, -50%) scale(.87); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.09); }
}
@keyframes commercialEmitterRingV65 {
  0%, 100% { opacity: .52; transform: translateX(-50%) rotateX(72deg) scale(.9); }
  50% { opacity: .93; transform: translateX(-50%) rotateX(72deg) scale(1.05); }
}
@keyframes commercialEmitterScanV65 {
  0%, 100% { transform: translateX(-20%); opacity: .16; }
  50% { transform: translateX(20%); opacity: .9; }
}
@keyframes commercialBeamV65 {
  0%, 100% { opacity: .46; transform: translateX(-50%) scaleX(.9); }
  50% { opacity: .82; transform: translateX(-50%) scaleX(1.04); }
}
@keyframes commercialBeamScannerV65 {
  0% { transform: translateY(0); opacity: 0; }
  14% { opacity: .86; }
  82% { opacity: .54; }
  100% { transform: translateY(72px); opacity: 0; }
}
@keyframes commercialPhotonLiftV65 {
  0% { transform: translate(-50%, 55px) scale(.55); opacity: 0; }
  18% { opacity: .9; }
  76% { opacity: .68; }
  100% { transform: translate(-50%, -18px) scale(1.02); opacity: 0; }
}
@keyframes commercialReceiverV65 {
  0%, 100% { opacity: .4; transform: translate(-50%, -50%) rotateX(71deg) scale(.92); }
  50% { opacity: .82; transform: translate(-50%, -50%) rotateX(71deg) scale(1.05); }
}
@keyframes commercialReceiverRingV65 {
  0%, 100% { opacity: .34; transform: translateX(-50%) rotateX(72deg) rotateZ(-2deg) scale(.92); }
  50% { opacity: .78; transform: translateX(-50%) rotateX(72deg) rotateZ(3deg) scale(1.04); }
}
@keyframes commercialOwnerAuraV65 {
  0%, 100% { opacity: .5; transform: translateX(-50%) scale(.95); }
  50% { opacity: .76; transform: translateX(-50%) scale(1.05); }
}
@keyframes commercialOwnerFloatV65 {
  0%, 100% { transform: translateX(-50%) translateY(0) rotateY(-2deg); }
  50% { transform: translateX(-50%) translateY(-7px) rotateY(3deg); }
}
@keyframes commercialTierOwnerV65 {
  0%, 100% { transform: translateY(1px) scale(.98); }
  50% { transform: translateY(-5px) scale(1.025); }
}

@media (max-width: 1240px) {
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-layout-v65 {
    grid-template-columns: minmax(420px, .9fr) minmax(440px, 1.1fr);
    gap: 28px;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59 {
    width: 540px;
    height: 448px;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58 {
    width: 174px;
    height: 174px;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58 img {
    width: 151px;
    height: 151px;
  }
}

@media (max-width: 1040px) {
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-layout-v65 {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 8px;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 {
    width: min(760px, 100%);
    padding: 0 0 20px;
    text-align: center;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 .eyebrow { justify-content: center; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 > p:last-child { margin-inline: auto; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-stats-grid-v58 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-grid-v58 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-acolyte-v58 { grid-column: 2; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-prophet-slot-v62 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-avatar-v58 { grid-column: 2; grid-row: 2; }
}

@media (max-width: 720px) {
  .commercial-section-v58[data-commercial-fix="65"] .commercial-content-v58 { padding-top: 56px; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59 {
    width: min(420px, 110vw);
    height: 350px;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-proof-heading-v58 h2 > span { white-space: normal; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-stats-grid-v58,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-grid-v58 { grid-template-columns: 1fr; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-initiate-v58 { grid-column: 1; grid-row: 1; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-acolyte-v58 { grid-column: 1; grid-row: 2; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-prophet-slot-v62 { grid-column: 1; grid-row: 3; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-avatar-v58 { grid-column: 1; grid-row: 4; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-divider-v62 {
    grid-template-columns: minmax(22px, 1fr) auto minmax(22px, 1fr);
    gap: 10px;
    width: 100%;
    white-space: normal;
  }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-divider-label-v65 { font-size: 9px; }
  .commercial-section-v58[data-commercial-fix="65"] .commercial-pricing-card-v58,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-slot-v62 { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .commercial-section-v58[data-commercial-fix="65"] .commercial-platform-light-v64,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::before,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-stage-v59::after,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-projection-ring-v60,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-projection-ring-v60::after,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-beam-v60,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-beam-v60::after,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-particles-v60,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-receiver-light-v64,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-aura-v59,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-engine-crystal-v59,
  .commercial-section-v58[data-commercial-fix="65"] .commercial-tier-crystal-v58 img {
    animation: none !important;
  }
}

/* v65 divider label must escape the global .eyebrow > span 24px rule. */
.commercial-section-v58[data-commercial-fix="65"] .commercial-divider-label-v65 {
  width: auto;
  height: auto;
  min-width: max-content;
  min-height: 26px;
  padding: 0 14px;
  background: rgba(7, 1, 15, .96);
  box-shadow: 0 0 0 8px rgba(7, 1, 15, .96), 0 0 22px rgba(126, 55, 218, .14);
}


/* Landing page v66: final measured projection alignment only.
   The complete hologram owner moves left and slightly upward to the user-marked
   top-aperture center. Engine art, proof cards, pricing, tier owners, copy, and
   all behavior remain unchanged. */
@media (min-width: 1041px) {
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-stage-v59 {
    --projection-x: 41%;
    --projection-source-y: 42%;
    --projection-receiver-y: 26.3%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-crystal-v59 {
    top: -5.8%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-aura-v59 {
    top: -4.2%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-spark-a-v59 { left: 22%; top: 7%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-spark-b-v59 { left: 59%; top: 8%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-spark-c-v59 { left: 61%; top: 25%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="66"] .commercial-engine-spark-d-v59 { left: 20%; top: 28%; }
}


/* Landing page v67: small rightward projection-position calibration only.
   The complete v66 engine-to-C hologram owner moves slightly right while its
   verified vertical alignment, engine art, proof cards, pricing, and all
   commercial behavior remain unchanged. */
@media (min-width: 1041px) {
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-stage-v59 {
    --projection-x: 45%;
    --projection-source-y: 42%;
    --projection-receiver-y: 26.3%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-crystal-v59 {
    top: -5.8%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-aura-v59 {
    top: -4.2%;
  }

  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-spark-a-v59 { left: 26%; top: 7%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-spark-b-v59 { left: 63%; top: 8%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-spark-c-v59 { left: 65%; top: 25%; }
  .commercial-section-v58[data-commercial-fix="65"][data-commercial-position="67"] .commercial-engine-spark-d-v59 { left: 24%; top: 28%; }
}


/* Landing page v68: CRADLE token community lifecycle engine.
   Replaces only the legacy community orbit with an established cut-glass,
   animated revenue-to-community lifecycle presentation. */
.token-community-section-v68 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(66px, 6vw, 94px) 0 clamp(70px, 6.4vw, 104px);
  background:
    radial-gradient(circle at 74% 36%, rgba(120, 43, 255, .16), transparent 31%),
    radial-gradient(circle at 12% 78%, rgba(84, 30, 188, .12), transparent 28%),
    linear-gradient(135deg, #030711 0%, #070713 44%, #080316 100%);
  border-top: 1px solid rgba(151, 87, 255, .16);
  border-bottom: 1px solid rgba(151, 87, 255, .16);
}

.token-community-grid-v68 {
  position: absolute;
  inset: 0;
  z-index: -4;
  opacity: .2;
  background-image:
    linear-gradient(rgba(137, 82, 214, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(137, 82, 214, .07) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 88%, transparent);
}

.token-community-glow-v68 {
  position: absolute;
  z-index: -3;
  width: 440px;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(50px);
  opacity: .2;
}

.token-community-glow-a-v68 {
  top: -160px;
  left: -130px;
  background: rgba(138, 59, 255, .5);
}

.token-community-glow-b-v68 {
  right: -190px;
  bottom: -210px;
  background: rgba(197, 49, 255, .42);
}

.token-community-shell-v68 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(700px, 1.08fr);
  gap: clamp(28px, 3vw, 50px);
  align-items: stretch;
  max-width: 1700px;
}

.token-story-v68,
.token-lifecycle-v68 {
  min-width: 0;
}

.token-story-v68 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(10px, 1.5vw, 24px) 0;
}

.token-kicker-v68 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  min-height: 42px;
  margin: 0 0 26px;
  padding: 0 20px;
  border: 1px solid rgba(163, 79, 255, .42);
  border-radius: 999px;
  color: #e3c8ff;
  background: rgba(34, 13, 67, .36);
  box-shadow: inset 0 0 20px rgba(157, 62, 255, .08), 0 0 24px rgba(112, 37, 230, .08);
  font-size: 13px;
  font-weight: 760;
  letter-spacing: .12em;
}

.token-kicker-v68 span {
  color: #c65bff;
  text-shadow: 0 0 14px rgba(201, 78, 255, .9);
}

.token-story-v68 h2 {
  max-width: 720px;
  margin: 0 0 26px;
  font-size: clamp(40px, 3vw, 50px);
  line-height: .99;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.token-story-v68 h2 > span {
  display: block;
  white-space: nowrap;
}

.token-story-v68 h2 strong {
  color: transparent;
  background: linear-gradient(90deg, #f1dfff 0%, #bd65ff 48%, #7f39ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 0 0 32px rgba(148, 55, 255, .18);
}

.token-story-v68 > p:not(.token-kicker-v68) {
  max-width: 690px;
  margin: 0 0 20px;
  color: rgba(233, 224, 245, .76);
  font-size: clamp(16px, 1.15vw, 20px);
  line-height: 1.62;
}

.token-story-v68 > p strong {
  color: #c46bff;
  font-weight: 720;
}

.token-utility-card-v68,
.token-lifecycle-v68,
.token-flow-node-v68,
.token-decisions-v68,
.token-chain-note-v68 {
  position: relative;
  border: 1px solid rgba(153, 82, 235, .3);
  background:
    linear-gradient(145deg, rgba(30, 18, 57, .78), rgba(6, 8, 21, .91) 46%, rgba(12, 5, 27, .9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    inset 0 0 38px rgba(114, 38, 205, .06),
    0 26px 68px rgba(0, 0, 0, .28);
  backdrop-filter: blur(18px) saturate(1.15);
}

.token-utility-card-v68 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 148px;
  gap: 18px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

.token-utility-card-v68::before,
.token-lifecycle-v68::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, .07), transparent 22%, transparent 76%, rgba(165, 77, 255, .06));
  mix-blend-mode: screen;
}

.token-coin-stage-v68 {
  position: relative;
  display: grid;
  place-items: center;
  width: 108px;
  height: 108px;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(122, 46, 233, .28), rgba(11, 6, 24, .92) 69%);
  box-shadow: inset 0 0 30px rgba(187, 91, 255, .2), 0 0 32px rgba(115, 39, 238, .22);
}

.token-coin-stage-v68::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(218, 176, 255, .48);
  border-radius: inherit;
  box-shadow: inset 0 0 18px rgba(193, 85, 255, .22), 0 0 16px rgba(140, 58, 255, .22);
}

.token-coin-ring-v68 {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0 8%, rgba(198, 102, 255, .8) 11%, transparent 17% 56%, rgba(122, 74, 255, .66) 61%, transparent 68%);
  mask: radial-gradient(circle, transparent 61%, #000 63% 66%, transparent 68%);
  animation: tokenCoinRingV68 7s linear infinite;
}

.token-coin-video-v68 {
  position: relative;
  z-index: 2;
  width: 91px;
  height: 91px;
  object-fit: contain;
  border-radius: 50%;
  filter: drop-shadow(0 0 16px rgba(190, 97, 255, .7));
  animation: tokenCoinFloatV68 4.2s ease-in-out infinite;
}

.token-coin-spark-v68,
.token-node-spark-v68 {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f1ccff;
  box-shadow: 0 0 9px 3px rgba(206, 99, 255, .7);
  animation: tokenSparkV68 2.6s ease-in-out infinite;
}

.token-coin-spark-a-v68 { left: 14px; top: 28px; }
.token-coin-spark-b-v68 { right: 14px; top: 48px; animation-delay: -.8s; }
.token-coin-spark-c-v68 { left: 36px; bottom: 11px; animation-delay: -1.55s; }

.token-utility-copy-v68 {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.token-utility-label-v68 {
  display: block;
  color: #dda5ff;
  font-size: clamp(15px, 1.15vw, 19px);
  font-weight: 760;
  letter-spacing: .035em;
}

.token-utility-copy-v68 p {
  margin: 7px 0 0;
  color: rgba(231, 221, 242, .74);
  font-size: 14px;
}

.token-trade-chip-v68 {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 2px;
  justify-items: center;
  min-width: 148px;
  padding: 13px 16px;
  color: #fff;
  border: 1px solid rgba(217, 70, 255, .42);
  background: linear-gradient(135deg, rgba(97, 23, 159, .64), rgba(35, 8, 65, .86));
  box-shadow: inset 0 0 20px rgba(198, 44, 255, .1), 0 0 24px rgba(148, 37, 235, .1);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.token-trade-chip-v68:hover {
  transform: translateY(-3px);
  border-color: rgba(234, 120, 255, .78);
  box-shadow: inset 0 0 24px rgba(198, 44, 255, .16), 0 10px 30px rgba(129, 30, 218, .2);
}

.token-trade-chip-v68 span {
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .07em;
}

.token-trade-chip-v68 strong {
  color: #f15bff;
  font-size: 15px;
  letter-spacing: .1em;
}

.token-join-strip-v68 {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 2px 0 0;
  padding: 12px 14px;
  border-top: 1px solid rgba(153, 83, 225, .16);
  background: linear-gradient(90deg, rgba(107, 42, 194, .08), transparent 66%);
}

.token-join-icon-v68 {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  border: 1px solid rgba(178, 89, 255, .28);
  background: rgba(94, 31, 161, .12);
}

.token-join-icon-v68 img { width: 25px; height: 25px; object-fit: contain; }
.token-join-strip-v68 strong { display: block; font-size: 12px; }
.token-join-strip-v68 small { display: block; margin-top: 2px; color: rgba(226, 214, 239, .58); font-size: 10px; }

.token-join-strip-v68 a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  color: #d9b0ff;
  border: 1px solid rgba(165, 78, 255, .28);
  border-radius: 8px;
  background: rgba(71, 28, 134, .28);
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.token-join-strip-v68 a:hover {
  transform: translateX(3px);
  border-color: rgba(207, 123, 255, .6);
  background: rgba(102, 41, 181, .42);
}

.token-lifecycle-v68 {
  overflow: hidden;
  padding: 22px 22px 16px;
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}

.token-lifecycle-header-v68 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 16px;
}

.token-lifecycle-header-v68 p {
  margin: 0;
  color: #e7d7ef;
  font-size: clamp(12px, 1vw, 15px);
  font-weight: 720;
  letter-spacing: .08em;
  white-space: nowrap;
}

.token-lifecycle-header-v68 span {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(175, 85, 255, .38), transparent);
}

.token-flow-stage-v68 {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(150px, .9fr) 56px minmax(250px, 1.2fr) 56px minmax(150px, .9fr);
  gap: 10px;
  align-items: center;
  min-height: 284px;
  padding: 8px 0 14px;
}

.token-flow-stage-v68::before {
  content: "";
  position: absolute;
  inset: 25% 17% 7%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(118, 47, 224, .18), transparent 67%);
  filter: blur(20px);
  animation: tokenEngineBreatheV68 4.8s ease-in-out infinite;
}

.token-flow-node-v68 {
  min-height: 226px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 14px;
  text-align: center;
  overflow: hidden;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  animation: tokenNodeHoverV68 4.9s ease-in-out infinite;
}

.token-fund-node-v68 { animation-delay: -2.25s; }

.token-flow-node-v68:hover {
  transform: translateY(-7px) scale(1.025);
  border-color: rgba(198, 99, 255, .66);
  box-shadow: inset 0 0 38px rgba(130, 43, 224, .11), 0 20px 46px rgba(51, 11, 102, .3);
}

.token-node-glow-v68 {
  position: absolute;
  inset: auto 8% -35% 8%;
  height: 70%;
  border-radius: 50%;
  background: rgba(127, 40, 237, .28);
  filter: blur(24px);
  opacity: .56;
  animation: tokenNodeGlowV68 3.5s ease-in-out infinite;
}

.token-flow-node-v68 h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #f1e9f7;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.18;
}

.token-flow-node-v68 p {
  position: relative;
  z-index: 2;
  margin: 11px 0 0;
  color: rgba(229, 218, 241, .66);
  font-size: 12px;
  line-height: 1.45;
}

.token-node-image-v68 {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 112px;
  height: 94px;
  margin-top: 13px;
}

.token-node-image-v68 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(167, 77, 255, .62));
  animation: tokenNodeImageFloatV68 3.8s ease-in-out infinite;
}

.token-node-spark-v68 { z-index: 3; }
.token-node-spark-a-v68 { left: 20%; top: 24%; }
.token-node-spark-b-v68 { right: 18%; top: 42%; animation-delay: -.9s; }
.token-node-spark-c-v68 { right: 26%; bottom: 20%; animation-delay: -1.7s; }

.token-flow-arrow-v68 {
  position: relative;
  display: block;
  height: 38px;
}

.token-flow-arrow-v68::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 8px;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(141, 68, 232, .16), rgba(222, 157, 255, .92), rgba(141, 68, 232, .16));
  box-shadow: 0 0 9px rgba(176, 95, 255, .58);
}

.token-flow-arrow-v68::after {
  content: "";
  position: absolute;
  right: 3px;
  top: calc(50% - 5px);
  width: 9px;
  height: 9px;
  border-top: 2px solid #dba6ff;
  border-right: 2px solid #dba6ff;
  transform: rotate(45deg);
  filter: drop-shadow(0 0 6px rgba(189, 98, 255, .9));
}

.token-flow-arrow-v68 i {
  position: absolute;
  z-index: 2;
  top: calc(50% - 4px);
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f0d3ff;
  box-shadow: 0 0 12px 4px rgba(191, 92, 255, .8);
  animation: tokenArrowPumpV68 2.1s linear infinite;
}

.token-flow-arrow-right-v68 i { animation-delay: -1.05s; }

.token-gauge-v68 {
  position: relative;
  display: grid;
  place-items: center;
  width: min(282px, 100%);
  aspect-ratio: 1;
  margin: auto;
}

.token-gauge-v68::before {
  content: "";
  position: absolute;
  inset: 13%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 12, 78, .95), rgba(5, 6, 18, .98) 67%);
  border: 1px solid rgba(174, 100, 255, .3);
  box-shadow: inset 0 0 42px rgba(123, 38, 220, .13), 0 0 42px rgba(104, 31, 207, .13);
}

.token-gauge-orbit-v68 {
  position: absolute;
  inset: 1.5%;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(184, 112, 255, .62) 0 1deg, transparent 1deg 10deg);
  mask: radial-gradient(circle, transparent 73%, #000 74% 76%, transparent 77%);
  opacity: .35;
  animation: tokenGaugeOrbitV68 16s linear infinite;
}

.token-gauge-rings-v68 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: rotate(-90deg);
}

.token-gauge-track-v68,
.token-gauge-progress-v68,
.token-gauge-runner-v68 {
  fill: none;
  stroke-linecap: butt;
}

.token-gauge-track-v68 {
  stroke: rgba(122, 86, 177, .22);
  stroke-width: 20;
}

.token-gauge-progress-v68 {
  stroke: url("#token-gauge-gradient-v68");
  stroke: #a74cff;
  stroke-width: 20;
  stroke-dasharray: 25 75;
  filter: drop-shadow(0 0 8px rgba(178, 80, 255, .76));
  animation: tokenGaugeRechargeV68 5s cubic-bezier(.55, 0, .25, 1) infinite;
}

.token-gauge-runner-v68 {
  stroke: rgba(227, 184, 255, .85);
  stroke-width: 2;
  stroke-dasharray: 2 98;
  filter: drop-shadow(0 0 5px rgba(215, 145, 255, .9));
  animation: tokenGaugeRunnerV68 3.6s linear infinite;
}

.token-gauge-core-v68 {
  position: relative;
  z-index: 3;
  display: grid;
  justify-items: center;
  text-align: center;
}

.token-gauge-core-v68 strong {
  color: transparent;
  background: linear-gradient(180deg, #f1c9ff, #9d42ff 74%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: clamp(48px, 4vw, 68px);
  line-height: 1;
  letter-spacing: -.04em;
  filter: drop-shadow(0 0 14px rgba(165, 62, 255, .36));
}

.token-gauge-core-v68 span {
  margin-top: 8px;
  color: #dbc5e9;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .08em;
}

.token-gauge-core-v68 small {
  margin-top: 8px;
  color: rgba(228, 216, 239, .64);
  font-size: 11px;
  line-height: 1.35;
}

.token-gauge-pulse-v68 {
  position: absolute;
  inset: 20%;
  border: 1px solid rgba(181, 94, 255, .3);
  border-radius: 50%;
  animation: tokenGaugePulseV68 3.1s ease-out infinite;
}

.token-decisions-v68 {
  position: relative;
  z-index: 2;
  padding: 15px 12px 12px;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.token-decisions-v68 > header {
  text-align: center;
  margin-bottom: 12px;
}

.token-decisions-v68 > header h3 {
  margin: 0;
  color: #ca77ff;
  font-size: 13px;
  letter-spacing: .055em;
}

.token-decisions-v68 > header p {
  margin: 6px 0 0;
  color: rgba(225, 211, 237, .66);
  font-size: 11px;
}

.token-decisions-v68 > header p span { color: #b961ff; }

.token-decision-grid-v68 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.token-decision-item-v68 {
  min-width: 0;
  padding: 12px 8px 10px;
  text-align: center;
  border-left: 1px solid rgba(143, 74, 210, .14);
  transition: transform .24s ease, background .24s ease, box-shadow .24s ease;
}

.token-decision-item-v68:first-child { border-left: 0; }
.token-decision-item-v68:hover {
  transform: translateY(-4px);
  background: rgba(112, 39, 192, .1);
  box-shadow: inset 0 0 24px rgba(151, 58, 245, .08);
}

.token-decision-item-v68 > span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 8px;
  border-radius: 15px;
  background: radial-gradient(circle, rgba(128, 43, 211, .18), transparent 72%);
}

.token-decision-item-v68 img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(172, 73, 255, .5));
  transition: transform .26s ease, filter .26s ease;
}

.token-decision-item-v68:hover img {
  transform: scale(1.08) rotate(-3deg);
  filter: drop-shadow(0 0 14px rgba(208, 112, 255, .8));
}

.token-decision-item-v68 h4 {
  margin: 0;
  color: #eadff0;
  font-size: 12px;
  line-height: 1.24;
}

.token-decision-item-v68 p {
  margin: 5px auto 0;
  max-width: 135px;
  color: rgba(225, 212, 237, .58);
  font-size: 9.5px;
  line-height: 1.35;
}

.token-chain-note-v68 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 42px;
  margin-top: 10px;
  padding: 8px 18px;
  overflow: hidden;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.token-chain-note-v68 p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(226, 215, 238, .68);
  font-size: 10px;
}

.token-chain-shield-v68 {
  position: relative;
  z-index: 2;
  width: 22px;
  height: 25px;
  border: 2px solid #b45bff;
  clip-path: polygon(50% 0, 92% 17%, 84% 70%, 50% 100%, 16% 70%, 8% 17%);
  box-shadow: 0 0 12px rgba(172, 80, 255, .45);
}

.token-chain-shield-v68::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #e4bdff;
  border-bottom: 2px solid #e4bdff;
  transform: rotate(-45deg);
}

.token-chain-scan-v68 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20%;
  width: 16%;
  background: linear-gradient(90deg, transparent, rgba(188, 101, 255, .12), transparent);
  transform: skewX(-18deg);
  animation: tokenChainScanV68 5.5s ease-in-out infinite;
}

@keyframes tokenCoinRingV68 { to { transform: rotate(360deg); } }
@keyframes tokenCoinFloatV68 { 0%, 100% { transform: translateY(2px) rotate(-2deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes tokenSparkV68 { 0%, 100% { opacity: .18; transform: scale(.45); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes tokenEngineBreatheV68 { 0%, 100% { opacity: .42; transform: scale(.95); } 50% { opacity: .82; transform: scale(1.06); } }
@keyframes tokenNodeHoverV68 { 0%, 100% { translate: 0 1px; } 50% { translate: 0 -4px; } }
@keyframes tokenNodeGlowV68 { 0%, 100% { opacity: .34; transform: scale(.88); } 50% { opacity: .72; transform: scale(1.08); } }
@keyframes tokenNodeImageFloatV68 { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-6px); } }
@keyframes tokenArrowPumpV68 { 0% { left: 0; opacity: 0; transform: scale(.55); } 20% { opacity: 1; } 82% { opacity: 1; } 100% { left: calc(100% - 11px); opacity: 0; transform: scale(1.15); } }
@keyframes tokenGaugeRechargeV68 { 0%, 8% { stroke-dasharray: 0 100; opacity: .2; } 43%, 84% { stroke-dasharray: 25 75; opacity: 1; } 100% { stroke-dasharray: 25 75; opacity: .35; } }
@keyframes tokenGaugeRunnerV68 { to { stroke-dashoffset: -100; } }
@keyframes tokenGaugeOrbitV68 { to { transform: rotate(360deg); } }
@keyframes tokenGaugePulseV68 { 0% { opacity: .5; transform: scale(.88); } 70%, 100% { opacity: 0; transform: scale(1.22); } }
@keyframes tokenChainScanV68 { 0%, 22% { left: -20%; opacity: 0; } 42% { opacity: 1; } 68%, 100% { left: 110%; opacity: 0; } }

@media (max-width: 1360px) {
  .token-community-shell-v68 { grid-template-columns: minmax(0, .9fr) minmax(660px, 1.1fr); }
  .token-flow-stage-v68 { grid-template-columns: minmax(138px, .85fr) 44px minmax(228px, 1.16fr) 44px minmax(138px, .85fr); }
  .token-utility-card-v68 { grid-template-columns: 100px minmax(0, 1fr) 142px; }
  .token-coin-stage-v68 { width: 98px; height: 98px; }
  .token-coin-video-v68 { width: 82px; height: 82px; }
  .token-trade-chip-v68 { justify-self: stretch; }
  .token-join-strip-v68 { margin-left: 0; }
}

@media (max-width: 1120px) {
  .token-community-shell-v68 { grid-template-columns: 1fr; }
  .token-story-v68 { padding-inline: clamp(8px, 4vw, 48px); }
  .token-story-v68 h2,
  .token-story-v68 > p:not(.token-kicker-v68) { max-width: 820px; }
  .token-lifecycle-v68 { margin-top: 12px; }
}

@media (max-width: 760px) {
  .token-community-section-v68 { padding-block: 62px 70px; }
  .token-story-v68 { padding-inline: 0; }
  .token-story-v68 h2 { font-size: clamp(38px, 12vw, 52px); }
  .token-story-v68 h2 > span { white-space: normal; }
  .token-utility-card-v68 { grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 14px; }
  .token-coin-stage-v68 { width: 88px; height: 88px; }
  .token-coin-video-v68 { width: 74px; height: 74px; }
  .token-trade-chip-v68 { grid-column: 1 / -1; justify-self: stretch; min-width: 0; }
  .token-join-strip-v68 { grid-column: 1 / -1; grid-template-columns: auto 1fr; margin-left: 0; padding-inline: 0; }
  .token-join-strip-v68 a { grid-column: 1 / -1; justify-content: center; }
  .token-lifecycle-v68 { padding: 18px 14px 14px; }
  .token-lifecycle-header-v68 p { white-space: normal; }
  .token-flow-stage-v68 { grid-template-columns: 1fr; gap: 12px; }
  .token-flow-node-v68 { min-height: 184px; }
  .token-flow-arrow-v68 { width: 38px; height: 48px; margin: auto; transform: rotate(90deg); }
  .token-gauge-v68 { width: min(260px, 86vw); }
  .token-decision-grid-v68 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .token-decision-item-v68 { border-left: 0; border-top: 1px solid rgba(143, 74, 210, .12); }
  .token-decision-item-v68:last-child { grid-column: 1 / -1; }
  .token-chain-note-v68 { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .token-community-section-v68 *,
  .token-community-section-v68 *::before,
  .token-community-section-v68 *::after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* Landing page v69: verified CRADLE token link, readability, and lifecycle polish.
   Keeps the v68 owner and motion architecture while refining only its presentation. */
.token-community-section-v68[data-token-polish="69"] .token-kicker-v68 {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 11px;
  min-height: 0;
  margin: 0 0 24px;
  padding: 0 96px 0 0;
  border: 0;
  border-radius: 0;
  color: #d49cff;
  background: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .24em;
  text-shadow: 0 0 18px rgba(196, 83, 255, .4);
}

.token-community-section-v68[data-token-polish="69"] .token-kicker-v68::after {
  content: "";
  position: absolute;
  right: 0;
  width: 76px;
  height: 1px;
  background: linear-gradient(90deg, rgba(205, 105, 255, .72), transparent);
  box-shadow: 0 0 10px rgba(185, 73, 255, .28);
}

.token-community-section-v68[data-token-polish="69"] .token-kicker-v68 span {
  display: grid;
  place-items: center;
  width: 9px;
  height: 9px;
  color: #f1c6ff;
  font-size: 10px;
  filter: drop-shadow(0 0 7px rgba(218, 111, 255, .95));
}

.token-community-section-v68[data-token-polish="69"] .token-utility-card-v68 {
  grid-template-columns: 116px minmax(0, 1fr) minmax(184px, .72fr);
  gap: 20px;
  padding: 20px;
  border-color: rgba(180, 91, 255, .38);
  background:
    linear-gradient(115deg, rgba(116, 48, 196, .11), transparent 25%),
    linear-gradient(145deg, rgba(30, 18, 57, .82), rgba(6, 8, 21, .94) 46%, rgba(12, 5, 27, .92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 0 48px rgba(129, 44, 219, .08),
    0 26px 68px rgba(0, 0, 0, .3),
    0 0 32px rgba(116, 39, 218, .07);
}

.token-community-section-v68[data-token-polish="69"] .token-utility-copy-v68 p {
  font-size: 15px;
  line-height: 1.45;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 11px;
  row-gap: 2px;
  align-items: center;
  justify-items: start;
  min-width: 0;
  padding: 13px 13px;
  text-decoration: none;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 50%, rgba(255, 82, 192, .22), transparent 38%),
    linear-gradient(135deg, rgba(108, 27, 165, .75), rgba(35, 8, 65, .92));
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 18%, rgba(255, 255, 255, .12) 42%, transparent 66%);
  transform: translateX(-120%);
  transition: transform .65s ease;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68:hover::before {
  transform: translateX(120%);
}

.token-community-section-v68[data-token-polish="69"] .token-uniswap-logo-v69 {
  position: relative;
  z-index: 2;
  grid-row: 1 / 3;
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(255, 82, 190, .64));
  animation: tokenUniswapFloatV69 3.8s ease-in-out infinite;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 span,
.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 strong {
  grid-column: 2;
  position: relative;
  z-index: 2;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 span {
  font-size: 10.5px;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 strong {
  font-size: 16px;
}

.token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 b {
  position: relative;
  z-index: 2;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  color: #f4c8ff;
  font-size: 17px;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(225, 108, 255, .7);
}

.token-community-section-v68[data-token-polish="69"] .token-join-icon-v68 {
  width: 42px;
  height: 42px;
  border-color: rgba(222, 106, 255, .48);
  background: radial-gradient(circle, rgba(211, 78, 255, .2), rgba(96, 30, 162, .1) 70%);
  box-shadow: inset 0 0 16px rgba(202, 72, 255, .08), 0 0 16px rgba(165, 58, 255, .1);
}

.token-community-section-v68[data-token-polish="69"] .token-join-icon-v68 img {
  width: 28px;
  height: 28px;
  filter: brightness(0) saturate(100%) invert(72%) sepia(72%) saturate(4090%) hue-rotate(238deg) brightness(104%) contrast(103%) drop-shadow(0 0 7px rgba(218, 104, 255, .72));
}

.token-community-section-v68[data-token-polish="69"] .token-join-strip-v68 strong {
  font-size: 14px;
}

.token-community-section-v68[data-token-polish="69"] .token-join-strip-v68 small {
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.35;
}

.token-community-section-v68[data-token-polish="69"] .token-join-strip-v68 a {
  min-height: 42px;
  padding-inline: 16px;
  font-size: 11.5px;
}

.token-community-section-v68[data-token-polish="69"] .token-lifecycle-v68 {
  padding: 24px 20px 18px;
}

.token-community-section-v68[data-token-polish="69"] .token-lifecycle-header-v68 {
  margin-bottom: 18px;
}

.token-community-section-v68[data-token-polish="69"] .token-lifecycle-header-v68 p {
  font-size: clamp(13px, 1vw, 16px);
  letter-spacing: .075em;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-stage-v68 {
  grid-template-columns: minmax(0, .82fr) 38px minmax(218px, 1.32fr) 38px minmax(0, .82fr);
  gap: 8px;
  min-width: 0;
  min-height: 292px;
  padding: 8px 0 16px;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-node-v68 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 232px;
  padding: 17px 9px;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-node-v68 h3 {
  max-width: 100%;
  font-size: clamp(15px, 1.12vw, 19px);
  line-height: 1.16;
  text-wrap: balance;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-node-v68 p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.42;
}

.token-community-section-v68[data-token-polish="69"] .token-node-image-v68 {
  width: 108px;
  height: 96px;
  margin-top: 12px;
}

.token-community-section-v68[data-token-polish="69"] .token-fund-node-v68 .token-node-image-v68 {
  width: 102px;
  height: 91px;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-arrow-v68 {
  width: 100%;
  min-width: 0;
}

.token-community-section-v68[data-token-polish="69"] .token-flow-arrow-v68::before {
  left: 0;
  right: 7px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(151, 64, 232, .08), rgba(242, 196, 255, .96) 52%, rgba(142, 73, 237, .16));
  box-shadow: 0 0 11px rgba(194, 104, 255, .75), 0 0 24px rgba(126, 49, 218, .22);
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-v68 {
  width: min(286px, 100%);
  filter: drop-shadow(0 18px 28px rgba(34, 4, 74, .36));
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-v68::before {
  inset: 12%;
  background:
    radial-gradient(circle at 38% 28%, rgba(216, 124, 255, .18), transparent 28%),
    radial-gradient(circle, rgba(41, 11, 77, .97), rgba(4, 5, 17, .99) 70%);
  border: 1px solid rgba(205, 137, 255, .42);
  box-shadow:
    inset 0 0 24px rgba(213, 112, 255, .08),
    inset 0 -20px 50px rgba(31, 7, 67, .65),
    0 0 40px rgba(113, 35, 218, .22);
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-v68::after {
  content: "";
  position: absolute;
  inset: 3.5%;
  border-radius: 50%;
  background: conic-gradient(from 215deg, transparent 0 8%, rgba(231, 173, 255, .55) 9% 10%, transparent 11% 32%, rgba(102, 207, 255, .36) 33% 34%, transparent 35% 68%, rgba(218, 97, 255, .48) 69% 70%, transparent 71%);
  mask: radial-gradient(circle, transparent 78%, #000 79% 81%, transparent 82%);
  opacity: .68;
  animation: tokenGaugeOuterScanV69 9s linear infinite;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-orbit-v68 {
  inset: 0;
  opacity: .5;
  mask: radial-gradient(circle, transparent 74%, #000 75% 77%, transparent 78%);
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-track-v68 {
  stroke: rgba(129, 90, 184, .24);
  stroke-width: 18;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-progress-v68 {
  stroke: url("#token-gauge-gradient-v69");
  stroke-width: 19;
  stroke-linecap: round;
  filter: drop-shadow(0 0 7px rgba(220, 100, 255, .9)) drop-shadow(0 0 14px rgba(94, 177, 255, .32));
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-ticks-v69,
.token-community-section-v68[data-token-polish="69"] .token-gauge-ghost-v69 {
  fill: none;
  transform-origin: 120px 120px;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-ticks-v69 {
  stroke: rgba(221, 175, 255, .42);
  stroke-width: 2;
  stroke-dasharray: .8 3.2;
  animation: tokenGaugeTicksV69 22s linear infinite reverse;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-ghost-v69 {
  stroke: rgba(109, 195, 255, .24);
  stroke-width: 1.5;
  stroke-dasharray: 8 4 2 6;
  animation: tokenGaugeGhostV69 7s ease-in-out infinite;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-glass-v69 {
  position: absolute;
  inset: 18%;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid rgba(242, 214, 255, .15);
  background: linear-gradient(145deg, rgba(255, 255, 255, .07), transparent 38% 68%, rgba(142, 72, 255, .08));
  box-shadow: inset 12px 12px 24px rgba(255, 255, 255, .025), inset -14px -18px 30px rgba(31, 6, 68, .28);
  pointer-events: none;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-charge-v69 {
  position: absolute;
  inset: 12%;
  z-index: 2;
  border-radius: 50%;
  background: conic-gradient(from -25deg, transparent 0 73%, rgba(224, 148, 255, .2) 81%, transparent 92%);
  mask: radial-gradient(circle, transparent 47%, #000 49% 54%, transparent 57%);
  filter: blur(.2px) drop-shadow(0 0 7px rgba(216, 109, 255, .4));
  animation: tokenGaugeChargeSweepV69 4.6s cubic-bezier(.5, 0, .28, 1) infinite;
  pointer-events: none;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-core-v68 strong {
  font-size: clamp(52px, 4.2vw, 72px);
  background: linear-gradient(180deg, #fff1ff 0%, #e176ff 35%, #a84cff 69%, #73cfff 112%);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 10px rgba(205, 84, 255, .55));
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-core-v68 span {
  font-size: 13px;
}

.token-community-section-v68[data-token-polish="69"] .token-gauge-core-v68 small {
  font-size: 12px;
  line-height: 1.42;
}

.token-community-section-v68[data-token-polish="69"] .token-decisions-v68 {
  padding: 17px 13px 14px;
}

.token-community-section-v68[data-token-polish="69"] .token-decisions-v68 > header h3 {
  font-size: 16px;
  letter-spacing: .06em;
}

.token-community-section-v68[data-token-polish="69"] .token-decisions-v68 > header p {
  margin-top: 7px;
  font-size: 13px;
}

.token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 {
  min-height: 160px;
  padding: 13px 8px 12px;
}

.token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 > span {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(210, 101, 255, .23);
  background:
    radial-gradient(circle at 50% 42%, rgba(208, 81, 255, .24), rgba(83, 26, 148, .08) 62%, transparent 74%);
  box-shadow: inset 0 0 18px rgba(201, 77, 255, .08), 0 0 16px rgba(159, 55, 244, .09);
}

.token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 img {
  width: 49px;
  height: 49px;
  filter: brightness(0) saturate(100%) invert(72%) sepia(75%) saturate(4559%) hue-rotate(239deg) brightness(103%) contrast(105%) drop-shadow(0 0 9px rgba(211, 92, 255, .58));
}

.token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 h4 {
  font-size: 14px;
  line-height: 1.25;
}

.token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 p {
  max-width: 150px;
  font-size: 11.5px;
  line-height: 1.42;
}

.token-community-section-v68[data-token-polish="69"] .token-chain-note-v68 {
  min-height: 46px;
  margin-top: 12px;
}

.token-community-section-v68[data-token-polish="69"] .token-chain-note-v68 p {
  font-size: 11.5px;
  line-height: 1.4;
}

@keyframes tokenUniswapFloatV69 {
  0%, 100% { transform: translateY(1px) rotate(-2deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
}

@keyframes tokenGaugeOuterScanV69 { to { transform: rotate(360deg); } }
@keyframes tokenGaugeTicksV69 { to { transform: rotate(360deg); } }
@keyframes tokenGaugeGhostV69 {
  0%, 100% { opacity: .2; transform: rotate(0deg) scale(.98); }
  50% { opacity: .72; transform: rotate(18deg) scale(1.02); }
}
@keyframes tokenGaugeChargeSweepV69 {
  0%, 8% { opacity: .1; transform: rotate(-24deg) scale(.94); }
  45%, 82% { opacity: .86; transform: rotate(78deg) scale(1); }
  100% { opacity: .18; transform: rotate(112deg) scale(1.02); }
}

@media (max-width: 1360px) {
  .token-community-section-v68[data-token-polish="69"] .token-utility-card-v68 {
    grid-template-columns: 104px minmax(0, 1fr) minmax(176px, .7fr);
    gap: 15px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-flow-stage-v68 {
    grid-template-columns: minmax(0, .78fr) 34px minmax(210px, 1.3fr) 34px minmax(0, .78fr);
    gap: 6px;
  }
}

@media (max-width: 1120px) {
  .token-community-section-v68[data-token-polish="69"] .token-utility-card-v68 {
    grid-template-columns: 110px minmax(0, 1fr) minmax(190px, .65fr);
  }

  .token-community-section-v68[data-token-polish="69"] .token-flow-stage-v68 {
    grid-template-columns: minmax(132px, .8fr) 40px minmax(236px, 1.22fr) 40px minmax(132px, .8fr);
    gap: 8px;
  }
}

@media (max-width: 760px) {
  .token-community-section-v68[data-token-polish="69"] .token-kicker-v68 {
    padding-right: 70px;
    font-size: 11px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-kicker-v68::after {
    width: 52px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-utility-card-v68 {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-trade-chip-v68 {
    grid-column: 1 / -1;
  }

  .token-community-section-v68[data-token-polish="69"] .token-flow-stage-v68 {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-flow-node-v68 {
    min-height: 190px;
  }

  .token-community-section-v68[data-token-polish="69"] .token-flow-arrow-v68 {
    width: 38px;
    height: 48px;
    margin: auto;
    transform: rotate(90deg);
  }

  .token-community-section-v68[data-token-polish="69"] .token-gauge-v68 {
    width: min(270px, 86vw);
  }

  .token-community-section-v68[data-token-polish="69"] .token-decision-item-v68 {
    min-height: 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .token-community-section-v68[data-token-polish="69"] .token-uniswap-logo-v69,
  .token-community-section-v68[data-token-polish="69"] .token-gauge-ticks-v69,
  .token-community-section-v68[data-token-polish="69"] .token-gauge-ghost-v69,
  .token-community-section-v68[data-token-polish="69"] .token-gauge-charge-v69 {
    animation: none !important;
  }
}



/* Landing page v70: logo-led Uniswap action and premium final mission call-to-action. */
.token-community-section-v68[data-token-polish="69"] .token-trade-logo-only-v70 {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 1fr;
  justify-items: center;
  min-height: 74px;
  padding: 12px 15px 12px 18px;
  background:
    radial-gradient(circle at 30% 50%, rgba(255, 86, 191, .26), transparent 45%),
    linear-gradient(135deg, rgba(116, 28, 174, .86), rgba(40, 8, 70, .96));
}

.token-community-section-v68[data-token-polish="69"] .token-trade-logo-only-v70 .token-uniswap-logo-v69 {
  grid-column: 1;
  grid-row: 1;
  width: min(132px, 100%);
  height: 44px;
  object-fit: contain;
  filter: brightness(1.08) saturate(1.12) drop-shadow(0 0 12px rgba(255, 74, 180, .68));
}

.token-community-section-v68[data-token-polish="69"] .token-trade-logo-only-v70 b {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  font-size: 20px;
}

.final-cta-section[data-final-cta-polish="70"] {
  overflow: hidden;
  padding: 78px 0 92px;
  background:
    radial-gradient(circle at 76% 48%, rgba(139, 53, 255, .12), transparent 27%),
    radial-gradient(circle at 18% 68%, rgba(201, 65, 255, .08), transparent 28%),
    linear-gradient(180deg, #070211, #020105);
}

.final-cta-section[data-final-cta-polish="70"] .final-cta {
  isolation: isolate;
  min-height: 300px;
  padding: 54px 58px;
  border-radius: 0;
  border: 1px solid rgba(191, 112, 255, .42);
  clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);
  background:
    linear-gradient(112deg, rgba(26, 8, 57, .97), rgba(10, 3, 24, .95) 53%, rgba(37, 10, 73, .92)),
    radial-gradient(circle at 82% 50%, rgba(183, 70, 255, .3), transparent 30%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    inset 0 0 70px rgba(128, 45, 225, .08),
    0 34px 90px rgba(0, 0, 0, .52),
    0 0 54px rgba(117, 43, 223, .15);
}

.final-cta-section[data-final-cta-polish="70"] .final-cta::before {
  z-index: -3;
  opacity: .72;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.95), rgba(0,0,0,.35) 58%, transparent 92%);
}

.final-cta-section[data-final-cta-polish="70"] .final-cta::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 1px;
  pointer-events: none;
  clip-path: inherit;
  background:
    linear-gradient(105deg, transparent 0 42%, rgba(255,255,255,.09) 49%, transparent 56%) -140% 0 / 52% 100% no-repeat,
    radial-gradient(circle at 84% 50%, rgba(202, 90, 255, .22), transparent 31%);
  animation: finalCtaGlassScanV70 7s ease-in-out infinite;
}

.final-cta-copy-v70 {
  position: relative;
  z-index: 3;
  max-width: 820px;
}

.final-cta-section[data-final-cta-polish="70"] .eyebrow {
  margin-bottom: 14px;
  color: #d79aff;
  font-size: 12px;
  letter-spacing: .22em;
  text-shadow: 0 0 16px rgba(210, 105, 255, .38);
}

.final-cta-section[data-final-cta-polish="70"] .final-cta h2 {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: clamp(39px, 4.2vw, 67px);
  line-height: .98;
  letter-spacing: -.045em;
}

.final-cta-section[data-final-cta-polish="70"] .final-cta h2 span,
.final-cta-section[data-final-cta-polish="70"] .final-cta h2 strong {
  display: block;
}

.final-cta-section[data-final-cta-polish="70"] .final-cta h2 strong {
  color: transparent;
  background: linear-gradient(90deg, #f3d8ff, #b56cff 54%, #f24dff);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
  filter: drop-shadow(0 0 18px rgba(176, 73, 255, .15));
}

.final-cta-section[data-final-cta-polish="70"] .final-cta p:not(.eyebrow) {
  max-width: 690px;
  margin-top: 20px;
  color: rgba(232, 222, 241, .72);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.65;
}

.final-cta-section[data-final-cta-polish="70"] .final-cta-actions {
  flex: 0 0 auto;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(189, 102, 255, .2);
  border-radius: 18px;
  background: rgba(14, 5, 31, .5);
  box-shadow: inset 0 0 28px rgba(151, 54, 238, .07), 0 18px 42px rgba(0,0,0,.25);
  backdrop-filter: blur(14px);
}

.final-cta-section[data-final-cta-polish="70"] .button-primary {
  min-width: 220px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 0 28px rgba(181, 70, 255, .3);
}

.final-cta-energy-v70,
.final-cta-orbit-v70 {
  position: absolute;
  z-index: -1;
  right: 7%;
  top: 50%;
  pointer-events: none;
  border-radius: 50%;
  transform: translateY(-50%);
}

.final-cta-energy-v70 {
  width: 260px;
  height: 260px;
  background:
    radial-gradient(circle, rgba(240, 184, 255, .55) 0 2%, rgba(190, 87, 255, .22) 3% 14%, transparent 48%),
    conic-gradient(from 90deg, transparent, rgba(203, 91, 255, .22), transparent 38%, rgba(113, 106, 255, .17), transparent 72%);
  filter: blur(.2px) drop-shadow(0 0 28px rgba(181, 70, 255, .28));
  animation: finalCtaCoreV70 5.4s ease-in-out infinite;
}

.final-cta-orbit-v70 {
  width: 318px;
  height: 118px;
  border: 1px solid rgba(205, 126, 255, .18);
  box-shadow: 0 0 20px rgba(146, 63, 226, .12), inset 0 0 20px rgba(146, 63, 226, .08);
  transform: translateY(-50%) rotate(-9deg);
  animation: finalCtaOrbitV70 7.2s ease-in-out infinite;
}

@keyframes finalCtaGlassScanV70 {
  0%, 58% { background-position: -140% 0, 0 0; }
  78%, 100% { background-position: 240% 0, 0 0; }
}

@keyframes finalCtaCoreV70 {
  0%, 100% { transform: translateY(-50%) scale(.94); opacity: .58; }
  50% { transform: translateY(-50%) scale(1.05); opacity: .9; }
}

@keyframes finalCtaOrbitV70 {
  0%, 100% { transform: translateY(-50%) rotate(-9deg) scaleX(.96); opacity: .48; }
  50% { transform: translateY(-50%) rotate(-4deg) scaleX(1.04); opacity: .76; }
}

@media (max-width: 980px) {
  .final-cta-section[data-final-cta-polish="70"] .final-cta {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
    padding: 44px 34px;
  }
  .final-cta-section[data-final-cta-polish="70"] .final-cta-actions { width: 100%; }
  .final-cta-energy-v70, .final-cta-orbit-v70 { right: -8%; opacity: .4; }
}

@media (max-width: 620px) {
  .token-community-section-v68[data-token-polish="69"] .token-trade-logo-only-v70 {
    min-height: 66px;
  }
  .final-cta-section[data-final-cta-polish="70"] { padding: 52px 0 66px; }
  .final-cta-section[data-final-cta-polish="70"] .final-cta { padding: 36px 24px; }
  .final-cta-section[data-final-cta-polish="70"] .final-cta h2 { font-size: clamp(35px, 11vw, 48px); }
  .final-cta-section[data-final-cta-polish="70"] .final-cta-actions { padding: 12px; }
  .final-cta-section[data-final-cta-polish="70"] .final-cta-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .token-trade-logo-only-v70 .token-uniswap-logo-v69,
  .final-cta-section[data-final-cta-polish="70"] .final-cta::after,
  .final-cta-energy-v70,
  .final-cta-orbit-v70 {
    animation: none !important;
  }
}

/* Landing page v71: turn the conversation workflow into a richer Cradle world scene
   using existing project assets while preserving the live videos, copy, controls,
   typewriter behavior, and panel geometry. */
.workflow-section-v71 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 19% 42%, rgba(137, 61, 230, .19), transparent 31%),
    radial-gradient(circle at 82% 30%, rgba(207, 72, 255, .15), transparent 34%),
    radial-gradient(ellipse at 52% 96%, rgba(80, 40, 166, .20), transparent 47%),
    linear-gradient(180deg, #06030d 0%, #0b0416 47%, #05020c 100%);
}

.workflow-section-v71::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .23;
  background-image:
    linear-gradient(rgba(216, 173, 255, .032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 173, 255, .026) 1px, transparent 1px);
  background-size: 62px 62px;
  -webkit-mask-image: radial-gradient(ellipse 76% 82% at 52% 48%, #000 0 38%, transparent 91%);
  mask-image: radial-gradient(ellipse 76% 82% at 52% 48%, #000 0 38%, transparent 91%);
}

.workflow-section-v71::after {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 18px;
  z-index: 1;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(170, 93, 255, .24) 22%, rgba(235, 162, 255, .42) 50%, rgba(170, 93, 255, .24) 78%, transparent);
  box-shadow: 0 0 24px rgba(143, 67, 245, .16);
}

.workflow-cosmic-backdrop-v71 {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.workflow-backdrop-stars-v71,
.workflow-backdrop-vignette-v71 {
  position: absolute;
  inset: 0;
}

.workflow-backdrop-stars-v71 {
  opacity: .52;
  background-image:
    radial-gradient(circle at 8% 14%, rgba(255,255,255,.92) 0 1px, transparent 1.7px),
    radial-gradient(circle at 74% 12%, rgba(224,178,255,.86) 0 1px, transparent 1.8px),
    radial-gradient(circle at 91% 54%, rgba(202,108,255,.72) 0 1.2px, transparent 2px),
    radial-gradient(circle at 27% 73%, rgba(163,106,255,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 55% 32%, rgba(255,255,255,.72) 0 1px, transparent 1.8px);
  background-size: 190px 190px, 270px 270px, 230px 230px, 310px 310px, 360px 360px;
  animation: workflow-stars-drift-v71 18s linear infinite;
}

.workflow-backdrop-island-v71 {
  position: absolute;
  right: -205px;
  bottom: -215px;
  width: min(760px, 49vw);
  aspect-ratio: 1;
  opacity: .30;
  background: url("/assets/mission-system/rock-v34.png") center / contain no-repeat;
  filter:
    hue-rotate(205deg)
    saturate(.82)
    brightness(.46)
    contrast(1.18)
    drop-shadow(0 42px 72px rgba(0,0,0,.62))
    drop-shadow(0 0 52px rgba(140, 70, 255, .24));
  transform: rotate(-5deg);
  animation: workflow-world-float-v71 10.5s ease-in-out infinite;
}

.workflow-backdrop-logo-v71 {
  position: absolute;
  right: clamp(92px, 10.5vw, 205px);
  top: clamp(52px, 6.5vh, 92px);
  width: clamp(190px, 17vw, 310px);
  aspect-ratio: 1;
  opacity: .19;
  background: url("/assets/TheCradleGlassPurple2.png") center / contain no-repeat;
  filter:
    saturate(1.12)
    brightness(1.08)
    drop-shadow(0 0 28px rgba(214, 124, 255, .58))
    drop-shadow(0 0 74px rgba(123, 45, 245, .36));
  animation: workflow-logo-hover-v71 7.4s ease-in-out infinite;
}

.workflow-backdrop-beam-v71 {
  position: absolute;
  right: clamp(180px, 18vw, 346px);
  top: clamp(235px, 27vh, 315px);
  width: clamp(94px, 8vw, 150px);
  height: clamp(215px, 28vh, 325px);
  opacity: .20;
  clip-path: polygon(43% 0, 57% 0, 100% 100%, 0 100%);
  background:
    linear-gradient(90deg, transparent, rgba(239, 195, 255, .30) 45%, rgba(255,255,255,.56) 50%, rgba(216, 138, 255, .30) 55%, transparent),
    linear-gradient(180deg, rgba(214, 157, 255, .68), rgba(139, 64, 250, .08));
  filter: blur(.3px) drop-shadow(0 0 24px rgba(174, 88, 255, .34));
  transform-origin: 50% 0;
  animation: workflow-beam-breathe-v71 4.6s ease-in-out infinite;
}

.workflow-backdrop-orbit-v71 {
  position: absolute;
  border: 1px solid rgba(188, 116, 255, .14);
  border-radius: 50%;
  box-shadow:
    inset 0 0 34px rgba(146, 63, 255, .06),
    0 0 36px rgba(146, 63, 255, .07);
}

.workflow-backdrop-orbit-one-v71 {
  right: 2%;
  top: 8%;
  width: min(540px, 38vw);
  height: min(540px, 38vw);
  transform: rotateX(69deg) rotateZ(13deg);
}

.workflow-backdrop-orbit-two-v71 {
  left: -170px;
  bottom: -180px;
  width: 560px;
  height: 560px;
  opacity: .68;
  transform: rotateX(72deg) rotateZ(-18deg);
}

.workflow-backdrop-crystal-v71 {
  position: absolute;
  left: -92px;
  top: 18%;
  width: clamp(230px, 20vw, 360px);
  aspect-ratio: 1;
  opacity: .18;
  background: url("/assets/icon3/Crystal.webp") center / contain no-repeat;
  filter:
    saturate(1.15)
    brightness(.88)
    drop-shadow(0 0 42px rgba(134, 71, 255, .50));
  transform: rotate(-12deg);
  animation: workflow-crystal-drift-v71 9s ease-in-out infinite;
}

.workflow-backdrop-node-v71 {
  position: absolute;
  width: 90px;
  height: 90px;
  opacity: .12;
  border: 1px solid rgba(190, 121, 255, .24);
  border-radius: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 118%;
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    0 0 32px rgba(143, 63, 241, .22);
  filter: saturate(.92) brightness(.76);
  transform: rotate(-8deg);
}

.workflow-backdrop-node-dialog-v71 {
  left: 4.6%;
  bottom: 10%;
  background-image: url("/assets/icon5/dialog.png");
  animation: workflow-node-float-v71 8.4s ease-in-out infinite;
}

.workflow-backdrop-node-autonomous-v71 {
  right: 1.8%;
  top: 46%;
  background-image: url("/assets/icon5/Autonomous.png");
  animation: workflow-node-float-v71 9.6s ease-in-out -2.4s infinite;
}

.workflow-backdrop-node-results-v71 {
  left: 48%;
  bottom: 2%;
  width: 76px;
  height: 76px;
  background-image: url("/assets/icon5/results.png");
  animation: workflow-node-float-v71 10.2s ease-in-out -4.1s infinite;
}

.workflow-backdrop-vignette-v71 {
  background:
    radial-gradient(ellipse 62% 72% at 50% 48%, transparent 34%, rgba(3,1,8,.26) 72%, rgba(3,1,8,.78) 100%),
    linear-gradient(90deg, rgba(4,1,10,.56), transparent 14%, transparent 86%, rgba(4,1,10,.58));
}

.workflow-section-v71 .workflow-layout-v41 {
  z-index: 2;
}

.workflow-section-v71 .workflow-story-panel,
.workflow-section-v71 .workflow-demo-panel {
  border-color: rgba(191, 123, 255, .38);
  background:
    linear-gradient(145deg, rgba(44, 20, 73, .62), rgba(8, 3, 18, .80) 55%, rgba(20, 8, 39, .66));
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .50),
    inset 0 1px rgba(255, 255, 255, .13),
    inset 0 -1px rgba(141, 65, 238, .22),
    0 0 48px rgba(122, 46, 219, .13);
  backdrop-filter: blur(17px) saturate(1.12);
  -webkit-backdrop-filter: blur(17px) saturate(1.12);
}

.workflow-section-v71 .workflow-demo-media {
  background:
    radial-gradient(circle at 52% 46%, rgba(104, 32, 202, .19), transparent 44%),
    #05020b;
}

.workflow-section-v71 .workflow-demo-vignette {
  background:
    linear-gradient(180deg, rgba(6,2,14,.38), transparent 23%, transparent 64%, rgba(6,2,14,.82)),
    linear-gradient(90deg, rgba(8,3,18,.28), transparent 20%, transparent 80%, rgba(8,3,18,.42)),
    radial-gradient(circle at 50% 48%, transparent 31%, rgba(5,2,12,.34) 100%);
}

@keyframes workflow-world-float-v71 {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-5deg); }
  50% { transform: translate3d(-8px, -13px, 0) rotate(-4deg); }
}

@keyframes workflow-logo-hover-v71 {
  0%, 100% { transform: translate3d(0, 0, 0) rotateY(-5deg); opacity: .17; }
  50% { transform: translate3d(0, -12px, 0) rotateY(5deg); opacity: .23; }
}

@keyframes workflow-beam-breathe-v71 {
  0%, 100% { opacity: .13; transform: scaleX(.84); }
  50% { opacity: .27; transform: scaleX(1.06); }
}

@keyframes workflow-crystal-drift-v71 {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-12deg); }
  50% { transform: translate3d(12px, -10px, 0) rotate(-8deg); }
}

@keyframes workflow-node-float-v71 {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-8deg); }
  50% { transform: translate3d(4px, -14px, 0) rotate(-3deg); }
}

@keyframes workflow-stars-drift-v71 {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; }
  to { background-position: 18px 10px, -16px 14px, 12px -18px, -10px -12px, 14px 8px; }
}

@media (max-width: 1180px) {
  .workflow-backdrop-island-v71 {
    right: -260px;
    width: 690px;
    opacity: .24;
  }

  .workflow-backdrop-logo-v71 {
    right: 62px;
    opacity: .15;
  }

  .workflow-backdrop-node-autonomous-v71 {
    right: -18px;
  }
}

@media (max-width: 980px) {
  .workflow-backdrop-island-v71 {
    right: -280px;
    bottom: 20%;
    width: 660px;
    opacity: .18;
  }

  .workflow-backdrop-logo-v71 {
    right: 1%;
    top: 42%;
    width: 250px;
    opacity: .13;
  }

  .workflow-backdrop-beam-v71,
  .workflow-backdrop-node-autonomous-v71,
  .workflow-backdrop-node-results-v71 {
    display: none;
  }
}

@media (max-width: 620px) {
  .workflow-section-v71 {
    background:
      radial-gradient(circle at 18% 28%, rgba(137, 61, 230, .15), transparent 35%),
      linear-gradient(180deg, #06030d 0%, #0a0414 48%, #05020c 100%);
  }

  .workflow-backdrop-island-v71 {
    right: -310px;
    bottom: 28%;
    width: 590px;
    opacity: .13;
  }

  .workflow-backdrop-crystal-v71 {
    left: -150px;
    opacity: .12;
  }

  .workflow-backdrop-logo-v71,
  .workflow-backdrop-node-v71,
  .workflow-backdrop-orbit-v71 {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workflow-backdrop-stars-v71,
  .workflow-backdrop-island-v71,
  .workflow-backdrop-logo-v71,
  .workflow-backdrop-beam-v71,
  .workflow-backdrop-crystal-v71,
  .workflow-backdrop-node-v71 {
    animation: none !important;
  }
}


/* Landing page v72: non-clickable Windows development flip and exact intelligence-icon centering. */
.download-development-card-v72 {
  position: relative;
  min-width: 244px;
  padding: 0;
  overflow: hidden;
  cursor: not-allowed;
  perspective: 900px;
  isolation: isolate;
}

.download-development-card-v72:disabled {
  opacity: 1;
  color: inherit;
}

.download-development-card-v72::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 115%, rgba(210, 85, 255, .18), transparent 58%),
    rgba(20, 10, 42, .54);
  pointer-events: none;
}

.download-development-card-inner-v72 {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  transform-style: preserve-3d;
  transition: transform 680ms cubic-bezier(.2, .72, .18, 1);
}

.download-development-card-v72:hover .download-development-card-inner-v72,
.download-development-card-v72:focus-visible .download-development-card-inner-v72 {
  transform: rotateY(180deg);
}

.download-development-face-v72 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 0 22px;
  border-radius: inherit;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.download-development-front-v72 {
  color: #f6efff;
}

.download-development-back-v72 {
  justify-content: center;
  transform: rotateY(180deg);
  color: #f3c7ff;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  background:
    linear-gradient(110deg, rgba(102, 42, 191, .18), rgba(220, 72, 255, .2), rgba(102, 42, 191, .18));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    inset 0 0 26px rgba(196, 72, 255, .12);
}

.download-development-card-v72:active {
  transform: none;
}

.use-case-intelligence-v45 .use-case-summary-icon-v44 {
  position: relative;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto;
}

.use-case-intelligence-v45 .use-case-summary-icon-v44 img {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  margin: 0;
  object-position: center;
  transform: translate(-50%, -50%);
}

@media (max-width: 620px) {
  .download-development-card-v72,
  .download-development-card-inner-v72 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-development-card-inner-v72 {
    transition: none !important;
  }

  .download-development-card-v72:hover .download-development-card-inner-v72,
  .download-development-card-v72:focus-visible .download-development-card-inner-v72 {
    transform: none;
  }

  .download-development-card-v72:hover .download-development-front-v72,
  .download-development-card-v72:focus-visible .download-development-front-v72 {
    visibility: hidden;
  }

  .download-development-card-v72:hover .download-development-back-v72,
  .download-development-card-v72:focus-visible .download-development-back-v72 {
    transform: none;
  }
}


/* Landing page v73: one-line Windows owner and repaired development-state flip. */
.download-development-card-v72[data-download-polish="73"] {
  width: 286px;
  min-width: 286px;
  height: 54px;
  min-height: 54px;
  border-color: rgba(194, 139, 255, .48);
  background:
    linear-gradient(180deg, rgba(31, 14, 57, .78), rgba(15, 7, 31, .84));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 14px 32px rgba(0, 0, 0, .28),
    0 0 0 1px rgba(137, 63, 225, .04);
}

.download-development-card-v72[data-download-polish="73"]::after {
  inset: 0;
  z-index: 0;
  border-radius: 12px;
  background:
    radial-gradient(circle at 24% 50%, rgba(151, 74, 255, .14), transparent 34%),
    linear-gradient(110deg, rgba(255, 255, 255, .025), transparent 42%, rgba(219, 87, 255, .045));
}

.download-development-card-v72[data-download-polish="73"] .download-development-card-inner-v72 {
  z-index: 1;
  height: 54px;
  will-change: transform;
}

.download-development-card-v72[data-download-polish="73"] .download-development-face-v72 {
  box-sizing: border-box;
  min-width: 0;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
}

.download-development-card-v72[data-download-polish="73"] .download-development-front-v72 {
  justify-content: center;
  gap: 12px;
  color: #fbf7ff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.01em;
}

.download-development-card-v72[data-download-polish="73"] .download-development-front-v72 .button-logo {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.download-development-card-v72[data-download-polish="73"] .download-development-front-v72 > span,
.download-development-card-v72[data-download-polish="73"] .download-development-back-v72 > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: auto;
  max-width: none;
  white-space: nowrap;
}

.download-development-card-v72[data-download-polish="73"] .download-development-back-v72 {
  isolation: isolate;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  overflow: hidden;
  color: #fff7ff;
  border: 1px solid rgba(228, 155, 255, .52);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 120%, rgba(232, 83, 255, .26), transparent 55%),
    linear-gradient(115deg, rgba(76, 31, 139, .92), rgba(130, 48, 190, .9) 48%, rgba(67, 27, 125, .94));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .17),
    inset 0 -12px 28px rgba(47, 10, 84, .24),
    0 0 24px rgba(194, 78, 255, .18);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .105em;
  text-shadow: 0 0 12px rgba(244, 196, 255, .26);
}

.download-development-card-v72[data-download-polish="73"] .download-development-back-v72::before {
  content: "";
  position: relative;
  z-index: 2;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f2a4ff;
  box-shadow:
    0 0 0 4px rgba(236, 124, 255, .12),
    0 0 14px rgba(240, 135, 255, .9);
  animation: downloadDevelopmentPulseV73 1.8s ease-in-out infinite;
}

.download-development-card-v72[data-download-polish="73"] .download-development-back-v72::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -80%;
  bottom: -80%;
  left: -35%;
  width: 28%;
  pointer-events: none;
  transform: rotate(17deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
  animation: downloadDevelopmentScanV73 2.8s ease-in-out infinite;
}

.download-development-card-v72[data-download-polish="73"]:hover {
  border-color: rgba(222, 157, 255, .68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 18px 38px rgba(0, 0, 0, .34),
    0 0 24px rgba(180, 70, 255, .13);
}

@keyframes downloadDevelopmentPulseV73 {
  0%, 100% { opacity: .62; transform: scale(.82); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes downloadDevelopmentScanV73 {
  0%, 18% { transform: translateX(0) rotate(17deg); opacity: 0; }
  42% { opacity: .9; }
  72%, 100% { transform: translateX(520%) rotate(17deg); opacity: 0; }
}

@media (max-width: 620px) {
  .download-development-card-v72[data-download-polish="73"] {
    width: 100%;
    min-width: 0;
  }

  .download-development-card-v72[data-download-polish="73"] .download-development-front-v72 {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-development-card-v72[data-download-polish="73"] .download-development-back-v72::before,
  .download-development-card-v72[data-download-polish="73"] .download-development-back-v72::after {
    animation: none !important;
  }
}


/* Authentication experience v74: BellyBog account gateway with preserved Cognito PKCE authority. */
.account-modal {
  z-index: 480;
  padding: 18px;
  overflow: hidden;
  isolation: isolate;
}

.account-backdrop {
  z-index: 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3, 1, 10, .84) 0%, rgba(5, 2, 17, .58) 48%, rgba(5, 2, 15, .86) 100%),
    linear-gradient(180deg, rgba(4, 1, 11, .20), rgba(3, 1, 10, .72)),
    url("/assets/BellyBog.png") 54% 50% / cover no-repeat;
  filter: saturate(.92) contrast(1.05) brightness(.66);
  transform: scale(1.025);
}

.account-backdrop::before,
.account-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.account-backdrop::before {
  background:
    radial-gradient(circle at 73% 33%, rgba(142, 62, 255, .26), transparent 31%),
    radial-gradient(circle at 32% 72%, rgba(33, 186, 255, .12), transparent 28%),
    linear-gradient(115deg, rgba(4, 1, 13, .84), transparent 43%, rgba(5, 1, 16, .68));
}

.account-backdrop::after {
  opacity: .28;
  background-image:
    linear-gradient(rgba(205, 170, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(205, 170, 255, .028) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 46%, #000 0 34%, transparent 80%);
  mask-image: radial-gradient(ellipse at 50% 46%, #000 0 34%, transparent 80%);
}

.account-experience {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(390px, .88fr) minmax(520px, 1.12fr);
  width: min(1420px, calc(100vw - 36px));
  min-height: min(820px, calc(100vh - 36px));
  max-height: calc(100vh - 36px);
  overflow: hidden;
  border: 1px solid rgba(186, 133, 255, .28);
  border-radius: 30px;
  background: rgba(5, 2, 15, .78);
  box-shadow:
    0 44px 140px rgba(0, 0, 0, .76),
    0 0 82px rgba(113, 40, 224, .18),
    inset 0 1px rgba(255, 255, 255, .055);
  backdrop-filter: blur(26px) saturate(135%);
}

.account-experience::before {
  content: "";
  position: absolute;
  z-index: 6;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(209, 154, 255, .66), transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, transparent, rgba(126, 74, 230, .28), transparent) 44% 0 / 1px 100% no-repeat;
  opacity: .72;
}

.account-story {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 42px 46px 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(90deg, rgba(3, 1, 11, .92) 0%, rgba(3, 1, 12, .74) 48%, rgba(4, 1, 14, .28) 100%),
    linear-gradient(180deg, rgba(3, 1, 10, .18) 0%, rgba(3, 1, 10, .16) 42%, rgba(3, 1, 11, .9) 100%),
    url("/assets/BellyBog.png") 58% center / cover no-repeat;
}

.account-story::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 26% 12%, rgba(135, 49, 255, .22), transparent 24%),
    linear-gradient(90deg, transparent 0 88%, rgba(10, 4, 25, .98));
  pointer-events: none;
}

.account-story::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 6%;
  bottom: 6%;
  width: 1px;
  background: linear-gradient(transparent, rgba(193, 139, 255, .42), rgba(106, 54, 208, .48), transparent);
  box-shadow: 0 0 24px rgba(153, 72, 255, .32);
}

.account-story-grid {
  position: absolute;
  inset: 0;
  opacity: .18;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(209, 170, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(209, 170, 255, .025) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 74%);
  mask-image: linear-gradient(180deg, #000, transparent 74%);
}

.account-story-flare {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(1px);
}

.account-story-flare-one {
  width: 330px;
  height: 330px;
  left: -170px;
  top: 26%;
  border: 1px solid rgba(158, 87, 255, .18);
  box-shadow: inset 0 0 66px rgba(104, 34, 220, .08), 0 0 72px rgba(101, 34, 216, .08);
}

.account-story-flare-two {
  width: 12px;
  height: 12px;
  left: 62%;
  top: 19%;
  background: #dbc0ff;
  box-shadow: 0 0 15px #c58aff, 0 0 42px rgba(139, 68, 255, .82);
  animation: account-star-pulse-v74 4.8s ease-in-out infinite;
}

.account-story-top,
.account-story-copy,
.account-story-trust {
  position: relative;
  z-index: 2;
}

.account-brand {
  gap: 13px;
}

.account-brand .brand-logo-stage {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
}

.account-brand .brand-wordmark {
  font-size: 22px;
  letter-spacing: .18em;
}

.account-story-copy {
  max-width: 490px;
  margin: auto 0;
  padding: 76px 0 50px;
}

.account-story-copy .eyebrow {
  margin-bottom: 14px;
  color: #c393ff;
  letter-spacing: .16em;
}

.account-story-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 4.2vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.account-story-copy h2 strong {
  display: block;
  margin-top: 10px;
  color: #a35eff;
  font-weight: 800;
  text-shadow: 0 0 28px rgba(145, 64, 255, .34);
}

.account-story-copy > p:last-child {
  max-width: 455px;
  margin: 24px 0 0;
  color: rgba(226, 217, 237, .76);
  font-size: 14px;
  line-height: 1.72;
}

.account-story-trust {
  padding: 18px 20px 16px;
  border: 1px solid rgba(181, 125, 255, .18);
  border-radius: 18px;
  background: rgba(7, 3, 18, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px);
}

.account-story-trust > p {
  margin: 0 0 14px;
  color: rgba(226, 218, 237, .64);
  font-size: 10px;
  letter-spacing: .08em;
  text-align: center;
}

.account-trust-icons {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.account-trust-item {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(243, 237, 252, .86);
  font-size: 9px;
  font-weight: 600;
}

.account-trust-icon {
  width: 27px;
  height: 27px;
  background: linear-gradient(180deg, #fff, #c9b3e9);
  filter: drop-shadow(0 0 10px rgba(176, 100, 255, .42));
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.account-trust-icon-unreal { -webkit-mask-image: url("/assets/UnrealEngine.svg"); mask-image: url("/assets/UnrealEngine.svg"); }
.account-trust-icon-unity { -webkit-mask-image: url("/assets/Unity.svg"); mask-image: url("/assets/Unity.svg"); }
.account-trust-icon-cplus { -webkit-mask-image: url("/assets/CPlus.svg"); mask-image: url("/assets/CPlus.svg"); }
.account-trust-icon-csharp { -webkit-mask-image: url("/assets/c-sharp.svg"); mask-image: url("/assets/c-sharp.svg"); }
.account-trust-icon-visuals { -webkit-mask-image: url("/assets/Blueprint.svg"); mask-image: url("/assets/Blueprint.svg"); }

.account-dialog {
  position: relative;
  z-index: 3;
  width: auto;
  max-height: none;
  overflow: auto;
  padding: clamp(42px, 5vw, 72px) clamp(40px, 5.8vw, 82px) 44px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(132, 53, 245, .18), transparent 29%),
    radial-gradient(circle at 100% 100%, rgba(55, 104, 255, .08), transparent 35%),
    linear-gradient(145deg, rgba(14, 7, 31, .96), rgba(6, 3, 17, .985));
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(155, 93, 255, .42) transparent;
}

.account-mobile-brand {
  display: none;
}

.account-dialog-header {
  max-width: 680px;
  margin: 0 auto 26px;
}

.account-dialog-kicker {
  margin: 0 0 10px;
  color: #bc88ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .19em;
}

.account-dialog h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.account-dialog-copy {
  margin: 13px 0 0;
  color: rgba(216, 206, 229, .68);
  font-size: 14px;
}

.dialog-close {
  z-index: 20;
  right: 18px;
  top: 18px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-color: rgba(191, 137, 255, .28);
  border-radius: 13px;
  color: rgba(244, 235, 255, .86);
  background: rgba(21, 10, 43, .76);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: blur(14px);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.dialog-close:hover {
  transform: rotate(8deg) scale(1.04);
  border-color: rgba(207, 161, 255, .58);
  background: rgba(45, 17, 78, .9);
}

.account-auth-tabs {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 680px;
  margin: 0 auto;
  border: 1px solid rgba(184, 126, 255, .22);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  background: rgba(9, 4, 23, .58);
}

.account-auth-tabs[hidden] {
  display: none !important;
}

.account-auth-tab {
  position: relative;
  min-height: 58px;
  border: 0;
  color: rgba(205, 194, 218, .72);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  transition: color .22s ease, background .22s ease;
}

.account-auth-tab + .account-auth-tab {
  border-left: 1px solid rgba(168, 108, 255, .12);
}

.account-auth-tab::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, #8d37ff, #df9dff, #8d37ff, transparent);
  box-shadow: 0 0 16px rgba(158, 67, 255, .8);
  opacity: 0;
  transform: scaleX(.28);
  transition: opacity .24s ease, transform .24s ease;
}

.account-auth-tab.is-active {
  color: #fff;
  background: linear-gradient(180deg, rgba(104, 51, 181, .22), rgba(35, 16, 65, .08));
}

.account-auth-tab.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.account-tab-symbol {
  margin-right: 8px;
  color: #b973ff;
  font-size: 18px;
  vertical-align: -1px;
}

.account-panel {
  max-width: 680px;
  margin: 0 auto;
  padding: clamp(26px, 3.4vw, 38px);
  border: 1px solid rgba(184, 126, 255, .22);
  border-radius: 0 0 18px 18px;
  background:
    radial-gradient(circle at 90% 0%, rgba(115, 45, 227, .12), transparent 32%),
    rgba(8, 4, 21, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 28px 80px rgba(0, 0, 0, .25);
  backdrop-filter: blur(22px) saturate(126%);
}

.account-auth-tabs[hidden] + .account-panel {
  border-radius: 18px;
}

.account-auth-panes[hidden],
.account-auth-panel[hidden],
.account-status-block[hidden],
.account-signed-in-actions[hidden] {
  display: none !important;
}

.account-form-heading h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  letter-spacing: -.025em;
}

.account-form-heading p {
  margin: 9px 0 23px;
  color: rgba(206, 195, 219, .62);
  font-size: 12px;
  line-height: 1.58;
}

.account-secure-lane {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 64px;
  margin-top: 11px;
  padding: 11px 14px;
  border: 1px solid rgba(171, 112, 255, .15);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(24, 12, 47, .74), rgba(12, 6, 29, .58));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.account-secure-lane-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(187, 126, 255, .28);
  border-radius: 10px;
  background: rgba(79, 31, 137, .22);
  box-shadow: 0 0 20px rgba(123, 51, 226, .14);
}

.account-secure-lane-icon::before {
  color: #d7b9ff;
  font-size: 16px;
  line-height: 1;
}

.account-secure-lane-icon-lock::before { content: "▣"; }
.account-secure-lane-icon-shield::before { content: "◇"; }
.account-secure-lane-icon-user::before { content: "♙"; }
.account-secure-lane-icon-crystal::before { content: "◆"; }

.account-secure-lane strong,
.account-secure-lane small {
  display: block;
}

.account-secure-lane strong {
  color: rgba(249, 245, 255, .9);
  font-size: 12px;
  font-weight: 700;
}

.account-secure-lane small {
  margin-top: 4px;
  color: rgba(190, 177, 205, .58);
  font-size: 10px;
  line-height: 1.45;
}

.account-primary-action {
  width: 100%;
  min-height: 54px;
  margin-top: 20px;
  justify-content: center;
  gap: 13px;
  border-radius: 11px;
  box-shadow: 0 14px 38px rgba(98, 27, 210, .28), 0 0 22px rgba(133, 46, 255, .14);
}

.account-primary-action .button-arrow-circle {
  position: absolute;
  right: 11px;
}

.account-panel-links {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.account-text-button {
  padding: 5px 0;
  color: #b96cff;
  font-size: 11px;
  transition: color .2s ease, text-shadow .2s ease;
}

.account-text-button:hover {
  color: #e0bdff;
  text-shadow: 0 0 14px rgba(174, 91, 255, .48);
}

.account-legal-copy {
  max-width: 470px;
  margin: 20px auto 0;
  color: rgba(158, 144, 174, .52);
  font-size: 9px;
  line-height: 1.55;
  text-align: center;
}

.account-status-block {
  padding: 2px 0 7px;
}

.status-row {
  gap: 14px;
}

.status-row h3 {
  color: #fff;
  font-size: 26px;
}

.status-message {
  color: rgba(207, 195, 220, .68);
  font-size: 12px;
}

.account-details {
  gap: 10px;
  margin: 20px 0 6px;
}

.account-details div {
  min-width: 0;
  padding: 15px 16px;
  border-color: rgba(169, 106, 255, .17);
  background: rgba(26, 13, 49, .72);
}

.account-details dd {
  color: rgba(248, 243, 255, .88);
}

.account-signed-in-actions {
  margin-top: 18px;
}

.account-signout-action {
  min-width: 138px;
}

.account-security-note {
  margin-top: 22px;
  color: rgba(139, 126, 151, .58);
  font-size: 9px;
}

.account-panel[aria-busy="true"] {
  position: relative;
}

.account-panel[aria-busy="true"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #be83ff, #7d39ff, transparent);
  box-shadow: 0 0 16px rgba(151, 73, 255, .72);
  animation: account-busy-scan-v74 1.35s ease-in-out infinite;
}

.error {
  border-color: rgba(255, 96, 151, .34);
  background: rgba(125, 25, 61, .14);
}

@keyframes account-busy-scan-v74 {
  0%, 100% { opacity: .2; transform: scaleX(.18); }
  50% { opacity: 1; transform: scaleX(1); }
}

@keyframes account-star-pulse-v74 {
  0%, 100% { opacity: .28; transform: scale(.72); }
  48% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 1120px) {
  .account-experience {
    grid-template-columns: minmax(330px, .72fr) minmax(500px, 1.28fr);
  }

  .account-story {
    padding: 34px 32px 28px;
  }

  .account-story-copy h2 {
    font-size: 48px;
  }

  .account-story-copy > p:last-child {
    font-size: 12px;
  }

  .account-dialog {
    padding-inline: 40px;
  }
}

@media (max-width: 900px) {
  .account-modal {
    overflow: auto;
    align-items: start;
  }

  .account-experience {
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .account-story {
    min-height: 280px;
    padding: 28px 32px;
    background-position: 50% 56%;
  }

  .account-story::after {
    left: 6%;
    right: 6%;
    top: auto;
    bottom: -1px;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(193, 139, 255, .5), transparent);
  }

  .account-story-copy {
    margin: 52px 0 0;
    padding: 0 0 24px;
  }

  .account-story-copy h2 {
    max-width: 550px;
    font-size: 42px;
  }

  .account-story-copy > p:last-child,
  .account-story-trust {
    display: none;
  }

  .account-dialog {
    overflow: visible;
    padding: 38px 34px 42px;
  }
}

@media (max-width: 640px) {
  .account-modal {
    padding: 0;
    overflow-y: auto;
  }

  .account-experience {
    width: 100%;
    min-height: 100vh;
    border: 0;
    border-radius: 0;
  }

  .account-story {
    display: none;
  }

  .account-dialog {
    min-height: 100vh;
    padding: 30px 18px 34px;
  }

  .account-mobile-brand {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 46px 42px 0;
  }

  .account-mobile-brand .brand-logo-stage {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .account-mobile-brand .brand-wordmark {
    font-size: 15px;
  }

  .account-dialog h2 {
    font-size: 38px;
  }

  .account-dialog-copy {
    font-size: 12px;
  }

  .account-auth-tab {
    min-height: 54px;
    font-size: 11px;
  }

  .account-tab-symbol {
    margin-right: 4px;
  }

  .account-panel {
    padding: 24px 18px;
  }

  .account-form-heading h3 {
    font-size: 21px;
  }

  .account-secure-lane {
    grid-template-columns: 34px minmax(0, 1fr);
    padding-inline: 11px;
  }

  .account-details {
    grid-template-columns: 1fr;
  }

  .dialog-close {
    position: fixed;
    right: 14px;
    top: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-story-flare-two,
  .account-panel[aria-busy="true"]::after {
    animation: none !important;
  }
}

/* V76 custom CRADLE authentication and account routes */
body.route-auth,
body.route-account {
  min-height: 100vh;
  overflow-x: hidden;
  background: #05000d;
}

body.route-auth > main,
body.route-auth > .site-footer,
body.route-account > #site-header,
body.route-account > main,
body.route-account > .site-footer,
body.route-auth > #account-modal,
body.route-account > #account-modal {
  display: none !important;
}

.cradle-auth-page,
.cradle-account-page {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  color: #f9f3ff;
  isolation: isolate;
}

.cradle-auth-page[hidden],
.cradle-account-page[hidden] {
  display: none !important;
}

.cradle-auth-scene,
.cradle-account-scene {
  position: absolute;
  inset: 0;
  z-index: -4;
  background:
    linear-gradient(90deg, rgba(2, 0, 8, 0.18) 0%, rgba(4, 0, 13, 0.08) 34%, rgba(7, 1, 17, 0.40) 58%, rgba(6, 0, 15, 0.90) 82%, #06000f 100%),
    linear-gradient(180deg, rgba(4, 0, 13, 0.12) 0%, rgba(4, 0, 13, 0.25) 54%, rgba(4, 0, 13, 0.92) 100%),
    url("/assets/BellyBog.png") center center / cover no-repeat;
  transform: scale(1.015);
}

.cradle-auth-vignette {
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(circle at 17% 34%, rgba(162, 55, 255, 0.18), transparent 26%),
    radial-gradient(circle at 74% 38%, rgba(228, 92, 255, 0.10), transparent 27%),
    radial-gradient(circle at 50% 110%, rgba(6, 0, 14, 0.96), transparent 54%),
    linear-gradient(90deg, rgba(4, 0, 11, 0.12), rgba(5, 0, 14, 0.06) 42%, rgba(7, 0, 17, 0.80) 73%, rgba(5, 0, 13, 0.98));
}

.cradle-auth-stars {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.72;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(231, 193, 255, 0.75) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(152, 76, 255, 0.65) 0 1px, transparent 1.5px);
  background-position: 0 0, 58px 42px;
  background-size: 112px 112px, 156px 156px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.8), rgba(0,0,0,.3) 58%, transparent 88%);
  animation: cradle-auth-drift-v76 26s linear infinite;
}

@keyframes cradle-auth-drift-v76 {
  to { transform: translate3d(-56px, 34px, 0); }
}

.cradle-auth-brand {
  position: absolute;
  top: clamp(24px, 4vh, 48px);
  left: clamp(24px, 4vw, 72px);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #fff;
  text-decoration: none;
}

.cradle-auth-brand .brand-logo-stage {
  width: 58px;
  height: 58px;
}

.cradle-auth-brand .brand-wordmark {
  font-family: "FEAR", "Arial Black", sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.35rem);
  letter-spacing: 0.23em;
  text-shadow: 0 0 24px rgba(177, 88, 255, 0.58);
}

.cradle-auth-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(540px, 0.82fr);
  align-items: center;
  gap: clamp(48px, 5.5vw, 92px);
  width: var(--shell);
  min-height: 100svh;
  margin: 0 auto;
  padding: 118px 0 clamp(44px, 6vh, 72px);
}

.cradle-auth-story {
  align-self: center;
  max-width: 760px;
  padding-top: 4vh;
}

.cradle-auth-eyebrow,
.cradle-auth-kicker {
  margin: 0 0 18px;
  color: #d99bff;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.23em;
  text-transform: uppercase;
}

.cradle-auth-story h1,
.cradle-account-intro h1 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(3.5rem, 6.4vw, 7.2rem);
  line-height: 0.92;
  letter-spacing: -0.062em;
  text-wrap: balance;
  text-shadow: 0 18px 58px rgba(0, 0, 0, 0.46);
}

.cradle-auth-story h1 strong {
  display: block;
  margin-top: 0.12em;
  color: #a548ff;
  font-weight: 850;
  text-shadow: 0 0 38px rgba(154, 56, 255, 0.36), 0 20px 58px rgba(0, 0, 0, 0.55);
}

.cradle-auth-story-copy,
.cradle-account-intro > p:last-child {
  max-width: 680px;
  margin: 32px 0 0;
  color: rgba(240, 227, 250, 0.80);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.75;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.64);
}

.cradle-auth-proof {
  width: min(640px, 100%);
  margin-top: clamp(44px, 7vh, 80px);
  padding: 20px 24px 18px;
  border: 1px solid rgba(195, 108, 255, 0.26);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(17, 5, 36, 0.72), rgba(8, 2, 20, 0.45));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 22px 60px rgba(0,0,0,.30);
  backdrop-filter: blur(18px);
}

.cradle-auth-proof > span {
  display: block;
  margin-bottom: 14px;
  color: rgba(218, 196, 232, 0.68);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.cradle-auth-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(70px, 1fr));
  gap: 12px;
}

.cradle-auth-proof-grid > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #eee2f6;
  font-size: 0.78rem;
  font-weight: 750;
}

.cradle-auth-proof-grid .account-trust-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  background: #f6edff;
  filter: drop-shadow(0 0 10px rgba(169, 79, 255, 0.58));
}

.cradle-auth-column {
  position: relative;
  justify-self: end;
  width: min(600px, 100%);
}

.cradle-auth-orbit {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 660px;
  height: 660px;
  border: 1px solid rgba(177, 79, 255, 0.11);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-18deg);
  box-shadow: 0 0 70px rgba(116, 44, 199, 0.08);
}

.cradle-auth-orbit::before,
.cradle-auth-orbit::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c96dff;
  box-shadow: 0 0 18px #b446ff, 0 0 44px rgba(172, 65, 255, 0.65);
}

.cradle-auth-orbit::before { top: 14%; left: 10%; }
.cradle-auth-orbit::after { right: 4%; bottom: 26%; }
.cradle-auth-orbit-two { transform: translate(-50%, -50%) rotate(28deg) scale(.78); opacity: .5; }

.cradle-auth-card {
  position: relative;
  padding: clamp(28px, 3vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(200, 113, 255, 0.35);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(29, 9, 51, 0.90), rgba(10, 2, 23, 0.94) 52%, rgba(15, 3, 31, 0.91)),
    radial-gradient(circle at 16% 0%, rgba(177, 63, 255, 0.22), transparent 38%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    inset 0 0 48px rgba(123, 38, 204, 0.10),
    0 38px 100px rgba(0, 0, 0, 0.58),
    0 0 54px rgba(129, 42, 208, 0.12);
  backdrop-filter: blur(30px) saturate(1.18);
}

.cradle-auth-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(100deg, transparent 0 34%, rgba(255,255,255,.055) 46%, transparent 58%),
    radial-gradient(circle at 100% 0%, rgba(206, 107, 255, .12), transparent 32%);
  transform: translateX(-28%);
}

.cradle-auth-card-header,
.cradle-auth-tabs,
.cradle-auth-form,
.cradle-auth-message,
.cradle-auth-error,
.cradle-auth-security {
  position: relative;
  z-index: 1;
}

.cradle-auth-card-header h2 {
  margin: 0;
  font-size: clamp(2rem, 3vw, 3.35rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.cradle-auth-card-header > p:last-child {
  margin: 12px 0 0;
  color: rgba(218, 199, 230, 0.68);
  font-size: 0.94rem;
}

.cradle-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 30px 0 28px;
  padding: 6px;
  border: 1px solid rgba(173, 88, 228, 0.22);
  border-radius: 14px;
  background: rgba(7, 1, 17, 0.58);
}

.cradle-auth-tab {
  min-height: 46px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(219, 201, 231, 0.62);
  font: inherit;
  font-size: 0.85rem;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cradle-auth-tab:hover { color: #fff; }
.cradle-auth-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, rgba(120, 37, 199, 0.92), rgba(174, 62, 255, 0.84));
  box-shadow: 0 8px 24px rgba(125, 40, 203, 0.26), inset 0 1px rgba(255,255,255,.16);
}

.cradle-auth-form {
  display: grid;
  gap: 18px;
}

.cradle-auth-form[hidden] { display: none !important; }

.cradle-auth-form label {
  display: grid;
  gap: 8px;
}

.cradle-auth-form label > span:first-child,
.cradle-auth-form-intro strong {
  color: #f7effc;
  font-size: 0.82rem;
  font-weight: 800;
}

.cradle-auth-form input[type="email"],
.cradle-auth-form input[type="password"],
.cradle-auth-form input[type="text"] {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(175, 82, 238, 0.34);
  border-radius: 13px;
  outline: none;
  background: rgba(8, 1, 19, 0.70);
  color: #fff;
  font: inherit;
  font-size: 0.94rem;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.cradle-auth-form input::placeholder { color: rgba(186, 160, 204, 0.44); }
.cradle-auth-form input:focus {
  border-color: #c460ff;
  background: rgba(15, 3, 31, 0.88);
  box-shadow: 0 0 0 3px rgba(174, 70, 255, 0.14), 0 0 28px rgba(159, 54, 241, 0.13);
}

.cradle-password-field {
  position: relative;
  display: block;
}

.cradle-password-field input { padding-right: 70px !important; }
.cradle-password-field button {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #c978ff;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
}

.cradle-auth-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 58px;
  margin-top: 2px;
  padding: 0 18px 0 22px;
  border: 1px solid rgba(229, 173, 255, .32);
  border-radius: 14px;
  background: linear-gradient(115deg, #7f2cd5 0%, #a73cff 52%, #d251ff 100%);
  color: #fff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.20), 0 16px 34px rgba(120, 33, 205, 0.28);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.cradle-auth-submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.08) saturate(1.08);
  box-shadow: inset 0 1px rgba(255,255,255,.24), 0 20px 42px rgba(133, 37, 221, 0.38);
}

.cradle-auth-submit:disabled,
.cradle-auth-tab:disabled,
.cradle-auth-link:disabled {
  cursor: wait;
  opacity: .58;
  transform: none;
}

.cradle-auth-link {
  justify-self: center;
  border: 0;
  background: transparent;
  color: #ca73ff;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 750;
  cursor: pointer;
}

.cradle-auth-link:hover { color: #edaeff; }

.cradle-auth-form-intro {
  padding: 16px 18px;
  border: 1px solid rgba(180, 83, 239, 0.20);
  border-radius: 14px;
  background: rgba(80, 21, 127, 0.12);
}

.cradle-auth-form-intro p {
  margin: 7px 0 0;
  color: rgba(219, 200, 232, 0.65);
  font-size: 0.78rem;
  line-height: 1.5;
}

.cradle-auth-message,
.cradle-auth-error {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 11px;
  font-size: 0.78rem;
  line-height: 1.45;
}

.cradle-auth-message {
  border: 1px solid rgba(88, 221, 170, 0.28);
  background: rgba(28, 126, 90, 0.13);
  color: #9af2cf;
}

.cradle-auth-error {
  border: 1px solid rgba(255, 107, 154, 0.30);
  background: rgba(145, 25, 67, 0.16);
  color: #ffadc9;
}

.cradle-auth-security {
  --cradle-auth-security-line: rgba(193, 104, 255, 0.38);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid var(--cradle-auth-security-line);
  color: var(--cradle-auth-security-line);
}

.cradle-auth-security-icon {
  width: 34px;
  height: 24px;
  flex: 0 0 34px;
  background: currentColor;
  -webkit-mask: url("/assets/Aws.svg") center / contain no-repeat;
  mask: url("/assets/Aws.svg") center / contain no-repeat;
  filter: drop-shadow(0 0 12px rgba(193, 104, 255, 0.22));
}

.cradle-auth-security strong {
  color: rgba(245, 232, 252, .88);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .01em;
}

.cradle-account-page {
  padding: 0 clamp(24px, 5vw, 84px) 70px;
}

.cradle-account-scene {
  background:
    linear-gradient(90deg, rgba(4,0,12,.40), rgba(7,0,17,.78) 62%, #06000f 100%),
    linear-gradient(180deg, rgba(4,0,12,.14), #05000e 96%),
    url("/assets/BellyBog.png") center / cover no-repeat;
}

.cradle-account-header {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 120px;
}

.cradle-account-header .cradle-auth-brand {
  position: static;
}

.cradle-account-signout,
.cradle-account-home {
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid rgba(190, 105, 244, .34);
  border-radius: 12px;
  background: rgba(14, 3, 29, .66);
  color: #f7edff;
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(18px);
}

.cradle-account-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(480px, .8fr);
  gap: clamp(54px, 8vw, 140px);
  align-items: center;
  width: min(1550px, 100%);
  min-height: calc(100vh - 190px);
  margin: 0 auto;
}

.cradle-account-intro { max-width: 720px; }
.cradle-account-intro h1 { font-size: clamp(3.2rem, 5vw, 6rem); }

.cradle-account-console {
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(197, 111, 255, .32);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(27,8,48,.90), rgba(8,1,19,.94));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 34px 90px rgba(0,0,0,.55);
  backdrop-filter: blur(28px);
}

.cradle-account-status {
  display: grid;
  grid-template-columns: 18px 1fr;
  column-gap: 12px;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(182, 103, 229, .17);
}

.cradle-account-status > span {
  grid-row: 1 / 3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #58e9b2;
  box-shadow: 0 0 0 6px rgba(88,233,178,.10), 0 0 22px rgba(88,233,178,.52);
}

.cradle-account-status strong { font-size: 1.25rem; }
.cradle-account-status small { color: rgba(214,194,226,.55); font-size: .74rem; }

.cradle-account-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 24px 0;
}

.cradle-account-details div {
  padding: 16px;
  border: 1px solid rgba(180, 89, 235, .18);
  border-radius: 14px;
  background: rgba(8,1,18,.52);
}

.cradle-account-details dt {
  color: rgba(198, 173, 213, .52);
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.cradle-account-details dd {
  margin: 8px 0 0;
  color: #f4eafa;
  font-size: .84rem;
  overflow-wrap: anywhere;
}

.cradle-account-lock {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(198, 96, 255, .22);
  border-radius: 16px;
  background: linear-gradient(100deg, rgba(100, 29, 155, .14), rgba(16,3,31,.48));
}

.cradle-account-lock > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(151, 49, 229, .18);
  color: #d483ff;
  box-shadow: 0 0 24px rgba(149, 47, 228, .16);
}

.cradle-account-lock strong { font-size: .84rem; }
.cradle-account-lock p { margin: 5px 0 0; color: rgba(211,190,224,.58); font-size: .72rem; line-height: 1.45; }
.cradle-account-home { width: 100%; margin-top: 18px; background: linear-gradient(110deg, #7d2bcf, #ad43ff); }

@media (max-width: 1120px) {
  .cradle-auth-layout,
  .cradle-account-layout {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .cradle-auth-layout {
    width: min(820px, calc(100% - 48px));
    padding-top: 132px;
  }

  .cradle-auth-story {
    max-width: 700px;
    padding-top: 0;
  }

  .cradle-auth-story h1 { font-size: clamp(3.4rem, 9vw, 5.8rem); }
  .cradle-auth-column { justify-self: center; width: min(580px, 100%); }
  .cradle-auth-proof { margin-top: 36px; }
  .cradle-account-layout { padding-top: 50px; }
}

@media (max-width: 700px) {
  .cradle-auth-scene,
  .cradle-account-scene {
    background-position: 36% center;
  }

  .cradle-auth-vignette {
    background: linear-gradient(180deg, rgba(4,0,12,.32), rgba(6,0,16,.66) 38%, #06000f 70%);
  }

  .cradle-auth-brand {
    top: 22px;
    left: 20px;
    gap: 10px;
  }

  .cradle-auth-brand .brand-logo-stage { width: 44px; height: 44px; }
  .cradle-auth-brand .brand-wordmark { font-size: .86rem; }

  .cradle-auth-layout {
    width: calc(100% - 28px);
    gap: 36px;
    padding: 105px 0 28px;
  }

  .cradle-auth-story h1 { font-size: clamp(2.65rem, 14vw, 4.2rem); }
  .cradle-auth-story-copy { margin-top: 22px; font-size: .92rem; line-height: 1.6; }
  .cradle-auth-proof { display: none; }
  .cradle-auth-card { padding: 25px 19px; border-radius: 22px; }
  .cradle-auth-orbit { width: 460px; height: 460px; }
  .cradle-auth-tabs { margin-top: 24px; }

  .cradle-account-page { padding: 0 16px 36px; }
  .cradle-account-header { min-height: 92px; }
  .cradle-account-header .cradle-auth-brand .brand-wordmark { display: none; }
  .cradle-account-layout { min-height: auto; gap: 32px; padding-top: 40px; }
  .cradle-account-intro h1 { font-size: clamp(2.5rem, 12vw, 4rem); }
  .cradle-account-console { padding: 24px 18px; border-radius: 22px; }
  .cradle-account-details { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cradle-auth-stars { animation: none; }
  .cradle-auth-submit,
  .cradle-auth-tab { transition: none; }
}


/* V77 integrated website shell and auth alignment repair */
body.route-auth > #site-header {
  display: block !important;
}

body.route-auth .site-header {
  visibility: visible;
}

body.route-auth .nav-shell {
  border-color: rgba(175, 137, 255, 0.30);
  background: rgba(5, 2, 15, 0.76);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.30), inset 0 1px rgba(255,255,255,.04);
}

body.route-auth .cradle-auth-page {
  padding-top: 0;
}

body.route-auth .cradle-auth-card {
  width: 100%;
}

body.route-auth .cradle-auth-message,
body.route-auth .cradle-auth-error {
  position: relative;
  clear: both;
}

@media (max-width: 1120px) {
  .cradle-auth-layout {
    width: var(--shell);
    padding-top: 118px;
  }
}

@media (max-width: 700px) {
  .cradle-auth-layout {
    width: min(100% - 28px, var(--shell));
    padding-top: 106px;
  }
}


/* V81 authentication parity, stable header alignment, remembered email, and legal consent */
html {
  scrollbar-gutter: stable;
}

body.route-auth .nav-shell {
  width: var(--shell);
  margin-inline: auto;
}

body.route-auth .cradle-auth-story {
  width: min(610px, 100%);
  max-width: 610px;
  padding-top: 0;
}

body.route-auth .cradle-auth-story h1 {
  max-width: 610px;
  margin: 0 0 20px;
  font-size: clamp(42px, 4.05vw, 62px);
  line-height: 1.01;
  letter-spacing: -0.046em;
  text-wrap: balance;
}

body.route-auth .cradle-auth-story h1 strong {
  display: block;
  margin-top: 4px;
  color: transparent;
  background: linear-gradient(100deg, #8955ff 0%, #a969ff 46%, #e08aff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none;
}

body.route-auth .cradle-auth-story-copy {
  max-width: 590px;
  margin: 0;
  color: rgba(222, 213, 234, 0.78);
  font-size: 15px;
  line-height: 1.58;
}

.cradle-auth-check {
  position: relative;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 11px !important;
  width: fit-content;
  max-width: 100%;
  color: rgba(235, 222, 244, 0.82);
  cursor: pointer;
  user-select: none;
}

.cradle-auth-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.cradle-auth-check-box {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(190, 76, 255, 0.72);
  border-radius: 6px;
  background: rgba(8, 1, 19, 0.72);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), 0 0 18px rgba(159, 54, 241, 0.12);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cradle-auth-check-box::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  transform: rotate(42deg) scale(.65);
  transition: opacity .16s ease, transform .16s ease;
}

.cradle-auth-check input:checked + .cradle-auth-check-box {
  border-color: #c04dff;
  background: linear-gradient(135deg, #7222c4, #b83dff);
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 0 22px rgba(174, 62, 255, .34);
}

.cradle-auth-check input:checked + .cradle-auth-check-box::after {
  opacity: 1;
  transform: rotate(42deg) scale(1);
}

.cradle-auth-check input:focus-visible + .cradle-auth-check-box {
  outline: 2px solid rgba(224, 138, 255, 0.92);
  outline-offset: 3px;
}

.cradle-auth-check:hover .cradle-auth-check-box {
  border-color: #d67cff;
  transform: translateY(-1px);
}

.cradle-auth-check-copy {
  color: rgba(235, 222, 244, 0.82);
  font-size: 0.80rem;
  font-weight: 700;
  line-height: 1.45;
}

.cradle-auth-legal-check {
  width: 100%;
  align-items: start;
}

.cradle-auth-legal-check .cradle-auth-check-box {
  margin-top: 1px;
}

.cradle-auth-check-copy a {
  color: #cf70ff;
  font-weight: 800;
  text-decoration: none;
}

.cradle-auth-check-copy a:hover,
.cradle-auth-check-copy a:focus-visible {
  color: #edaeff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 720px) {
  body.route-auth .cradle-auth-story h1 {
    font-size: clamp(42px, 13vw, 60px);
  }

  body.route-auth .cradle-auth-story-copy {
    font-size: 14px;
  }
}

/* V82 authenticated account dashboard and account section routes */
body.route-account {
  overflow-y: auto;
  background: #05010d;
}

.cradle-account-page {
  min-height: 100vh;
  padding: 0;
  overflow: visible;
  background: #05010d;
}

.cradle-account-page .cradle-account-scene {
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 82% 0%, rgba(153, 47, 255, .17), transparent 34%),
    radial-gradient(circle at 18% 58%, rgba(87, 40, 170, .12), transparent 36%),
    linear-gradient(135deg, rgba(4, 1, 12, .98), rgba(8, 2, 21, .96) 54%, rgba(4, 1, 12, .99)),
    url("/assets/BellyBog.png") center / cover no-repeat;
  opacity: 1;
  transform: none;
}

.cradle-account-page .cradle-account-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.6), transparent);
  pointer-events: none;
}

.cradle-dashboard-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  min-height: 100vh;
}

.cradle-dashboard-sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 26px 18px 22px;
  border-right: 1px solid rgba(186, 94, 244, .18);
  background:
    linear-gradient(180deg, rgba(10, 3, 25, .98), rgba(5, 1, 14, .98)),
    radial-gradient(circle at 50% 0%, rgba(157, 53, 247, .13), transparent 36%);
  box-shadow: 22px 0 70px rgba(0, 0, 0, .26), inset -1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(28px);
  overflow-y: auto;
}

.cradle-dashboard-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 72px;
  padding: 0 10px 22px;
  border-bottom: 1px solid rgba(185, 93, 241, .14);
  color: #fff;
  text-decoration: none;
}

.cradle-dashboard-brand .brand-logo-stage {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

.cradle-dashboard-brand .brand-wordmark {
  font-family: "FEAR", "Arial Black", sans-serif;
  font-size: .9rem;
  letter-spacing: .19em;
  white-space: nowrap;
}

.cradle-dashboard-profile {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin: 20px 0 16px;
  padding: 13px 11px;
  border: 1px solid rgba(181, 87, 239, .14);
  border-radius: 14px;
  background: rgba(22, 7, 43, .58);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}

.cradle-dashboard-avatar {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(215, 139, 255, .34);
  border-radius: 50%;
  background: linear-gradient(145deg, #6420aa, #a13df2);
  color: #fff;
  font-size: .9rem;
  font-weight: 850;
  box-shadow: 0 0 26px rgba(162, 61, 241, .24);
}

.cradle-dashboard-profile-copy {
  min-width: 0;
}

.cradle-dashboard-profile-copy strong,
.cradle-dashboard-profile-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cradle-dashboard-profile-copy strong {
  color: #f8f0ff;
  font-size: .78rem;
}

.cradle-dashboard-profile-copy small {
  margin-top: 4px;
  color: rgba(218, 197, 232, .54);
  font-size: .61rem;
}

.cradle-dashboard-verified {
  position: absolute;
  right: 10px;
  bottom: -7px;
  padding: 3px 7px;
  border: 1px solid rgba(92, 227, 177, .24);
  border-radius: 999px;
  background: #071c17;
  color: #72e9bc;
  font-size: .48rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.cradle-dashboard-nav {
  display: grid;
  gap: 7px;
}

.cradle-dashboard-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: rgba(225, 210, 236, .62);
  text-decoration: none;
  font-size: .75rem;
  font-weight: 750;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.cradle-dashboard-nav a:hover {
  color: #fff;
  border-color: rgba(181, 83, 239, .18);
  background: rgba(91, 27, 145, .17);
  transform: translateX(2px);
}

.cradle-dashboard-nav a.is-active {
  color: #fff;
  border-color: rgba(188, 91, 246, .28);
  background: linear-gradient(90deg, rgba(105, 33, 171, .34), rgba(54, 16, 89, .17));
  box-shadow: inset 3px 0 #a841f5, 0 10px 24px rgba(78, 22, 132, .15);
}

.cradle-dashboard-nav img {
  width: 21px;
  height: 21px;
  object-fit: contain;
  opacity: .72;
  filter: grayscale(1) brightness(1.7) drop-shadow(0 0 7px rgba(183, 83, 247, .22));
}

.cradle-dashboard-nav a:nth-child(2) img {
  width: 28px;
  height: 28px;
}

.cradle-dashboard-nav a.is-active img,
.cradle-dashboard-nav a:hover img {
  opacity: 1;
  filter: saturate(.7) brightness(1.3) drop-shadow(0 0 10px rgba(189, 91, 255, .46));
}

.cradle-dashboard-sidebar-footer {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 18px 4px 0;
  border-top: 1px solid rgba(185, 93, 241, .14);
}

.cradle-dashboard-sidebar-footer a,
.cradle-dashboard-sidebar-footer button {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(224, 208, 236, .62);
  text-align: left;
  text-decoration: none;
  font: inherit;
  font-size: .67rem;
  font-weight: 700;
  cursor: pointer;
}

.cradle-dashboard-sidebar-footer a:hover,
.cradle-dashboard-sidebar-footer button:hover {
  color: #fff;
  background: rgba(103, 31, 166, .18);
}

.cradle-dashboard-sidebar-footer p {
  margin: 10px 10px 0;
  color: rgba(194, 170, 209, .33);
  font-size: .55rem;
}

.cradle-dashboard-sidebar-footer p strong {
  color: rgba(207, 177, 226, .48);
}

.cradle-dashboard-main {
  width: 100%;
  min-width: 0;
  padding: 28px clamp(24px, 4vw, 68px) 72px;
}

.cradle-dashboard-topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  width: min(1480px, 100%);
  min-height: 88px;
  margin: 0 auto 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(183, 91, 238, .13);
}

.cradle-dashboard-kicker,
.cradle-dashboard-panel-heading p,
.cradle-dashboard-hero p,
.cradle-dashboard-plans > header p {
  margin: 0 0 7px;
  color: #d391ff;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.cradle-dashboard-topbar h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.8rem, 2.6vw, 3rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.cradle-dashboard-topbar > div:first-child > p:last-child {
  margin: 9px 0 0;
  color: rgba(222, 204, 233, .55);
  font-size: .78rem;
}

.cradle-dashboard-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cradle-dashboard-top-actions > a,
.cradle-dashboard-session {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(187, 93, 243, .22);
  border-radius: 10px;
  background: rgba(14, 4, 29, .58);
  color: rgba(239, 226, 248, .78);
  text-decoration: none;
  font-size: .66rem;
  font-weight: 750;
  backdrop-filter: blur(18px);
}

.cradle-dashboard-session i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #59e7b1;
  box-shadow: 0 0 0 4px rgba(89, 231, 177, .09), 0 0 14px rgba(89, 231, 177, .4);
}

.cradle-dashboard-view {
  width: min(1480px, 100%);
  margin: 0 auto;
}

.cradle-dashboard-view[hidden] {
  display: none !important;
}

.cradle-dashboard-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 190px;
  padding: clamp(28px, 3vw, 46px);
  overflow: hidden;
  border: 1px solid rgba(196, 105, 251, .22);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(10, 3, 25, .96), rgba(25, 7, 48, .72) 54%, rgba(6, 1, 16, .60)),
    url("/assets/BellyBog.png") center 43% / cover no-repeat;
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 24px 70px rgba(0,0,0,.32);
}

.cradle-dashboard-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(177, 54, 255, .11), transparent 70%);
  pointer-events: none;
}

.cradle-dashboard-hero > div,
.cradle-dashboard-hero > img {
  position: relative;
  z-index: 1;
}

.cradle-dashboard-hero h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 3.5vw, 4.1rem);
  line-height: 1;
  letter-spacing: -.05em;
}

.cradle-dashboard-hero h2 span {
  color: #b94cff;
  text-shadow: 0 0 34px rgba(177, 64, 255, .30);
}

.cradle-dashboard-hero > div > span {
  display: block;
  margin-top: 13px;
  color: rgba(228, 211, 239, .64);
  font-size: .85rem;
}

.cradle-dashboard-hero > img {
  width: clamp(88px, 9vw, 140px);
  height: clamp(88px, 9vw, 140px);
  object-fit: contain;
  opacity: .88;
  filter: drop-shadow(0 0 36px rgba(174, 60, 255, .32));
}

.cradle-dashboard-primary-grid,
.cradle-dashboard-settings-grid,
.cradle-dashboard-community-grid,
.cradle-dashboard-support-grid,
.cradle-dashboard-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.cradle-dashboard-panel {
  position: relative;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(183, 88, 238, .19);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(18, 6, 37, .88), rgba(8, 2, 20, .91)),
    radial-gradient(circle at 100% 0%, rgba(153, 47, 240, .12), transparent 34%);
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 20px 54px rgba(0,0,0,.24);
  backdrop-filter: blur(22px);
}

.cradle-dashboard-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 34%, rgba(255,255,255,.03) 49%, transparent 64%);
  pointer-events: none;
}

.cradle-dashboard-panel > * {
  position: relative;
  z-index: 1;
}

.cradle-dashboard-panel-heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.cradle-dashboard-panel-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid rgba(198, 101, 255, .23);
  border-radius: 14px;
  background: rgba(111, 31, 174, .17);
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 0 22px rgba(136, 41, 210, .13);
}

.cradle-dashboard-panel-icon img {
  width: 27px;
  height: 27px;
  object-fit: contain;
  filter: saturate(.7) brightness(1.5) drop-shadow(0 0 8px rgba(186, 85, 255, .32));
}

.cradle-dashboard-panel-heading h3,
.cradle-dashboard-panel > h3 {
  margin: 0;
  color: #fff;
  font-size: 1.08rem;
}

.cradle-dashboard-panel > p,
.cradle-dashboard-panel-heading + p {
  margin: 17px 0 0;
  color: rgba(219, 199, 231, .59);
  font-size: .76rem;
  line-height: 1.62;
}

.cradle-dashboard-version-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 20px 0 14px;
  color: rgba(218, 197, 230, .55);
  font-size: .65rem;
}

.cradle-dashboard-version-row strong {
  color: #efe0fa;
}

.cradle-dashboard-download-button,
.cradle-dashboard-secondary-button,
.cradle-dashboard-plan-card > a,
.cradle-dashboard-plan-card > button,
.cradle-dashboard-panel > a,
.cradle-dashboard-danger-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 45px;
  margin-top: 16px;
  padding: 0 16px;
  border: 1px solid rgba(211, 133, 255, .25);
  border-radius: 11px;
  background: linear-gradient(110deg, #7427c3, #a43bf3);
  color: #fff;
  text-decoration: none;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.14), 0 12px 28px rgba(102, 28, 168, .20);
}

.cradle-dashboard-download-button img {
  width: 18px;
  height: 18px;
}

.cradle-dashboard-download-button:disabled,
.cradle-dashboard-plan-card > button:disabled {
  cursor: not-allowed;
  opacity: .62;
  filter: grayscale(.15);
}

.cradle-dashboard-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-top: 18px;
  padding: 0 10px;
  border: 1px solid rgba(246, 190, 78, .22);
  border-radius: 999px;
  background: rgba(111, 70, 13, .16);
  color: #e9c36f;
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cradle-dashboard-secondary-button {
  background: rgba(29, 8, 51, .62);
  border-color: rgba(190, 91, 245, .28);
}

.cradle-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.cradle-dashboard-stats article {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 17px;
  border: 1px solid rgba(181, 87, 238, .17);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(19, 6, 38, .82), rgba(8, 2, 19, .86));
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 16px 38px rgba(0,0,0,.18);
}

.cradle-dashboard-stats img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: saturate(.75) brightness(1.25) drop-shadow(0 0 9px rgba(182, 75, 255, .28));
}

.cradle-dashboard-stats small,
.cradle-dashboard-stats strong {
  display: block;
}

.cradle-dashboard-stats small {
  color: rgba(213, 191, 226, .46);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cradle-dashboard-stats strong {
  margin-top: 5px;
  color: #f7edff;
  font-size: .86rem;
}

.cradle-dashboard-plans {
  margin-top: 24px;
  padding: clamp(22px, 2.8vw, 34px);
  border: 1px solid rgba(187, 91, 241, .18);
  border-radius: 21px;
  background: linear-gradient(145deg, rgba(15, 4, 31, .77), rgba(7, 1, 18, .82));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 24px 65px rgba(0,0,0,.24);
}

.cradle-dashboard-plans > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.cradle-dashboard-plans > header h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, 2.4vw, 2.65rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.cradle-dashboard-plans > header > span {
  color: rgba(210, 187, 223, .44);
  font-size: .65rem;
  text-align: right;
}

.cradle-dashboard-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.cradle-dashboard-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 540px;
  padding: 22px 20px 20px;
  overflow: hidden;
  border: 1px solid rgba(181, 84, 236, .18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% -5%, rgba(146, 48, 224, .16), transparent 30%),
    linear-gradient(160deg, rgba(19, 6, 38, .92), rgba(7, 1, 18, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 18px 44px rgba(0,0,0,.22);
}

.cradle-dashboard-plan-card.is-featured {
  border-color: rgba(205, 102, 255, .55);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(174, 63, 246, .12), 0 22px 60px rgba(90, 20, 154, .26);
}

.cradle-dashboard-popular {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 12px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, #7d2ccc, #b443ff);
  color: #fff;
  font-size: .48rem;
  font-weight: 850;
  letter-spacing: .11em;
}

.cradle-dashboard-tier-art {
  display: grid;
  place-items: center;
  height: 74px;
  margin: 5px 0 10px;
}

.cradle-dashboard-tier-art img {
  width: 82px;
  height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(176, 66, 255, .24));
}

.cradle-dashboard-plan-card > p {
  margin: 0 0 7px;
  color: #cc83ff;
  font-size: .54rem;
  font-weight: 850;
  letter-spacing: .13em;
}

.cradle-dashboard-plan-card > h3 {
  margin: 0;
  color: #fff;
  font-size: 1.08rem;
}

.cradle-dashboard-plan-card > span:not(.cradle-dashboard-tier-art):not(.cradle-dashboard-popular) {
  min-height: 38px;
  margin-top: 7px;
  color: rgba(216, 195, 229, .53);
  font-size: .67rem;
  line-height: 1.45;
}

.cradle-dashboard-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 18px;
}

.cradle-dashboard-price strong {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
}

.cradle-dashboard-price small {
  color: rgba(215, 194, 228, .48);
  font-size: .61rem;
}

.cradle-dashboard-plan-card > b {
  margin-top: 9px;
  color: #c86fff;
  font-size: .67rem;
}

.cradle-dashboard-plan-card ul {
  display: grid;
  gap: 7px;
  margin: 18px 0 20px;
  padding: 0;
  list-style: none;
}

.cradle-dashboard-plan-card li {
  position: relative;
  padding-left: 15px;
  color: rgba(226, 210, 236, .63);
  font-size: .61rem;
  line-height: 1.35;
}

.cradle-dashboard-plan-card li::before {
  content: "";
  position: absolute;
  top: .35em;
  left: 0;
  width: 7px;
  height: 7px;
  border: 1px solid #b64eff;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(182, 78, 255, .32);
}

.cradle-dashboard-plan-card > a,
.cradle-dashboard-plan-card > button {
  margin-top: auto;
}

.cradle-dashboard-wide-panel {
  grid-column: 1 / -1;
}

.cradle-dashboard-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0;
}

.cradle-dashboard-details div {
  padding: 16px;
  border: 1px solid rgba(180, 85, 235, .16);
  border-radius: 13px;
  background: rgba(8, 1, 20, .53);
}

.cradle-dashboard-details dt {
  color: rgba(202, 177, 217, .45);
  font-size: .55rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cradle-dashboard-details dd {
  margin: 7px 0 0;
  color: #f5ebfb;
  font-size: .76rem;
  overflow-wrap: anywhere;
}

.cradle-dashboard-danger-button {
  background: rgba(105, 20, 56, .25);
  border-color: rgba(255, 104, 154, .25);
  color: #ffb4ce;
}

.cradle-dashboard-community-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 230px;
  padding: clamp(28px, 4vw, 56px);
  overflow: hidden;
  border: 1px solid rgba(191, 96, 246, .22);
  border-radius: 22px;
  background: linear-gradient(125deg, rgba(21, 7, 42, .94), rgba(8, 2, 20, .90));
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 28px 70px rgba(0,0,0,.26);
}

.cradle-dashboard-community-hero p {
  margin: 0 0 9px;
  color: #d091ff;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .17em;
}

.cradle-dashboard-community-hero h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 4.4rem);
  letter-spacing: -.05em;
}

.cradle-dashboard-community-hero span {
  display: block;
  max-width: 700px;
  margin-top: 14px;
  color: rgba(221, 203, 232, .57);
  font-size: .8rem;
  line-height: 1.6;
}

.cradle-dashboard-community-hero > img {
  width: clamp(130px, 16vw, 240px);
  height: clamp(130px, 16vw, 240px);
  object-fit: contain;
  filter: drop-shadow(0 0 44px rgba(159, 48, 242, .26));
}

.cradle-dashboard-community-grid,
.cradle-dashboard-support-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cradle-dashboard-feature-art {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin-bottom: 18px;
  filter: saturate(.75) brightness(1.25) drop-shadow(0 0 18px rgba(181, 76, 253, .24));
}

.cradle-dashboard-panel > a {
  background: rgba(52, 14, 88, .48);
}

.cradle-dashboard-muted-action {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 18px;
  padding: 0 12px;
  border: 1px solid rgba(187, 91, 243, .18);
  border-radius: 9px;
  color: rgba(212, 190, 226, .48);
  font-size: .61rem;
  font-weight: 800;
}

@media (max-width: 1280px) {
  .cradle-dashboard-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .cradle-dashboard-main {
    padding-inline: 26px;
  }

  .cradle-dashboard-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cradle-dashboard-plan-card {
    min-height: 510px;
  }
}

@media (max-width: 960px) {
  .cradle-dashboard-shell {
    display: block;
  }

  .cradle-dashboard-sidebar {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    height: auto;
    padding: 14px 18px;
    border-right: 0;
    border-bottom: 1px solid rgba(186, 94, 244, .18);
  }

  .cradle-dashboard-brand {
    min-height: 54px;
    padding: 0;
    border: 0;
  }

  .cradle-dashboard-brand .brand-logo-stage {
    width: 40px;
    height: 40px;
  }

  .cradle-dashboard-profile,
  .cradle-dashboard-sidebar-footer {
    display: none;
  }

  .cradle-dashboard-nav {
    display: flex;
    justify-content: flex-end;
    overflow-x: auto;
  }

  .cradle-dashboard-nav a {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 11px;
  }

  .cradle-dashboard-main {
    padding-top: 20px;
  }

  .cradle-dashboard-topbar {
    min-height: auto;
  }

  .cradle-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .cradle-dashboard-sidebar {
    display: block;
    padding: 12px 14px 10px;
  }

  .cradle-dashboard-brand {
    justify-content: center;
  }

  .cradle-dashboard-brand .brand-wordmark {
    font-size: .78rem;
  }

  .cradle-dashboard-nav {
    justify-content: flex-start;
    margin-top: 10px;
    padding-bottom: 4px;
  }

  .cradle-dashboard-nav a {
    min-width: 44px;
    padding: 0 10px;
  }

  .cradle-dashboard-nav a span {
    display: none;
  }

  .cradle-dashboard-main {
    padding: 18px 14px 46px;
  }

  .cradle-dashboard-topbar {
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .cradle-dashboard-top-actions {
    display: none;
  }

  .cradle-dashboard-hero {
    min-height: 170px;
    padding: 24px 20px;
  }

  .cradle-dashboard-hero > img {
    width: 76px;
    height: 76px;
    opacity: .5;
  }

  .cradle-dashboard-primary-grid,
  .cradle-dashboard-settings-grid,
  .cradle-dashboard-community-grid,
  .cradle-dashboard-support-grid,
  .cradle-dashboard-page-grid,
  .cradle-dashboard-details,
  .cradle-dashboard-plan-grid {
    grid-template-columns: 1fr;
  }

  .cradle-dashboard-stats {
    grid-template-columns: 1fr 1fr;
  }

  .cradle-dashboard-plans {
    padding: 20px 14px;
  }

  .cradle-dashboard-plans > header {
    display: block;
  }

  .cradle-dashboard-plans > header > span {
    display: block;
    margin-top: 10px;
    text-align: left;
  }

  .cradle-dashboard-plan-card {
    min-height: auto;
  }

  .cradle-dashboard-community-hero {
    min-height: 190px;
    padding: 26px 20px;
  }

  .cradle-dashboard-community-hero > img {
    width: 86px;
    height: 86px;
    opacity: .52;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cradle-dashboard-nav a {
    transition: none;
  }
}

/* Account dashboard V83: persistent website session, profile header, active free plan, icon parity, and pricing motion. */
#account-nav-get-started[hidden],
#account-nav-profile[hidden],
#account-nav-signed-out-label[hidden] {
  display: none !important;
}

.nav-sign-in.is-authenticated {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 5px 11px 5px 7px;
  border: 1px solid rgba(190, 97, 246, .28);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(82, 25, 133, .34), rgba(20, 6, 39, .68));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 28px rgba(62, 15, 109, .18);
}

.nav-account-profile {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.nav-account-avatar {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(220, 150, 255, .36);
  border-radius: 50%;
  background: linear-gradient(145deg, #6823b0, #a43bf2);
  color: #fff;
  font-size: .68rem;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(170, 64, 244, .24);
}

.nav-account-name {
  max-width: 110px;
  overflow: hidden;
  color: #fff;
  font-size: .72rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cradle-dashboard-nav img,
.cradle-dashboard-nav a:nth-child(2) img,
.cradle-dashboard-nav a.is-active img,
.cradle-dashboard-nav a:hover img {
  opacity: .86;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(186, 82, 255, .28));
}

.cradle-dashboard-nav a.is-active img,
.cradle-dashboard-nav a:hover img {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 11px rgba(197, 95, 255, .52));
}

.cradle-dashboard-monochrome-icon {
  filter: brightness(0) invert(1) drop-shadow(0 0 9px rgba(188, 84, 255, .30)) !important;
}

.cradle-dashboard-status-badge.is-active {
  border-color: rgba(88, 231, 177, .28);
  background: rgba(21, 109, 78, .18);
  color: #72e9bc;
  box-shadow: 0 0 18px rgba(89, 231, 177, .10);
}

.cradle-dashboard-free-plan-note {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  margin-top: 16px;
  padding: 0 16px;
  border: 1px solid rgba(92, 224, 177, .22);
  border-radius: 11px;
  background: rgba(12, 75, 55, .16);
  color: #8ae9c5;
  font-size: .7rem;
  font-weight: 820;
  letter-spacing: .02em;
}

.cradle-dashboard-plan-card {
  --tier-rgb: 150, 72, 255;
  isolation: isolate;
  transition: transform .22s ease, border-color .26s ease, box-shadow .26s ease;
}

.cradle-dashboard-plan-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 28%, rgba(255,255,255,.045) 44%, transparent 60%),
    radial-gradient(circle at var(--mx, 50%) var(--my, 18%), rgba(var(--tier-rgb), .18), transparent 38%);
  opacity: .78;
  transition: opacity .25s ease;
}

.cradle-dashboard-plan-card > * {
  position: relative;
  z-index: 1;
}

.cradle-dashboard-plan-card:hover {
  border-color: rgba(var(--tier-rgb), .68);
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 32px 78px rgba(0,0,0,.42), 0 0 40px rgba(var(--tier-rgb), .16);
}

.cradle-dashboard-plan-card:hover::before {
  opacity: 1;
}

.cradle-dashboard-tier-initiate { --tier-rgb: 67, 138, 255; }
.cradle-dashboard-tier-acolyte { --tier-rgb: 207, 83, 255; }
.cradle-dashboard-tier-prophet { --tier-rgb: 150, 72, 255; }
.cradle-dashboard-tier-avatar { --tier-rgb: 255, 145, 52; }

.cradle-dashboard-tier-art img {
  transition: transform .30s cubic-bezier(.2,.78,.2,1), filter .30s ease;
}

.cradle-dashboard-plan-card:hover .cradle-dashboard-tier-art img {
  transform: translateY(-7px) scale(1.08) rotate(3deg);
  filter: drop-shadow(0 0 28px rgba(var(--tier-rgb), .48));
}

.cradle-dashboard-plan-card.is-active-plan {
  border-color: rgba(91, 177, 255, .62);
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 0 0 1px rgba(66, 145, 255, .10), 0 23px 62px rgba(20, 76, 151, .20);
}

.cradle-dashboard-active-plan-badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  padding: 5px 12px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, #247bd0, #55b9ff);
  color: #fff;
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .11em;
  box-shadow: 0 0 20px rgba(69, 165, 255, .28);
}

.cradle-dashboard-current-plan-button:disabled {
  border-color: rgba(84, 183, 255, .28);
  background: rgba(25, 91, 145, .22);
  color: #9ed7ff;
  opacity: 1;
  filter: none;
}

@media (max-width: 720px) {
  .nav-account-name {
    display: none;
  }

  .nav-sign-in.is-authenticated {
    padding-right: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cradle-dashboard-plan-card,
  .cradle-dashboard-tier-art img {
    transition: none;
  }

  .cradle-dashboard-plan-card:hover .cradle-dashboard-tier-art img {
    transform: none;
  }
}


/* Account dashboard V84: aligned plan badge rail and authenticated landing-page CTA parity. */
.cradle-dashboard-plan-card {
  padding-top: 42px;
}

.cradle-dashboard-tier-art {
  margin-top: 0;
}

.cradle-dashboard-popular,
.cradle-dashboard-active-plan-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: calc(100% - 40px);
  min-height: 24px;
  box-sizing: border-box;
  white-space: nowrap;
}

.final-cta-actions > [hidden] {
  display: none !important;
}

/* Account dashboard V85: keep plan badges as true overlays after shared card-child positioning. */
.cradle-dashboard-popular,
.cradle-dashboard-active-plan-badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  margin: 0;
  transform: translateX(-50%);
}

/* V86 authoritative account bootstrap states */
.cradle-dashboard-plan-summary[data-account-authority-state="loading"] {
  border-color: rgba(177, 98, 231, .22);
}

.cradle-dashboard-plan-summary[data-account-authority-state="blocked"],
.cradle-dashboard-plan-summary[data-account-authority-state="unavailable"] {
  border-color: rgba(238, 129, 129, .24);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 18px 44px rgba(80, 10, 36, .18);
}

.cradle-dashboard-plan-summary[data-account-authority-state="blocked"] .cradle-dashboard-status-badge,
.cradle-dashboard-plan-summary[data-account-authority-state="unavailable"] .cradle-dashboard-status-badge {
  border-color: rgba(238, 129, 129, .28);
  background: rgba(113, 25, 45, .18);
  color: #f0a3af;
}