:root{--bg:#060809;--text:#eef0ea;--muted:#899097;--line:#20262a;--acid:#d9ff3f;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background:#fff;mix-blend-mode:overlay;z-index:50}.progress{position:fixed;top:0;height:2px;background:var(--acid);width:0;z-index:100}#loader{position:fixed;inset:0;background:#060809;z-index:200;display:grid;place-content:center;text-align:center;gap:5px;transition:.5s}#loader b{font-size:30px;letter-spacing:-.08em}#loader small{font:8px monospace;letter-spacing:.3em;color:#778087}#loader i{display:block;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);animation:load 1.2s}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}body.loaded #loader{opacity:0;pointer-events:none}.nav{height:74px;position:sticky;top:0;z-index:20;max-width:var(--max);margin:auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(6,8,9,.9);backdrop-filter:blur(16px)}.brand{color:var(--text);text-decoration:none;display:flex;gap:10px;align-items:baseline}.brand b{font-size:24px;letter-spacing:-.1em}.brand span{font:10px monospace;color:var(--muted);letter-spacing:.2em}nav{display:flex;gap:25px}nav a{font:10px monospace;color:var(--muted);text-decoration:none;letter-spacing:.14em}.tools{display:flex;gap:7px}.tools button{width:34px;height:34px;border-radius:50%;background:transparent;color:var(--text);border:1px solid var(--line);cursor:pointer}#menu{display:none}.hero{max-width:var(--max);min-height:710px;margin:auto;padding:105px 25px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font:10px monospace;color:var(--acid);letter-spacing:.14em}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(55px,7vw,103px);line-height:.95;letter-spacing:-.075em;margin:26px 0 32px}.hero h1 em,.archhead em,.contact h2 em{font-style:normal;color:var(--acid)}.hero p{max-width:680px;color:var(--muted);font-size:16px}.actions{display:flex;gap:10px;margin-top:32px}.btn{padding:12px 19px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:12px}.primary{background:var(--acid);color:#10140a;border-color:var(--acid)}.metrics{display:flex;gap:35px;margin-top:55px}.metrics b{border-left:1px solid var(--line);padding-left:13px;font-size:21px}.metrics small{display:block;font:9px monospace;color:var(--muted)}.console{height:490px;border:1px solid var(--line);background:radial-gradient(circle,rgba(217,255,63,.07),transparent 58%);position:relative}.console .ct,.console .cb{position:absolute;left:0;right:0;padding:12px;font:8px monospace;color:#667078}.ct{top:0;border-bottom:1px solid var(--line)}.ct b{float:right;color:var(--acid)}.cb{bottom:0;border-top:1px solid var(--line);text-align:center}#canvas{width:100%;height:100%}.ticker{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line)}.ticker span{padding:17px 10px;border-right:1px solid var(--line);font:9px monospace;color:#727a80}.section{max-width:var(--max);margin:auto;padding:120px 25px;border-bottom:1px solid var(--line)}.label{font:10px monospace;letter-spacing:.18em;color:var(--acid);margin-bottom:48px}.head,.labhead,.archhead,.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.head h2,.labhead h2,.about h2{font-size:clamp(42px,5.2vw,70px);line-height:1;letter-spacing:-.065em;margin:0}.head p,.labhead p,.archhead p,.aboutgrid p{color:var(--muted);font-size:14px}.filters{display:flex;gap:5px;justify-content:end}.filters button,.small{background:transparent;color:#7d868d;border:1px solid var(--line);padding:7px 10px;font:9px monospace;cursor:pointer}.filters .on,.filters button:hover{background:var(--acid);color:#11150a;border-color:var(--acid)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}.card{background:var(--bg);padding:29px;min-height:355px;position:relative;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-2px);background:#0a0e0f}.card.featured{grid-column:span 2;min-height:400px;background:linear-gradient(120deg,rgba(217,255,63,.055),transparent 55%)}.meta{display:flex;gap:11px;font:9px monospace;color:#687179}.meta b{color:var(--acid)}.meta i{margin-left:auto;border:1px solid #30392c;padding:4px 7px;font-style:normal}.card h3{font-size:31px;letter-spacing:-.055em;margin:42px 0 12px}.card p{color:var(--muted);font-size:13px;max-width:700px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:99px;padding:4px 8px;font:8px monospace;color:#a4aab0}.open{position:absolute;right:29px;bottom:29px;color:var(--acid);font:9px monospace}.demo{background:linear-gradient(90deg,rgba(140,163,255,.035),transparent)}.demohead{display:flex;justify-content:space-between}.pill{display:inline-block;border:1px solid #39432e;color:var(--acid);padding:4px 8px;font:8px monospace}.demohead h2{font-size:42px;line-height:1;margin:17px 0 10px}.demohead p{color:var(--muted);font-size:13px;max-width:680px}.demoarea{min-height:350px;border:1px solid var(--line);margin-top:35px;padding:25px;background:#080b0d}.empty{display:grid;place-content:center;text-align:center;color:#596167;font:10px monospace}.empty small{display:block}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);padding:20px}.panel h4{margin:0 0 15px}.input{width:100%;min-height:120px;background:#060809;color:var(--text);border:1px solid var(--line);padding:12px;resize:vertical;font:12px monospace}.run{margin-top:10px;background:var(--acid);border:0;padding:9px 15px;font-weight:700;cursor:pointer}.result{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;white-space:pre-wrap;font:11px monospace;color:#aeb7a5}.bars div{display:grid;grid-template-columns:100px 1fr 40px;gap:10px;margin:14px 0;font:9px monospace;color:#8a9299}.bar{height:5px;background:#1c2325}.bar i{display:block;height:100%;background:var(--acid)}.labgrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:50px}.labgrid article{padding:27px;border-right:1px solid var(--line);min-height:255px}.labgrid article:last-child{border:0}.labgrid article>b{font:9px monospace;color:var(--acid)}.labgrid h3{margin:50px 0 9px}.labgrid p{font-size:12px;color:var(--muted)}meter{width:100%;height:4px;display:block;margin:22px 0 6px}meter::-webkit-meter-bar{background:#1a2022;border:0}meter::-webkit-meter-optimum-value{background:var(--acid)}.labgrid small{font:8px monospace;color:#687179}.note{border-left:1px solid var(--line);padding-left:20px;font:9px monospace;color:#6e767c}.note b{display:block;color:var(--acid);margin-top:9px}.arch{display:flex;align-items:center;gap:9px;overflow:auto;margin-top:55px;padding-bottom:8px}.arch>div{min-width:145px;border:1px solid var(--line);padding:18px;font-size:12px;font-weight:700}.arch small{display:block;font:8px monospace;color:#747d84;margin-top:8px}.arch>b{color:#50585e}.arch .accent{border-color:#52612f;color:var(--acid);background:rgba(217,255,63,.045)}.journey>div:not(.label){display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line);padding:30px 0}.journey time{font:14px monospace;color:var(--acid)}.journey h3{margin:0 0 7px;font-size:25px}.journey p{color:var(--muted);font-size:13px;margin:0}.journey small{font:8px monospace;color:#778087}.aboutgrid strong{font-size:30px;letter-spacing:-.08em}.aboutgrid strong small{font:8px monospace;color:var(--muted);letter-spacing:.2em}.pgrid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.pgrid>div{padding:27px;border-right:1px solid var(--line);min-height:210px}.pgrid>div:last-child{border:0}.pgrid b{font:9px monospace;color:var(--acid)}.pgrid h3{margin:50px 0 8px}.pgrid p{font-size:12px;color:var(--muted)}.contact{max-width:var(--max);margin:auto;padding:140px 25px}.contact h2{font-size:clamp(56px,8vw,110px);line-height:.92;letter-spacing:-.075em;margin:0}.contact p{max-width:620px;color:var(--muted);margin:35px 0}.contact>div:last-child{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font:10px monospace}.contact a{color:var(--acid);text-decoration:none}.philosophy{min-height:520px;display:flex;flex-direction:column;justify-content:center}.big-quote{font-size:clamp(40px,6vw,84px);line-height:1.05;letter-spacing:-.06em;max-width:1100px}.big-quote em{font-style:normal;color:var(--acid)}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:25px;color:#626970;font:9px monospace}body.light{--bg:#f3f5ef;--text:#10130f;--muted:#68706b;--line:#d7ddd6}body.light .nav{background:rgba(243,245,239,.9)}body.light .card{background:var(--bg)}
@media(max-width:900px){nav{display:none}nav.show{display:flex;position:absolute;top:74px;left:0;right:0;background:#07090a;padding:20px 25px;flex-direction:column;border-bottom:1px solid var(--line)}#menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.console{order:-1;height:380px}.ticker{grid-template-columns:repeat(3,1fr)}.head,.labhead,.archhead,.aboutgrid{grid-template-columns:1fr;gap:30px}.filters{justify-content:start}.grid{grid-template-columns:1fr}.card.featured{grid-column:auto}.labgrid{grid-template-columns:1fr 1fr}.labgrid article:nth-child(2){border-right:0}.labgrid article:nth-child(n+3){border-top:1px solid var(--line)}.pgrid{grid-template-columns:1fr 1fr}.pgrid>div:nth-child(2n){border-right:0}.pgrid>div:nth-child(n+3){border-top:1px solid var(--line)}.journey>div:not(.label){grid-template-columns:100px 1fr}.demo-grid{grid-template-columns:1fr}footer{margin:0 20px}}
@media(max-width:520px){.hero h1{font-size:54px}.ticker{grid-template-columns:1fr 1fr}.section{padding:85px 20px}.contact{padding:95px 20px}.labgrid,.pgrid{grid-template-columns:1fr}.labgrid article,.pgrid>div{border-right:0!important;border-top:1px solid var(--line)}.labgrid article:first-child,.pgrid>div:first-child{border-top:0}.metrics{gap:15px}.demohead{display:block}.contact>div:last-child{display:block}.contact>div:last-child>*{display:block;margin:9px 0}}
