:root{--bg:#08090d;--panel:#0e1017;--line:#242732;--text:#f3f4f7;--muted:#8d92a3;--accent:#b9ff5c;--accent2:#7c5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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)'/%3E%3C/svg%3E");z-index:20}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:100;box-shadow:0 0 18px var(--accent)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:fixed;top:0;width:100%;z-index:50;transition:.35s}.nav.scrolled{background:rgba(8,9,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid #1b1d25}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}.brand img{width:29px;height:29px}.nav nav{display:flex;gap:30px}.nav nav a,.nav-cta{color:#a9adba;text-decoration:none;font-size:13px;transition:.2s}.nav nav a:hover{color:#fff}.nav-cta{border:1px solid #30333e;padding:10px 15px;border-radius:999px;color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:850px;max-width:1250px;margin:auto;padding:170px 5vw 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);margin-right:8px}.hero h1{font-size:clamp(60px,8vw,112px);line-height:.88;letter-spacing:-.07em;margin:25px 0}.hero h1 em,h2 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;line-height:1.7;color:#aeb2bf;max-width:590px}.actions{display:flex;gap:12px;margin:32px 0}.button{display:inline-flex;gap:16px;align-items:center;text-decoration:none;border-radius:8px;padding:14px 18px;font-weight:700;font-size:13px;transition:.25s}.button.primary{background:var(--accent);color:#08090d}.button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #b9ff5c22}.button.ghost{border:1px solid #30333e;color:#fff}.button.ghost:hover{border-color:#626777;transform:translateY(-3px)}.micro{display:flex;gap:20px;color:#666b7a;font-size:11px}.hero-card{background:#0b0d12;border:1px solid #292c36;border-radius:14px;box-shadow:0 40px 100px #0009;overflow:hidden;position:relative;transform:rotate(1deg)}.window-top{height:45px;border-bottom:1px solid #252832;display:flex;align-items:center;gap:7px;padding:0 16px;color:#5f6472}.window-top span{width:8px;height:8px;border-radius:50%;background:#30333c}.window-top b{font:11px ui-monospace,monospace;margin-left:auto;margin-right:auto;color:#747987}.hero-card pre{padding:30px;margin:0;font:13px/2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8f95a4}.hero-card pre i{color:var(--accent);font-style:normal}.hero-card pre strong{color:#fff}.scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.2;animation:scan 4s linear infinite}@keyframes scan{from{top:45px}to{top:100%}}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.13;pointer-events:none}.orb-a{width:400px;height:400px;background:#735cff;right:-150px;top:100px}.orb-b{width:300px;height:300px;background:#b9ff5c;left:-170px;bottom:0}.ticker{overflow:hidden;border-block:1px solid #191b22;color:#4f5360;font-size:11px;letter-spacing:.2em;white-space:nowrap}.ticker div{padding:17px;animation:marquee 24s linear infinite}.ticker b{color:#757a88;margin:0 30px}@keyframes marquee{to{transform:translateX(-35%)}}.section{max-width:1150px;margin:auto;padding:150px 5vw}.section-head{max-width:720px}.section-head h2{font-size:clamp(48px,6vw,78px);letter-spacing:-.055em;line-height:.95;margin:20px 0}.section-head p{color:var(--muted);line-height:1.7;max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:70px}.feature{background:var(--bg);min-height:290px;padding:28px;position:relative;transition:.3s}.feature:hover{background:#0d1016;transform:translateY(-5px)}.feature .num{position:absolute;right:20px;top:20px;color:#3d414d;font:11px monospace}.icon{font-size:28px;margin:45px 0 40px}.feature h3{font-size:17px}.feature p{color:#777c8a;line-height:1.65;font-size:13px}.pipeline-section{padding-top:50px}.pipeline{display:flex;align-items:center;margin:70px 0 25px}.node{border:1px solid #2c303a;background:#0d1016;border-radius:12px;padding:25px;min-width:180px;display:flex;flex-direction:column;gap:8px}.node small{color:#555a68;font:10px monospace}.node strong{font-size:17px}.node span{font-size:11px;color:#707584}.node.active{border-color:#60733f;box-shadow:0 0 50px #b9ff5c0a}.connector{height:1px;background:#292c35;flex:1;position:relative}.connector i{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);position:absolute;top:-3px;animation:flow 2s linear infinite}@keyframes flow{from{left:0}to{left:100%}}.terminal{font:13px monospace;background:#0d1016;border:1px solid #222631;border-radius:8px;padding:18px;color:#fff}.terminal .prompt,.accent{color:var(--accent)}.muted{color:#686e7c}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.stats{border-block:1px solid #1b1e26;display:grid;grid-template-columns:repeat(4,1fr);max-width:1150px;margin:auto}.stats div{padding:55px 30px;border-right:1px solid #1b1e26}.stats div:last-child{border:0}.stats strong{display:block;font-size:42px;letter-spacing:-.04em}.stats span{color:#666b79;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.roadmap{margin-top:65px;border-top:1px solid #252832}.road{display:grid;grid-template-columns:120px 1fr 40px;gap:20px;padding:30px 0;border-bottom:1px solid #252832;align-items:start}.road>span{font:12px monospace;color:#777c89}.road b{font-size:18px}.road p{color:#777c89;margin:8px 0 0;line-height:1.6;font-size:13px}.road i{font-style:normal;color:#555a66}.road.current i,.road.current>span{color:var(--accent)}.community{max-width:1150px;margin:0 auto 100px;padding:75px 6vw;border:1px solid #282c37;border-radius:18px;background:radial-gradient(circle at 80% 20%,#7c5cff10,transparent 35%),#0b0d12;display:flex;justify-content:space-between;align-items:center;gap:50px}.community h2{font-size:clamp(45px,5vw,70px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.community p{color:#858a98;max-width:550px;line-height:1.6}.community-actions{display:flex;flex-direction:column;gap:12px;min-width:230px}.discord{display:flex;align-items:center;gap:12px;border:1px solid #30333e;padding:12px 15px;border-radius:10px;color:#fff;text-decoration:none}.discord div{flex:1}.discord b,.discord small{display:block}.discord small{font-size:10px;color:#777c8a;margin-top:3px}footer{border-top:1px solid #1d2028;padding:35px 5vw;display:flex;gap:28px;align-items:center;color:#5f6472;font-size:11px}footer .brand{margin-right:auto;font-size:16px}footer a{color:#8b91a0;text-decoration:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}@media(max-width:850px){.nav nav,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:140px}.hero-card{margin-top:30px}.feature-grid{grid-template-columns:1fr 1fr}.pipeline{overflow-x:auto;padding-bottom:10px}.connector{min-width:40px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.community{margin:0 5vw 70px;flex-direction:column;align-items:flex-start}.community-actions{width:100%}footer{flex-wrap:wrap}footer .brand{width:100%}}@media(max-width:520px){.hero{padding-inline:22px}.section{padding-inline:22px}.feature-grid{grid-template-columns:1fr}.stats{margin-inline:22px}.stats div{border-right:0;border-bottom:1px solid #1b1e26}.road{grid-template-columns:70px 1fr 20px}.micro{flex-wrap:wrap}.hero h1{font-size:62px}}

.changelog{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:65px}.release{background:#0d1016;border:1px solid #252832;border-radius:14px;padding:30px;transition:.3s}.release:hover{transform:translateY(-5px);border-color:#3b404d}.release>div{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #222631;padding-bottom:20px}.release span{font:700 25px monospace}.release small{color:#b9ff5c;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.release.next small{color:#8c91a0}.release ul{list-style:none;padding:10px 0;margin:0 0 18px}.release li{padding:10px 0;color:#858a98;font-size:13px;border-bottom:1px solid #191c23}.release li:before{content:"→";color:#b9ff5c;margin-right:10px}.release a{color:#fff;text-decoration:none;font-size:12px;font-weight:700}.release code{font-family:monospace;color:#dce0e8}@media(max-width:700px){.changelog{grid-template-columns:1fr}}

.lang-wrap{position:relative}.lang-btn{background:transparent;border:1px solid #30333e;color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:44px;background:#0e1017;border:1px solid #30333e;border-radius:10px;padding:5px;min-width:125px;box-shadow:0 15px 40px #0008}.lang-menu.open{display:block}.lang-menu button{display:block;width:100%;background:none;border:0;color:#b4b8c5;text-align:left;padding:9px 10px;border-radius:6px;cursor:pointer;font-size:12px}.lang-menu button:hover{background:#191c24;color:#fff}@media(max-width:850px){.lang-wrap{margin-left:auto;margin-right:12px}.nav .lang-wrap{display:block}}


/* ===== MFlow motion system ===== */
body{cursor:default}
body:before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:
radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(185,255,92,.09),transparent 22%),
radial-gradient(circle at 85% 10%,rgba(124,92,255,.13),transparent 28%),
radial-gradient(circle at 10% 75%,rgba(124,92,255,.07),transparent 25%);transition:background-position .15s ease}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%);opacity:.55}
::selection{background:var(--accent);color:#08090d}
.nav{will-change:transform}
.nav:after{content:"";position:absolute;left:5vw;right:5vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,255,92,.45),transparent);transform:scaleX(0);transform-origin:center;transition:transform .7s ease}
.nav.scrolled:after{transform:scaleX(1)}
.brand{position:relative}
.brand img{filter:drop-shadow(0 0 0 rgba(185,255,92,0));transition:transform .5s ease,filter .5s ease}
.brand:hover img{transform:rotate(-8deg) scale(1.12);filter:drop-shadow(0 0 12px rgba(185,255,92,.5))}
.nav nav a{position:relative}
.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .25s ease}
.nav nav a:hover:after{transform:scaleX(1)}
.hero{isolation:isolate}
.hero-copy{will-change:transform}
.hero h1{background:linear-gradient(110deg,#fff 20%,#cfd3dc 48%,#fff 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 7s linear infinite}
.hero h1 em{background:linear-gradient(90deg,var(--accent),#eaffc8,var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShimmer 5s linear infinite}
@keyframes titleShimmer{to{background-position:200% center}}
.hero-card{will-change:transform;transition:transform .15s ease,box-shadow .4s ease,border-color .4s ease}
.hero-card:hover{box-shadow:0 45px 120px rgba(0,0,0,.65),0 0 70px rgba(185,255,92,.06);border-color:#3b404c}
.orb{animation:orbFloat 9s ease-in-out infinite}
.orb-b{animation-delay:-4s}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(25px,-30px,0) scale(1.08)}}
.eyebrow .dot{animation:pulseDot 1.8s ease-in-out infinite}
@keyframes pulseDot{0%,100%{transform:scale(1);box-shadow:0 0 10px var(--accent)}50%{transform:scale(1.5);box-shadow:0 0 24px var(--accent)}}
.button{position:relative;overflow:hidden}
.button:before{content:"";position:absolute;top:-80%;left:-30%;width:35%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg) translateX(-180%);transition:transform .7s ease}
.button:hover:before{transform:rotate(18deg) translateX(500%)}
.button.primary{box-shadow:0 0 0 rgba(185,255,92,0);transition:transform .25s ease,box-shadow .35s ease}
.button.primary:hover{box-shadow:0 12px 45px rgba(185,255,92,.2),0 0 25px rgba(185,255,92,.08)}
.ticker div{will-change:transform}
.feature,.release,.node,.community{will-change:transform}
.feature{overflow:hidden}
.feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(185,255,92,.10),transparent 38%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.feature:hover:before{opacity:1}
.feature .icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s ease}
.feature:hover .icon{transform:translateY(-7px) rotate(-4deg) scale(1.12);color:var(--accent)}
.feature .num{transition:color .3s ease}
.feature:hover .num{color:#73798a}
.node{transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
.node:hover{transform:translateY(-7px);border-color:#4a505d}
.node.active:hover{border-color:var(--accent)}
.connector i{box-shadow:0 0 14px var(--accent)}
.stats div{position:relative;overflow:hidden}
.stats div:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .6s ease}
.stats div.visible:after{width:100%}
.stats strong{transition:transform .4s ease}
.stats div:hover strong{transform:translateX(5px)}
.road{position:relative;transition:padding-left .3s ease,background .3s ease}
.road:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .4s ease}
.road:hover{padding-left:12px;background:linear-gradient(90deg,rgba(185,255,92,.035),transparent 45%)}
.road:hover:before{transform:scaleY(1)}
.community{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease}
.community:before{content:"";position:absolute;width:350px;height:350px;right:-100px;top:-180px;border-radius:50%;background:rgba(185,255,92,.08);filter:blur(50px);animation:communityGlow 7s ease-in-out infinite}
.community:hover{transform:translateY(-5px);border-color:#3c424f}
@keyframes communityGlow{50%{transform:translate(-80px,100px) scale(1.2);opacity:.65}}
.terminal{position:relative;overflow:hidden}
.terminal:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(185,255,92,.06),transparent 55%);transform:translateX(-100%);animation:terminalSweep 5s ease-in-out infinite}
@keyframes terminalSweep{45%,100%{transform:translateX(100%)}}
.reveal{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;filter:blur(5px)}
.reveal.visible{filter:blur(0)}
.feature-grid .reveal:nth-child(2){transition-delay:.08s}
.feature-grid .reveal:nth-child(3){transition-delay:.16s}
.feature-grid .reveal:nth-child(4){transition-delay:.24s}
.changelog .reveal:nth-child(2){transition-delay:.12s}
.roadmap .reveal:nth-child(2){transition-delay:.1s}
.roadmap .reveal:nth-child(3){transition-delay:.2s}
.cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(185,255,92,.055),transparent 68%);transform:translate(-50%,-50%);mix-blend-mode:screen}
.floating-grid{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.floating-grid span{position:absolute;width:2px;height:2px;background:var(--accent);border-radius:50%;opacity:.35;animation:particleDrift var(--d,8s) linear infinite}
@keyframes particleDrift{from{transform:translate3d(0,110vh,0);opacity:0}15%{opacity:.4}85%{opacity:.25}to{transform:translate3d(var(--x,30px),-20vh,0);opacity:0}}
.lang-menu{backdrop-filter:blur(18px);animation:menuIn .18s ease}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
.nav nav.mobile-open{display:flex}
@media(max-width:850px){.nav nav.mobile-open{position:absolute;top:68px;left:22px;right:22px;display:flex;flex-direction:column;gap:0;padding:10px;background:rgba(14,16,23,.94);backdrop-filter:blur(20px);border:1px solid #292d37;border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.5);animation:menuIn .2s ease}.nav nav.mobile-open a{padding:13px 12px}.nav nav.mobile-open a:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.cursor-glow,.floating-grid{display:none}}