*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #06060e;--bg-card: #0d1220;--bg-section: #0a0f1c;--gold: #c8b450;--gold-dim: #8a7a35;--gold-faint: rgba(200, 180, 80, .08);--blue: #6b89c0;--blue-light: #9bb8e8;--text-primary: #e8e8e8;--text-muted: #9bb8e8;--glow: 0 0 18px rgba(200, 180, 80, .35);--font-pixel: "Press Start 2P", monospace;--font-body: "Inter", system-ui, sans-serif}html{font-size:18px;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-pixel);min-height:100dvh}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-9999px;left:0;z-index:9999;padding:.75rem 1.5rem;background:var(--gold);color:var(--bg-dark);font-family:var(--font-body);font-size:.9rem;font-weight:700;text-decoration:none;border-radius:0 0 4px}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-layout{display:flex;flex-direction:column;min-height:100dvh}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#06060eeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--gold-dim)}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--gold)}.nav-logo-emoji{font-size:1.2rem;line-height:1}.nav-logo-text{font-size:.65rem;color:var(--gold);letter-spacing:.04em;line-height:1.6}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{font-size:.6rem;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;transition:color .2s}.nav-link:hover,.nav-link--active{color:var(--gold)}.hero{display:flex;align-items:center;justify-content:center;text-align:center;min-height:88dvh;padding:4rem 2rem;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(200,180,80,.07) 0%,transparent 70%),var(--bg-dark)}.hero--about{background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(107,137,192,.08) 0%,transparent 70%),var(--bg-dark);min-height:60dvh}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:680px}.hero-eyebrow{font-size:.45rem;color:var(--blue-light);letter-spacing:.1em;padding:.45rem .9rem;border:1px solid var(--blue);border-radius:2px;background:#6b89c014}.hero-title{font-size:clamp(1.4rem,7vw,2.6rem);color:var(--gold);text-shadow:0 0 30px rgba(200,180,80,.5),2px 2px 0 rgba(0,0,0,.6);line-height:1.6;letter-spacing:.04em}.hero-subtitle{font-family:var(--font-body);font-size:clamp(.9rem,2.5vw,1.05rem);color:var(--blue-light);line-height:1.75;max-width:500px;font-weight:400}.hero-badges{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.app-badge{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.45rem;letter-spacing:.05em;padding:.6rem 1.25rem;border:2px solid var(--gold-dim);border-radius:3px;background:var(--gold-faint);cursor:not-allowed;opacity:.85}.app-badge-store{color:var(--text-primary)}.app-badge-soon{font-size:.35rem;color:var(--blue-light);letter-spacing:.1em;opacity:1}.pixel-row{display:flex;gap:1rem;font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(200,180,80,.35))}.section{padding:5rem 2rem;background:var(--bg-dark)}.section--alt{background:var(--bg-section)}.container{max-width:1100px;margin:0 auto}.container--narrow{max-width:740px;margin:0 auto}.section-title{font-size:clamp(.7rem,3vw,1rem);color:var(--gold);text-align:center;letter-spacing:.04em;margin-bottom:1rem}.section-subtitle{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1rem);color:var(--text-muted);text-align:center;line-height:1.7;max-width:560px;margin:0 auto 3rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}@media (max-width: 820px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:2px solid var(--gold-dim);border-radius:4px;padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--gold);box-shadow:var(--glow)}.feature-emoji{font-size:1.75rem;filter:drop-shadow(0 0 6px rgba(200,180,80,.3))}.feature-title{font-size:.55rem;color:var(--gold);letter-spacing:.04em}.feature-desc{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.65}.village-block{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.village-emoji{font-size:3rem;filter:drop-shadow(0 0 10px rgba(200,180,80,.35))}.village-copy{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1rem);color:var(--text-muted);line-height:1.8;max-width:600px}.stats-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2.5rem}.stat-emoji{font-size:1.75rem;filter:drop-shadow(0 0 8px rgba(200,180,80,.3))}.stat-label{font-size:.4rem;color:var(--text-muted);letter-spacing:.06em;text-align:center}.stat-divider{width:2px;height:2.5rem;background:linear-gradient(180deg,transparent,var(--gold-dim),transparent)}@media (max-width: 540px){.stat-divider{display:none}.stats-row{gap:1rem}}.divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--gold) 50%,var(--gold-dim) 80%,transparent)}.footer{margin-top:auto;background:var(--bg-card);border-top:2px solid var(--gold-dim);padding:3rem 2rem 2rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.6rem}.footer-emoji{font-size:1.5rem;filter:drop-shadow(0 0 6px rgba(200,180,80,.3))}.footer-title{font-size:.65rem;color:var(--gold);letter-spacing:.04em}.footer-tagline{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted)}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{font-size:.6rem;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;transition:color .2s}.footer-link:hover{color:var(--gold)}.footer-bottom{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.footer-copy{font-size:.55rem;color:var(--text-muted);letter-spacing:.05em;opacity:.6;text-align:center}.mission-block{display:flex;flex-direction:column;gap:1.25rem;margin-top:2.5rem}.mission-copy{font-family:var(--font-body);font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-muted);line-height:1.85}.app-card{background:var(--bg-card);border:2px solid var(--gold-dim);border-radius:4px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem;transition:border-color .2s,box-shadow .2s}.app-card:hover{border-color:var(--gold);box-shadow:var(--glow)}.app-card-header{display:flex;align-items:center;gap:1.25rem}.app-card-emoji{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(200,180,80,.35))}.app-card-title{font-size:.6rem;color:var(--gold);letter-spacing:.04em;margin-bottom:.35rem}.app-card-status{font-size:.4rem;color:var(--blue-light);letter-spacing:.06em}.app-card-desc{font-family:var(--font-body);font-size:clamp(.875rem,2vw,1rem);color:var(--text-muted);line-height:1.75}.app-card-link{font-size:.45rem;color:var(--gold);text-decoration:none;letter-spacing:.05em;margin-top:.25rem;transition:opacity .2s;align-self:flex-start}.app-card-link:hover{opacity:.75}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:3rem}@media (max-width: 600px){.values-grid{grid-template-columns:1fr}}.value-card{background:var(--bg-card);border:2px solid var(--gold-dim);border-radius:4px;padding:1.75rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.value-emoji{font-size:1.75rem;filter:drop-shadow(0 0 6px rgba(200,180,80,.3))}.value-title{font-size:.55rem;color:var(--gold);letter-spacing:.04em}.value-desc{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.65}@media (max-width: 480px){.nav{padding:1rem}.nav-logo-text{font-size:.55rem}.nav-links{gap:1.25rem}}