:root {
  color-scheme: light;
  --paper: #f6f7f0;
  --ink: #171b14;
  --muted: #565e50;
  --line: #dce0d3;
  --lime: #cefc58;
  --dark: #181e15;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
h1, h2, p { margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid #6d951a; outline-offset: 5px; }
.shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
section[id] { scroll-margin-top: 24px; }
.skip { position: absolute; left: 20px; top: 10px; z-index: 2; padding: 12px; background: var(--lime); transform: translateY(-150%); }
.skip:focus { transform: none; }

.site-header { border-bottom: 1px solid var(--line); }
.header-inner, .footer-inner { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 5px; font-size: 15px; font-weight: 900; letter-spacing: -.055em; white-space: nowrap; }
.brand-second { color: #4a5a32; }
.brand-mark { display: grid; grid-template-columns: repeat(2, 4px); grid-template-rows: repeat(2, 4px); place-content: center; gap: 2px; width: 27px; height: 27px; margin-right: 3px; background: var(--ink); transform: rotate(-7deg); border-radius: 7px; }
.brand-mark i { border-radius: 1px; background: var(--lime); }
.brand-mark i:nth-child(2) { opacity: .45; }
.header-inner nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 47px); color: #424b3c; font-size: 14px; font-weight: 650; }
.header-inner nav a { padding-block: 12px; }
.header-inner nav a:hover, .back-top:hover { text-decoration: underline; text-underline-offset: 4px; }
.status { display: inline-flex; gap: 8px; align-items: center; border: 1px solid #d6dfc7; background: #edf2e4; border-radius: 50px; padding: 7px 12px; color: #3a4a2a; font-size: 12px; font-weight: 700; white-space: nowrap; }
.status span { height: 7px; width: 7px; border-radius: 50%; background: #56752b; }

.hero { display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: clamp(24px, 4vw, 64px); padding-block: 87px 90px; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #4a583c; font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .075em; line-height: 1.5; text-transform: uppercase; }
.signal { flex: none; width: 8px; height: 8px; background: #62892a; transform: rotate(45deg); }
h1 { margin-top: 20px; font-size: clamp(42px, 5.2vw, 77px); line-height: .99; font-weight: 790; letter-spacing: -.081em; }
h1 span { color: #638c2e; }
.hero-text, .section-copy > p:last-child:not(.eyebrow) { color: var(--muted); line-height: 1.57; }
.hero-text { margin-top: 26px; max-width: 410px; font-size: clamp(17px, 1.55vw, 21px); }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 33px; padding: 15px 17px 15px 19px; min-height: 50px; margin-top: 29px; border: 1px solid #bbeb43; border-radius: 7px; background: var(--lime); color: #17200c; font-weight: 750; font-size: 14px; }
.button:hover { background: #bdef39; }
.button span { font-size: 19px; line-height: 1; }

.fund-card {
  min-width: 0;
  padding: 29px 31px 26px;
  border: 1px solid #2b3622;
  border-radius: 17px;
  background: radial-gradient(ellipse at 94% -20%, #3b4b29 0%, transparent 61%), #191f17;
  box-shadow: 0 18px 40px -26px #25352180;
  color: #f4f8ed;
}
.fund-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fund-header h2 { font-size: 15px; font-weight: 700; }
.fund-tag { border: 1px solid #576549; border-radius: 4px; padding: 4px 6px; color: #c8d3bd; font: 10px var(--mono); letter-spacing: .06em; }
.fund-value { margin-top: 16px; font-size: clamp(40px, 5.05vw, 71px); font-weight: 760; line-height: 1.03; letter-spacing: -.065em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fund-state { display: flex; align-items: flex-start; gap: 12px; margin-top: 31px; padding: 17px 15px; border: 1px solid #47553c; border-radius: 8px; background: #ffffff08; }
.fund-state-dot { width: 8px; height: 8px; flex: none; margin-top: 5px; border: 2px solid var(--lime); border-radius: 50%; }
.fund-state p:first-child { font-size: 15px; font-weight: 720; }
.fund-state p + p { margin-top: 4px; color: #bac7b1; font-size: 13px; line-height: 1.4; }
.launch-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; padding: 0; margin: 25px 0 0; list-style: none; }
.launch-steps li { display: grid; align-content: start; gap: 5px; padding-top: 11px; border-top: 2px solid #495640; }
.launch-steps li:first-child { border-top-color: var(--lime); }
.launch-steps li[aria-current] { border-top-color: #a1b373; }
.launch-steps strong { font-size: 13px; font-weight: 700; }
.launch-steps span { color: #c4ceb9; font-size: 11px; line-height: 1.3; }

.section { padding-block: 73px; border-top: 1px solid var(--line); display: grid; grid-template-columns: .67fr 1fr; align-items: start; gap: clamp(30px, 6vw, 92px); }
.section-copy h2 { margin-top: 13px; font-size: clamp(35px, 4vw, 57px); line-height: 1.03; font-weight: 760; letter-spacing: -.067em; }
.section-copy > p:last-child:not(.eyebrow) { margin-top: 18px; max-width: 410px; font-size: 16px; }
.prize-list, .network-list { list-style: none; margin: 0; padding: 0; }
.prize-list li { display: grid; grid-template-columns: 29px 1fr minmax(0, .65fr) auto; align-items: center; gap: 13px; min-height: 60px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 650; }
.prize-list li:first-child { border-top: 1px solid var(--line); }
.prize-list .rank { color: #5a644d; font: 12px var(--mono); }
.prize-list strong { min-width: 106px; text-align: right; font-size: clamp(18px, 2.15vw, 29px); letter-spacing: -.055em; white-space: nowrap; }
.prize-share { height: 5px; border-radius: 5px; background: #e6eadf; overflow: hidden; }
.prize-share i { display: block; height: 100%; width: var(--share); border-radius: inherit; background: #91aa6c; }
.prize-list li:first-child .prize-share i { background: #6f903f; }

.sim-section { padding-block: 72px; color: #f5f9ef; background: var(--dark); }
.sim-layout { display: grid; grid-template-columns: .67fr 1fr; align-items: center; gap: clamp(30px, 6vw, 92px); }
.sim-section .eyebrow, .sim-section .section-copy > p:last-child:not(.eyebrow) { color: #c3ceba; }
.sim-section .signal { background: var(--lime); }
.sim-card { min-width: 0; padding: 26px; border: 1px solid #414e37; border-radius: 12px; background: #222b1e; }
.sim-row, .sim-result { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.sim-row { font-size: 14px; font-weight: 650; }
.sim-row span { font: 700 15px var(--mono); white-space: nowrap; }
.sim-card input { --filled: 0%; appearance: none; width: 100%; height: 24px; margin: 6px 0 16px; border-radius: 4px; cursor: pointer; background: transparent; }
.sim-card input::-webkit-slider-runnable-track { height: 5px; border-radius: 6px; background: linear-gradient(to right, var(--lime) var(--filled), #4b5842 var(--filled)); }
.sim-card input::-webkit-slider-thumb { appearance: none; width: 17px; height: 17px; margin-top: -6px; border: 2px solid #222b1e; border-radius: 50%; background: var(--lime); }
.sim-card input::-moz-range-track { height: 5px; border-radius: 6px; background: #4b5842; }
.sim-card input::-moz-range-progress { height: 5px; border-radius: 6px; background: var(--lime); }
.sim-card input::-moz-range-thumb { width: 13px; height: 13px; border: 2px solid #222b1e; border-radius: 50%; background: var(--lime); }
.sim-card input:focus-visible { outline-color: var(--lime); outline-offset: 1px; }
.sim-result { padding-top: 17px; border-top: 1px solid #414e37; }
.sim-result label { font-size: 14px; font-weight: 700; }
.sim-result p { margin-top: 5px; color: #b8c4af; font-size: 12px; }
.sim-result output { color: var(--lime); font: 700 clamp(23px, 3vw, 43px) var(--mono); letter-spacing: -.08em; white-space: nowrap; }

.networks-section { border-top: 0; }
.network-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.network-list li { display: grid; grid-template-columns: 33px 1fr auto; align-items: center; gap: 10px; min-height: 65px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: #fdfef9; font-size: 14px; font-weight: 700; }
.network-list small { color: #56614e; font: 11px var(--mono); }
.network-mark { display: grid; place-content: center; width: 31px; height: 31px; border-radius: 8px; color: #192015; }
.btc { background: #ffe4b9; font-size: 23px; font-weight: 700; }
.eth { background: #e4e7fa; }
.eth i { width: 14px; height: 23px; clip-path: polygon(50% 0%, 100% 53%, 50% 100%, 0% 53%); background: linear-gradient(90deg, #5665a5 50%, #7e8abe 50%); }
.sol { gap: 2px; background: #d9efea; }
.sol i { width: 15px; height: 3px; transform: skew(-25deg); background: linear-gradient(90deg, #48389b, #23775f); }
.sol i:nth-child(2) { transform: skew(25deg); }
.trx { background: #fae1df; }
.trx i { width: 18px; height: 18px; background: #a8313a; clip-path: polygon(0 5%, 77% 17%, 100% 44%, 26% 97%, 0 5%, 14% 17%, 30% 81%, 79% 46%, 14% 17%); }

.audit-items { border-top: 1px solid var(--line); }
.audit-items details { padding-block: 16px; border-bottom: 1px solid var(--line); }
.audit-items summary { cursor: pointer; padding-block: 3px; font-size: 15px; font-weight: 700; }
.audit-items p { margin-top: 9px; color: var(--muted); line-height: 1.55; font-size: 14px; }
.site-footer { border-top: 1px solid var(--line); }
.footer-actions { display: grid; justify-items: center; gap: 5px; padding-block: 8px; }
.footer-actions button { min-height: 35px; padding: 6px 12px; border: 1px solid #cbd3bf; border-radius: 6px; background: transparent; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.footer-actions button:hover { background: #edf2e4; }
.footer-actions button span { margin-left: 4px; }
.footer-actions output, .back-top { color: var(--muted); font-size: 13px; }
.footer-actions output:empty { display: none; }
.back-top { white-space: nowrap; }
.back-top span { margin-left: 3px; }

@media (max-width: 1050px) {
  .shell { width: calc(100% - 64px); }
  .hero { padding-block: 68px; }
  .fund-card { padding-inline: 24px; }
  .prize-list li { grid-template-columns: 25px 1fr minmax(25px, .4fr) auto; gap: 9px; }
  .prize-list strong { min-width: 82px; }
  .network-list li { gap: 7px; }
}

@media (max-width: 780px) {
  .shell { width: calc(100% - 40px); }
  .hero { grid-template-columns: 1fr; gap: 29px; padding-block: 46px 50px; }
  h1 { font-size: clamp(43px, 8.7vw, 66px); }
  .hero-text { margin-top: 20px; }
  .button { margin-top: 22px; }
  .fund-card { max-width: 560px; width: 100%; }
  .fund-value { font-size: clamp(40px, 10vw, 67px); }
  .section, .sim-layout { grid-template-columns: 1fr; gap: 23px; }
  .section, .sim-section { padding-block: 45px; }
  .section-copy h2 { margin-top: 10px; }
  .section-copy > p:last-child:not(.eyebrow) { margin-top: 12px; }
  .wide-break { display: none; }
}

@media (max-width: 475px) {
  .header-inner { min-height: 63px; flex-wrap: wrap; gap: 0 8px; padding-top: 13px; }
  .header-inner nav { order: 1; width: 100%; gap: 25px; }
  .header-inner nav a { padding-block: 10px; }
  .brand { font-size: 14px; }
  .status { font-size: 11px; }
  .fund-card { padding: 22px 17px 18px; }
  .fund-state { margin-top: 22px; }
  .launch-steps { margin-top: 18px; }
  .prize-list li { grid-template-columns: 19px 1fr auto; font-size: 13px; }
  .prize-share { display: none; }
  .sim-card { padding: 17px; }
  .network-list li { grid-template-columns: 31px 1fr; padding: 8px; }
  .network-list small { display: none; }
  .footer-inner { padding-block: 18px; flex-wrap: wrap; gap: 12px; }
  .footer-actions { order: 1; width: 100%; justify-items: start; padding: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}