/* RungMCP — по thegradus.xyz: чистый чёрный, белый текст, Inter Tight + курсив Instrument Serif на ключевых словах, воксельные агенты на пьедесталах, карточки с уголками */
:root{--bg:#000;--text:#fff;--dim:#6a6a6a;--dim2:#a6a6a6;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.16);--panel:#0b0b0b;--sans:'Inter Tight',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}[hidden]{display:none!important}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .row{display:flex;align-items:center;height:68px;padding:0 48px}
.brand{display:flex;align-items:center;gap:12px;font:600 15px var(--sans);letter-spacing:.32em}
.nav nav{margin:0 auto;display:flex;gap:28px;font-size:14px;color:#cfcfcf}.nav nav a:hover{color:#fff}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:99px;padding:11px 20px;font:600 14px var(--sans);background:transparent}
.pill:hover{border-color:#fff}.pill.light{background:#fff;color:#000;border-color:#fff}.pill.sm{padding:7px 14px;font-size:13px}
.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:end;gap:20px;min-height:calc(100vh - 68px);padding-top:60px;position:relative}
.hero::before{content:"";position:absolute;inset:0 calc((100% - 100vw) / 2);background:radial-gradient(40% 50% at 72% 45%,#161616,transparent 70%),linear-gradient(var(--line) 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/80px 80px;mask-image:radial-gradient(50% 60% at 70% 45%,#000,transparent 75%);z-index:-1}
.hl{padding-bottom:120px}
h1{font:700 clamp(44px,5.3vw,72px)/.98 var(--sans);letter-spacing:-.055em;margin:0 0 26px}h1 em{font-size:1.08em}
.sub{color:var(--dim2);max-width:44ch;margin:0 0 30px;font-size:16px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.nums{display:flex;gap:40px;margin-top:44px}.nums b{display:block;font:500 26px var(--sans);letter-spacing:-.02em}.nums span{font-size:11px;letter-spacing:.18em;color:var(--dim)}
.stage{position:relative;height:min(560px,68vh);align-self:end}
.ped{position:absolute;bottom:0;background:linear-gradient(90deg,#262626,#3b3b3b 55%,#222);border-top:6px solid #e8e8e8}
.ped::after{content:"";position:absolute;left:46%;top:24px;bottom:0;width:3px;background:#6c6c6c}
.ped .ag{position:absolute;left:50%;bottom:100%;translate:-50% 2px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));transition:transform .4s}
.ped .rn{position:absolute;left:0;right:0;top:12px;text-align:center;font:italic 20px var(--serif);color:#bdbdbd}
.ped.on{border-top-color:#fff}.ped.on .ag{transform:translateY(-8px)}
.sec{padding:140px 0 0;border-top:1px solid var(--line);margin-top:120px}
.eyebrow{font-size:12px;letter-spacing:.2em;color:#7b8a9a;margin:0 0 16px}
h2{font:700 clamp(40px,4.6vw,64px)/1 var(--sans);letter-spacing:-.05em;margin:0 0 40px}h2 em{font-size:1.06em}
.body{color:var(--dim2);max-width:56ch;margin:-14px 0 36px}
.rungs{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.frame{position:relative;aspect-ratio:1/1.08;border:1px solid var(--line2);background:radial-gradient(60% 55% at 50% 55%,#1b1b1b,#050505);display:grid;place-items:center;overflow:hidden}
.frame .c{position:absolute;width:14px;height:14px;border:1.5px solid #cfcfcf}.c.tl{left:12px;top:12px;border-right:0;border-bottom:0}.c.tr{right:12px;top:12px;border-left:0;border-bottom:0}.c.bl{left:12px;bottom:12px;border-right:0;border-top:0}.c.br{right:12px;bottom:12px;border-left:0;border-top:0}
.no{position:absolute;left:32px;top:30px;font-size:12px;letter-spacing:.2em;color:#9a9a9a}.roman{position:absolute;right:30px;top:20px;font:40px var(--serif)}
.tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line2)}
.tab{background:none;border:0;border-left:1px solid var(--line2);padding:14px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9a9a9a}.tab:first-child{border-left:0}
.tab i{font:italic 16px var(--serif);color:#b9a37a}.tab span{font-size:13px}.tab svg{width:30px;height:30px}
.tab.on{background:#fff;color:#000}.tab.on i{color:#3355ff}
h3{font:700 clamp(48px,5vw,76px)/1 var(--sans);letter-spacing:-.055em;margin:40px 0 14px}h3 em{font-size:.42em;color:#bdbdbd;margin-left:8px}
.stat2{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:28px 0}.stat2 div{padding:18px 0}.stat2 div+div{border-left:1px solid var(--line2);padding-left:20px}
.stat2 b{display:block;font:500 30px var(--sans);letter-spacing:-.03em}.stat2 span{font-size:11px;letter-spacing:.16em;color:var(--dim)}
.tools{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tools li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line2);padding:12px 14px;font:400 13.5px var(--mono)}.tools li span{color:var(--dim);font-family:var(--sans)}.tools li.new{border-color:#fff}
.note{margin-top:40px;color:var(--dim);font-size:13.5px;border-left:2px solid #fff;padding-left:14px}
.play{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line2)}
.pform{padding:26px;border-right:1px solid var(--line2);display:flex;flex-direction:column;gap:14px;background:var(--panel)}
.pform label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.16em;color:var(--dim)}
.pform select,.pform input{background:#000;border:1px solid var(--line2);color:#fff;padding:11px 12px;font:400 14px var(--mono);border-radius:0;outline:none}.pform select:focus,.pform input:focus{border-color:#fff}
.hint{color:var(--dim);font-size:13px;margin:0}.soon{color:#fff;font-weight:500}.pform input[readonly]{color:#bdbdbd}
.out{margin:0;padding:24px;font:400 12.5px/1.6 var(--mono);color:#d8d8d8;overflow:auto;max-height:520px;white-space:pre-wrap;word-break:break-all;background:#030303}
.out .c{color:#6a6a6a}.out .k{color:#8fa3ff}.out .s{color:#e8d4a0}.out .n{color:#fff}
.conn{border:1px solid var(--line2);position:relative}.ctabs{display:flex;border-bottom:1px solid var(--line2);overflow-x:auto}.ctabs button{background:none;border:0;border-right:1px solid var(--line2);padding:14px 20px;color:#9a9a9a;font-size:14px;white-space:nowrap}.ctabs button.on{background:#fff;color:#000}
.conn .code{min-height:180px}#copy{position:absolute;right:16px;top:64px;background:#000}
.end{text-align:left;padding-bottom:40px}
.pulse{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line2);margin-bottom:16px}.pulse div{padding:20px 22px;border-left:1px solid var(--line2)}.pulse div:first-child{border-left:0}
.pulse b{display:block;font:500 28px var(--mono);letter-spacing:-.02em}.pulse span{font-size:11px;letter-spacing:.18em;color:var(--dim)}
.board{border:1px solid var(--line2)}.bh,.br{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;padding:12px 22px;align-items:center}.bh{font-size:11px;letter-spacing:.18em;color:var(--dim);border-bottom:1px solid var(--line2)}
.br{border-top:1px solid var(--line);font-size:15px}.br:first-child{border-top:0}.br b{font:500 15px var(--mono)}.br small{color:var(--dim);margin-left:10px}.br span{font-family:var(--mono)}.br .fl{animation:fl .8s}
@keyframes fl{from{color:#e8d4a0}to{color:inherit}}#moreStocks{margin-top:16px}
.foot{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:120px;padding:40px 0 56px;color:var(--dim);font-size:13px}.foot p{max-width:62ch;margin:14px 0 0}.foot .brand{color:#fff}
.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;background:#fff;color:#000;padding:10px 16px;font-size:14px;z-index:30}
@media (max-width:900px){.pulse{grid-template-columns:repeat(2,1fr)}.pulse div:nth-child(3){border-left:0}.pulse div:nth-child(n+3){border-top:1px solid var(--line2)}.br small{display:none}.nav .row{padding:0 16px}.nav nav{display:none}.nav .pill{margin-left:auto}.wrap{width:calc(100% - 32px)}
  .hero{grid-template-columns:1fr;min-height:0;padding-top:40px}.hl{padding-bottom:20px}.stage{height:340px}.sec{padding-top:80px;margin-top:60px}
  .rungs,.play{grid-template-columns:1fr;gap:28px}.pform{border-right:0;border-bottom:1px solid var(--line2)}.foot{flex-direction:column}#copy{top:auto;bottom:12px}}