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

:root {
  --ink: #05070d;
  --paper: #07111d;
  --soft: #0b1625;
  --muted: #e8fff8;
  --accent: #7df9d8;
  --blue: #60a5fa;
  --deep-blue: #111827;
  --hot: #f472b6;
  --gold: #f8d56b;
  --panel: #101a2b;
  --panel-2: #17223a;
}

html {
  background: #030814;
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
  background: transparent;
  color: var(--muted);
  font-family: "Montserrat", Impact, "Arial Black", sans-serif;
  overflow-x: hidden;
  text-transform: uppercase;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 31% 58%, rgba(0, 204, 255, .28), transparent 18%),
    radial-gradient(circle at 50% 88%, rgba(255, 102, 24, .32), transparent 16%),
    linear-gradient(90deg, rgba(3, 8, 20, .04), rgba(3, 8, 20, .28) 52%, rgba(3, 8, 20, .58)),
    url("CPU5.png") center left 42% / cover no-repeat;
  filter: saturate(1.14) brightness(1.06) contrast(1.08);
}

body::after {
  content: none;
}

main {
  position: relative;
  z-index: 1;
}

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

.hero {
  position: relative;
  min-height: 100vh;
  background: transparent;
  border-bottom: 4px solid var(--ink);
  overflow: hidden;
}

.hero::before {
  content: none;
}

.crypto-market-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: .88;
}

.pc-case {
  position: absolute;
  inset: 3% 0 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.pc-case::before {
  content: none;
}

.pc-case::after {
  content: none;
}

/* Inline SVG case styling */
.pc-case svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.ram-bank {
  mix-blend-mode: screen;
}

.ram-stick {
  --ram-color: #7df9d8;
  transform-origin: center;
  filter:
    drop-shadow(0 0 22px color-mix(in srgb, var(--ram-color) 85%, transparent))
    drop-shadow(0 0 58px color-mix(in srgb, var(--ram-color) 46%, transparent));
  animation: svg-ram-rgb 4s linear infinite;
}

.ram-stick .ram-body {
  fill: rgba(6, 13, 26, .86);
  stroke: var(--ram-color);
  stroke-width: 4px;
}

.ram-stick .ram-light {
  fill: var(--ram-color);
  opacity: .94;
  filter: drop-shadow(0 0 18px var(--ram-color));
}

.ram-stick .ram-chips rect {
  fill: rgba(16, 27, 47, .94);
  stroke: rgba(191, 255, 238, .34);
  stroke-width: 1px;
}

.ram-stick .ram-pins {
  fill: url(#ramPins);
}

.ram-stick.r2 { animation-delay: -1s; }
.ram-stick.r3 { animation-delay: -2s; }
.ram-stick.r4 { animation-delay: -3s; }

@keyframes svg-ram-rgb {
  0% {
    --ram-color: #7df9d8;
    filter:
      drop-shadow(0 0 24px rgba(125,249,216,0.9))
      drop-shadow(0 0 58px rgba(0,174,255,0.55));
  }
  33% {
    --ram-color: #f472b6;
    filter:
      drop-shadow(0 0 28px rgba(244,114,182,0.85))
      drop-shadow(0 0 62px rgba(244,114,182,0.48));
  }
  66% {
    --ram-color: #60a5fa;
    filter:
      drop-shadow(0 0 28px rgba(96,165,250,0.9))
      drop-shadow(0 0 66px rgba(96,165,250,0.55));
  }
  100% {
    --ram-color: #7df9d8;
    filter:
      drop-shadow(0 0 24px rgba(125,249,216,0.9))
      drop-shadow(0 0 58px rgba(0,174,255,0.55));
  }
}

.market-tape {
  position: absolute;
  left: -12%;
  width: 124%;
  display: flex;
  gap: 14px;
  white-space: nowrap;
  opacity: .34;
  animation: market-tape-left 22s linear infinite;
}

.market-tape:first-child {
  top: 12%;
}

.market-tape.reverse {
  right: -12%;
  left: auto;
  top: 74%;
  justify-content: flex-end;
  opacity: .28;
  animation-name: market-tape-right;
  animation-duration: 27s;
}

.market-tape span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 16px;
  background: rgba(255, 255, 255, .72);
  border: 2px solid rgba(8, 8, 8, .32);
  color: var(--deep-blue);
  font-size: clamp(14px, 1.7vw, 24px);
  font-weight: 900;
  box-shadow: 4px 4px 0 rgba(8, 8, 8, .12);
}

.market-tape span:nth-child(odd) {
  color: var(--blue);
}

.market-tape span:nth-child(3n) {
  color: #111827;
}

.candles {
  position: absolute;
  inset: 18% 4% 10%;
  display: grid;
  grid-template-columns: repeat(24, minmax(12px, 1fr));
  align-items: end;
  gap: clamp(8px, 1vw, 18px);
  opacity: .36;
  animation: candles-drift 14s ease-in-out infinite alternate;
}

.candles i {
  position: relative;
  display: block;
  min-height: 48px;
  height: var(--candle-height);
  background: var(--blue);
  border: 2px solid rgba(8, 8, 8, .42);
  box-shadow: 4px 4px 0 rgba(8, 8, 8, .1);
  transform-origin: bottom center;
  animation: candle-pulse var(--candle-speed) ease-in-out infinite alternate;
  animation-delay: var(--candle-delay);
}

.candles i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -28px;
  bottom: -28px;
  width: 3px;
  background: rgba(8, 8, 8, .46);
  transform: translateX(-50%);
  z-index: -1;
}

.candles i:nth-child(3n) {
  background: #111827;
}

.candles i:nth-child(1) { --candle-height: 34%; --candle-speed: 3.2s; --candle-delay: -.4s; }
.candles i:nth-child(2) { --candle-height: 58%; --candle-speed: 3.8s; --candle-delay: -1.6s; }
.candles i:nth-child(3) { --candle-height: 42%; --candle-speed: 4.1s; --candle-delay: -.9s; }
.candles i:nth-child(4) { --candle-height: 76%; --candle-speed: 3.5s; --candle-delay: -2.1s; }
.candles i:nth-child(5) { --candle-height: 49%; --candle-speed: 4.5s; --candle-delay: -1.2s; }
.candles i:nth-child(6) { --candle-height: 70%; --candle-speed: 3.7s; --candle-delay: -.6s; }
.candles i:nth-child(7) { --candle-height: 38%; --candle-speed: 4.8s; --candle-delay: -2.4s; }
.candles i:nth-child(8) { --candle-height: 84%; --candle-speed: 3.9s; --candle-delay: -1.4s; }
.candles i:nth-child(9) { --candle-height: 54%; --candle-speed: 4.2s; --candle-delay: -.8s; }
.candles i:nth-child(10) { --candle-height: 63%; --candle-speed: 3.6s; --candle-delay: -1.9s; }
.candles i:nth-child(11) { --candle-height: 45%; --candle-speed: 4.6s; --candle-delay: -2.7s; }
.candles i:nth-child(12) { --candle-height: 88%; --candle-speed: 3.4s; --candle-delay: -.5s; }
.candles i:nth-child(13) { --candle-height: 51%; --candle-speed: 4.7s; --candle-delay: -2.2s; }
.candles i:nth-child(14) { --candle-height: 66%; --candle-speed: 3.3s; --candle-delay: -1.1s; }
.candles i:nth-child(15) { --candle-height: 39%; --candle-speed: 4.4s; --candle-delay: -.7s; }
.candles i:nth-child(16) { --candle-height: 72%; --candle-speed: 3.8s; --candle-delay: -2.5s; }
.candles i:nth-child(17) { --candle-height: 59%; --candle-speed: 4.9s; --candle-delay: -1.3s; }
.candles i:nth-child(18) { --candle-height: 47%; --candle-speed: 3.5s; --candle-delay: -.9s; }
.candles i:nth-child(19) { --candle-height: 82%; --candle-speed: 4.3s; --candle-delay: -2.8s; }
.candles i:nth-child(20) { --candle-height: 56%; --candle-speed: 3.7s; --candle-delay: -1.5s; }
.candles i:nth-child(21) { --candle-height: 74%; --candle-speed: 4.1s; --candle-delay: -.3s; }
.candles i:nth-child(22) { --candle-height: 41%; --candle-speed: 4.5s; --candle-delay: -2s; }
.candles i:nth-child(23) { --candle-height: 68%; --candle-speed: 3.6s; --candle-delay: -1.7s; }
.candles i:nth-child(24) { --candle-height: 52%; --candle-speed: 4.8s; --candle-delay: -.6s; }

@keyframes market-tape-left {
  from { transform: translateX(0); }
  to { transform: translateX(-36%); }
}

@keyframes market-tape-right {
  from { transform: translateX(0); }
  to { transform: translateX(36%); }
}

@keyframes candles-drift {
  from { transform: translateX(-18px); }
  to { transform: translateX(18px); }
}

@keyframes candle-pulse {
  from { transform: scaleY(.82); }
  to { transform: scaleY(1.12); }
}

.stats {
  position: relative;
  z-index: 2;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  background:
    linear-gradient(90deg, rgba(125, 249, 216, .14), transparent 32% 68%, rgba(244, 114, 182, .12)),
    #080d18;
  border-bottom: 4px solid #000;
  box-shadow: 0 0 28px rgba(125, 249, 216, .16);
}

.stat {
  min-width: 150px;
  text-align: center;
}

.stat span {
  display: block;
  color: #92a9c7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}

.stat strong {
  display: block;
  margin-top: 3px;
  font-size: clamp(24px, 3.6vw, 44px);
  line-height: .9;
  white-space: nowrap;
}

.negative {
  color: #fb7185;
}

.positive {
  color: #7df9d8;
}

.stat-divider {
  width: 2px;
  height: 44px;
  background: linear-gradient(#7df9d8, #f472b6);
}

.hero-inner {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(44px, 8vw, 96px);
  padding: 48px clamp(24px, 6vw, 90px) 68px;
}

.hero-left,
.hero-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-left {
  align-items: center;
}

.hero-right {
  align-items: flex-start;
  max-width: min(680px, 100%);
}

.logo-mark {
  width: min(360px, 36vw);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: #0b1324;
  border: 8px solid var(--accent);
  border-radius: 50%;
  box-shadow:
    0 0 28px rgba(125, 249, 216, .32),
    0 12px 24px rgba(0, 0, 0, .42);
  transform: none;
  overflow: hidden;
}

.logo-mark img,
.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero h1 {
  color: #f8fafc;
  font-size: clamp(44px, 5.4vw, 76px);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.04em;
  white-space: nowrap;
  text-shadow: 5px 5px 0 rgba(0, 0, 0, .48);
}

.tagline {
  display: inline-block;
  max-width: 100%;
  margin: 20px 0 16px;
  padding: 15px 18px;
  background: rgba(8, 13, 24, .9);
  border: 4px solid var(--hot);
  color: var(--muted);
  font-size: clamp(18px, 2.3vw, 27px);
  font-weight: 900;
  line-height: 1.08;
  transform: rotate(-2deg);
  transform-origin: left center;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 18px 46px;
  background: linear-gradient(135deg, var(--accent), var(--blue) 52%, var(--hot));
  border: 0;
  box-shadow:
    0 0 18px rgba(125, 249, 216, .34),
    0 7px 0 rgba(0, 0, 0, .45);
  color: #030712;
  font-size: clamp(18px, 2.4vw, 28px);
  font-weight: 900;
  transition: transform .18s ease, background .18s ease;
}

.button:hover {
  background: linear-gradient(135deg, var(--hot), var(--blue) 48%, var(--accent));
  transform: scale(1.04);
}

.logo-mark:hover {
  transform: scale(1.02);
}

.contractors a:hover,
.footer-logo:hover {
  transform: translate(-3px, -3px);
}

.button.dark {
  background: #05070d;
  color: var(--accent);
  border: 2px solid var(--accent);
}

.button.wide {
  width: min(460px, 100%);
}

.socials {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.socials a {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  background: #0b1324;
  border: 3px solid var(--accent);
  color: var(--accent);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  transition: transform .18s ease, background .18s ease;
}

.socials img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}

.socials a[aria-label="X"] img {
  filter: invert(1);
}

.socials a:hover {
  background: #111827;
  transform: translateY(-3px);
}

.ticker {
  display: none;
}

.ticker-track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: scroll-left 24s linear infinite;
}

.ticker-track.reverse {
  animation-name: scroll-right;
}

.ticker span {
  color: #f8f8f8;
  font-size: clamp(48px, 9vw, 118px);
  font-weight: 900;
  line-height: .95;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, .08);
}

@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes scroll-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

.section-panel {
  position: relative;
  min-height: 62vh;
  display: grid;
  place-items: center;
  padding: 80px 18px;
  background:
    linear-gradient(180deg, rgba(3, 8, 20, .66), rgba(7, 17, 29, .74)),
    radial-gradient(circle at 18% 18%, rgba(125, 249, 216, .12), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(244, 114, 182, .1), transparent 30%);
  border-bottom: 4px solid #000;
  overflow: hidden;
}

.section-copy {
  position: relative;
  z-index: 2;
  width: min(780px, 94vw);
  padding: clamp(26px, 5vw, 54px);
  background: rgba(16, 26, 43, .94);
  border: 4px solid var(--accent);
  box-shadow:
    12px 12px 0 #000,
    0 0 30px rgba(125, 249, 216, .18);
  overflow: hidden;
}

.section-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("image2.png") center / cover no-repeat;
  opacity: .12;
  pointer-events: none;
}

.section-copy > * {
  position: relative;
  z-index: 1;
}

.section-copy h2 {
  margin-bottom: 24px;
  color: var(--accent);
  font-size: clamp(44px, 8vw, 82px);
  font-weight: 900;
  line-height: .88;
  -webkit-text-stroke: 1px #030712;
  text-shadow:
    5px 5px 0 #000,
    0 0 18px rgba(125, 249, 216, .28);
}

.section-copy h3 {
  margin-bottom: 24px;
  font-size: clamp(22px, 3.5vw, 32px);
  line-height: 1.05;
}

.section-copy p,
.contract-right p,
.disclaimer {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none;
}

.section-copy p {
  font-size: clamp(18px, 2.3vw, 24px);
  font-weight: 700;
  line-height: 1.6;
  margin-top: 22px;
}

.section-copy h3 + p {
  margin-top: 0;
}

.contractors {
  position: relative;
  min-height: 82vh;
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 560px);
  align-items: stretch;
  justify-content: center;
  padding: 80px 18px;
  border-bottom: 4px solid #000;
  background:
    linear-gradient(180deg, rgba(7, 17, 29, .72), rgba(3, 8, 20, .78)),
    radial-gradient(circle at 16% 30%, rgba(248, 213, 107, .1), transparent 26%),
    radial-gradient(circle at 78% 72%, rgba(125, 249, 216, .13), transparent 28%);
  overflow: hidden;
}

.contract-left,
.contract-right {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(36px, 6vw, 72px);
}

.contract-left {
  background:
    linear-gradient(135deg, rgba(125, 249, 216, .28), transparent 44%),
    linear-gradient(315deg, rgba(244, 114, 182, .22), transparent 48%),
    var(--panel);
  color: var(--muted);
  border: 4px solid var(--accent);
  border-right: 0;
  box-shadow: 10px 10px 0 #000;
}

.contract-left h2 {
  font-size: clamp(48px, 7.4vw, 92px);
  font-weight: 900;
  line-height: .87;
  letter-spacing: -.05em;
}

.contract-left a {
  width: fit-content;
  margin-top: 30px;
  padding: 13px 28px;
  background: var(--accent);
  color: #030712;
  font-size: 18px;
  font-weight: 900;
}

.contract-right {
  background:
    linear-gradient(145deg, rgba(96, 165, 250, .22), transparent 38%),
    linear-gradient(320deg, rgba(244, 114, 182, .18), transparent 46%),
    var(--panel-2);
  border: 4px solid var(--blue);
  box-shadow: 10px 10px 0 #000;
}

.moving-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.moving-bg span {
  position: absolute;
  top: -96px;
  left: var(--money-left);
  width: clamp(118px, 14vw, 188px);
  height: clamp(34px, 4vw, 54px);
  display: grid;
  place-items: center;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .22), transparent 18% 82%, rgba(0, 0, 0, .16)),
    repeating-linear-gradient(90deg, #17223a 0 20px, #243451 20px 34px),
    #0c1426;
  border: 3px solid #7df9d8;
  border-radius: 4px;
  color: #bfffee;
  font-size: clamp(13px, 1.5vw, 20px);
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: none;
  box-shadow:
    inset 0 -6px 0 rgba(255, 255, 255, .08),
    0 0 18px rgba(125, 249, 216, .34),
    4px 5px 0 rgba(0, 0, 0, .12);
  opacity: .58;
  animation: money-fall var(--money-speed) linear infinite;
  animation-delay: var(--money-delay);
  transform: translateY(-120px) rotate(var(--money-tilt));
}

.moving-bg span::before,
.moving-bg span::after {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
}

.moving-bg span::before {
  bottom: -8px;
  height: 6px;
  background: repeating-linear-gradient(90deg, #f8d56b 0 8px, transparent 8px 14px);
}

.moving-bg span::after {
  top: 8px;
  height: 12px;
  background: repeating-linear-gradient(90deg, rgba(125, 249, 216, .42) 0 14px, transparent 14px 22px);
  box-shadow: 0 0 12px rgba(125, 249, 216, .34);
}

.moving-bg span:nth-child(1) {
  --money-left: 3%;
  --money-speed: 12s;
  --money-delay: -7s;
  --money-tilt: -14deg;
}

.moving-bg span:nth-child(2) {
  --money-left: 13%;
  --money-speed: 15s;
  --money-delay: -2s;
  --money-tilt: 18deg;
}

.moving-bg span:nth-child(3) {
  --money-left: 23%;
  --money-speed: 11s;
  --money-delay: -9s;
  --money-tilt: -6deg;
}

.moving-bg span:nth-child(4) {
  --money-left: 33%;
  --money-speed: 16s;
  --money-delay: -4s;
  --money-tilt: 12deg;
}

.moving-bg span:nth-child(5) {
  --money-left: 43%;
  --money-speed: 13s;
  --money-delay: -11s;
  --money-tilt: -20deg;
}

.moving-bg span:nth-child(6) {
  --money-left: 53%;
  --money-speed: 17s;
  --money-delay: -6s;
  --money-tilt: 8deg;
}

.moving-bg span:nth-child(7) {
  --money-left: 62%;
  --money-speed: 12s;
  --money-delay: -1s;
  --money-tilt: -10deg;
}

.moving-bg span:nth-child(8) {
  --money-left: 71%;
  --money-speed: 14s;
  --money-delay: -8s;
  --money-tilt: 16deg;
}

.moving-bg span:nth-child(9) {
  --money-left: 80%;
  --money-speed: 10s;
  --money-delay: -5s;
  --money-tilt: -18deg;
}

.moving-bg span:nth-child(10) {
  --money-left: 88%;
  --money-speed: 18s;
  --money-delay: -12s;
  --money-tilt: 6deg;
}

.moving-bg span:nth-child(11) {
  --money-left: 17%;
  --money-speed: 19s;
  --money-delay: -14s;
  --money-tilt: 22deg;
}

.moving-bg span:nth-child(12) {
  --money-left: 67%;
  --money-speed: 20s;
  --money-delay: -16s;
  --money-tilt: -24deg;
}

.moving-bg.reverse-bg span {
  animation-name: money-fall-reverse;
}

.moving-bg.reverse-bg span:nth-child(even) {
  animation-name: money-fall;
}

@keyframes money-fall {
  from {
    transform: translate3d(0, -120px, 0) rotate(var(--money-tilt));
  }

  50% {
    transform: translate3d(34px, 50vh, 0) rotate(calc(var(--money-tilt) * -1));
  }

  to {
    transform: translate3d(-24px, calc(100vh + 140px), 0) rotate(calc(var(--money-tilt) + 360deg));
  }
}

@keyframes money-fall-reverse {
  from {
    transform: translate3d(0, -120px, 0) rotate(var(--money-tilt));
  }

  50% {
    transform: translate3d(-36px, 50vh, 0) rotate(calc(var(--money-tilt) * -1));
  }

  to {
    transform: translate3d(28px, calc(100vh + 140px), 0) rotate(calc(var(--money-tilt) - 360deg));
  }
}

.contract-right h3 {
  max-width: 620px;
  margin-bottom: 22px;
  font-size: clamp(28px, 4.4vw, 48px);
  font-weight: 900;
  line-height: 1;
}

.contract-right p {
  max-width: 600px;
  margin-bottom: 34px;
  color: #b7c7df;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
}

footer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 92px 18px 46px;
  background:
    linear-gradient(180deg, rgba(3, 8, 20, .68), rgba(2, 4, 10, .9) 72%),
    radial-gradient(circle at 50% 24%, rgba(125, 249, 216, .12), transparent 28%),
    transparent;
  color: var(--muted);
  text-align: center;
}

.footer-logo {
  width: min(460px, 78vw);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: #0b1324;
  border: 8px solid var(--hot);
  border-radius: 50%;
  color: var(--muted);
  box-shadow:
    0 0 36px rgba(244, 114, 182, .28),
    0 0 70px rgba(125, 249, 216, .14);
  overflow: hidden;
}

.world {
  margin-top: 34px;
  color: #dedede;
  font-size: clamp(15px, 2vw, 22px);
  font-weight: 900;
  letter-spacing: .45em;
}

.footer-line {
  width: 100vw;
  height: 1px;
  margin: 90px 0 42px;
  background: linear-gradient(90deg, transparent, var(--accent), var(--hot), transparent);
}

footer h2 {
  margin-bottom: 12px;
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 900;
}

.credit {
  margin-bottom: 12px;
  color: #b7c7df;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none;
}

.credit a {
  color: var(--accent);
}

.disclaimer {
  max-width: 820px;
  color: #71839d;
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 980px) {
  body::before {
    background-position: center top;
  }

  .crypto-market-bg {
    opacity: .62;
  }

  .pc-case svg {
    transform: translateX(-7%) scale(.9);
    transform-origin: center;
  }

  .hero-inner {
    flex-direction: column;
    gap: 30px;
    text-align: center;
    padding-top: 38px;
    padding-bottom: 56px;
  }

  .hero-right {
    align-items: center;
    width: 100%;
  }

  .hero h1 {
    white-space: normal;
    text-wrap: balance;
  }

  .logo-mark {
    width: min(280px, 72vw);
  }
}

@media (max-width: 780px) {
  body::before {
    background:
      radial-gradient(circle at 50% 34%, rgba(0, 204, 255, .26), transparent 22%),
      radial-gradient(circle at 50% 88%, rgba(255, 102, 24, .28), transparent 18%),
      linear-gradient(180deg, rgba(3, 8, 20, .08), rgba(3, 8, 20, .58)),
      url("CPU5.png") center top / auto 100vh no-repeat;
  }

  .crypto-market-bg {
    opacity: .48;
  }

  .pc-case {
    inset: 0;
  }

  .pc-case svg {
    transform: translateX(-16%) translateY(4%) scale(.78);
  }

  .stats {
    gap: 16px;
    padding: 10px 8px;
  }

  .stat {
    min-width: 112px;
  }

  .hero-inner {
    flex-direction: column;
    gap: 22px;
    text-align: center;
    min-height: 100svh;
    padding: 34px 18px 48px;
  }

  .hero-right {
    align-items: center;
    width: 100%;
  }

  .hero h1 {
    font-size: clamp(36px, 9vw, 58px);
    white-space: normal;
    text-wrap: balance;
  }

  .logo-mark {
    width: min(250px, 76vw);
  }

  .tagline {
    width: min(100%, 520px);
    padding: 12px 14px;
    font-size: clamp(16px, 5vw, 22px);
    line-height: 1.12;
    transform: rotate(-1deg);
  }

  .button {
    min-height: 50px;
    padding: 15px 34px;
  }

  .ticker {
    min-height: 46vh;
  }

  .contractors {
    grid-template-columns: 1fr;
  }

  .contract-left {
    border-right: 4px solid var(--ink);
    border-bottom: 0;
  }

  .contract-left,
  .contract-right {
    min-height: 48vh;
  }
}