.base-page {
  --base-ink: #090a0d;
  --base-ink-soft: #121419;
  --base-paper: #f1eee6;
  --base-paper-soft: #ded9cf;
  --base-lime: #caff28;
  --base-red: #ff4f63;
  --base-line: rgba(255, 255, 255, .17);
  color: var(--base-paper);
  background: var(--base-ink);
  font-family: "Helvetica Neue", Inter, Arial, sans-serif;
  overflow-x: clip;
}

.base-page main { overflow: hidden; }
.base-page .shell { width: min(calc(100% - 64px), 1320px); }
.base-page h1,
.base-page h2,
.base-page h3 { overflow-wrap: normal; word-break: normal; hyphens: none; font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; font-weight: 500; letter-spacing: -.055em; text-wrap: balance; }
.base-page h2 { max-width: 1050px; font-size: clamp(3.7rem, 7.8vw, 8rem); line-height: .86; }
.base-section { position: relative; padding: clamp(92px, 12vw, 170px) 0; border-bottom: 1px solid var(--base-line); }
.base-section-index { margin: 0 0 34px; color: var(--base-red); font-size: .69rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.base-section-lede { max-width: 700px; margin: 32px 0 0; color: #b7bbc4; font-size: clamp(1.05rem, 1.65vw, 1.38rem); line-height: 1.52; }
.base-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 16px; padding: .9rem 1.25rem; border: 1px solid currentColor; color: var(--base-ink); background: var(--base-lime); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: color .22s, background .22s, border-color .22s, transform .22s; }
.base-button:hover,
.base-button:focus-visible { border-color: var(--base-red); color: white; background: var(--base-red); transform: translateY(-3px); }
.base-button:active { transform: translateY(0) scale(.98); }
.base-button-secondary { border-color: rgba(255,255,255,.38); color: white; background: transparent; }
.base-button-secondary:hover,
.base-button-secondary:focus-visible { border-color: var(--base-paper); color: var(--base-ink); background: var(--base-paper); }

.base-hero { position: relative; min-height: 100svh; display: grid; align-items: center; padding: 128px 0 82px; isolation: isolate; border-bottom: 1px solid var(--base-line); background: radial-gradient(circle at 82% 24%, rgba(202,255,40,.12), transparent 27%), radial-gradient(circle at 73% 75%, rgba(255,79,99,.13), transparent 31%), #08090c; }
.base-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .23; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, black, transparent 78%); }
.base-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(50px, 8vw, 120px); align-items: center; }
.base-breadcrumbs { display: flex; gap: 9px; margin-bottom: 54px; color: #747984; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.base-breadcrumbs a { color: #bfc3ca; }
.base-hero h1 { max-width: 880px; font-size: clamp(4.2rem, 8.3vw, 8.8rem); line-height: .82; text-transform: uppercase; }
.base-hero h1 > span { display: block; }
.base-hero h1 em { display: block; color: var(--base-lime); font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; letter-spacing: -.07em; text-transform: none; }
.base-hero-copy { max-width: 670px; margin: 38px 0 0; color: #c4c7ce; font-size: clamp(1.08rem, 1.7vw, 1.4rem); line-height: 1.48; }
.base-hero-copy strong { color: white; font-weight: 650; }
.base-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.base-entry-rule { display: grid; grid-template-columns: auto 1fr; gap: 15px; max-width: 620px; margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--base-line); color: #9da2ac; font-size: .83rem; line-height: 1.5; }
.base-entry-rule span { color: var(--base-red); font-weight: 850; }
.base-entry-rule b { color: var(--base-paper); }

.base-hero-visual { position: relative; min-height: 660px; margin: -24px clamp(-150px,-8vw,-60px) -24px clamp(-100px,-5vw,-38px); overflow: visible; isolation: isolate; }
.base-hero-visual picture { position: absolute; inset: -13% -19% -13% -17%; opacity: .78; filter: blur(.35px) saturate(.76) contrast(1.08); -webkit-mask-image: radial-gradient(ellipse 68% 62% at 50% 51%, #000 35%, rgba(0,0,0,.92) 55%, rgba(0,0,0,.28) 75%, transparent 91%); mask-image: radial-gradient(ellipse 68% 62% at 50% 51%, #000 35%, rgba(0,0,0,.92) 55%, rgba(0,0,0,.28) 75%, transparent 91%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.base-hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 64% 51%; }

.base-order { background: #0c0e12; }
.base-order-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(44px,8vw,120px); align-items: end; }
.base-order-copy p { max-width: 600px; margin: 28px 0 0; color: #b5bac3; font-size: 1.12rem; line-height: 1.6; }
.base-order-copy strong { color: white; }
.base-order-principles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--base-line); border-left: 1px solid var(--base-line); }
.base-order-principles span { min-height: 124px; display: flex; align-items: flex-end; padding: 22px; border-right: 1px solid var(--base-line); border-bottom: 1px solid var(--base-line); color: var(--base-paper); font-size: clamp(1.15rem,2vw,1.75rem); letter-spacing: -.04em; }
.base-order-principles span:last-child { color: var(--base-ink); background: var(--base-lime); }

.base-path { color: var(--base-ink); background: var(--base-paper); }
.base-path .base-section-index { color: #b3263b; }
.base-path .base-section-lede { color: #56575b; }
.base-path-header { display: grid; grid-template-columns: 1fr .62fr; gap: 50px; align-items: end; }
.base-path-rule { padding: 22px; border-left: 4px solid var(--base-red); color: #36373b; background: #e5e0d7; font-size: .92rem; line-height: 1.5; }
.base-path-equation { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 12px; align-items: center; }
.base-path-equation strong { font-size: clamp(.8rem,1.15vw,1.05rem); line-height: 1.2; }
.base-path-equation strong:last-child { text-align: right; }
.base-path-equation span { color: var(--base-red); font-family: Georgia, "Times New Roman", serif; font-size: 2rem; }
.base-path-rule > p { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(9,10,13,.18); }
.base-path-list { margin-top: 72px; border-top: 1px solid rgba(9,10,13,.22); }
.base-path-step { display: grid; grid-template-columns: 88px minmax(210px,.8fr) 1fr auto; gap: 26px; align-items: center; min-height: 126px; border-bottom: 1px solid rgba(9,10,13,.22); }
.base-path-step > span { color: #a32035; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; }
.base-path-step h3 { font-size: clamp(2rem,3.6vw,3.7rem); }
.base-path-step p { max-width: 470px; color: #5e5c59; }
.base-path-step i { width: 13px; height: 13px; border: 1px solid #8d8a84; border-radius: 50%; }
.base-path-step.is-active i { border-color: var(--base-red); background: var(--base-red); box-shadow: 0 0 0 6px rgba(255,79,99,.14); }
.base-path-actions { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 42px; }
.base-path-actions p { max-width: 660px; color: #62605c; }

.base-code { background: #0a0b0e; }
.base-code-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 68px; border-top: 1px solid var(--base-line); border-left: 1px solid var(--base-line); }
.base-code-card { position: relative; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(24px,3vw,42px); border-right: 1px solid var(--base-line); border-bottom: 1px solid var(--base-line); overflow: hidden; }
.base-code-card span { color: var(--base-red); font-size: .66rem; font-weight: 800; letter-spacing: .14em; }
.base-code-card h3 { max-width: 520px; font-size: clamp(2rem,3.4vw,3.6rem); line-height: .93; }
.base-code-card:nth-child(4n+2),
.base-code-card:nth-child(4n+3) { background: rgba(202,255,40,.055); }
.base-code-card:last-child { color: var(--base-ink); background: var(--base-lime); }
.base-code-card:last-child span { color: #8c1528; }

.base-place { color: var(--base-ink); background: #d8d2c8; }
.base-place-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(42px,8vw,120px); align-items: center; }
.base-place-copy h2 em { color: #9b1e32; font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.base-place-copy p { max-width: 570px; margin: 28px 0 0; color: #53514e; font-size: 1.12rem; line-height: 1.58; }
.base-blueprint { position: relative; min-height: 0; aspect-ratio: 1; border: 1px solid rgba(9,10,13,.35); background: #10150b; overflow: hidden; }
.base-blueprint::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(9,10,13,.08), transparent 54%, rgba(9,10,13,.42)); pointer-events: none; }
.base-blueprint::after { content: "BASE 01"; position: absolute; z-index: 2; left: 28px; bottom: 25px; color: var(--base-lime); font-size: clamp(3rem,7vw,7rem); font-weight: 700; letter-spacing: -.08em; text-shadow: 0 4px 30px rgba(0,0,0,.5); }
.base-blueprint img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.84) contrast(1.03); }
.base-place-systems { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 54px; border-top: 1px solid rgba(9,10,13,.24); border-left: 1px solid rgba(9,10,13,.24); }
.base-place-systems span { min-height: 80px; display: grid; place-items: center; padding: 12px; border-right: 1px solid rgba(9,10,13,.24); border-bottom: 1px solid rgba(9,10,13,.24); font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-align: center; }

.base-roadmap { background: #111318; }
.base-roadmap-list { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); margin-top: 72px; border-top: 1px solid var(--base-line); border-left: 1px solid var(--base-line); }
.base-phase { min-height: 330px; display: flex; flex-direction: column; padding: 22px 18px; border-right: 1px solid var(--base-line); border-bottom: 1px solid var(--base-line); }
.base-phase span { color: #777d87; font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.base-phase h3 { margin-top: auto; font-size: clamp(1.6rem,2.4vw,2.5rem); }
.base-phase p { min-height: 4.5em; margin: 16px 0 0; color: #9298a3; font-size: .82rem; line-height: 1.5; }
.base-phase.is-active { color: var(--base-ink); background: var(--base-lime); }
.base-phase.is-active span,
.base-phase.is-active p { color: #30340d; }
.base-phase.is-active span::after { content: " / ACTIVE"; color: #a31f34; }

.base-capital { color: var(--base-ink); background: var(--base-red); }
.base-capital .base-section-index { color: #451019; }
.base-capital-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(44px,8vw,120px); align-items: end; }
.base-capital-copy p { max-width: 640px; margin: 30px 0 0; color: #471820; font-size: 1.12rem; line-height: 1.55; }
.base-funding { padding: clamp(26px,4vw,46px); border: 1px solid rgba(9,10,13,.4); background: rgba(241,238,230,.12); }
.base-funding-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.base-funding-head > span { max-width: 180px; font-size: .68rem; font-weight: 850; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; }
.base-funding-head strong { font-size: clamp(2.8rem,5vw,5.4rem); font-weight: 560; letter-spacing: -.065em; line-height: .85; text-align: right; }
.base-funding-head small { color: #591824; font-size: .36em; font-weight: 700; letter-spacing: -.03em; }
.base-funding-track { position: relative; height: 18px; margin-top: 38px; border: 1px solid rgba(9,10,13,.52); background: rgba(9,10,13,.12); overflow: hidden; }
.base-funding-track i { position: absolute; inset: 0 auto 0 0; width: max(3px,var(--funding-progress)); background: var(--base-lime); box-shadow: 0 0 22px rgba(202,255,40,.55); }
.base-wallets { display: grid; gap: 10px; margin-top: 30px; }
.base-wallet { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 15px; border: 1px solid rgba(9,10,13,.35); background: rgba(9,10,13,.08); }
.base-wallet-mark { width: 54px; aspect-ratio: 1; display: grid; place-items: center; }
.base-wallet-mark img { width: 42px; height: 42px; }
.base-wallet-data > span { display: block; margin-bottom: 8px; font-size: .66rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.base-wallet code { display: block; color: #50141f; font-size: clamp(.66rem,1vw,.78rem); overflow-wrap: anywhere; }
.base-wallet-data small { display: block; margin-top: 8px; color: #631d28; font-size: .67rem; font-weight: 750; }
.base-wallet-copy { width: 42px; height: 42px; display: inline-grid; place-items: center; padding: 0; border: 0; color: var(--base-ink); background: transparent; cursor: pointer; transition: color .2s, background .2s, transform .2s; }
.base-wallet-copy i { position: relative; width: 13px; height: 13px; border: 1.5px solid currentColor; }
.base-wallet-copy i::after { content: ""; position: absolute; width: 9px; height: 9px; top: -5px; left: -5px; border: 1.5px solid currentColor; background: var(--base-red); }
.base-wallet-copy:hover,
.base-wallet-copy:focus-visible,
.base-wallet-copy.is-copied { color: var(--base-ink); background: var(--base-lime); transform: translateY(-2px); }
.base-wallet-copy:active { transform: translateY(0) scale(.98); }
.base-capital-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(9,10,13,.35); border-left: 1px solid rgba(9,10,13,.35); }
.base-capital-cards article { min-height: 180px; padding: 24px; border-right: 1px solid rgba(9,10,13,.35); border-bottom: 1px solid rgba(9,10,13,.35); background: rgba(241,238,230,.08); }
.base-capital-cards span { font-size: .65rem; font-weight: 850; letter-spacing: .13em; }
.base-capital-cards h3 { margin-top: 58px; font-size: clamp(1.7rem,3vw,3rem); }

.base-progress { background: #08090c; }
.base-progress-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 68px; border-top: 1px solid var(--base-line); border-left: 1px solid var(--base-line); }
.base-progress-card { min-height: 410px; padding: 28px; border-right: 1px solid var(--base-line); border-bottom: 1px solid var(--base-line); }
.base-progress-card > span { color: var(--base-red); font-size: .67rem; font-weight: 850; letter-spacing: .16em; }
.base-metrics { display: grid; gap: 22px; margin-top: 80px; }
.base-metrics div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid var(--base-line); }
.base-metrics small { color: #9297a0; font-size: .73rem; letter-spacing: .05em; }
.base-metrics strong { max-width: 55%; color: var(--base-paper); font-size: clamp(1.05rem,2vw,1.6rem); font-weight: 600; text-align: right; }
.base-report-link[aria-disabled="true"] { color: #666b74; pointer-events: none; }

.base-final { min-height: 88svh; display: grid; place-items: center; text-align: center; background: radial-gradient(circle at 50% 45%, rgba(202,255,40,.14), transparent 30%), #090a0d; }
.base-final h2 { max-width: 1150px; margin-inline: auto; }
.base-final h2 em { display: block; color: var(--base-lime); font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; }
.base-final-rule { margin: 34px 0 0; color: var(--base-red); font-size: 1rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.base-final-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 38px; }

.base-manifest-open { overflow: hidden; }
.base-manifest-dialog { width: min(1080px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 1px solid rgba(255,255,255,.24); color: var(--base-paper); background: #0b0c10; box-shadow: 0 32px 120px rgba(0,0,0,.72); }
.base-manifest-dialog::backdrop { background: rgba(2,3,5,.88); backdrop-filter: blur(10px); }
.base-manifest-panel { position: relative; min-height: 100%; }
.base-manifest-head { position: sticky; z-index: 3; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border-bottom: 1px solid var(--base-line); background: rgba(11,12,16,.96); }
.base-manifest-head span { color: var(--base-lime); font-size: .68rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.base-manifest-close { width: 44px; height: 44px; border: 1px solid var(--base-line); color: white; background: transparent; font-size: 1.5rem; cursor: pointer; }
.base-manifest-close:hover,
.base-manifest-close:focus-visible { color: var(--base-ink); background: var(--base-lime); }
.base-manifest-body { max-width: 760px; margin: 0 auto; padding: clamp(50px,8vw,100px) clamp(24px,7vw,80px) 110px; }
.base-manifest-body > p:first-of-type { color: var(--base-paper); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.45rem,2.6vw,2.2rem); line-height: 1.4; }
.base-manifest-body h2 { margin: 2.2em 0 .7em; padding-top: 1.2em; border-top: 1px solid var(--base-line); font-size: clamp(2.1rem,4vw,4.1rem); line-height: .92; }
.base-manifest-body p { margin: .9em 0; color: #b6bac3; font-size: 1.02rem; line-height: 1.72; }
.base-manifest-body .base-manifest-beat { margin: 1.3em 0; color: var(--base-paper); font-size: 1.18rem; }
.base-manifest-body .base-manifest-end { margin-top: 70px; padding: 40px 0; border-top: 1px solid var(--base-red); border-bottom: 1px solid var(--base-red); color: white; font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; font-size: clamp(2rem,4vw,4rem); font-weight: 600; letter-spacing: -.05em; line-height: 1; text-transform: uppercase; }

@media (max-width: 1100px) {
  .base-roadmap-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .base-phase { min-height: 280px; }
}

@media (max-width: 900px) {
  .base-hero-grid,
  .base-order-grid,
  .base-place-grid,
  .base-capital-grid { grid-template-columns: 1fr; }
  .base-hero-visual { min-height: 500px; margin: -30px -54px; }
  .base-path-header { grid-template-columns: 1fr; }
  .base-progress-grid { grid-template-columns: 1fr; }
  .base-progress-card { min-height: auto; }
  .base-metrics { margin-top: 44px; }
}

@media (max-width: 640px) {
  .base-page .shell { width: min(calc(100% - 28px), 1320px); }
  .base-section { padding: 84px 0; }
  .base-page h2 { font-size: clamp(2.65rem,12vw,4.35rem); line-height: .9; letter-spacing: -.065em; }
  .base-hero { min-height: auto; padding: 96px 0 72px; }
  .base-hero-grid { gap: 58px; }
  .base-breadcrumbs { margin-bottom: 38px; }
  .base-hero h1 { font-size: clamp(3.7rem,17vw,5.6rem); }
  .base-hero h1 > span { white-space: nowrap; }
  .base-hero-actions .base-button { width: 100%; }
  .base-hero-visual { min-height: 420px; margin: -28px -36px -10px; }
  .base-hero-visual picture { inset: -16% -24%; opacity: .8; }
  .base-hero-visual img { object-position: 62% center; }
  .base-order-principles,
  .base-code-grid,
  .base-capital-cards { grid-template-columns: 1fr; }
  .base-funding-head { align-items: flex-start; flex-direction: column; }
  .base-funding-head strong { text-align: left; }
  .base-wallet { grid-template-columns: 46px minmax(0,1fr) 42px; gap: 12px; }
  .base-wallet-mark { width: 46px; }
  .base-order-principles span { min-height: 92px; }
  .base-path-step { grid-template-columns: 56px 1fr 14px; gap: 14px; padding: 24px 0; }
  .base-path-step p { grid-column: 2 / -1; }
  .base-path-step h3 { font-size: 2.4rem; }
  .base-path-actions { align-items: stretch; flex-direction: column; }
  .base-place-systems { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .base-blueprint { min-height: 0; }
  .base-roadmap-list { grid-template-columns: 1fr; }
  .base-phase { min-height: 220px; }
  .base-progress-grid { grid-template-columns: 1fr; }
  .base-final { min-height: 760px; }
  .base-final h2 { max-width: 100%; font-size: clamp(2.25rem,10.5vw,3.3rem); line-height: .94; letter-spacing: -.06em; }
  .base-final-actions .base-button { width: 100%; }
  .base-manifest-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
  .base-manifest-head { padding: 10px 12px; }
}