:root{--p:#3FE8A8;--s:#5FE6CF;--t:#FFB454;--b:#5B8CFF;--tx:#DCE9E2;--mu:#5E8580;--ln:#0F2E31;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box;margin:0}
body{background:#010807;color:var(--tx);font:15px/1.6 "Instrument Sans",system-ui,sans-serif;overflow-x:hidden}
.m,label,.tab,.k,th{font-family:"JetBrains Mono",SFMono-Regular,ui-monospace,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
#ret{position:fixed;z-index:2;width:46px;height:46px;pointer-events:none;transition:opacity .4s}
#ret{--c:var(--t);background:linear-gradient(var(--c),var(--c)) 0 0/12px 1px,linear-gradient(var(--c),var(--c)) 0 0/1px 12px,linear-gradient(var(--c),var(--c)) 100% 0/12px 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px 12px,linear-gradient(var(--c),var(--c)) 0 100%/12px 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px 12px,linear-gradient(var(--c),var(--c)) 100% 100%/12px 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px 12px;background-repeat:no-repeat}
#ret:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--c);font:10px monospace}
#ret b{position:absolute;left:54px;top:2px;white-space:nowrap;font:400 10px/1.5 "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--s);text-transform:uppercase}
#ret b small{display:block;color:var(--mu)}
nav{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(18px + env(safe-area-inset-top,0px)) 28px 14px;background:rgba(1,8,7,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0b2227}
.logo{font:300 22px Fraunces,serif;letter-spacing:.14em;color:var(--tx)}.logo span{font:400 10px "JetBrains Mono",monospace;color:var(--mu);margin-left:12px;letter-spacing:.18em}
nav .l{display:flex;gap:26px;color:var(--mu)}nav a{color:inherit;text-decoration:none;transition:.3s}nav a:hover{color:var(--p)}
.pill{border:1px solid var(--ln);border-radius:99px;padding:6px 14px;color:var(--p);display:flex;gap:8px;align-items:center;background:rgba(10,43,51,.35)}
.pill i{width:6px;height:6px;border-radius:9px;background:var(--p);box-shadow:0 0 9px var(--p);animation:pu 2s ease infinite}@keyframes pu{50%{opacity:.25}}
main{position:relative;z-index:3}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 6vw 90px;position:relative}
.alt{position:absolute;right:6vw;top:110px;text-align:right;font:300 clamp(32px,5vw,60px) "JetBrains Mono",monospace;color:var(--tx);letter-spacing:.02em}
.alt small{display:block;font-size:10px;letter-spacing:.2em;color:var(--mu)}
.eb{color:var(--s);display:flex;align-items:center;gap:14px;margin-bottom:26px}.eb:before{content:"";width:34px;height:1px;background:var(--p)}
h1{font:300 clamp(46px,8.4vw,104px)/.98 Fraunces,serif;letter-spacing:-.022em;max-width:900px}
h1 em{color:var(--p)}
.sub{color:#8FB0AA;max-width:430px;margin:28px 0 34px;font-size:14px}
.cta{align-self:flex-start;background:rgba(10,24,23,.7);border:1px solid var(--ln);color:var(--tx);padding:16px 26px;border-radius:2px;cursor:pointer;text-decoration:none;transition:.3s;backdrop-filter:blur(8px)}
.cta:hover{border-color:var(--p);box-shadow:0 0 12px 3px rgba(92,242,176,.25)}
.flux{position:absolute;right:6vw;top:50%;display:flex;gap:6px;align-items:flex-end;height:90px}
.flux i{width:7px;background:linear-gradient(var(--p),#0a4a35);border-radius:1px;animation:fx 1.8s ease-in-out infinite}
@keyframes fx{50%{transform:scaleY(.35)}}
.flux{transform-origin:bottom}.flux i{transform-origin:bottom}
.tick{position:fixed;bottom:0;left:0;right:0;z-index:4;overflow:hidden;white-space:nowrap;border-top:1px solid var(--ln);background:rgba(1,8,7,.85);padding:10px 0;color:var(--mu)}
.tick div{display:inline-block;animation:mq 60s linear infinite;padding-left:100%}.tick b{color:var(--p);font-weight:400;margin:0 6px}.tick span{margin-right:44px}
@keyframes mq{to{transform:translateX(-100%)}}
section.w{scroll-margin-top:70px;padding:60px 6vw 120px;max-width:1280px;margin:0 auto}
.persp{perspective:1400px}
.card{border:1px solid var(--ln);border-radius:16px;background:linear-gradient(rgba(10,30,38,.78),rgba(4,15,20,.82));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(63,232,168,.05);padding:22px;transition:transform .25s ease;transform-style:preserve-3d}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tab{background:none;border:1px solid var(--ln);color:var(--mu);padding:9px 14px;border-radius:6px;cursor:pointer;transition:.25s}
.tab.on,.tab:hover{color:var(--p);border-color:var(--s);box-shadow:0 0 9px rgba(63,232,168,.2)}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.f{flex:1;min-width:150px;display:flex;flex-direction:column;gap:6px}label{color:var(--mu)}
input,select{background:#020d10;border:1px solid var(--ln);color:var(--tx);padding:12px;border-radius:6px;font:12px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;width:100%}
input:focus,select:focus{outline:none;border-color:var(--s)}
.go{align-self:flex-end;background:var(--p);color:#001;border:0;padding:13px 28px;border-radius:6px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.16em;cursor:pointer;text-transform:uppercase}
.note{color:var(--mu);font-size:12px;margin-bottom:18px;min-height:18px}
.bt{display:flex;justify-content:space-between;align-items:flex-start;margin:6px 0 16px}.bt h2{font:500 15px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--tx)}.bt small{color:var(--mu)}
.scroll{overflow-x:auto}.board{min-width:660px;background:#010a0c;border:1px solid var(--ln);border-radius:10px;padding:8px 14px}
.hd,.r{display:grid;grid-template-columns:16px 6.6ch 1fr 1fr 5.6ch;gap:0 18px;align-items:center}
.hd{color:var(--mu);padding:6px 0}.hd,.r{grid-template-columns:16px 130px 150px 190px 100px}
.r{padding:9px 0;border-top:1px solid #0b2227;cursor:pointer;transition:background .25s}.r:hover,.r.on{background:rgba(63,232,168,.06)}
.dot{width:8px;height:8px;border-radius:9px;background:var(--c);box-shadow:0 0 8px var(--c)}
.g{display:flex;gap:3px}.c{width:14px;height:22px;background:linear-gradient(#0b1f24 49%,#000 50%,#0b1f24 51%);border-radius:2px;font:500 14px/22px "JetBrains Mono",monospace;color:var(--c,var(--s));text-align:center;text-transform:uppercase;text-shadow:0 0 8px currentColor;backface-visibility:hidden}
.c.fp{animation:fl .12s ease-out}@keyframes fl{from{transform:rotateX(-90deg)}to{transform:rotateX(0)}}
.ft{display:flex;justify-content:space-between;margin-top:14px;color:var(--mu);flex-wrap:wrap;gap:8px}.ft b{font-weight:400;color:var(--p)}
.det{margin-top:14px}.det h3{font:300 44px Fraunces,serif}.det h3 em{color:var(--p)}
.route{display:flex;align-items:center;gap:14px;margin:18px 0}.route .cc{font:300 54px Fraunces,serif}
.bar{flex:1;height:2px;background:var(--ln);position:relative}.bar i{position:absolute;left:0;top:0;height:2px;background:var(--p);box-shadow:0 0 9px var(--p)}.bar u{position:absolute;top:-10px;text-decoration:none;color:var(--p);transform:translateX(-50%)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.kv div{border:1px solid var(--ln);border-radius:8px;padding:10px}.kv .k{display:block;color:var(--mu)}
.btns{display:flex;gap:8px;margin-top:16px}.btns button{background:none;border:1px solid var(--s);color:var(--s);padding:9px 14px;border-radius:6px;cursor:pointer}
.empty{padding:26px;text-align:center;color:var(--mu)}
@media(max-width:760px){nav .l{display:none}.flux{display:none}.alt{top:96px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
