:root{--bg:#08090b;--panel:#16181db8;--line:#262a31;--text:#f3f0e8;--muted:#9ea1a8;--gold:#e6c069;--gold2:#a8803a;--up:#26a69a;--down:#ef5350;--sans:"IBM Plex Sans Thai",system-ui,sans-serif;--head:"Kanit","IBM Plex Sans Thai",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text);font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}a{color:inherit}::selection{background:var(--gold);color:#111}.wrap{width:min(1120px,100%);margin:auto;padding:0 16px}.bg{z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx,70%) var(--my,20%), #e6c0691a, transparent 60%), linear-gradient(#ffffff09 1px, transparent 1px) 0 0/48px 48px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0/48px 48px;position:fixed;inset:0}.bg:before{content:"";opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite grain;position:absolute;inset:-50%}.bg:after{content:"";background:radial-gradient(ellipse at top, transparent 40%, var(--bg) 85%);position:absolute;inset:0}@view-transition{navigation:auto}.nav{z-index:20;view-transition-name:nav;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:sticky;top:0}.nav.scrolled,.nav.open{-webkit-backdrop-filter:blur(14px);background:#08090bb8;border-color:#ffffff0f}.nav .wrap{align-items:center;gap:24px;height:68px;display:flex}.logo{font:700 16px var(--mono);letter-spacing:.32em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.logo i{background:var(--gold);width:10px;height:10px;box-shadow:0 0 12px var(--gold);border-radius:50%;animation:2.4s infinite pulse}.nav nav{align-items:center;gap:4px;display:flex}.nav nav a:not(.btn){color:var(--muted);font:500 15px var(--sans);border:1px solid #0000;border-radius:99px;align-items:baseline;gap:6px;padding:6px 14px;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:flex}.nav nav a small{font:500 10px var(--mono);color:var(--gold2);letter-spacing:.1em}.nav nav a:not(.btn):hover{color:var(--text);background:#ffffff0a}.nav nav a[aria-current]{color:var(--text);background:#e6c06914;border-color:#e6c06959}.nav nav a[aria-current] small{color:var(--gold)}.nav .donate{margin-left:12px;padding:8px 18px;font-size:14px}.menu{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:40px;display:none;position:relative}.menu span,.menu span:before,.menu span:after{background:var(--text);width:16px;height:1.5px;transition:transform .3s,opacity .2s;position:absolute;left:11px}.menu span{top:19px}.menu span:before,.menu span:after{content:"";left:0}.menu span:before{top:-5px}.menu span:after{top:5px}.nav.open .menu span{background:0 0}.nav.open .menu span:before{transform:translateY(5px)rotate(45deg)}.nav.open .menu span:after{transform:translateY(-5px)rotate(-45deg)}@media (width<=760px){.menu{display:block}.nav nav{background:var(--bg);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;padding:12px 16px 20px;transition:opacity .25s,translate .25s;position:absolute;top:68px;left:0;right:0;translate:0 -8px}.nav.open nav{opacity:1;pointer-events:auto;translate:0}.nav nav a:not(.btn){border-radius:10px;padding:12px 16px;font-size:17px}.nav .donate{justify-content:center;margin:8px 0 0}}h1{font:600 clamp(42px,8vw,96px)/1.15 var(--head);letter-spacing:-.01em;margin:0 0 20px}h2{font:600 23px/1.4 var(--head);letter-spacing:.01em;margin:0 0 6px}.shine{background:linear-gradient(100deg,var(--gold2) 20%,#fff3cf 40%,var(--gold) 55%,var(--gold2) 80%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}.eyebrow i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;animation:1.6s infinite pulse}.eyebrow{backdrop-filter:blur(6px);font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#e6c0690d;border:1px solid #e6c0694d;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 14px;display:inline-flex}.hero{padding-block:88px 56px;position:relative}.hero.big{flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100svh - 68px);padding-block:48px 96px;display:flex}.terminal{z-index:-1;perspective:1200px;pointer-events:none;-webkit-mask-composite:source-in;position:absolute;inset:0 -16px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 35% 85%,#0000),linear-gradient(#0000,#000 15% 80%,#0000);mask-composite:intersect}.terminal canvas{opacity:.6;width:100%;height:100%;transform:rotateY(calc(var(--tx,0) * -6deg - 4deg)) rotateX(calc(var(--ty,0) * 6deg + 4deg)) scale(1.04);transition:transform .4s ease-out}.line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.line>span{animation:1s cubic-bezier(.2,.7,.1,1) both rise;display:inline-block}.line:nth-child(2)>span{animation-delay:.12s}.rise-late{animation:.9s cubic-bezier(.2,.7,.1,1) .35s both fade-up}.scroll-hint{font:500 11px var(--mono);letter-spacing:.3em;color:var(--muted);align-items:center;gap:12px;display:flex;position:absolute;bottom:28px;left:0}.scroll-hint span{background:linear-gradient(var(--gold),transparent);transform-origin:top;width:1px;height:36px;animation:1.8s infinite drip}.lead{color:var(--muted);max-width:56ch;font:300 19px/1.8 var(--sans);margin:0 0 32px}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{background:linear-gradient(135deg,#f4d58d,var(--gold) 50%,var(--gold2));color:#16120a;font:500 16px var(--head);letter-spacing:.02em;transform:translate(var(--bx,0px), calc(var(--by,0px) - var(--lift,0px)));border-radius:8px;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.1,1),box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn>span{position:relative}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:40%;height:100%;transition:left .6s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.btn:hover{--lift:2px;box-shadow:0 10px 30px -8px #e6c06999}.btn:hover:before{left:120%}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.ghost:hover{border-color:var(--gold);box-shadow:none}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;padding-bottom:72px;display:grid}.card{--x:50%;--y:50%;background:var(--panel);border:1px solid var(--line);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-radius:12px;padding:28px;text-decoration:none;transition:transform .25s,border-color .25s,opacity .8s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(320px circle at var(--x) var(--y), #e6c06929, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;background:conic-gradient(from var(--a), transparent 0 65%, var(--gold) 80%, #fff3cf 85%, transparent 90%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;animation:4s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.card:hover{border-color:#e6c06940}.card:hover:after,.card:hover:before{opacity:1}.card h2,.card p{position:relative}.card p{color:var(--muted);margin:0}.card .num{font:700 56px var(--mono);color:#ffffff0d;position:absolute;top:10px;right:20px}.card .go{font:500 14px var(--sans);color:var(--gold);margin-top:18px;transition:transform .25s;display:inline-block;position:relative}.card:hover .go{transform:translate(6px)}.tape{border-block:1px solid var(--line);background:#08090b80;min-height:46px;margin:0 -16px 56px}.kicker{font:500 13px var(--mono);letter-spacing:.25em;color:var(--gold);margin:0 0 16px}.giant{pointer-events:none;margin:24px -16px 72px;overflow:hidden}.giant span{white-space:nowrap;font:700 clamp(80px,16vw,220px)/1 var(--head);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #e6c06959;transform:translateX(calc(var(--g,0) * -45%));will-change:transform;display:block}.cta{text-align:center;border:1px solid var(--line);background:radial-gradient(600px 240px at 50% 0%, #e6c06924, transparent 70%), var(--panel);border-radius:16px;margin-bottom:80px;padding:64px 24px;position:relative;overflow:hidden}.cta h2{font-size:clamp(28px,4.5vw,48px)}.cta p{color:var(--muted);max-width:44ch;margin:8px auto 28px}.section-title h2{font-family:var(--mono);letter-spacing:.05em;font-weight:700}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.live{font:500 12px var(--mono);letter-spacing:.15em;color:var(--up);align-items:center;gap:8px;display:inline-flex}.live i{background:var(--up);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.chart{border:1px solid var(--line);border-radius:12px;height:clamp(520px,86vh,860px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #e6c06914,0 40px 120px -40px #e6c06940}.note{color:var(--muted);margin:12px 0 56px;font-size:14px}.reveal{opacity:0;transition:opacity .8s,translate .8s,transform .25s,border-color .25s;translate:0 24px}.reveal.in{opacity:1;translate:0}html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}.cursor{display:none}.has-cursor .cursor{z-index:100;pointer-events:none;display:block;position:fixed;inset:0}.cursor:before,.cursor i{content:"";border-radius:50%;transition:width .25s,height .25s,opacity .2s,background .25s,border-color .25s;position:absolute;top:0;left:0}.cursor:before{background:var(--gold);width:6px;height:6px;transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%))}.cursor i{width:34px;height:34px;transform:translate(calc(var(--rx) - 50%), calc(var(--ry) - 50%));border:1px solid #e6c06999}.cursor.hot i{border-color:var(--gold);background:#e6c0691a;width:64px;height:64px}.cursor.off:before,.cursor.off i{opacity:0}.progress{z-index:30;background:linear-gradient(90deg,var(--gold2),var(--gold),#fff3cf);transform-origin:0;height:2px;transform:scaleX(var(--scroll,0));box-shadow:0 0 10px var(--gold);position:fixed;top:0;left:0;right:0}footer{border-top:1px solid var(--line);color:var(--muted);padding-block:28px;font-size:14px}footer p{margin:0 0 4px}.foot-top{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:16px;display:flex}.foot-top nav{flex-wrap:wrap;gap:8px 20px;display:flex}.foot-top nav a{color:var(--muted);text-decoration:none}.foot-top nav a:hover{color:var(--gold)}@keyframes shine{to{background-position:-250% 0}}@keyframes pulse{50%{opacity:.35}}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}@keyframes rise{0%{transform:translateY(110%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}@keyframes drip{0%{transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes grain{25%{transform:translate(-5%,4%)}50%{transform:translate(4%,-3%)}75%{transform:translate(-3%,-5%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}@view-transition{navigation:none}.reveal{opacity:1;translate:none}}