:root{--black:#050706;--panel:#0b110e;--green:#0d583f;--gold:#c8a84e;--white:#f4f5ef;--muted:#9ba69f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans Thai",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:linear-gradient(#050706,transparent)}a{color:inherit;text-decoration:none}.brand{font-weight:900;letter-spacing:.18em}.topbar nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:100px 5vw 40px;position:relative}.hero-copy{z-index:3;max-width:590px}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:11px;font-weight:700}.hero h1{font-size:clamp(58px,8vw,118px);line-height:.84;margin:22px 0 28px;letter-spacing:-.065em}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--gold)}.lead{font-size:18px;line-height:1.8;color:#cbd1cc;max-width:630px}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{border-radius:999px;padding:14px 22px;border:1px solid #546159;background:transparent;color:white;font-weight:700;cursor:pointer}.primary{background:var(--gold);border-color:var(--gold);color:#111}.ghost:hover{border-color:var(--gold)}.network{position:relative;aspect-ratio:1.22;max-width:760px;width:100%}.links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.links path{fill:none;stroke:rgba(200,168,78,.35);stroke-width:1.5;stroke-dasharray:7 8;animation:dash 18s linear infinite}.links .sub{stroke:rgba(13,88,63,.55)}@keyframes dash{to{stroke-dashoffset:-240}}.node{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(200,168,78,.7);color:var(--white);background:#07100c;border-radius:999px;padding:12px 16px;font-size:10px;letter-spacing:.1em;box-shadow:0 0 0 6px rgba(200,168,78,.05),0 0 28px rgba(200,168,78,.13);cursor:pointer}.node:hover,.node.selected{background:var(--gold);color:#0a0d0b}.core{left:50%;top:50%;width:108px;height:108px;font-size:13px}.n1{left:22%;top:20%}.n2{left:78%;top:20%}.n3{left:17%;top:79%}.n4{left:83%;top:79%}.n5{left:50%;top:8%}.n6{left:50%;top:88%}.node-detail{position:absolute;right:5vw;bottom:7vh;width:min(330px,40vw);padding:20px;border-left:1px solid var(--gold);background:rgba(5,7,6,.78);backdrop-filter:blur(10px)}.node-detail h2{margin:5px 0}.node-detail p:last-child{color:var(--muted);line-height:1.55}.system-section,.paths,.creator{padding:110px 7vw}.system-section{text-align:center;background:linear-gradient(180deg,var(--black),#07110d,var(--black))}.system-section h2,.paths h2,.creator h2{font-size:clamp(38px,6vw,80px);margin:12px 0 40px;letter-spacing:-.05em}.flow{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:#c9ccca;font-size:12px;letter-spacing:.12em}.flow i{height:1px;width:34px;background:var(--gold)}.section-heading{max-width:700px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:300px;border:1px solid #25312b;padding:28px;background:linear-gradient(145deg,#0c1511,#070a08);display:flex;flex-direction:column}.card p{color:var(--gold)}.card h3{font-size:28px;margin:25px 0 15px}.card span{color:var(--muted);line-height:1.7}.card a,.card b{margin-top:auto;color:var(--gold);font-size:12px;letter-spacing:.1em}.locked{opacity:.5}.creator{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;border-top:1px solid #1c2822}.creator-copy>p{font-size:18px;color:#c9cfcb;line-height:1.8}.creator ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:35px 0}.creator li{padding:13px 0;border-bottom:1px solid #27332d;color:var(--muted)}.status{font-size:12px!important;color:var(--gold)!important;opacity:0;transition:.3s}.status.show{opacity:1}footer{padding:36px 5vw;border-top:1px solid #1c2822;display:flex;justify-content:space-between;color:var(--muted)}footer span{color:var(--white);font-weight:800;letter-spacing:.16em}@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.network{margin-top:45px}.node-detail{position:relative;right:auto;bottom:auto;width:100%;margin-top:20px}.cards,.creator{grid-template-columns:1fr}.creator ul{grid-template-columns:1fr}.system-section,.paths,.creator{padding:80px 6vw}}