:root {
  --void: #030610;
  --obsidian: #070b18;
  --carbon: #0c1224;
  --panel: rgb(10 18 38 / 74%);
  --gold: #e5bd5b;
  --gold-hot: #ffd982;
  --cyan: #52f4ee;
  --cyan-soft: #80fff8;
  --sea: #4ed7bd;
  --violet: #b18cff;
  --coral: #ff756f;
  --paper: #fff7df;
  --text: #dce8f2;
  --muted: #92a4b6;
  --line: rgb(105 232 225 / 18%);
  --line-gold: rgb(229 189 91 / 30%);
  --max: 92rem;
  --journey: 0;
  --pointer-x: 0;
  --pointer-y: 0;
}

* { box-sizing: border-box; }
html { overflow-x: clip; background: var(--void); scroll-behavior: smooth; scrollbar-color: var(--cyan) var(--void); }
body { min-height: 100vh; margin: 0; overflow-x: hidden; background: var(--void); color: var(--text); font: 400 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.gla-nisamina-portal-active { margin: 0; background: var(--void); }
.gla-site { min-height: 100vh; overflow: clip; background: transparent; color: var(--text); }
body::before { content: ""; position: fixed; z-index: -10; inset: 0; pointer-events: none; background: radial-gradient(circle at 15% 10%, rgb(12 93 101 / 28%), transparent 32rem), radial-gradient(circle at 90% 22%, rgb(74 32 121 / 24%), transparent 35rem), linear-gradient(var(--void), #05091a 52%, var(--void)); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
::selection { background: var(--gold); color: var(--void); }

.skip-link { position: fixed; z-index: 1000; inset: .75rem auto auto .75rem; padding: .7rem 1rem; transform: translateY(-180%); border: 1px solid var(--gold); background: var(--paper); color: var(--void); font-weight: 900; transition: transform .15s ease; }
.skip-link:focus { transform: translateY(0); }
.scroll-telemetry { position: fixed; z-index: 50; top: 0; left: 0; width: 3px; height: 100svh; background: rgb(255 255 255 / 4%); }
.scroll-telemetry span { display: block; width: 100%; height: 100%; transform: scaleY(var(--journey)); transform-origin: top; background: linear-gradient(var(--gold), var(--cyan)); box-shadow: 0 0 1rem var(--cyan); }

.site-header { position: absolute; z-index: 40; inset: 0 0 auto; width: min(calc(100% - 3rem), var(--max)); min-height: 6rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 auto; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 1rem; text-decoration: none; }
.brand-core { position: relative; width: 3.15rem; height: 3.15rem; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; background: radial-gradient(circle, rgb(82 244 238 / 16%), transparent 62%); box-shadow: 0 0 2rem rgb(82 244 238 / 12%); }
.brand-core::before, .brand-core::after, .brand-core i { content: ""; position: absolute; inset: -.35rem; border: 1px solid rgb(82 244 238 / 25%); border-radius: 50%; transform: rotate(45deg) scaleY(.48); }
.brand-core::after { transform: rotate(-45deg) scaleY(.48); border-color: rgb(229 189 91 / 34%); }
.brand-core i { inset: .28rem; transform: none; border-style: dashed; animation: spin 16s linear infinite; }
.brand-core b { color: var(--paper); font: 600 1.1rem/1 Georgia, serif; }
.brand-copy strong, .brand-copy small { display: block; }
.brand-copy strong { color: var(--paper); font: 600 1rem/1.2 Georgia, serif; letter-spacing: .02em; }
.brand-copy small { margin-top: .28rem; color: var(--cyan); font-size: .57rem; font-weight: 900; letter-spacing: .18em; }
.site-header nav { display: flex; align-items: center; gap: .15rem 1.5rem; }
.site-header nav a { min-height: 2.75rem; display: inline-flex; align-items: center; position: relative; color: #bed0dc; font-size: .66rem; font-weight: 900; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.site-header nav a::after { content: ""; position: absolute; inset: auto 0 .35rem; height: 1px; transform: scaleX(0); background: var(--cyan); transition: transform .25s ease; }
.site-header nav a:hover::after { transform: scaleX(1); }
.site-header nav .nav-donate { min-height: 2.6rem; padding: 0 1rem; border: 1px solid var(--gold); color: var(--gold-hot); }
.site-header nav .nav-donate::after { display: none; }

.arrival { position: relative; isolation: isolate; min-height: 100svh; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(27rem, .78fr); gap: clamp(3rem, 7vw, 9rem); align-items: center; width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; padding: 9rem 0 6rem; }
.arrival::before { content: ""; position: absolute; z-index: -3; inset: 0 -40vw; background: radial-gradient(ellipse at 65% 49%, rgb(65 28 112 / 25%), transparent 28rem), radial-gradient(ellipse at 25% 35%, rgb(7 99 109 / 28%), transparent 34rem), linear-gradient(125deg, #04101c, #080a20 50%, #03050d); }
.arrival::after { content: ""; position: absolute; z-index: -2; inset: 0 -40vw; opacity: .22; background-image: linear-gradient(rgb(82 244 238 / 12%) 1px, transparent 1px), linear-gradient(90deg, rgb(82 244 238 / 12%) 1px, transparent 1px); background-size: 5rem 5rem; mask-image: radial-gradient(circle at 50% 50%, black, transparent 76%); }
.space-field { position: absolute; z-index: -1; inset: 0 -15vw; pointer-events: none; overflow: hidden; }
.space-field i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1.2rem .3rem rgb(82 244 238 / 48%); animation: star-drift 7s ease-in-out infinite alternate; }
.space-field i:nth-child(1) { top: 18%; left: 8%; }.space-field i:nth-child(2) { top: 25%; right: 4%; animation-delay: -2s; }.space-field i:nth-child(3) { bottom: 24%; left: 44%; animation-delay: -4s; }.space-field i:nth-child(4) { top: 62%; right: 34%; background: var(--gold); animation-delay: -1s; }.space-field i:nth-child(5) { bottom: 12%; right: 12%; animation-delay: -5s; }
.arrival-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 1rem; color: var(--cyan); font-size: .66rem; font-weight: 950; letter-spacing: .2em; line-height: 1.55; text-transform: uppercase; }
.eyebrow span { color: var(--gold-hot); }
.arrival h1 { max-width: 9ch; margin: 0; color: var(--paper); font: 600 clamp(4.5rem, 9vw, 9rem)/.78 Georgia, "Times New Roman", serif; letter-spacing: -.065em; text-wrap: balance; }
.arrival h1 em { display: block; margin-top: .22em; color: transparent; font-weight: 400; text-shadow: 0 0 2rem rgb(82 244 238 / 18%); -webkit-text-stroke: 1px var(--cyan-soft); background: linear-gradient(90deg, var(--gold-hot), var(--cyan-soft) 55%, #d8b7ff); background-clip: text; -webkit-background-clip: text; }
.arrival-lede { max-width: 49rem; margin: 2.1rem 0 0; color: #bdccd8; font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.8; }
.arrival-lede strong { color: #edfaff; font-weight: 600; }
.arrival-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2.2rem; }
.button { min-height: 3.5rem; display: inline-flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .75rem 1.15rem; border: 1px solid var(--line); background: rgb(8 14 31 / 68%); color: #f1fbff; font-size: .68rem; font-weight: 950; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-3px); }
.button i { color: inherit; font-style: normal; font-size: 1rem; }
.button-primary { border-color: var(--gold); background: linear-gradient(135deg, var(--gold-hot), #bd8830); color: #070b18; box-shadow: 0 1rem 3rem rgb(229 189 91 / 16%); }
.button-primary:hover { box-shadow: 0 1rem 3rem rgb(229 189 91 / 30%); }
.button-ghost { border-color: rgb(82 244 238 / 48%); box-shadow: inset 0 0 1.5rem rgb(82 244 238 / 4%); }
.arrival-signals { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; margin-top: 1.55rem; }
.arrival-signals span { display: inline-flex; align-items: center; gap: .5rem; color: #8fa7b7; font-size: .65rem; font-weight: 700; letter-spacing: .05em; }
.arrival-signals i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 .7rem var(--cyan); }
.portal-stage { position: relative; min-height: 41rem; padding: 1.4rem; border: 1px solid rgb(82 244 238 / 27%); border-radius: 50% 50% 4% 4% / 9% 9% 3% 3%; background: linear-gradient(155deg, rgb(14 27 51 / 46%), rgb(3 7 17 / 78%)); box-shadow: inset 0 0 5rem rgb(82 244 238 / 5%), 0 0 8rem rgb(47 148 167 / 8%); transform: perspective(1200px) rotateY(calc(var(--pointer-x) * -2deg)) rotateX(calc(var(--pointer-y) * 1.5deg)); transition: transform .2s linear; }
.portal-stage::before { content: ""; position: absolute; inset: .55rem; border: 1px solid rgb(229 189 91 / 18%); border-radius: inherit; pointer-events: none; }
.portal-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 48%, rgb(82 244 238 / 6%) 50%, transparent 52%); background-size: 100% .48rem; mix-blend-mode: screen; pointer-events: none; animation: scan 8s linear infinite; }
.portal-caption { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
.portal-caption b { color: var(--gold-hot); }
.holo-gateway { position: relative; width: min(100%, 31rem); aspect-ratio: 1; margin: 3.8rem auto 2rem; transform-style: preserve-3d; }
.holo-floor { position: absolute; inset: 64% 8% 4%; border: 1px solid rgb(82 244 238 / 32%); border-radius: 50%; background: repeating-radial-gradient(ellipse, transparent 0 1.7rem, rgb(82 244 238 / 11%) 1.75rem 1.8rem); box-shadow: 0 0 3rem rgb(82 244 238 / 10%); transform: rotateX(65deg); }
.ring { position: absolute; inset: 13%; border: 1px solid rgb(82 244 238 / 42%); border-radius: 50%; box-shadow: 0 0 1.2rem rgb(82 244 238 / 7%); animation: spin 18s linear infinite; }
.ring::before, .ring::after { content: ""; position: absolute; width: .62rem; height: .62rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); }
.ring::before { top: 8%; left: 22%; }.ring::after { right: 4%; bottom: 33%; background: var(--gold); box-shadow: 0 0 1rem var(--gold); }
.ring-a { transform: rotate(14deg) scaleY(.38); }.ring-b { transform: rotate(69deg) scaleY(.48); animation-direction: reverse; animation-duration: 24s; border-color: rgb(229 189 91 / 34%); }.ring-c { inset: 24%; transform: rotate(-35deg) scaleY(.62); animation-duration: 12s; }.ring-d { inset: 5%; transform: rotate(110deg) scaleY(.32); animation-direction: reverse; animation-duration: 30s; opacity: .5; }
.holo-core { position: absolute; z-index: 2; inset: 50% auto auto 50%; width: 10rem; height: 10rem; display: grid; place-content: center; justify-items: center; transform: translate(-50%, -50%); border: 1px solid var(--gold); border-radius: 50%; background: radial-gradient(circle, rgb(20 111 117 / 34%), rgb(7 11 26 / 92%) 67%); box-shadow: 0 0 4rem rgb(82 244 238 / 20%), inset 0 0 2rem rgb(229 189 91 / 12%); animation: core-pulse 4s ease-in-out infinite; }
.holo-core small, .holo-core span { color: var(--cyan-soft); font-size: .48rem; font-weight: 900; letter-spacing: .16em; }
.holo-core strong { margin: .28rem 0; color: var(--paper); font: 500 3.1rem/1 Georgia, serif; text-shadow: 0 0 1.5rem var(--cyan); }
.satellite { position: absolute; z-index: 3; padding: .32rem .48rem; border: 1px solid rgb(82 244 238 / 30%); background: rgb(4 10 24 / 76%); color: var(--cyan-soft); font-size: .5rem; font-weight: 900; letter-spacing: .12em; box-shadow: 0 0 1.4rem rgb(82 244 238 / 8%); }
.sat-a { top: 14%; left: 19%; }.sat-b { top: 29%; right: 4%; }.sat-c { bottom: 18%; left: 7%; }.sat-d { right: 11%; bottom: 7%; color: var(--gold-hot); border-color: rgb(229 189 91 / 32%); }
.portal-readout { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; border-top: 1px solid var(--line); }
.portal-readout div { padding: 1rem .55rem 0; }.portal-readout dt { color: var(--muted); font-size: .5rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.portal-readout dd { margin: .28rem 0 0; color: #e9f8fa; font-size: .69rem; }
.scroll-cue { position: absolute; inset: auto auto 1.4rem 0; display: inline-flex; align-items: center; gap: .8rem; color: #7f9aab; font-size: .58rem; font-weight: 900; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; }
.scroll-cue i { width: 3rem; height: 1px; position: relative; background: linear-gradient(90deg, var(--cyan), transparent); }

.signal-deck { display: grid; grid-template-columns: repeat(4, 1fr); width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; border: 1px solid var(--line); background: rgb(6 11 25 / 86%); box-shadow: 0 1.4rem 5rem rgb(0 0 0 / 24%); }
.signal-deck div { min-height: 10rem; padding: 1.45rem; border-right: 1px solid var(--line); }.signal-deck div:last-child { border: 0; }
.signal-deck small, .signal-deck span, .signal-deck strong { display: block; }.signal-deck small { color: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .15em; }.signal-deck strong { margin-top: 1.35rem; color: var(--paper); font: 500 clamp(2rem, 3.6vw, 3.5rem)/1 Georgia, serif; }.signal-deck span { margin-top: .45rem; color: var(--muted); font-size: .68rem; }

.journey-section { position: relative; width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; padding: clamp(7rem, 12vw, 12rem) 0; perspective: 1200px; }
.section-index { position: absolute; top: 3rem; right: 0; color: rgb(82 244 238 / 38%); font-size: .55rem; font-weight: 900; letter-spacing: .18em; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, .55fr); gap: clamp(3rem, 8vw, 10rem); align-items: end; margin-bottom: 4rem; }
.section-heading h2, .intelligence h2, .founder h2, .nation-field h2, .stewardship h2, .support h2 { margin: 0; color: var(--paper); font: 500 clamp(3.2rem, 7vw, 6.8rem)/.9 Georgia, serif; letter-spacing: -.055em; text-wrap: balance; }
.section-heading > p, .nation-copy > p:not(.eyebrow), .stewardship p, .support-copy > p { margin: 0; color: #aabcc9; line-height: 1.8; }

.discovery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.discovery-card { position: relative; min-height: 22rem; display: flex; flex-direction: column; padding: clamp(1.5rem, 4vw, 3rem); overflow: hidden; background: linear-gradient(145deg, rgb(13 24 47 / 95%), rgb(5 10 23 / 96%)); text-decoration: none; transition: background .25s ease; }
.discovery-card::after { content: ""; position: absolute; width: 19rem; height: 19rem; right: -10rem; bottom: -13rem; border: 1px solid rgb(82 244 238 / 16%); border-radius: 50%; box-shadow: 0 0 4rem rgb(82 244 238 / 5%); transition: transform .5s ease; }
.discovery-card:hover { background: linear-gradient(145deg, rgb(15 37 58 / 96%), rgb(8 13 28 / 96%)); }.discovery-card:hover::after { transform: scale(1.25); }
.discovery-number { position: absolute; top: 1.3rem; right: 1.5rem; color: rgb(229 189 91 / 40%); font: 400 4rem/1 Georgia, serif; }
.discovery-card small { color: var(--cyan); font-size: .58rem; font-weight: 950; letter-spacing: .16em; }
.discovery-card h3 { max-width: 16ch; margin: 4rem 0 1.2rem; color: var(--paper); font: 500 clamp(2rem, 4vw, 3.4rem)/1 Georgia, serif; letter-spacing: -.03em; }
.discovery-card p { max-width: 42rem; margin: 0; color: #aab9c5; }.discovery-card b { margin-top: auto; padding-top: 2rem; color: var(--gold-hot); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }.discovery-card b i { color: var(--cyan); font-style: normal; }

.constellation::before { content: ""; position: absolute; z-index: -1; inset: 0 -40vw; background: radial-gradient(circle at 50% 50%, rgb(27 75 90 / 18%), transparent 45rem); }
.system-flight { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.system-module { --tone: var(--gold); position: relative; min-height: 31rem; display: flex; flex-direction: column; padding: clamp(1.6rem, 3vw, 2.6rem); overflow: hidden; border: 1px solid var(--line); border: 1px solid color-mix(in srgb, var(--tone) 35%, transparent); background: #08101f; background: linear-gradient(145deg, color-mix(in srgb, var(--tone) 8%, rgb(8 14 31)), rgb(4 8 19 / 98%)); box-shadow: inset 0 0 3rem color-mix(in srgb, var(--tone) 4%, transparent), 0 2rem 6rem rgb(0 0 0 / 18%); transform-style: preserve-3d; }
.system-module::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 36%, color-mix(in srgb, var(--tone) 8%, transparent), transparent 62%); transform: translateX(-100%); transition: transform .8s ease; }.system-module:hover::before { transform: translateX(100%); }
.tone-cyan { --tone: var(--cyan); }.tone-sea { --tone: var(--sea); }.tone-violet { --tone: var(--violet); }.tone-gold { --tone: var(--gold); }
.module-hud { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid color-mix(in srgb, var(--tone) 24%, transparent); color: var(--muted); font-size: .55rem; font-weight: 900; letter-spacing: .14em; }
.module-hud span { color: var(--tone); }.module-hud b { justify-self: end; }.module-hud i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--tone); box-shadow: 0 0 .8rem var(--tone); animation: signal-pulse 2s ease-in-out infinite; }
.module-code { position: absolute; top: 4rem; right: -1rem; color: color-mix(in srgb, var(--tone) 10%, transparent); font: 700 clamp(5rem, 11vw, 10rem)/1 Inter, sans-serif; letter-spacing: -.08em; transform: rotate(-5deg); }
.system-module h3 { position: relative; z-index: 2; max-width: 13ch; margin: 5.2rem 0 1.2rem; color: var(--paper); font: 500 clamp(2.4rem, 5vw, 4.8rem)/.94 Georgia, serif; letter-spacing: -.045em; }
.system-module > p { position: relative; z-index: 2; max-width: 43rem; margin: 0; color: #a9b9c5; }
.module-footer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 2rem; border-top: 1px solid color-mix(in srgb, var(--tone) 20%, transparent); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.module-footer > span { color: var(--tone); }.module-footer a { color: var(--paper); text-decoration-color: var(--tone); text-underline-offset: .35em; }.module-footer a i { color: var(--tone); font-style: normal; }.module-footer > b { color: var(--muted); }

.intelligence { position: relative; padding: clamp(7rem, 12vw, 12rem) 0; background: linear-gradient(110deg, #ece1c2, #fff8e7 45%, #e9ddbd); color: #11182a; }
.intelligence::before { content: ""; position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgb(16 78 85 / 12%) 1px, transparent 1px), linear-gradient(90deg, rgb(16 78 85 / 12%) 1px, transparent 1px); background-size: 4rem 4rem; mask-image: linear-gradient(90deg, black, transparent 72%); }
.intelligence-shell { position: relative; display: grid; grid-template-columns: minmax(23rem, .8fr) minmax(0, 1.05fr); gap: clamp(4rem, 9vw, 11rem); align-items: center; width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; }
.ai-visual { position: relative; min-height: 42rem; overflow: hidden; border: 1px solid #3a736d; background: radial-gradient(circle at 50% 48%, rgb(11 90 94 / 23%), transparent 15rem), #07121c; box-shadow: 1.5rem 1.5rem 0 rgb(23 91 88 / 10%); }
.ai-visual::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(transparent 0 5px, rgb(82 244 238 / 4%) 6px); animation: scan 8s linear infinite; }
.ai-label { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem; color: #9bb4b9; font-size: .52rem; font-weight: 900; letter-spacing: .14em; }.ai-label b { color: var(--cyan); }
.ai-brain { position: relative; z-index: 2; width: min(80%, 25rem); aspect-ratio: 1; margin: 3.8rem auto 1.5rem; border: 1px solid rgb(82 244 238 / 36%); border-radius: 50%; box-shadow: 0 0 4rem rgb(82 244 238 / 14%), inset 0 0 3rem rgb(82 244 238 / 10%); }
.ai-brain::before, .ai-brain::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgb(229 189 91 / 38%); border-radius: 50%; transform: scaleY(.44) rotate(35deg); animation: spin 12s linear infinite; }.ai-brain::after { transform: scaleY(.53) rotate(-55deg); border-color: rgb(82 244 238 / 32%); animation-direction: reverse; }
.ai-brain b { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); color: #f7e8ba; font: 500 4.5rem/1 Georgia, serif; text-shadow: 0 0 2rem var(--cyan); }
.ai-brain i { position: absolute; z-index: 2; width: .55rem; height: .55rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); }.ai-brain i:nth-child(1) { top: 12%; left: 50%; }.ai-brain i:nth-child(2) { top: 39%; right: 7%; }.ai-brain i:nth-child(3) { bottom: 9%; right: 32%; background: var(--gold); }.ai-brain i:nth-child(4) { bottom: 24%; left: 10%; }.ai-brain i:nth-child(5) { top: 27%; left: 16%; background: var(--violet); }
.ai-stream { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 1.2rem; border-top: 1px solid rgb(82 244 238 / 22%); }.ai-stream span { padding-top: .8rem; color: #81a4aa; font-size: .45rem; font-weight: 900; letter-spacing: .1em; }
.ai-copy .eyebrow { color: #176b68; }.intelligence h2 { color: #101932; }.ai-copy > p:not(.eyebrow) { margin: 1.8rem 0 0; color: #4a554f; font-size: 1.05rem; line-height: 1.8; }
.intelligence-list { margin-top: 2.2rem; border-top: 1px solid rgb(23 94 89 / 22%); }.intelligence-list article { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid rgb(23 94 89 / 22%); }.intelligence-list article > span { color: #17746e; font-size: .62rem; font-weight: 900; }.intelligence-list h3 { margin: 0; color: #121a2f; font-size: .78rem; letter-spacing: .1em; }.intelligence-list p { margin: .35rem 0 0; color: #55605b; font-size: .9rem; }.text-link { display: inline-block; margin-top: 2rem; color: #155f5d; font-size: .67rem; font-weight: 950; letter-spacing: .1em; text-underline-offset: .35em; text-transform: uppercase; }

.founder-grid { display: grid; grid-template-columns: minmax(22rem, .75fr) minmax(0, 1fr); gap: clamp(4rem, 10vw, 12rem); align-items: start; }
.founder h2 { max-width: 8ch; }.founder h2 span { display: block; color: var(--cyan); font-style: italic; font-weight: 400; }
.identity-scan { position: relative; width: min(100%, 26rem); aspect-ratio: 1; display: grid; place-items: center; margin-top: 3rem; border: 1px solid var(--line); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 2.7rem, rgb(82 244 238 / 6%) 2.75rem 2.8rem); overflow: hidden; }
.identity-scan::before { content: ""; position: absolute; inset: 50% 0 auto; height: 1px; transform-origin: left; background: linear-gradient(90deg, var(--cyan), transparent); animation: radar 6s linear infinite; }.identity-scan::after { content: ""; position: absolute; inset: 10%; border: 1px solid rgb(229 189 91 / 30%); border-radius: 50%; }
.identity-scan b { color: var(--paper); font: 500 5rem/1 Georgia, serif; text-shadow: 0 0 2rem var(--cyan); }.identity-scan i { position: absolute; width: .55rem; height: .55rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); }.identity-scan i:nth-of-type(1) { top: 18%; left: 35%; }.identity-scan i:nth-of-type(2) { right: 14%; bottom: 38%; background: var(--gold); }.identity-scan i:nth-of-type(3) { bottom: 16%; left: 25%; }
.founder-identity dl { margin: 2rem 0 0; }.founder-identity dl div { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--line); }.founder-identity dt { color: var(--cyan); font-size: .55rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.founder-identity dd { margin: 0; color: #c9dae4; font-size: .75rem; }
.founder-story { padding-top: 2rem; }.founder-lede { margin: 0; color: var(--paper); font: 400 clamp(1.55rem, 3vw, 2.5rem)/1.45 Georgia, serif; }.founder-story > p:not(.founder-lede):not(.evidence-note) { color: #aebdca; line-height: 1.86; }.founder blockquote { margin: 3rem 0; padding: 1.8rem 0 1.8rem 2rem; border-left: 2px solid var(--gold); color: var(--gold-hot); font: 400 clamp(2rem, 4vw, 3.5rem)/1.2 Georgia, serif; }.founder cite { display: block; margin-top: 1rem; color: var(--muted); font: 800 .6rem/1.5 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; }.evidence-note { padding: 1rem; border: 1px solid var(--line); background: rgb(82 244 238 / 4%); color: #8ba0ae; font-size: .72rem; }

.nation-field { display: grid; grid-template-columns: minmax(24rem, .85fr) minmax(0, 1fr); gap: clamp(4rem, 10vw, 12rem); align-items: center; width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; padding: clamp(6rem, 11vw, 11rem) 0; border-top: 1px solid var(--line); }
.nation-orbit { position: relative; aspect-ratio: 1; border: 1px solid rgb(82 244 238 / 20%); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 4rem, rgb(82 244 238 / 5%) 4.05rem 4.1rem); box-shadow: inset 0 0 6rem rgb(82 244 238 / 6%); }
.nation-orbit::before, .nation-orbit::after { content: ""; position: absolute; inset: 8%; border: 1px solid rgb(229 189 91 / 24%); border-radius: 50%; transform: scaleY(.43) rotate(28deg); }.nation-orbit::after { transform: scaleY(.56) rotate(-47deg); border-color: rgb(82 244 238 / 24%); }
.planet { position: absolute; z-index: 2; inset: 50% auto auto 50%; width: 12rem; height: 12rem; display: grid; place-content: center; justify-items: center; transform: translate(-50%, -50%); border: 1px solid var(--gold); border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgb(82 244 238 / 22%), rgb(6 13 29 / 97%) 68%); box-shadow: 0 0 4rem rgb(82 244 238 / 14%); }.planet span, .planet small { color: var(--cyan); font-size: .52rem; font-weight: 900; letter-spacing: .16em; }.planet strong { color: var(--paper); font: 500 2.2rem/1.1 Georgia, serif; }
.place { position: absolute; z-index: 3; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border: 1px solid var(--cyan); border-radius: 50%; background: #071326; color: var(--cyan); font-size: .55rem; font-style: normal; font-weight: 900; box-shadow: 0 0 1.2rem rgb(82 244 238 / 22%); }.place-1 { top: 5%; left: 45%; }.place-2 { top: 24%; right: 6%; }.place-3 { right: 10%; bottom: 18%; }.place-4 { bottom: 5%; left: 42%; }.place-5 { bottom: 21%; left: 7%; }.place-6 { top: 22%; left: 5%; border-color: var(--gold); color: var(--gold); }
.nation-copy h2 { max-width: 10ch; }.nation-copy > p:not(.eyebrow) { margin-top: 1.8rem; }.nation-copy ol { margin: 2.4rem 0 0; padding: 0; list-style: none; }.nation-copy li { display: grid; grid-template-columns: 3.2rem 1fr; padding: .8rem 0; border-top: 1px solid var(--line); color: #d4e2ea; }.nation-copy li span { color: var(--cyan); font-size: .58rem; font-weight: 900; }

.living { border-top: 1px solid var(--line); }.living-console { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }.living-console article { min-height: 24rem; padding: 2rem; background: linear-gradient(150deg, #0d1b2d, #050a17); }.living-console span { color: var(--cyan); font-size: .56rem; font-weight: 900; letter-spacing: .14em; }.living-console h3 { margin: 5rem 0 1rem; color: var(--paper); font: 500 clamp(1.8rem, 3vw, 2.7rem)/1.04 Georgia, serif; }.living-console p { color: #9fb1be; }.connectivity { margin: 1rem 0 0; padding: 1rem 1.2rem; border-left: 2px solid var(--cyan); background: rgb(82 244 238 / 5%); color: #aebfca; font-size: .68rem; font-weight: 800; letter-spacing: .06em; }

.stewardship { display: grid; grid-template-columns: 1fr .45fr; gap: clamp(3rem, 9vw, 10rem); align-items: end; padding: clamp(6rem, 10vw, 10rem) max(1.5rem, calc((100vw - var(--max)) / 2)); background: linear-gradient(125deg, #e4d5ad, #fff6dc 55%, #d9c796); color: #151a28; }.stewardship .eyebrow { color: #176b68; }.stewardship h2 { max-width: 12ch; color: #12182d; }.stewardship p { max-width: 57rem; margin-top: 1.7rem; color: #4f544d; }.stewardship nav { display: grid; border-top: 1px solid rgb(22 92 87 / 30%); }.stewardship nav a { padding: 1rem 0; border-bottom: 1px solid rgb(22 92 87 / 30%); color: #185f5c; font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }

.support { position: relative; min-height: 90svh; display: grid; grid-template-columns: minmax(23rem, .75fr) minmax(0, 1fr); gap: clamp(4rem, 10vw, 12rem); align-items: center; width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; padding: clamp(6rem, 10vw, 10rem) 0; }
.support-light { position: relative; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgb(229 189 91 / 24%); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 3rem, rgb(229 189 91 / 6%) 3.05rem 3.1rem); box-shadow: 0 0 8rem rgb(229 189 91 / 8%); }.support-light::before, .support-light::after { content: ""; position: absolute; inset: 12%; border: 1px solid var(--gold); border-radius: 50%; transform: scaleY(.4) rotate(30deg); animation: spin 20s linear infinite; }.support-light::after { transform: scaleY(.5) rotate(-52deg); border-color: var(--cyan); animation-direction: reverse; }.support-light b { width: 10rem; height: 10rem; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; background: radial-gradient(circle, rgb(229 189 91 / 20%), #07101f 70%); color: var(--gold-hot); font: 300 5rem/1 Inter, sans-serif; box-shadow: 0 0 3rem rgb(229 189 91 / 22%); }.support-light i { position: absolute; width: .6rem; height: .6rem; border-radius: 50%; background: var(--gold); box-shadow: 0 0 1rem var(--gold); }.support-light i:nth-child(1) { top: 12%; left: 47%; }.support-light i:nth-child(2) { right: 9%; bottom: 32%; background: var(--cyan); }.support-light i:nth-child(3) { bottom: 8%; left: 34%; }
.support h2 { max-width: 11ch; }.support-copy > p { margin-top: 1.7rem; max-width: 47rem; }.donation-terminal { margin-top: 2.4rem; padding: 1.5rem; border: 1px solid var(--gold); background: linear-gradient(145deg, rgb(229 189 91 / 9%), rgb(7 13 29 / 90%)); box-shadow: inset 0 0 3rem rgb(229 189 91 / 5%); }.donation-terminal span, .donation-terminal strong { display: block; }.donation-terminal span { color: var(--cyan); font-size: .55rem; font-weight: 900; letter-spacing: .15em; }.donation-terminal strong { margin-top: .9rem; overflow-wrap: anywhere; color: var(--gold-hot); font: 500 clamp(1.1rem, 2.5vw, 1.8rem)/1.25 Georgia, serif; }.donation-terminal button { min-height: 3rem; margin-top: 1.2rem; padding: .7rem 1rem; border: 1px solid rgb(82 244 238 / 42%); background: rgb(82 244 238 / 7%); color: #ddffff; cursor: pointer; font: 900 .6rem/1 Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; }.support-copy > small { display: block; margin-top: 1rem; color: #788d9b; font-size: .66rem; }

.site-footer { width: min(calc(100% - 3rem), var(--max)); display: grid; grid-template-columns: .55fr 1fr auto; gap: 2rem; align-items: start; margin: 0 auto; padding: 2.5rem 0 3.5rem; border-top: 1px solid var(--line); color: #788c9a; font-size: .68rem; }.site-footer strong, .site-footer span { display: block; }.site-footer div strong { color: var(--paper); font: 600 1rem/1.3 Georgia, serif; }.site-footer div span { margin-top: .25rem; color: var(--cyan); font-size: .52rem; letter-spacing: .12em; }.site-footer p { margin: 0; }.site-footer p strong { display: inline; color: #aabcc7; }.site-footer > a { color: var(--gold); font-size: .58rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }

.offline-shell { width: min(calc(100% - 2rem), 48rem); min-height: 100svh; display: grid; align-content: center; gap: 1.4rem; margin: 0 auto; padding: 3rem 0; }
.offline-shell h1 { max-width: 10ch; margin: 0; color: var(--paper); font: 500 clamp(3.5rem, 12vw, 7rem)/.88 Georgia, serif; letter-spacing: -.055em; }
.offline-shell p { max-width: 43rem; margin: 0; color: #b8c8d3; }
.offline-shell small { padding-top: 1.2rem; border-top: 1px solid var(--line); color: var(--muted); }
.offline-shell .button { width: max-content; }

@supports (animation-timeline: view()) {
  .discovery-card, .system-module, .living-console article { animation: enter-space both linear; animation-timeline: view(); animation-range: entry 5% cover 28%; }
  .founder-story, .nation-copy, .support-copy { animation: transmit both linear; animation-timeline: view(); animation-range: entry 8% cover 32%; }
}

@keyframes enter-space { from { opacity: 0; transform: translateY(5rem) rotateX(7deg) scale(.96); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes transmit { from { opacity: 0; transform: translateX(4rem); } to { opacity: 1; transform: none; } }
@keyframes spin { to { rotate: 360deg; } }
@keyframes radar { to { rotate: 360deg; } }
@keyframes scan { from { background-position: 0 -10rem; } to { background-position: 0 10rem; } }
@keyframes core-pulse { 50% { transform: translate(-50%, -50%) scale(1.045); box-shadow: 0 0 6rem rgb(82 244 238 / 30%), inset 0 0 2rem rgb(229 189 91 / 18%); } }
@keyframes signal-pulse { 50% { opacity: .35; box-shadow: 0 0 1.5rem var(--tone); } }
@keyframes star-drift { to { transform: translate3d(1.5rem, -2rem, 0); opacity: .35; } }

@media (max-width: 1100px) {
  .arrival { grid-template-columns: minmax(0, 1fr) minmax(23rem, .72fr); gap: 3rem; }
  .arrival h1 { font-size: clamp(4rem, 8.5vw, 7rem); }
  .site-header nav { gap: 1rem; }.site-header nav a { font-size: .58rem; }
  .intelligence-shell, .founder-grid, .nation-field, .support { gap: 4rem; }
}

@media (max-width: 900px) {
  .site-header { width: min(calc(100% - 2rem), var(--max)); }
  .site-header nav a:not(.nav-donate) { display: none; }
  .arrival, .intelligence-shell, .founder-grid, .nation-field, .support { grid-template-columns: 1fr; }
  .arrival { width: min(calc(100% - 2rem), var(--max)); padding-top: 9rem; }
  .arrival h1 { max-width: 11ch; font-size: clamp(4.2rem, 15vw, 7.4rem); }
  .portal-stage { width: min(100%, 38rem); min-height: 38rem; justify-self: center; }
  .scroll-cue { display: none; }
  .signal-deck { width: min(calc(100% - 2rem), var(--max)); grid-template-columns: repeat(2, 1fr); }.signal-deck div:nth-child(2) { border-right: 0; }.signal-deck div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .journey-section, .nation-field, .support, .site-footer { width: min(calc(100% - 2rem), var(--max)); }
  .section-heading { grid-template-columns: 1fr; gap: 1.8rem; }.section-heading > p { max-width: 50rem; }
  .intelligence-shell { width: min(calc(100% - 2rem), var(--max)); }.ai-visual { width: min(100%, 38rem); justify-self: center; }
  .founder-identity { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 3rem; align-items: start; }.founder-identity .eyebrow, .founder-identity h2 { grid-column: 1 / -1; }.identity-scan { margin-top: 0; }.founder-identity dl { margin: 0; }
  .nation-orbit, .support-light { width: min(100%, 36rem); justify-self: center; }
  .stewardship { grid-template-columns: 1fr; padding-inline: 1rem; }
  .living-console { grid-template-columns: 1fr; }.living-console article { min-height: 19rem; }.living-console h3 { margin-top: 3rem; }
  .site-footer { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .brand-core { width: 2.65rem; height: 2.65rem; }.brand-copy strong { font-size: .82rem; }.brand-copy small { max-width: 14rem; font-size: .47rem; }
  .site-header { min-height: 5.25rem; }.site-header nav .nav-donate { min-height: 2.3rem; padding: 0 .7rem; }
  .arrival { min-height: auto; padding-bottom: 4.5rem; }.arrival h1 { font-size: clamp(3.7rem, 19vw, 5.8rem); }.arrival-lede { font-size: .98rem; }
  .arrival-actions { display: grid; }.button { width: 100%; }
  .portal-stage { min-height: auto; padding: 1rem; border-radius: 2rem; }.holo-gateway { margin-block: 2.2rem 1rem; }.holo-core { width: 7.5rem; height: 7.5rem; }.holo-core strong { font-size: 2.4rem; }.portal-readout { grid-template-columns: 1fr; }.portal-readout div { padding: .7rem 0; border-top: 1px solid var(--line); }
  .signal-deck { grid-template-columns: 1fr; }.signal-deck div { min-height: 8rem; border-right: 0; border-bottom: 1px solid var(--line); }.signal-deck div:nth-child(2) { border-right: 0; }.signal-deck div:last-child { border-bottom: 0; }
  .journey-section { padding-block: 7rem; }.section-index { top: 2rem; }.section-heading h2, .intelligence h2, .founder h2, .nation-field h2, .stewardship h2, .support h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .discovery-grid, .system-flight { grid-template-columns: 1fr; }.discovery-card { min-height: 20rem; }.system-module { min-height: 28rem; }.module-code { font-size: 5rem; }.system-module h3 { margin-top: 4.5rem; }
  .ai-visual { min-height: 31rem; }.ai-brain { margin-top: 2rem; }.ai-stream { grid-template-columns: 1fr; gap: .25rem; }.ai-stream span { padding: 0; }.intelligence { padding-block: 7rem; }
  .founder-identity { grid-template-columns: 1fr; }.founder-identity .eyebrow, .founder-identity h2 { grid-column: auto; }.identity-scan { width: min(100%, 22rem); }.founder blockquote { padding-left: 1.2rem; }
  .planet { width: 9rem; height: 9rem; }.planet strong { font-size: 1.65rem; }.nation-field { padding-block: 7rem; }
  .support { min-height: auto; }.support-light { width: min(100%, 25rem); }.support-light b { width: 7rem; height: 7rem; font-size: 3.5rem; }
  .donation-terminal { padding: 1.1rem; }.donation-terminal button { width: 100%; }
}

@media (max-width: 380px) {
  .brand-copy small { display: none; }.site-header { width: calc(100% - 1rem); }.arrival, .signal-deck, .journey-section, .intelligence-shell, .nation-field, .support, .site-footer { width: calc(100% - 1.25rem); }
  .arrival h1 { font-size: 3.35rem; }.eyebrow { letter-spacing: .14em; }.satellite { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .portal-stage { transform: none; }
}

@media (prefers-contrast: more) {
  :root { --text: #fff; --muted: #c7d5dd; --line: rgb(82 244 238 / 48%); }
  .system-module, .discovery-card, .portal-stage { background: #050916; }
}