@font-face {
  font-family: Burbank;
  src: url('../Fonts/BurbankBigCondensed-Black.woff2') format('woff2'), url('../Fonts/BurbankBigCondensed-Black.otf') format('opentype'), url('../Fonts/BurbankBigCondensed-Black.ttf') format('truetype'), local('Burbank Big Condensed Black'), local('BurbankBigCondensed-Black');
  font-weight: 400;
  font-display: block;
}
:root {
  --Display: Burbank, 'Anton', 'Arial Narrow', sans-serif;
  --Body: 'Barlow', system-ui, sans-serif;
  --Pink: #eab0ff; --Violet: #a44bff; --Glass: rgba(18, 2, 38, .66); --Line: rgba(234, 176, 255, .18);
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
html { scroll-behavior: smooth; scroll-padding-top: calc(70px + env(safe-area-inset-top, 0px)); }
body { margin: 0; background: #2a0a4d; color: #fff; font-family: var(--Body); color-scheme: dark; overflow-x: hidden; }
.TextureLayer { position: fixed; inset: -14px; z-index: -1; filter: brightness(.68) saturate(1.15) blur(2.5px); animation: TexturePulse 3.2s ease-in-out infinite; }
.TextureLayer canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.TextureLayer::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 140px 40px rgba(14, 0, 30, .8); }
@keyframes TexturePulse { 0%, 100% { filter: brightness(.55) saturate(1.1) blur(2.5px); } 50% { filter: brightness(.82) saturate(1.3) blur(2.5px); } }
.Container { max-width: 1040px; margin: 0 auto; padding: 0 22px; }
.Navigation { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 10; background: rgba(14, 0, 30, .62); backdrop-filter: blur(14px); border-bottom: 1px solid var(--Line); box-shadow: 0 8px 24px rgba(6, 0, 16, .35); }
.NavigationInner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 12px; padding-bottom: 12px; }
.Brand { display: flex; align-items: center; gap: 10px; font-family: var(--Display); font-weight: 400; font-size: 22px; letter-spacing: .2em; text-transform: uppercase; color: #f4e8ff; text-decoration: none; }
.Brand img { width: 30px; height: 30px; }
.Links { display: flex; align-items: center; gap: clamp(14px, 3vw, 30px); }
.Links a { font-family: var(--Body); font-weight: 500; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; color: #cfb2ee; text-decoration: none; transition: color .2s; }
.Links a:hover { color: #fff; }
.Links a.NavJoin { padding: 7px 16px; border: 1px solid rgba(234, 176, 255, .55); color: #fff; font-weight: 600; background: rgba(164, 75, 255, .16); }
.Links a.NavJoin:hover { background: var(--Violet); }
.Hero { min-height: 86vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-top: 60px; padding-bottom: 60px; }
.HeroLogo { width: 84px; margin-bottom: 26px; filter: drop-shadow(0 0 24px rgba(190, 90, 255, .85)) drop-shadow(0 12px 16px rgba(6, 0, 16, .6)); }
.Eyebrow { margin: 0 0 4px; padding-left: .5em; font-family: var(--Display); font-weight: 400; font-size: clamp(16px, 2.4vw, 22px); letter-spacing: .5em; text-transform: uppercase; color: var(--Pink); text-shadow: 0 2px 10px rgba(6, 0, 16, .85); }
.HeroTitle { margin: 0; font-family: var(--Display); font-weight: 400; font-size: clamp(84px, 19vw, 200px); line-height: .92; letter-spacing: .09em; text-transform: uppercase; background: linear-gradient(180deg, #ffffff 25%, #cf92ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 36px rgba(164, 75, 255, .55)) drop-shadow(0 14px 22px rgba(6, 0, 16, .6)); }
.HeroText { max-width: 540px; margin: 22px auto 30px; font-size: clamp(17px, 2.2vw, 20px); line-height: 1.55; color: #f0e2ff; text-shadow: 0 2px 12px rgba(6, 0, 16, .9); }
.Buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.Button { padding: 13px 30px; font-family: var(--Display); font-weight: 400; font-size: 21px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: #fff; border: 2px solid var(--Pink); background: rgba(164, 75, 255, .25); box-shadow: 0 8px 22px rgba(6, 0, 16, .55); transition: all .2s; }
.Button:hover { background: var(--Violet); box-shadow: 0 0 28px rgba(190, 90, 255, .8); }
.Button.Solid { background: linear-gradient(135deg, #c36bff, #7a22e0); border-color: #f0c8ff; }
.Strip { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--Glass); border: 1px solid var(--Line); backdrop-filter: blur(10px); box-shadow: 0 16px 40px rgba(6, 0, 16, .6); }
.Stat { padding: 22px 26px; }
.Stat + .Stat { border-left: 1px solid var(--Line); }
.Stat strong { display: block; font-family: var(--Display); font-weight: 400; font-size: 38px; letter-spacing: .06em; text-transform: uppercase; color: #fff; text-shadow: 0 3px 10px rgba(6, 0, 16, .7); }
.Stat span { font-size: 14.5px; color: #d9bff5; }
.Block { padding-top: 96px; }
.Split { display: grid; grid-template-columns: 1fr; gap: 26px; max-width: 760px; margin: 0 auto; text-align: center; }
.Heading { margin: 0; text-align: center; font-family: var(--Display); font-weight: 400; font-size: clamp(42px, 6.4vw, 68px); line-height: 1; letter-spacing: .05em; text-transform: uppercase; text-shadow: 0 6px 18px rgba(6, 0, 16, .8); }
.Prose p { margin: 0 0 16px; font-size: 17px; line-height: 1.7; color: #ecdcff; text-shadow: 0 2px 10px rgba(6, 0, 16, .85); }
.Rows { margin: 36px auto 0; background: var(--Glass); border: 1px solid var(--Line); backdrop-filter: blur(10px); box-shadow: 0 16px 40px rgba(6, 0, 16, .6); }
.Row { display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: baseline; padding: 24px 30px; }
.Row + .Row { border-top: 1px solid var(--Line); }
.Row h3 { margin: 0; font-family: var(--Display); font-weight: 400; font-size: 28px; letter-spacing: .06em; text-transform: uppercase; color: var(--Pink); text-shadow: 0 3px 10px rgba(6, 0, 16, .7); }
.Row p { margin: 0; font-size: 16.5px; line-height: 1.6; color: #eadbfc; }
.Terms { margin-top: 30px; padding: 34px 38px; column-count: 2; column-gap: 54px; background: var(--Glass); border: 1px solid var(--Line); backdrop-filter: blur(10px); box-shadow: 0 16px 40px rgba(6, 0, 16, .6); }
.Term { break-inside: avoid; margin-bottom: 22px; }
.Term h3 { margin: 0 0 6px; font-family: var(--Display); font-weight: 400; font-size: 22px; letter-spacing: .07em; text-transform: uppercase; color: var(--Pink); }
.Term p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #dcc6f5; }
.Updated { margin: 12px 0 0; text-align: center; font-size: 13.5px; color: #cfb2ee; text-shadow: 0 2px 8px rgba(6, 0, 16, .85); }
.Join { padding: 110px 22px 20px; text-align: center; }
.Join .Heading { margin-bottom: 12px; }
.Join p { max-width: 460px; margin: 0 auto 28px; font-size: 17px; line-height: 1.6; color: #ecdcff; text-shadow: 0 2px 10px rgba(6, 0, 16, .85); }
.Footer { max-width: 760px; margin: 0 auto; padding: 64px 22px 48px; text-align: center; font-size: 13px; line-height: 1.7; color: #cfb2ee; text-shadow: 0 2px 8px rgba(6, 0, 16, .9); }
.Reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s, transform .7s; }
.Reveal.Visible { opacity: 1; transform: none; }
body.Locked { overflow: hidden; }
.Site { opacity: 0; }
.Site.Show { opacity: 1; transition: opacity 1s ease; }
.Intro { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(10, 0, 22, .45); cursor: pointer; overflow: hidden; }
.IntroStage { display: flex; flex-direction: column; align-items: center; }
.IntroProject { margin-bottom: 4px; padding-left: .6em; font-family: var(--Display); font-size: clamp(16px, 3vw, 28px); letter-spacing: .6em; text-transform: uppercase; color: var(--Pink); text-shadow: 0 2px 12px rgba(6, 0, 16, .85); opacity: 0; }
.IntroWord { display: flex; filter: drop-shadow(0 0 40px rgba(164, 75, 255, .6)) drop-shadow(0 16px 24px rgba(6, 0, 16, .65)); }
.IntroLetter { display: block; padding: 0 .02em; font-family: var(--Display); font-size: clamp(120px, 34vw, 400px); line-height: 1; letter-spacing: .06em; text-transform: uppercase; background: linear-gradient(180deg, #ffffff 25%, #cf92ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; transform-origin: 50% 100%; opacity: 0; }
.IntroFlash { position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(circle at center, rgba(240, 190, 255, .85), rgba(164, 75, 255, .25) 50%, transparent 75%); }
.IntroSkip { position: absolute; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #cfb2ee; opacity: .6; }
@media (max-width: 800px) {
  .Split { grid-template-columns: 1fr; gap: 22px; }
  .Row { grid-template-columns: 1fr; gap: 6px; padding: 20px 22px; }
  .Terms { column-count: 1; padding: 26px 22px; }
  .Strip { grid-template-columns: 1fr; }
  .Stat + .Stat { border-left: 0; border-top: 1px solid var(--Line); }
  .Links a:nth-child(2), .Links a:nth-child(3) { display: none; }
}