:root{color-scheme:dark;font-family:Arial,sans-serif;color:#e8f6fa;background:#03090e;--cyan:#54e4f5;--muted:#a6bac5}*{box-sizing:border-box}body{margin:0;letter-spacing:0}a{color:var(--cyan)}header,footer{padding:20px 28px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #285268}header{background:#050d13}.brand{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:0}.sandbox{font-size:13px;color:var(--cyan);text-align:right}.sandbox span{display:block;color:var(--muted);margin-top:4px}.hero{min-height:560px;height:calc(100svh - 190px);max-height:780px;display:flex;align-items:center;padding:48px 7%;background:linear-gradient(90deg,rgba(0,8,16,.88),rgba(0,8,16,.16)),url('../assets/aerovanguard/background-orbit.jpg') center/cover}.hero-copy{max-width:590px}.eyebrow{font-size:12px;font-weight:700;color:var(--cyan)}h1{font-size:48px;margin:12px 0 18px;line-height:1.08}h2{font-size:22px}h3{font-size:17px}.intro{font-size:25px;line-height:1.4}.description{color:#c6d6df;font-size:16px;line-height:1.6;max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}button,.button{font:700 14px Arial,sans-serif;min-height:46px;padding:12px 22px;color:#e8fbff;background:#124058;border:7px solid transparent;border-image:url('../assets/ui/themes/cyan/button_normal.png') 9 fill stretch;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f4c064;outline-offset:4px}button.secondary,.secondary{background:#07141f}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.65}.icon{width:44px;padding:4px;font-size:22px}#wallet-status,#pending{font-size:13px;color:var(--muted);line-height:1.5;max-width:550px}#notice{padding:0 28px;color:#f4c064;min-height:20px}#hub{max-width:960px;margin:40px auto;padding:0 24px}#hub h1{font-size:30px}.hub-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.identity{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:20px 0;border-block:1px solid #285268;font-size:15px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}label{display:block;margin:24px 0 8px}label span{color:var(--muted)}.profile-row{display:flex;gap:12px}input{background:#07131e;border:1px solid #42728a;color:#eff9fb;font-size:16px;min-width:0;flex:1;padding:12px}.persisted{display:flex;gap:44px;margin:28px 0}.persisted span{display:block;font-size:13px;color:var(--muted)}.persisted strong{display:block;font-size:25px;margin-top:8px}.online{border-top:1px solid #285268;padding-top:12px}.online p{line-height:1.5;color:var(--muted)}.brief{padding:24px 7% 36px;border-top:1px solid #285268}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.features p{color:var(--muted);line-height:1.6;font-size:14px}footer{font-size:12px;color:var(--muted);border-top:1px solid #285268}dialog{color:#e8f6fa;background:#07151f;border:1px solid var(--cyan);width:440px;max-width:calc(100% - 32px);padding:22px}dialog::backdrop{background:#000b}.dialog-head{display:flex;align-items:center;justify-content:space-between}.wallet-choice{display:flex;width:100%;gap:14px;justify-content:flex-start;margin:10px 0}.wallet-choice img{width:30px;height:30px;object-fit:contain}#wallet-help{color:var(--muted);line-height:1.5;font-size:14px}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){button,.button{transition:filter .15s}}@media(max-width:600px){header{padding:16px;align-items:start}.brand{font-size:17px}.sandbox{font-size:11px}.hero{padding:32px 22px;min-height:530px;max-height:680px;height:calc(100svh - 140px)}h1{font-size:36px}.intro{font-size:22px}.description{font-size:14px}.actions{gap:8px}button,.button{padding:10px 13px;font-size:13px}.features{grid-template-columns:1fr;gap:6px}.brief{padding:20px 22px}.profile-row{flex-wrap:wrap}.profile-row input{flex-basis:100%}.hub-heading{align-items:start}#hub h1{font-size:25px}.identity{grid-template-columns:82px minmax(0,1fr);font-size:13px}.persisted{gap:24px}footer{padding:16px;line-height:1.5}}
:root{font-family:"Segoe UI",system-ui,sans-serif}button,.button{font-family:inherit;white-space:nowrap;border-image:url('../assets/ui/themes/cyan/button_normal.png') 4 fill / 8px / 0 stretch}button:hover,.button:hover{border-image-source:url('../assets/ui/themes/cyan/button_hover.png')}button:active{border-image-source:url('../assets/ui/themes/cyan/button_pressed.png')}button:disabled{border-image-source:url('../assets/ui/themes/cyan/button_disabled.png')}.hero{position:relative;background-image:url('../assets/aerovanguard/background-orbit.jpg');height:calc(100svh - 240px)}.hero::before{content:"";position:absolute;inset:0;background:#00102045;pointer-events:none}.hero-copy{position:relative;text-shadow:0 2px 3px #000}.description{color:#ecf8ff}#wallet-status{color:#d2e5ef}.hub-heading>button{flex-shrink:0}

/* SPACE IMPACT front page (Claude, 2026-10-13). Loaded after entry/styles.css; keeps the cyan pixel
   identity. Same-origin only (the account server's CSP allows 'self' styles; no inline styles). */
.landing-page { --cyan: #54e4f5; --gold: #ffc266; --void: #b77cff; background: #02060c; }
.site-header { position: sticky; top: 0; z-index: 10; align-items: center; padding: 12px 28px; background: #030a10e6; backdrop-filter: blur(6px); }
.site-header .brand { display: inline-flex; align-items: center; gap: 10px; color: #e8fbff; letter-spacing: .06em; font-weight: 800; }
.site-header .brand img { width: 30px; height: 30px; image-rendering: pixelated; }
.site-header .brand b { color: var(--cyan); }
.site-header nav { display: flex; gap: 22px; margin-left: auto; margin-right: 18px; font-size: 14px; font-weight: 600; }
.site-header nav a { color: #cfe6ef; text-decoration: none; }
.site-header nav a:hover { color: var(--cyan); }

/* Hero: a live, self-playing fight behind the headline. */
.landing-page .hero { position: relative; overflow: hidden; min-height: 620px; height: calc(100svh - 64px); max-height: 900px; padding: 56px 7%; background: #02060c; display: flex; align-items: center; }
.landing-page .hero::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, #02060cf2 0%, #02060cb3 38%, #02060c10 70%), linear-gradient(0deg, #02060c 0%, #02060c00 22%); }
#hero-scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.landing-page .hero-copy { position: relative; z-index: 2; max-width: 600px; }
.landing-page .eyebrow { letter-spacing: .14em; }
.logo { margin: 10px 0 14px; font-size: clamp(54px, 8.5vw, 112px); line-height: .9; font-weight: 900; font-style: italic; letter-spacing: .02em; text-transform: uppercase; color: #eafcff;
  text-shadow: 0 0 22px #54e4f566, 0 4px 0 #0b3a4a; }
.logo span { display: block; padding-left: .32em; color: transparent; background: linear-gradient(180deg, #a8f6ff 0%, #54e4f5 48%, #1aa3c4 100%); -webkit-background-clip: text; background-clip: text; text-shadow: none; filter: drop-shadow(0 0 18px #54e4f580) drop-shadow(0 4px 0 #0b3a4a); }
.landing-page .intro { font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; margin: 0 0 10px; }
.landing-page .intro em { font-style: normal; color: var(--void); text-shadow: 0 0 16px #b77cff88; }
.landing-page .description { font-size: 17px; max-width: 540px; }
.landing-page .actions button, .landing-page .actions .button { min-height: 52px; font-size: 15px; }
#connect { padding-inline: 30px; }
.get-wallet { margin: 10px 0 0; font-size: 14px; color: #d2e5ef; }
.get-wallet a { font-weight: 700; color: var(--void); }
.hero-stats { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none; }
.hero-stats li { padding: 6px 12px; border: 1px solid #54e4f540; background: #04121bcc; font-size: 13px; color: #bcd3dd; }
.hero-stats b { color: var(--cyan); font-size: 16px; margin-right: 4px; }

/* Feature pillars */
.pillars, .steps { padding: 72px 7%; border-top: 1px solid #1b3a4a; }
.pillars h2, .steps h2 { font-size: clamp(26px, 3.4vw, 40px); margin: 8px 0 30px; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pillar { position: relative; padding: 22px 22px 20px; background: linear-gradient(180deg, #0a1923, #050d14); border: 1px solid #1e4152; transition: transform .2s, border-color .2s; }
.pillar:hover { transform: translateY(-3px); border-color: var(--cyan); }
.pillar img { width: 40px; height: 40px; image-rendering: pixelated; object-fit: contain; }
.pillar h3 { margin: 12px 0 8px; font-size: 19px; }
.pillar p { margin: 0; color: #b8ccd6; line-height: 1.6; font-size: 15px; }
.pillar b { color: #e8fbff; }
.pillar.is-gold { border-color: #ffc26680; background: linear-gradient(180deg, #1d1708, #0a0d10); }
.pillar.is-gold h3 { color: var(--gold); }
.pillar.is-void { border-color: #b77cff80; background: linear-gradient(180deg, #170c26, #08060f); }
.pillar.is-void h3 { color: #d3b0ff; }

/* Launch steps */
.steps ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.steps li { padding: 22px; border: 1px solid #1e4152; background: #050d14; display: grid; align-content: start; gap: 6px; }
.steps li > span { width: 38px; height: 38px; display: grid; place-items: center; font-weight: 900; font-size: 18px; color: #02060c; background: var(--cyan); }
.steps h3 { margin: 8px 0 0; font-size: 19px; }
.steps p { margin: 0 0 12px; color: #b8ccd6; line-height: 1.55; }
.steps .button { justify-self: start; }
.landing-page footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.wallet-links { font-size: 14px; }
.landing-page #hub { padding-top: 24px; }

@media (prefers-reduced-motion: reduce) { .pillar { transition: none; } }
@media (max-width: 900px) { .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steps ol { grid-template-columns: 1fr; } .landing-page .hero::before { background: linear-gradient(0deg, #02060cf5 0%, #02060cb8 55%, #02060c40 100%); } .landing-page .hero { align-items: flex-end; } }
@media (max-width: 600px) {
  .site-header { padding: 10px 16px; } .site-header nav { display: none; } .sandbox { font-size: 10px; }
  .landing-page .hero { padding: 28px 18px 32px; min-height: 640px; height: auto; max-height: none; }
  .landing-page .description { font-size: 15px; }
  .landing-page .actions { display: grid; grid-template-columns: 1fr; } .landing-page .actions .button, .landing-page .actions button { width: 100%; }
  .pillars, .steps { padding: 44px 18px; } .pillar-grid { grid-template-columns: 1fr; }
}

/* Static pre-launch build: disabled actions read as "coming soon", not broken. */
.soon { position: relative; }
.soon small { display: block; font-size: 10px; letter-spacing: .12em; color: #ffc266; margin-top: 2px; }
.soon { flex-direction: column; line-height: 1.15; }
.launch-banner { position: relative; z-index: 2; display: inline-block; margin: 0 0 14px; padding: 4px 10px; border: 1px solid #ffc26699; background: #1d1708cc; color: #ffd27a; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.button.primary-link { background: #124058; }
.steps li > button { justify-self: start; }