:root{--hood:#00c805;--hood-deep:#00a004;--hood-ink:#003d02;--swamp:#0f2a1c;--swamp-mid:#163526;--mud:#241c12;--slime:#b8f06e;--mist:#d7f5c8;--liquidity:#5eead4;--gas:#eaf7a8;--foam:#f3fff0;--text:#e8f5e3;--muted:#9bb89a;color:var(--text);background:var(--swamp);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,system-ui,sans-serif;font-weight:500;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #00c8052e, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 30%, #5eead414, transparent 50%), linear-gradient(180deg, #0b2216 0%, var(--swamp) 40%, #0a1a12 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--hood);color:var(--hood-ink)}.page{position:relative;overflow-x:clip}.swamp-haze{pointer-events:none;z-index:0;opacity:.7;background:repeating-linear-gradient(-12deg,#0000 0 14px,#00c80504 14px 15px);position:fixed;inset:0}.topbar,main,.footer{z-index:1;position:relative}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b2216e0;border-bottom:1px solid #00c8052e;justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;padding:.85rem clamp(1.2rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.brand-mark{letter-spacing:.02em;color:var(--foam);align-items:center;font-family:Lilita One,cursive;font-size:1.15rem;display:inline-flex}.nav{color:var(--muted);gap:clamp(.85rem,2vw,1.5rem);font-size:.92rem;font-weight:600;display:flex}.nav a:hover{color:var(--hood)}.hero{align-items:end;min-height:100dvh;padding:0;display:grid;position:relative;overflow:hidden}.hero-visual{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-img{object-fit:cover;object-position:center 35%;width:108%;max-width:none;height:108%;animation:18s ease-in-out infinite alternate slow-drift;position:absolute;inset:-4%}@keyframes slow-drift{0%{transform:scale(1.02)translateY(0)}to{transform:scale(1.05)translateY(-1%)}}.hero-scrim{background:linear-gradient(#0b221659 0%,#0b22161f 32%,#0b2216d1 68%,#0b2216f5 88%,#0b2216 100%),linear-gradient(90deg,#0b22168c 0%,#0000 45%);position:absolute;inset:0}.hero-copy{z-index:1;width:min(720px,100%);padding:clamp(1.5rem,5vw,4rem) clamp(1.2rem,4vw,3rem) .85rem;position:relative}.brand-title{letter-spacing:.01em;color:var(--foam);text-shadow:0 4px #003d0259;margin:0;font-family:Lilita One,cursive;font-size:clamp(3.4rem,11vw,7.2rem);line-height:.92}.hero-line{max-width:28ch;color:var(--mist);margin:1rem 0 0;font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.btn{border-radius:.35rem;justify-content:center;align-items:center;min-height:2.85rem;padding:.7rem 1.2rem;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--hood);color:var(--hood-ink)}.btn-primary:hover{background:#12e20c}.btn-ghost{color:var(--foam);background:0 0;border:1.5px solid #b8f06e59}.btn-ghost:hover{border-color:var(--hood);color:var(--hood)}.hero-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--slime);margin:1.15rem 0 0;font-size:.85rem;font-weight:600}.section{padding:clamp(3.5rem,9vw,6.5rem) clamp(1.2rem,4vw,3rem)}.section-inner{width:min(980px,100%);margin:0 auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hood);margin:0 0 .65rem;font-size:.78rem;font-weight:700}.section h2{color:var(--foam);margin:0;font-family:Lilita One,cursive;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05}.lead{max-width:42rem;color:var(--muted);margin:1rem 0 0;font-size:1.08rem}.lead.narrow{max-width:34rem}.traits{gap:1.4rem;margin:2.4rem 0 0;padding:0;list-style:none;display:grid}.traits li{border-top:1px solid #00c80538;gap:.25rem;padding-top:1.2rem;display:grid}.traits strong{color:var(--slime);font-family:Lilita One,cursive;font-size:1.35rem;font-weight:400}.traits span{color:var(--muted)}.steps{gap:1.5rem;margin:2.2rem 0 0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.step-num{color:var(--hood);font-family:Lilita One,cursive;font-size:1.6rem;line-height:1}.steps h3{color:var(--foam);margin:0;font-size:1.2rem}.steps p{color:var(--muted);margin:.35rem 0 0}.supply-list{gap:1.5rem;margin-top:2.2rem;display:grid}.supply-row{gap:.45rem;display:grid}.supply-top{justify-content:space-between;gap:1rem;font-weight:700;display:flex}.supply-top strong{color:var(--hood);font-family:Lilita One,cursive;font-size:1.35rem;font-weight:400}.supply-bar{background:#ffffff0f;height:.55rem;overflow:hidden}.supply-bar span{background:linear-gradient(90deg, var(--hood-deep), var(--slime));height:100%;display:block}.supply-row p{color:var(--muted);margin:0;font-size:.92rem}.path-rail{border-left:2px solid #00c80559;gap:1.75rem;margin-top:2.4rem;padding-left:1.25rem;display:grid}.path-item{position:relative}.path-item:before{content:"";background:var(--hood);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:.45rem;left:calc(-1.25rem - 5px)}.phase{letter-spacing:.12em;color:var(--liquidity);font-size:.78rem;font-weight:700;display:block}.path-item h3{color:var(--foam);margin:.3rem 0 0;font-family:Lilita One,cursive;font-size:1.45rem;font-weight:400}.path-item p{color:var(--muted);margin:.35rem 0 0}.contract-panel{text-align:center;background:radial-gradient(at 50% 0,#00c80529,#0000 55%),linear-gradient(#163526e6,#0f2a1c8c);border:1px solid #00c80547;padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,2rem)}.contract-panel .lead{margin-left:auto;margin-right:auto}.ca-box{background:#00000047;border:1px dashed #b8f06e59;width:min(420px,100%);margin:1.6rem auto 0;padding:1rem 1.2rem}.ca-box code{letter-spacing:.08em;color:var(--slime);font-family:Manrope,monospace;font-size:1.1rem;font-weight:700}.footer{text-align:center;border-top:1px solid #00c8052e;padding:2.5rem clamp(1.2rem,4vw,3rem) 3rem}.footer p{color:var(--hood);margin:0;font-size:.95rem;font-weight:700}@media (width<=720px){.nav{display:none}.hero{min-height:100dvh}.hero-img{object-position:center 28%}.traits{gap:1rem}}@media (prefers-reduced-motion:reduce){.hero-img{animation:none}}