.hoodie-app,
.hoodie-app * {
  --color-iris: #cf0;
  --color-iris-light: #e4ff4d;
  --color-iris-2: #e4ff4d;
  --color-iris-3: #e4ff4d;
  --color-midnight: #000;
  --color-deep-space: #111;
  --color-bg-deep: #000;
  --color-bg-mid: #0a0a0a;
  --color-bg-soft: #111;
  --color-highlight: #fff;
  --color-highlight-2: #fff;
  --color-star-white: #fff;
  --background: #000;
  --card: #111;
  --popover: #111;
  --primary: #cf0;
  --primary-foreground: #110e08;
  --secondary: #0a0a0a;
  --secondary-foreground: #fff;
  --muted: #111;
  --muted-foreground: #8fa39a;
  --accent: #e4ff4d;
  --accent-foreground: #110e08;
  --border: #ccff002e;
  --input: #ccff002e;
  --ring: #cf0;
}
.hoodie-app .text-iris-solid {
  color: #cf0;
}
.hoodie-app .glow-iris {
  box-shadow: 0 0 40px #ccff0059, 0 0 120px #ccff0040;
}
.hoodie-app .text-iris-glow {
  text-shadow: 0 0 18px #ccff00a6, 0 0 60px #ccff0059;
}
.hoodie-app .section-divider-iris {
  background: linear-gradient(90deg, #0000, #cf09, #0000);
}
.hoodie-app,
.hoodie-app * {
  --color-violet-50: #fff;
  --color-violet-100: #f5ffcc;
  --color-violet-200: #efffa8;
  --color-violet-300: #e4ff4d;
  --color-violet-400: #e4ff4d;
  --color-violet-500: #cf0;
  --color-violet-600: #a8d400;
  --color-violet-700: #a8d400;
  --color-violet-800: #7fa000;
  --color-violet-900: #5f7a00;
  --color-violet-950: #2a3300;
  --color-fuchsia-50: #fff;
  --color-fuchsia-100: #f5ffcc;
  --color-fuchsia-200: #efffa8;
  --color-fuchsia-300: #e4ff4d;
  --color-fuchsia-400: #e4ff4d;
  --color-fuchsia-500: #cf0;
  --color-fuchsia-600: #a8d400;
  --color-fuchsia-700: #a8d400;
  --color-fuchsia-800: #7fa000;
  --color-fuchsia-900: #5f7a00;
  --color-fuchsia-950: #2a3300;
  --color-indigo-50: #fff;
  --color-indigo-100: #f5ffcc;
  --color-indigo-200: #efffa8;
  --color-indigo-300: #e4ff4d;
  --color-indigo-400: #e4ff4d;
  --color-indigo-500: #cf0;
  --color-indigo-600: #a8d400;
  --color-indigo-700: #a8d400;
  --color-indigo-800: #7fa000;
  --color-indigo-900: #5f7a00;
  --color-indigo-950: #2a3300;
  --color-purple-50: #fff;
  --color-purple-100: #f5ffcc;
  --color-purple-200: #efffa8;
  --color-purple-300: #e4ff4d;
  --color-purple-400: #e4ff4d;
  --color-purple-500: #cf0;
  --color-purple-600: #a8d400;
  --color-purple-700: #a8d400;
  --color-purple-800: #7fa000;
  --color-purple-900: #5f7a00;
  --color-purple-950: #2a3300;
}
.hoodie-screen {
  --hoodie-tabbar: calc(env(safe-area-inset-bottom, 0px) + 96px);
}
@media (min-width: 768px) {
  .hoodie-screen {
    --hoodie-tabbar: 108px;
  }
}
.hoodie-screen .overflow-y-auto {
  padding-bottom: calc(var(--hoodie-tabbar) + 12px) !important;
}
.hoodie-screen.hoodie-screen-nobar .overflow-y-auto {
  padding-bottom: 12px !important;
}
@keyframes hoodie-page-in {
  0% {
    opacity: 0;
    transform: translate(24px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.hoodie-page-enter {
  animation: 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) both hoodie-page-in;
}
.hoodie-route .text-glow {
  text-shadow: 0 0 24px #ccff0021;
}
.hoodie-route .bg-cosmos {
  background: radial-gradient(at 50% 60%, #ccff000d, #0000 70%),
    linear-gradient(#000 0% 50%, #000);
}
.hoodie-route .hairline {
  border: 1px solid #f2f3ec17;
}
.hoodie-route .glass {
  background: #0a0a0a;
  border: 1px solid #f2f3ec17;
}
.hoodie-route .aurora-mesh {
  background: radial-gradient(60% 40% at 50% 18%, #ccff000d, #0000 60%),
    radial-gradient(50% 35% at 75% 65%, #ccff000d, #0000 70%);
}
.hoodie-route .god-rays {
  display: none;
}
.hoodie-route .horizon-glow {
  background: radial-gradient(
    55% 4% at 50% 74%,
    #ccff0021,
    #ccff0014 45%,
    #0000 75%
  );
}
.hoodie-route .bg-paper {
  background: #000;
}
.hoodie-route .paper-grid,
.hoodie-route .construction-lines {
  background-image: linear-gradient(#ccff000d 1px, #0000 1px),
    linear-gradient(90deg, #ccff000d 1px, #0000 1px);
}
.hoodie-route .text-iris-solid {
  color: #cf0;
}
.hoodie-route .eyebrow-chip,
.hoodie-route .data-chip {
  box-shadow: none;
  background: #0a0a0a;
  border: 1px solid #ccff0024;
}
.hoodie-route .cta-primary {
  color: #110e08;
  background: #cf0;
  animation: 2.8s ease-in-out infinite hoodie-cta-pulse;
}
.hoodie-route .cta-primary:before {
  background: conic-gradient(#cf0, #fff, #cf0, #cf0, #fff, #cf0, #cf0);
}
.hoodie-route .cta-secondary:hover {
  background: #ccff001a;
  border-color: #cf0;
}
@keyframes hoodie-cta-pulse {
  0%,
  to {
    box-shadow: none;
  }
  50% {
    box-shadow: none;
  }
}
.hoodie-mono img:not([data-keep-color]) {
  filter: grayscale() contrast(1.06) brightness(0.5);
}
.hoodie-mono .hoodie-logo img,
.hoodie-mono [data-keep-color] {
  filter: none;
}
.hoodie-route .cta-primary,
.hoodie-route [data-active-tab="true"] {
  box-shadow: none;
}
.hoodie-route .cta-primary {
  animation: none;
}
.hoodie-route .cine-grade,
.hoodie-mono img.cine-grade,
.hoodie-mono .cine-grade {
  filter: grayscale() contrast(1.08) brightness(0.55);
}
.hoodie-route .cine-grade {
  will-change: transform;
  animation: none;
}
.hoodie-route .fragmented-dark-photo {
  filter: grayscale() brightness(0.26) contrast(1.18);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .cine-grade {
    will-change: auto;
    transform: none !important;
  }
}
.hoodie-route .depth-card {
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .hoodie-route .depth-card:hover,
  .hoodie-route .depth-card:focus-visible {
    box-shadow: none;
    border-color: #ccff008c;
    transform: translateY(-4px);
  }
  .hoodie-route .cta-primary:hover {
    box-shadow: 0 0 44px #ccff008c;
  }
}
@keyframes creator-fee-pulse {
  0% {
    text-shadow: 0 0 #cf00;
  }
  30% {
    text-shadow: 0 0 24px #ccff0059;
  }
  to {
    text-shadow: 0 0 14px #ccff0021;
  }
}
.hoodie-route .creator-fee-landed {
  animation: 0.9s ease-out both creator-fee-pulse;
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .depth-card {
    transition: none;
  }
  .hoodie-route .depth-card:hover,
  .hoodie-route .depth-card:focus-visible {
    transform: none;
  }
  .hoodie-route .creator-fee-landed {
    animation: none;
  }
}
.hoodie-route .anim-paused,
.hoodie-route .anim-paused *,
.hoodie-route .anim-paused :before,
.hoodie-route .anim-paused :after {
  animation-play-state: paused !important;
}
@media (hover: hover) {
  .hoodie-route .marquee:hover {
    animation-play-state: paused;
  }
}
.hoodie-route .marquee:focus-within {
  animation-play-state: paused;
}
.hoodie-route .hoodie-rail-fill {
  transform-origin: 0;
  will-change: transform;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .hoodie-rail-fill {
    transition: none;
  }
}
.hoodie-route .core-marker-glow {
  background: #cf0;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  transform: scale(1);
  box-shadow: 0 0 20px 6px #ccff0080;
}
.hoodie-route .core-marker {
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  transform: scale(1);
}
@media (hover: hover) and (pointer: fine) {
  .hoodie-route button:hover .core-marker {
    transform: scale(1.06);
  }
  .hoodie-route button:hover .core-marker-glow {
    transform: scale(1.35);
  }
}
.hoodie-route button:focus-visible .core-marker {
  transform: scale(1.06);
}
.hoodie-route button:focus-visible .core-marker-glow {
  transform: scale(1.35);
}
@keyframes hoodie-tile-settle {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(1px, -1px);
  }
  50% {
    transform: translate(-1px, 1px);
  }
  75% {
    transform: translate(1px);
  }
  to {
    transform: translate(0);
  }
}
.hoodie-route .tile-settle {
  animation: 0.26s cubic-bezier(0.22, 1, 0.36, 1) hoodie-tile-settle;
}
.hoodie-route .pillar-tick {
  background: #cf0;
  box-shadow: 0 0 10px #ccff0059;
}
.hoodie-route .cta-breathe {
  position: relative;
}
.hoodie-route .cta-breathe:after {
  content: "";
  pointer-events: none;
  opacity: var(--cta-glow, 0.85);
  border-radius: 9999px;
  position: absolute;
  inset: -2px;
  box-shadow: 0 0 44px #ccff008c;
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .tile-settle {
    animation: none;
  }
  .hoodie-route .core-marker,
  .hoodie-route .core-marker-glow,
  .hoodie-route .cta-breathe:after {
    transition: none;
  }
}
.core-lens-ring {
  transform-origin: 50%;
  animation: 60s linear infinite core-lens-spin;
}
@keyframes core-lens-spin {
  to {
    transform: rotate(360deg);
  }
}
.core-candle {
  animation: 2.4s ease-in-out infinite core-candle-breathe;
}
@keyframes core-candle-breathe {
  0%,
  to {
    transform: scaleY(0.88);
  }
  50% {
    transform: scaleY(1.08);
  }
}
.trust-scan-band {
  -webkit-mask-image: linear-gradient(#0000 0%, #000 35% 88%, #0000 100%);
  mask-image: linear-gradient(#0000, #000 35% 88%, #0000);
}
@media (prefers-reduced-motion: reduce) {
  .core-lens-ring,
  .core-candle {
    animation: none;
  }
}
.hoodie-route .hero-bar {
  will-change: transform;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .hero-bar {
    transition: none;
  }
}
.hoodie-route {
  --ink: #000;
  --surface: #0a0a0a;
  --card-v6: #0d0d0d;
  --hair: #ccff0024;
  --hair-soft: #f2f3ec17;
  --neon: #cf0;
  --neon-deep: #a8d400;
  --on-neon: #110e08;
  --text: #f2f3ec;
  --muted-v6: #8b8d82;
  --dim: #55574e;
  --body-c: #c4c6bb;
  background: var(--ink);
}
.hoodie-route ::selection {
  background: var(--neon);
  color: var(--on-neon);
}
.hoodie-route .sec {
  background: var(--ink);
  padding: clamp(84px, 12vh, 150px) 0;
  position: relative;
  overflow: hidden;
}
.hoodie-route .wrap {
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 44px);
  position: relative;
}
.hoodie-route .atm-grid {
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
  background-image: linear-gradient(#ccff000d 1px, #0000 1px),
    linear-gradient(90deg, #ccff000d 1px, #0000 1px);
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
}
.hoodie-route .plate-bg {
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  filter: grayscale() contrast(1.08) brightness(0.9);
  will-change: transform;
  background-size: cover;
  position: absolute;
  inset: -6% 0;
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .plate-bg {
    transform: none !important;
  }
}
.hoodie-route .halo {
  pointer-events: none;
  z-index: 1;
  filter: blur(10px);
  background: radial-gradient(circle, #ccff000d, #0000 62%);
  width: 56vmin;
  height: 56vmin;
  position: absolute;
  top: 38%;
  left: 22%;
  transform: translate(-50%, -50%);
}
.hoodie-route .radials {
  z-index: 1;
  pointer-events: none;
  opacity: 0.4;
  background: radial-gradient(circle at 20% 25%, #ccff000d, #0000 58%),
    radial-gradient(circle at 82% 18%, #ccff000d, #0000 58%);
  position: absolute;
  inset: 0;
}
.hoodie-route .cosmos-v6 {
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(at 50% 60%, #ccff000d, #0000 70%);
  position: absolute;
  inset: 0;
}
.hoodie-route .spotlight-v6 {
  z-index: 3;
  pointer-events: none;
  mix-blend-mode: screen;
  transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  inset: 0;
}
.hoodie-route .grain-v6 {
  pointer-events: none;
  opacity: 0.13;
  mix-blend-mode: overlay;
  z-index: 9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
.hoodie-route .plate-kb {
  z-index: 3;
  pointer-events: none;
  opacity: 0.4;
  mix-blend-mode: screen;
  filter: grayscale() contrast(1.08) brightness(0.9);
  background-position: 64% 26%;
  background-size: cover;
  animation: 26s ease-in-out infinite alternate kb;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000 0% 20%, #000 52%);
  mask-image: linear-gradient(90deg, #0000 0% 20%, #000 52%);
}
@keyframes kb {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.08);
  }
}
.hoodie-route .scanlines-v6 {
  z-index: 4;
  opacity: 0.06;
  pointer-events: none;
  background: repeating-linear-gradient(#fff9 0 1px, #0000 1px 3px);
  position: absolute;
  inset: 0;
}
.hoodie-route .horizon {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #cf09, #0000);
  height: 1px;
  position: absolute;
  bottom: 34%;
  left: -10%;
  right: -10%;
}
.hoodie-route .pulse-beacon {
  z-index: 1;
  pointer-events: none;
  background: var(--neon);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 34%;
  left: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 20px 6px #ccff0080;
}
.hoodie-route .pulse-beacon:after {
  content: "";
  border: 1px solid #cf09;
  border-radius: 50%;
  animation: 2.6s ease-out infinite ring;
  position: absolute;
  inset: -6px;
}
@keyframes ring {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(9);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .plate-kb,
  .hoodie-route .pulse-beacon:after {
    animation: none;
  }
}
.hoodie-route #cta {
  text-align: center;
  background: #000;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.hoodie-route #cta .horizon-v6 {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #cf09, #0000);
  height: 1px;
  position: absolute;
  bottom: 34%;
  left: -10%;
  right: -10%;
}
.hoodie-route #cta .pulse-v6 {
  z-index: 1;
  pointer-events: none;
  background: #cf0;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 34%;
  left: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 20px 6px #ccff0080;
}
.hoodie-route #cta .pulse-v6:after {
  content: "";
  border: 1px solid #cf09;
  border-radius: 50%;
  animation: 2.6s ease-out infinite ringv6;
  position: absolute;
  inset: -6px;
}
@keyframes ringv6 {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(9);
  }
}
.hoodie-route #cta .phones3 {
  z-index: 10;
  justify-content: center;
  margin-top: 58px;
  display: flex;
  position: relative;
}
.hoodie-route #cta .phones3 .phone-v6 {
  width: min(223px, 56vw);
  margin: 0 -34px;
}
.hoodie-route #cta .phones3 .phone-v6:first-child {
  transform: rotate(-9deg) translateY(26px);
}
.hoodie-route #cta .phones3 .phone-v6:nth-child(2) {
  z-index: 2;
  position: relative;
}
.hoodie-route #cta .phones3 .phone-v6:nth-child(3) {
  transform: rotate(9deg) translateY(26px);
}
.hoodie-route .phone-v6 {
  aspect-ratio: 390/844;
  transform-style: preserve-3d;
  background: #050505;
  border: 1px solid #1e1f19;
  border-radius: 46px;
  padding: 10px;
  position: relative;
  box-shadow: 0 40px 90px #000c, 0 0 0 1px #ffffff0a, 0 0 70px #ccff0012;
}
.hoodie-route .phone-v6:before {
  content: "";
  z-index: 3;
  background: #000;
  border-radius: 12px;
  width: 32%;
  height: 22px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
}
.hoodie-route .phone-v6 img {
  object-fit: contain;
  background: #000;
  border-radius: 37px;
  width: 100%;
  height: 100%;
}
.hoodie-route .phone-v6:before {
  display: none;
}
.hoodie-route .phone-v6--safe img {
  object-fit: cover;
  object-position: center top;
  background: #000;
  padding: 0;
}
.hoodie-route .phone-v6 .glare {
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(115deg, #ffffff17, #0000 34%);
  border-radius: 37px;
  position: absolute;
  inset: 10px;
}
.hoodie-route .cta-pill-v6 {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #110e08;
  will-change: transform;
  background: #cf0;
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  padding: 10px 12px 10px 26px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: box-shadow 0.3s;
  display: inline-flex;
  position: relative;
}
.hoodie-route .cta-pill-v6:hover {
  box-shadow: 0 0 44px #ccff008c;
}
.hoodie-route .cta-pill-v6 .arr {
  color: #cf0;
  background: #110e08;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 15px;
  transition: transform 0.3s;
  display: grid;
}
.hoodie-route .cta-pill-v6:hover .arr {
  transform: translate(3px);
}
.hoodie-route #cta .h-xl {
  letter-spacing: -0.005em;
  text-transform: uppercase;
  text-wrap: balance;
  margin: 20px 0 0;
  font-size: clamp(38px, 6vw, 76px);
  font-weight: 700;
  line-height: 0.96;
}
.hoodie-route #cta .h-xl em {
  color: #cf0;
  font-style: normal;
}
.hoodie-route #cta .sub {
  text-align: center;
  color: #c4c6bb;
  max-width: 56ch;
  margin: 22px auto 0;
  font-size: 16.5px;
  line-height: 1.66;
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route #cta .pulse-v6:after {
    animation: none;
  }
}
.hoodie-route .card,
.hoodie-route .card-flat,
.hoodie-route .card-elevated {
  box-shadow: none;
  background: #0a0a0a;
  border: 1px solid #f2f3ec17;
}
.hoodie-route .glow-iris {
  box-shadow: 0 0 70px #ccff0012;
}
.hoodie-route .animate-pulse-glow {
  filter: none;
  animation: none;
}
.hoodie-route .grid-faint {
  background-image: linear-gradient(#ccff000d 1px, #0000 1px),
    linear-gradient(90deg, #ccff000d 1px, #0000 1px);
  background-size: 80px 80px;
}
#automations .aut-grid2 {
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
  display: grid;
}
@media (max-width: 900px) {
  #automations .aut-grid2 {
    grid-template-columns: 1fr;
  }
}
#automations .term {
  background: #050604;
  border: 1px solid #ccff0024;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 26px 70px #000000b3;
}
#automations .term .bar {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #55574e;
  border-bottom: 1px solid #f2f3ec17;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-family: Chakra Petch, sans-serif;
  font-size: 9.5px;
  display: flex;
}
#automations .term .bar .led {
  background: #cf0;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  animation: 1.8s infinite autBlink;
}
#automations .term .bar .led.off {
  background: #55574e;
  animation: none;
}
#automations .term .bar b {
  color: #cf0;
  flex: none;
  margin-left: auto;
}
@keyframes autBlink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
#automations .term .bots {
  gap: 6px;
  margin-left: 6px;
  display: flex;
}
#automations .term .bot {
  font: inherit;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  color: #55574e;
  background: 0 0;
  border: 1px solid #f2f3ec17;
  border-radius: 999px;
  padding: 3px 9px;
  transition: color 0.25s, border-color 0.25s;
}
#automations .term .bot.on {
  color: #cf0;
  border-color: #ccff004d;
}
#automations .term .bot:hover {
  border-color: #ccff0080;
}
#automations .term .bot:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #cf0;
}
#automations .term .log {
  color: #aeb1a4;
  flex-direction: column;
  justify-content: flex-end;
  height: 186px;
  padding: 14px 16px;
  font-family: Space Grotesk, ui-monospace, monospace;
  font-size: 12.3px;
  line-height: 1.9;
  display: flex;
  overflow: hidden;
}
#automations .term .log > div {
  white-space: nowrap;
  align-items: baseline;
  gap: 10px;
  animation: 0.5s both autLogIn;
  display: flex;
  overflow: hidden;
}
@keyframes autLogIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#automations .term .log .t {
  color: #55574e;
  flex: none;
}
#automations .term .log .ok {
  color: #cf0;
}
#automations .term .log .warn {
  color: #ffc24b;
}
#automations .term .log > div > span:nth-child(2) {
  text-overflow: ellipsis;
  overflow: hidden;
}
#automations .term .log .tx {
  color: #2e302a;
  flex: none;
  margin-left: auto;
  font-size: 11px;
  transition: color 0.25s;
}
#automations .term .log > div:hover .tx {
  color: #55574e;
}
#automations .term .exec {
  background: #070805;
  border-top: 1px solid #f2f3ec17;
  padding: 10px 16px 12px;
}
#automations .term .execline {
  color: #55574e;
  align-items: baseline;
  gap: 8px;
  font-family: Space Grotesk, ui-monospace, monospace;
  font-size: 12px;
  display: flex;
}
#automations .term .exec.live .execline {
  color: #aeb1a4;
}
#automations .term .execline .caretmark {
  color: #55574e;
  flex: none;
  font-size: 9px;
}
#automations .term .exec.live .execline .caretmark {
  color: #cf0;
}
#automations .term .execline .stage {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#automations .term .execline .tx {
  color: #55574e;
  flex: none;
  margin-left: auto;
  font-size: 11px;
}
#automations .term .track {
  background: #f2f3ec17;
  height: 2px;
  margin-top: 8px;
  overflow: hidden;
}
#automations .term .track i {
  transform-origin: 0;
  background: #cf0;
  height: 100%;
  transition: transform 0.48s cubic-bezier(0.2, 0.7, 0.2, 1);
  display: block;
  transform: scaleX(0);
}
#automations .kinds {
  background: #f2f3ec17;
  border: 1px solid #f2f3ec17;
  gap: 1px;
  margin-top: 26px;
  display: grid;
}
#automations .kind {
  background: #0a0a0a;
  grid-template-columns: 96px 1fr;
  align-items: baseline;
  gap: 16px;
  padding: 15px 18px;
  display: grid;
}
#automations .kind b {
  letter-spacing: 0.16em;
  color: #cf0;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 11.5px;
}
#automations .kind span {
  color: #8b8d82;
  font-size: 13px;
}
#automations .aut-eyebrow {
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #cf0;
  align-items: center;
  gap: 10px;
  font-family: Chakra Petch, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}
#automations .aut-eyebrow:before {
  content: "";
  background: #cf0;
  width: 26px;
  height: 1px;
}
#automations .aut-eyebrow b {
  color: #55574e;
  font-weight: 600;
}
#automations .aut-sub {
  color: #c4c6bb;
  max-width: 56ch;
  margin-top: 22px;
  font-size: 16.5px;
  line-height: 1.66;
}
#automations .atm-grid {
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
  background-image: linear-gradient(#ccff000d 1px, #0000 1px),
    linear-gradient(90deg, #ccff000d 1px, #0000 1px);
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
}
@media (prefers-reduced-motion: reduce) {
  #automations .term .log > div,
  #automations .term .bar .led {
    animation: none;
  }
  #automations .term .track i {
    transition: none;
  }
}
.hero-v7 {
  min-height: 100vh;
  background: #000;
  flex-direction: column;
  justify-content: center;
  min-height: 100dvh;
  padding: 110px 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}
.hero-v7:after {
  content: "";
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(#00000014, #0000002e 42%, #000000d1 78%, #000);
  position: absolute;
  inset: 0;
}
.hero-v7 .halo {
  pointer-events: none;
  z-index: 1;
  filter: blur(10px);
  background: radial-gradient(circle, #ccff000b, #0000 62%);
  width: 56vmin;
  height: 56vmin;
  position: absolute;
  top: 38%;
  left: 22%;
  transform: translate(-50%, -50%);
}
.hero-v7 .plate-bg {
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: normal;
  filter: grayscale() contrast(1.18) brightness(0.42);
  will-change: transform;
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: -6% 0;
}
.hero-v7 .hero-glyph-canvas {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.hero-v7 .spot {
  z-index: 3;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.45;
  transition: opacity 0.4s;
  position: absolute;
  inset: 0;
}
.hero-v7 .grain {
  pointer-events: none;
  opacity: 0.13;
  mix-blend-mode: overlay;
  z-index: 9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
.hero-v7 .wrap {
  z-index: 10;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 44px);
  position: relative;
}
.hero-v7 .grid2 {
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
  display: grid;
}
@media (max-width: 900px) {
  .hero-v7 .grid2 {
    grid-template-columns: 1fr;
  }
}
.hero-v7 .h-hero {
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-wrap: balance;
  color: #f2f3ec;
  margin: 22px 0 0;
  font-family: Chakra Petch, sans-serif;
  font-size: clamp(40px, 6.6vw, 86px);
  font-weight: 700;
  line-height: 0.94;
}
.hero-v7 .h-hero em {
  color: #cf0;
  font-style: normal;
}
.hero-v7 .sub {
  color: #c4c6bb;
  max-width: 56ch;
  margin-top: 22px;
  font-size: 16.5px;
  line-height: 1.66;
}
.hero-v7 .cta {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #110e08;
  will-change: transform;
  background: #cf0;
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  margin-top: 36px;
  padding: 10px 12px 10px 26px;
  font-family: Chakra Petch, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: box-shadow 0.3s;
  display: inline-flex;
  position: relative;
}
.hero-v7 .cta:hover {
  box-shadow: 0 0 44px #ccff008c;
}
.hero-v7 .cta s {
  text-decoration: none;
}
.hero-v7 .cta .arr {
  color: #cf0;
  background: #110e08;
  border-radius: 50%;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 15px;
  transition: transform 0.3s;
  display: grid;
}
.hero-v7 .cta:hover .arr {
  transform: translate(3px);
}
.hero-v7 .cta-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 22px;
  margin-top: 36px;
  display: flex;
}
.hero-v7 .cta-row .cta {
  margin-top: 0;
}
.hero-v7 .cta-quiet {
  color: #ffffffb8;
  cursor: pointer;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: 0 0;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 10px 18px 10px 12px;
  font-family: Chakra Petch, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
  display: inline-flex;
}
.hero-v7 .cta-quiet:hover {
  color: #fff;
  background: #ffffff0a;
  border-color: #fff6;
}
.hero-v7 .cta-quiet .play {
  color: #cf0;
  border: 1px solid #ccff0080;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}
.hero-v7 .cta-quiet .len {
  letter-spacing: 0.18em;
  color: #fff6;
  font-size: 10px;
}
.hero-v7 .pwrap {
  z-index: 11;
  perspective: 1100px;
  justify-content: center;
  display: flex;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .hero-v7 .plate-bg {
    transform: none !important;
  }
}
.core-v5 {
  background: #000;
  position: relative;
}
.core-v5__section {
  flex-direction: column;
  justify-content: center;
  gap: clamp(18px, 3vw, 34px);
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(64px, 9vw, 120px) clamp(20px, 6vw, 120px);
  display: flex;
  position: relative;
  left: auto;
  right: auto;
  overflow: hidden;
}
.core-v5__meta-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}
.core-v5__chip {
  letter-spacing: 0.32em;
  color: #9aa094;
  border: 1px solid #9aa09447;
  padding: 8px 16px 7px 18px;
  font-family: Chakra Petch, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.core-v5__chip b {
  color: #cf0;
  font-weight: 600;
}
.core-v5__secnum {
  letter-spacing: 0.32em;
  color: #9aa094;
  font-variant-numeric: tabular-nums;
  font-family: Chakra Petch, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.core-v5__h2 {
  letter-spacing: 0.012em;
  text-transform: uppercase;
  color: #f4f6ee;
  margin-top: clamp(22px, 3.2vw, 40px);
  font-family: Chakra Petch, sans-serif;
  font-size: clamp(30px, 5vw, 64px);
  font-weight: 600;
  line-height: 1.04;
}
.core-v5__h2 .neon {
  color: #cf0;
}
.core-v5__diagram {
  aspect-ratio: 1200/318;
  width: 100%;
  max-width: 1200px;
  margin-top: 34px;
  position: relative;
}
.core-v5__diagram canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.core-v5__station {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 16.333%;
  color: inherit;
  background: 0 0;
  border: none;
  padding: 0;
  font-family: inherit;
  position: absolute;
}
.core-v5__station .num {
  letter-spacing: 0.3em;
  color: #9aa094;
  opacity: 0.62;
  font-variant-numeric: tabular-nums;
  margin-bottom: 7px;
  font-family: Chakra Petch, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: block;
}
.core-v5__station .label {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #f4f6ee;
  font-family: Chakra Petch, sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  transition: color 0.25s, text-shadow 0.25s;
  display: block;
}
.core-v5__station .sub {
  letter-spacing: 0.02em;
  color: #9aa094;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  transition: color 0.25s;
  display: block;
}
.core-v5__station:hover .label,
.core-v5__station.active .label {
  color: #cf0;
}
.core-v5__station.active .num {
  color: #cf0;
  opacity: 0.85;
}
.core-v5__station.active .sub {
  color: #f4f6ee;
}
.core-v5__station.flash .label {
  text-shadow: 0 0 14px #ccff00d9, 0 0 3px #ccff008c;
}
.core-v5__station.flash .num {
  opacity: 1;
}
.core-v5__station.pulse .label {
  text-shadow: 0 0 10px #ccff0073;
}
.core-v5__station.above {
  bottom: 66.35%;
}
.core-v5__station.below {
  top: 66.35%;
}
.core-v5__station:focus-visible {
  outline-offset: 6px;
  outline: 1px solid #ccff00b3;
}
.core-v5__stations-m {
  display: none;
}
.core-v5__chip-m {
  color: #f4f6ee;
  text-transform: uppercase;
  background: #000;
  border: 1px solid #9aa09438;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  font-family: Chakra Petch, sans-serif;
  display: flex;
}
.core-v5__chip-m .num {
  letter-spacing: 0.24em;
  color: #9aa094;
  font-size: 9px;
}
.core-v5__chip-m .label {
  letter-spacing: 0.18em;
  font-size: 11px;
}
.core-v5__chip-m.active {
  border-color: #ccff0073;
}
.core-v5__chip-m.active .label {
  color: #cf0;
}
.core-v5__dock {
  border-top: 1px solid #9aa09429;
  min-height: 126px;
  margin-top: 18px;
  padding: 24px 0 0 28px;
  position: relative;
}
.core-v5__dock:before {
  content: "";
  background: #cf0;
  width: 1px;
  transition: box-shadow 0.3s, background 0.3s;
  position: absolute;
  top: 24px;
  bottom: 22px;
  left: 0;
  box-shadow: 0 0 8px #ccff0080;
}
.core-v5__dock.flash:before {
  background: #f4f6ee;
  box-shadow: 0 0 18px #ccff00f2, 0 0 5px #ccff00e6;
}
@keyframes coreDockIn {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.core-v5__dock .d-meta,
.core-v5__dock .d-text {
  animation: 0.15s ease-out coreDockIn;
}
.core-v5__dock.no-anim .d-meta,
.core-v5__dock.no-anim .d-text {
  animation: none;
}
.core-v5__dock .d-meta {
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #cf0;
  font-variant-numeric: tabular-nums;
  font-family: Chakra Petch, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.core-v5__dock .d-text {
  color: #9aa094;
  max-width: 760px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;
}
@media (max-width: 900px) {
  .core-v5 {
    height: auto;
  }
  .core-v5__section {
    height: auto;
    padding: 76px 20px 56px;
    display: block;
    position: static !important;
  }
  .core-v5__station {
    display: none;
  }
  .core-v5__stations-m {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 22px;
    display: grid;
  }
}
@media (prefers-reduced-motion: reduce) {
  .core-v5 {
    height: auto;
  }
  .core-v5__section {
    height: auto;
    padding: 76px clamp(20px, 6vw, 120px) 56px;
    display: block;
    position: static !important;
  }
  .core-v5__dock .d-meta,
  .core-v5__dock .d-text {
    animation: none;
  }
}
.ghost-track {
  background: #000;
  height: 250vh;
  position: relative;
}
@media (pointer: coarse) {
  .ghost-track {
    height: 170vh;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ghost-track {
    height: 100vh;
  }
}
.ghost-stage {
  --p: 0;
  --pf-b: 1.14;
  --pf-c: 1.02;
  --pf-s: 1.1;
  --fx: 60%;
  --fy: 33%;
  --mx: 28%;
  --my: 33%;
  --fx-r: 5%;
  --fy-r: 4%;
  --vx-r: 180%;
  --vy-r: 168%;
  --dim: 0;
  --grid-o: 0;
  --halo-o: 0;
  --private-lit: 0;
  --public-lit: 0;
  --choice-lit: 0;
  --hud: 0;
  --sub: 0;
  --spec-1: 0;
  --spec-2: 0;
  --spec-3: 0;
  --spec-4: 0;
  --private-color: #55574e;
  --public-color: #55574e;
  --choice-color: #55574e;
  --hud-bg: #0006;
  --hud-color: #9e9e9e;
  --hud-border: #292929;
  height: 100vh;
  contain: paint;
  background: #000;
  height: 100svh;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.ghost-portrait {
  filter: brightness(var(--pf-b)) contrast(var(--pf-c)) grayscale(1);
  transform: scale(var(--pf-s));
  transform-origin: 28% 33%;
  will-change: transform, filter;
  -webkit-mask-image: radial-gradient(
    ellipse 74% 62% at var(--mx) var(--my),
    #000 34%,
    #00000080 62%,
    transparent 88%
  );
  mask-image: radial-gradient(
    ellipse 74% 62% at var(--mx) var(--my),
    #000 34%,
    #00000080 62%,
    transparent 88%
  );
  background-position: 50% 16%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0 0 0 44%;
}
.ghost-face {
  pointer-events: none;
  background: radial-gradient(
    ellipse var(--fx-r) var(--fy-r) at var(--fx) var(--fy),
    #000 58%,
    #000000b8 78%,
    transparent 100%
  );
  will-change: background-image;
  position: absolute;
  inset: 0;
}
.ghost-vig {
  pointer-events: none;
  background: radial-gradient(
    ellipse var(--vx-r) var(--vy-r) at var(--fx) var(--fy),
    transparent 44%,
    #000000d1 82%,
    #000 100%
  );
  position: absolute;
  inset: 0;
}
.ghost-dim {
  opacity: var(--dim);
  pointer-events: none;
  background: #000;
  position: absolute;
  inset: 0;
}
.ghost-grid {
  opacity: var(--grid-o);
  pointer-events: none;
  background-image: linear-gradient(#ccff0017 1px, #0000 1px),
    linear-gradient(90deg, #ccff0017 1px, #0000 1px);
  background-size: 56px 56px;
  position: absolute;
  inset: 0;
}
.ghost-halo {
  left: var(--fx);
  top: var(--fy);
  pointer-events: none;
  width: 52vh;
  height: 52vh;
  opacity: var(--halo-o);
  filter: blur(48px);
  will-change: opacity;
  background: radial-gradient(circle, #ccff004d, #ccff001a 45%, #0000 72%);
  position: absolute;
  transform: translate(-50%, -50%);
}
.ghost-hud {
  z-index: 6;
  color: #ffffff9e;
  font-family: var(--font-mono, ui-monospace, monospace);
  letter-spacing: 0.16em;
  background: #0006;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 7px 13px;
  font-size: 10px;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
  display: inline-flex;
  position: absolute;
  top: 104px;
  left: clamp(20px, 6vw, 80px);
}
.ghost-hud__dot {
  background: currentColor;
  border-radius: 999px;
  width: 6px;
  height: 6px;
}
.ghost-hud {
  background: var(--hud-bg);
  color: var(--hud-color);
  border-color: var(--hud-border);
}
.ghost-hud__a,
.ghost-hud__b {
  white-space: nowrap;
  grid-area: 1/1;
}
.ghost-hud__a {
  opacity: calc(1 - var(--hud));
  transform: translateY(calc(var(--hud) * -4px));
}
.ghost-hud__b {
  opacity: var(--hud);
  transform: translateY(calc((1 - var(--hud)) * 4px));
}
.ghost-hud__a,
.ghost-hud__b {
  transition: none;
}
.ghost-hud {
  grid-template-columns: 6px auto;
  display: grid;
}
.ghost-hud__dot {
  grid-column: 1;
}
.ghost-hud__a,
.ghost-hud__b {
  grid-column: 2;
}
.ghost-copy {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(20px, 6vw, 80px);
  display: flex;
  position: absolute;
  inset: 0;
}
.ghost-copy h2 {
  max-width: 16ch;
}
.ghost-claim-line {
  color: #30322d;
}
.ghost-key {
  --lit: 0;
}
.ghost-key-private {
  color: var(--private-color);
  --lit: var(--private-lit, 0);
}
.ghost-key-public {
  color: var(--public-color);
  --lit: var(--public-lit, 0);
}
.ghost-key-choice {
  color: var(--choice-color);
  --lit: var(--choice-lit, 0);
}
.ghost-key-private,
.ghost-key-public {
  text-shadow: 0 0 calc(var(--lit) * 18px)
      rgba(255, 255, 255, calc(var(--lit) * 0.34)),
    0 0 calc(var(--lit) * 52px) rgba(204, 255, 0, calc(var(--lit) * 0.16));
}
.ghost-key-choice {
  isolation: isolate;
  width: max-content;
  max-width: 100%;
  text-shadow: 0 0 calc((1 - var(--lit)) * 14px)
    rgba(204, 255, 0, calc((1 - var(--lit)) * 0.22));
  padding: 0 0.08em 0 0.04em;
  display: block;
  position: relative;
}
.ghost-key-choice:before {
  content: "";
  z-index: -1;
  opacity: calc(var(--lit) * 0.98);
  transform: scaleX(var(--lit));
  transform-origin: 0;
  will-change: transform, opacity;
  background: #cf0;
  position: absolute;
  inset: 0.06em -0.08em 0.05em -0.04em;
  box-shadow: 0 0 18px #ccff007a, 0 0 72px #ccff0038;
}
.ghost-sub {
  color: #fffc;
  max-width: 34rem;
  opacity: var(--sub);
  transform: translateY(calc((1 - var(--sub)) * 10px));
  margin-top: 26px;
  font-size: 16px;
  line-height: 1.7;
}
.ghost-specs {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  padding: 0;
  list-style: none;
  display: flex;
}
.ghost-specs li {
  color: #ccff00e6;
  font-family: var(--font-mono, ui-monospace, monospace);
  letter-spacing: 0.16em;
  opacity: var(--spec-o);
  transform: translateY(calc((1 - var(--spec-o)) * 8px));
  background: #ccff000d;
  border: 1px solid #ccff0047;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 10px;
}
.ghost-specs li:first-child {
  --spec-o: var(--spec-1);
}
.ghost-specs li:nth-child(2) {
  --spec-o: var(--spec-2);
}
.ghost-specs li:nth-child(3) {
  --spec-o: var(--spec-3);
}
.ghost-specs li:nth-child(4) {
  --spec-o: var(--spec-4);
}
@media (max-width: 767px) {
  .ghost-track {
    height: 170vh;
  }
  .ghost-stage {
    --fx: 28%;
    --fy: 26%;
    --mx: 28%;
    --my: 26%;
  }
  .ghost-portrait {
    transform-origin: 28% 26%;
    filter: brightness(calc(var(--pf-b) * 1.18)) contrast(var(--pf-c))
      grayscale(1);
    background-position: 50% 12%;
    left: 0;
  }
  .ghost-face {
    background: radial-gradient(
      ellipse calc(var(--fx-r) * 0.62) calc(var(--fy-r) * 0.78) at var(--fx)
        var(--fy),
      #000 58%,
      #000000b8 78%,
      transparent 100%
    );
  }
  .ghost-vig {
    background: radial-gradient(
      ellipse calc(var(--vx-r) * 1.15) var(--vy-r) at var(--fx) var(--fy),
      transparent 44%,
      #000000d1 86%,
      #000 100%
    );
  }
  .ghost-copy {
    background: linear-gradient(#0000 28%, #000000b8 66%, #000000eb);
    justify-content: flex-end;
    padding: 0 20px 64px;
  }
  .ghost-specs {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
  .ghost-specs li {
    text-align: center;
  }
  .ghost-hud {
    top: 88px;
    left: 20px;
  }
}
.ghost-track.is-rm {
  height: auto;
}
.ghost-track.is-rm .ghost-stage {
  height: auto;
  min-height: 70vh;
  padding: 96px 0;
  position: static;
}
.ghost-track.is-rm .ghost-copy {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  inset: auto;
}
@media (prefers-reduced-motion: reduce) {
  .ghost-stage {
    animation: none !important;
  }
}
#comm {
  background: #000;
  padding: clamp(84px, 12vh, 150px) 0;
  position: relative;
  overflow: hidden;
}
#comm .grain {
  pointer-events: none;
  opacity: 0.13;
  mix-blend-mode: overlay;
  z-index: 9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
#comm .wrap {
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 44px);
  position: relative;
}
#comm .grid2 {
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
  display: grid;
}
@media (max-width: 900px) {
  #comm .grid2 {
    grid-template-columns: 1fr;
  }
}
#comm .eyebrow {
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #cf0;
  align-items: center;
  gap: 10px;
  font-family: Chakra Petch, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}
#comm .eyebrow:before {
  content: "";
  background: #cf0;
  width: 26px;
  height: 1px;
}
#comm .eyebrow b {
  color: #55574e;
  font-weight: 600;
}
#comm .h-xl {
  letter-spacing: -0.005em;
  text-transform: uppercase;
  text-wrap: balance;
  margin: 20px 0 0;
  font-family: Chakra Petch, sans-serif;
  font-size: clamp(34px, 5.4vw, 64px);
  font-weight: 700;
  line-height: 0.96;
}
#comm .h-xl em {
  color: #cf0;
  font-style: normal;
}
#comm .sub {
  color: #c4c6bb;
  max-width: 56ch;
  margin-top: 22px;
  font-size: 16.5px;
  line-height: 1.66;
}
#comm .rows {
  background: #f2f3ec17;
  border: 1px solid #f2f3ec17;
  gap: 1px;
  margin-top: 30px;
  display: grid;
}
#comm .row {
  background: #0a0a0a;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 14px;
  padding: 14px 18px;
  display: grid;
}
#comm .row b {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f2f3ec;
  font-family: Chakra Petch, sans-serif;
  font-size: 12px;
}
#comm .row span {
  color: #8b8d82;
  font-size: 13.5px;
}
#comm .pwrap {
  perspective: 1000px;
  perspective-origin: 50% 45%;
  justify-content: center;
  display: flex;
  position: relative;
}
#comm .phone {
  aspect-ratio: 390/844;
  will-change: transform;
  width: min(300px, 72vw);
  transform-style: preserve-3d;
  background: #050505;
  border: 1px solid #1e1f19;
  border-radius: 46px;
  padding: 10px;
  position: relative;
  box-shadow: 0 40px 90px #000c, 0 0 0 1px #ffffff0a, 0 0 70px #ccff0012;
}
#comm .phone:before {
  content: "";
  z-index: 3;
  background: #000;
  border-radius: 12px;
  width: 32%;
  height: 22px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
}
#comm .phone .screen {
  border-radius: 37px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: translateZ(8px);
  box-shadow: inset 0 0 0 1px #ffffff0d;
}
#comm .phone img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
#comm .phone .body3d {
  z-index: -1;
  background: linear-gradient(150deg, #161711, #050505 42%, #0c0d08);
  border-radius: 48px;
  position: absolute;
  inset: -2px;
  transform: translateZ(-18px);
  box-shadow: 0 0 0 1px #ffffff0d;
}
#comm .phone .rail {
  background: linear-gradient(#2a2c22, #0d0e09);
  border-radius: 3px;
  width: 3px;
  height: 12%;
  position: absolute;
  top: 24%;
  transform: translateZ(-6px);
}
#comm .phone .rail-l {
  left: -4px;
}
#comm .phone .rail-r {
  height: 18%;
  top: 34%;
  right: -4px;
}
#comm .phone .shadow3d {
  z-index: -2;
  pointer-events: none;
  filter: blur(10px);
  background: radial-gradient(#000000bf, #0000 70%);
  height: 46px;
  position: absolute;
  bottom: -46px;
  left: 8%;
  right: 8%;
  transform: translateZ(-40px) rotateX(74deg);
}
#comm .phone .glare {
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(115deg, #ffffff17, #0000 34%);
  border-radius: 37px;
  position: absolute;
  inset: 10px;
  transform: translateZ(12px);
}
#comm .phone-tag {
  white-space: nowrap;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #55574e;
  font-family: Chakra Petch, sans-serif;
  font-size: 9.5px;
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translate(-50%);
}
#comm .rv {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
  transform: translateY(26px);
}
#comm .rv.in {
  opacity: 1;
  transform: none;
}
#comm .rv.d1 {
  transition-delay: 80ms;
}
#comm .rv.d2 {
  transition-delay: 0.16s;
}
#comm .rv.d3 {
  transition-delay: 0.24s;
}
@media (prefers-reduced-motion: reduce) {
  #comm .rv {
    opacity: 1;
    transition: none;
    transform: none;
  }
}
@media (max-width: 767px) {
  #automations .aut-grid2,
  .hoodie-route .sec .grid2 {
    grid-template-columns: minmax(0, 1fr);
  }
  #automations .aut-grid2 > *,
  #automations .term,
  #automations .term > * {
    min-width: 0;
  }
  #automations .term .bar {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  #automations .term .bar b {
    margin-left: 0;
  }
  #automations .term .bots {
    flex-wrap: wrap;
    margin-left: 0;
  }
  #automations .term .log .tx {
    display: none;
  }
  #automations .term .log > div > span,
  #automations .term .exec span,
  #automations .term .log .ok,
  #automations .term .log .warn {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }
  #automations .term .log > div,
  #automations .term .execline {
    min-width: 0;
  }
  .hero-v7 .plate-bg,
  .hoodie-route .plate-bg {
    width: 100%;
    inset: -6% 0;
    transform: none !important;
  }
  .hoodie-route .ken-burns {
    animation: none !important;
    transform: none !important;
  }
  .hero-v7 .halo {
    width: 46vmin;
    height: 46vmin;
    left: 50%;
  }
  .swipe-stage [class^="-inset-"],
  .swipe-stage [class*=" -inset-"] {
    inset: 0 !important;
  }
  .hoodie-route .horizon-v6 {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .hoodie-route #cta .phones3 .phone-v6 {
    width: min(118px, 31vw);
    margin: 0 -16px;
  }
  .hoodie-route #cta .phones3 .phone-v6:first-child {
    transform: rotate(-5deg) translateY(16px);
  }
  .hoodie-route #cta .phones3 .phone-v6:nth-child(3) {
    transform: rotate(5deg) translateY(16px);
  }
  .core-v5__chip-m .num,
  .core-v5__chip-m .label,
  .core-v5__dock .d-meta,
  .ghost-specs li,
  #automations .term .bar span,
  #automations .term .bar b,
  #automations .term .log > div,
  #automations .term .execline,
  #automations .term .execline .tx,
  #automations .term .log .tx,
  .hoodie-route .stat span,
  #automations .kind b,
  #comm .phone-tag,
  .hoodie-route .phone-tag,
  .hoodie-route .text-\[9px\],
  .hoodie-route .text-\[10px\],
  .hoodie-route .text-\[11px\] {
    font-size: 12px;
  }
  .core-v5__chip-m .num,
  .core-v5__dock .d-meta,
  #comm .phone-tag,
  .hoodie-route .phone-tag,
  .hoodie-route .tracking-\[0\.28em\],
  .hoodie-route .tracking-\[0\.3em\],
  .hoodie-route .tracking-\[0\.32em\],
  .hoodie-route .tracking-\[0\.35em\] {
    letter-spacing: 0.22em;
    font-size: 12.5px;
  }
  .hoodie-route .swipe-stage .text-\[9px\] {
    font-size: 9px;
  }
  .hoodie-route .swipe-stage .text-\[10px\] {
    font-size: 10px;
  }
  .hoodie-route .swipe-stage .text-\[11px\] {
    font-size: 11px;
  }
  .core-v5__chip-m {
    min-height: 44px;
  }
  #automations .term .bot {
    position: relative;
  }
  #automations .term .bot:after {
    content: "";
    position: absolute;
    inset: -11px 0;
  }
  .hoodie-route a[href],
  .hoodie-route button {
    min-height: 44px;
  }
  .hoodie-route .swipe-stage a[href],
  .hoodie-route .swipe-stage button {
    min-height: 0;
  }
  .hoodie-route footer a[href] {
    align-items: center;
    display: inline-flex;
  }
  #comm .phone {
    width: min(232px, 58vw);
  }
  .hoodie-route .sec,
  #comm {
    padding: clamp(40px, 6vh, 62px) 0;
  }
  .hoodie-route .py-20 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .hero-v7 {
    min-height: 92svh;
    padding-top: 84px;
  }
  .ghost-track {
    height: 118vh;
  }
  .hoodie-route header.fixed {
    padding-top: calc(env(safe-area-inset-top) + 8px);
  }
}
.hoodie-route .creator-stage {
  background: #000;
}
.hoodie-route .creator-phone-wrap {
  z-index: 1;
  pointer-events: none;
  width: 20.8%;
  max-width: 300px;
  position: absolute;
  top: 17%;
  left: 74%;
}
.hoodie-route .creator-phone {
  aspect-ratio: 300/600;
  background: #060606;
  border: 1px solid #ffffff12;
  border-radius: 34px;
  padding: 7px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 90px -40px #000000f2, 0 0 60px #ccff000d;
}
.hoodie-route .creator-phone-screen,
.hoodie-route .creator-phone-whale {
  object-fit: cover;
  border-radius: 27px;
  width: 100%;
  height: 100%;
  display: block;
}
.hoodie-route .creator-phone-screen {
  filter: grayscale() contrast(1.12) brightness(0.92);
}
.hoodie-route .creator-phone-whale {
  clip-path: polygon(3% 23.2%, 97% 23.2%, 97% 34.1%, 3% 34.1%);
  filter: saturate(1.35) contrast(1.12) brightness(1.2);
  pointer-events: none;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  position: absolute;
  inset: 7px;
}
.hoodie-route .creator-phone-glare {
  background: linear-gradient(115deg, #ffffff12, #fff0 38%);
  border-radius: 34px;
  position: absolute;
  inset: 0;
}
.hoodie-route .creator-port {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 45.5%;
  left: 12%;
}
.hoodie-route .hoodini {
  filter: drop-shadow(0 0 8px #ccff0047);
  display: block;
  overflow: visible;
}
.hoodie-route .hoodini-wave .arm {
  transform-box: view-box;
  transform-origin: 84.5px 80px;
  animation: 1.6s ease-in-out infinite hoodini-wave;
}
@keyframes hoodini-wave {
  0%,
  to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-24deg);
  }
  50% {
    transform: rotate(6deg);
  }
  75% {
    transform: rotate(-18deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .hoodini-wave .arm {
    animation: none;
  }
}
.hoodie-route .aff-locked {
  cursor: pointer;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  background: 0 0;
  border: 0;
  padding: 0;
}
.hoodie-route .aff-locked:active .hoodini {
  transform: translateY(2px);
}
.hoodie-route .aff-say {
  z-index: 60;
  white-space: nowrap;
  font-family: var(--font-tech, "Chakra Petch", sans-serif);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #cf0;
  background: #0a0a0a;
  border: 1px solid #242628;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 600;
  animation: 0.22s ease-out both aff-say-in;
  position: absolute;
}
.hoodie-route .aff-say:after {
  content: "";
  background: #0a0a0a;
  border-bottom: 1px solid #242628;
  border-left: 1px solid #242628;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -5px;
  left: 18px;
  transform: rotate(-45deg);
}
.hoodie-route .aff-say-nav {
  top: calc(100% + 14px);
  left: 0;
}
.hoodie-route .aff-say-nav:after {
  top: -5px;
  bottom: auto;
  transform: rotate(135deg);
}
.hoodie-route .aff-say-menu {
  white-space: normal;
  max-width: 100%;
  bottom: calc(100% + 10px);
  left: 0;
}
.hoodie-route .aff-say-footer {
  bottom: calc(100% + 12px);
  left: 0;
}
@keyframes aff-say-in {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hoodie-route .aff-say {
    animation: none;
  }
}
.docs-route {
  color: #fff;
  background: #000;
}
.docs-route .docs-grid-bg {
  background-image: linear-gradient(#ccff000d 1px, #0000 1px),
    linear-gradient(90deg, #ccff000d 1px, #0000 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(80% 60% at 50% 0, #000 0%, #0000 75%);
  mask-image: radial-gradient(80% 60% at 50% 0, #000, #0000 75%);
}
.docs-route .docs-num {
  font-variant-numeric: tabular-nums;
  font-family: Space Grotesk, ui-sans-serif, system-ui, sans-serif;
}
.docs-route h2[id],
.docs-route h3[id],
.docs-route section[id] {
  scroll-margin-top: 120px;
}
.docs-route .docs-body {
  color: #fff;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  line-height: 1.7;
}
.docs-route .docs-dim {
  color: #9aa1a8;
}
.docs-route a.docs-link:hover {
  color: #cf0;
}
.docs-route .docs-hero-photo {
  filter: grayscale() contrast(1.05) brightness(0.34);
}
.docs-route table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
}
.docs-route tbody tr:nth-child(odd) {
  background: #0a0a0a;
}
.docs-route th,
.docs-route td {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #242628;
  padding: 10px 14px;
}
.docs-route .docs-splitbar {
  background: #0a0a0a;
  border: 1px solid #242628;
  width: 100%;
  height: 10px;
  display: flex;
  overflow: hidden;
}
.docs-route .docs-splitbar-major {
  background: #ccff0047;
}
.docs-route .docs-splitbar-minor {
  background: #2b2e31;
}
.docs-route .docs-schedule table {
  min-width: 0;
}
@media (max-width: 639px) {
  .docs-route .docs-schedule thead {
    display: none;
  }
  .docs-route .docs-schedule tr {
    border-top: 1px solid #242628;
    padding: 6px 0;
    display: block;
  }
  .docs-route .docs-schedule tr:first-child {
    border-top: 0;
  }
  .docs-route .docs-schedule td {
    border-top: 0;
    justify-content: space-between;
    gap: 14px;
    padding: 5px 14px;
    display: flex;
  }
  .docs-route .docs-schedule td:before {
    content: attr(data-label);
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: #9aa1a8;
    flex: none;
    padding-top: 3px;
    font-family: Space Grotesk, ui-sans-serif, system-ui, sans-serif;
    font-size: 10px;
  }
  .docs-route .docs-schedule td:last-child {
    text-align: right;
  }
}