:root{--bg:#0F1413;--bg2:#151C1A;--bg3:#121817;--rule:#22302C;--text:#EEF5F2;--soft:#BFCBC6;--mute:#86968F;--a:#3EE0B0;--up:#3EE0B0;--dn:#F08A6C}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.hidden{display:none!important}
.up{color:var(--up)}.dn{color:var(--dn)}
.grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:180px 100%;opacity:.8}
.grid-bg:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 180px 0,transparent 0,transparent 0);}
.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1px solid var(--rule);border-radius:16px;font-size:12px;letter-spacing:.12em;color:var(--mute);background:var(--bg)}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--a)}
.cta{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 22px;border:1.5px solid var(--a);background:transparent;color:var(--a);font:500 15px Inter;letter-spacing:.02em}
.cta span{letter-spacing:-.12em}.cta:hover{background:var(--a);color:var(--bg)}
.cta.sm{height:42px;padding:0 16px;font-size:13px}
.ghost{height:40px;padding:0 14px;border:1px solid var(--rule);background:var(--bg);color:var(--soft);font-size:12px;letter-spacing:.12em}.ghost:hover{border-color:var(--mute)}
.k{font-size:12px;letter-spacing:.2em;color:var(--mute)}

/* ── первый экран: формат Tender ── */
.hero{position:relative;height:max(760px,100vh);overflow:hidden}
.top{position:absolute;left:40px;right:40px;top:24px;display:flex;align-items:center;gap:12px;z-index:3}
.brand{display:flex;align-items:center;gap:10px;font:600 22px Inter;letter-spacing:-.04em}
.logo{display:inline-flex}.sp{flex:1}
.menu{margin-left:14px;font-size:12px;letter-spacing:.14em;color:var(--mute)}.menu:hover{color:var(--text)}
.tag{position:absolute;left:40px;top:92px}
.hero h1{position:absolute;margin:0;font:500 clamp(64px,8vw,118px)/1 Inter;letter-spacing:-.055em;z-index:2;pointer-events:none}
.h-a{left:34px;top:128px}.h-b{right:40px;bottom:44px;color:var(--a)}
#orb{position:absolute;left:50%;top:52%;width:min(640px,78vw);height:min(640px,78vw);transform:translate(-50%,-50%);z-index:1}
.hero>.cta{position:absolute;right:40px;top:92px;z-index:3;background:var(--bg)}
.ca{position:absolute;right:40px;top:158px;z-index:3}
.lab{position:absolute;font-size:12px;line-height:1.45;letter-spacing:.1em;color:var(--mute);z-index:2}.lab b{color:var(--text);font-weight:500}
.l1{right:calc(180px + 26px);top:34%}.l2{right:calc(180px + 26px);top:56%}.l3{left:calc(180px + 6px);top:62%}
.blurb{position:absolute;left:40px;bottom:52px;width:280px;font-size:15px;line-height:1.45;margin:0;z-index:2}
.band{overflow:hidden;background:var(--a);color:var(--bg);height:64px;display:flex;align-items:center}
.band div{white-space:nowrap;font:600 30px 'IBM Plex Mono';letter-spacing:.02em;animation:band 40s linear infinite}
@keyframes band{to{transform:translateX(-50%)}}

/* ── разделы ── */
.sec{max-width:1300px;margin:0 auto;padding:100px 40px 0}
.sh{max-width:760px}h2{margin:10px 0 0;font:500 clamp(36px,4.4vw,60px)/1.02 Inter;letter-spacing:-.045em}h2 span{color:var(--a)}.sh p{color:var(--soft);font-size:17px}
.builder{display:grid;grid-template-columns:1.1fr .9fr;margin-top:30px;border:1px solid var(--rule);background:var(--bg)}
.panel{padding:24px;border-right:1px solid var(--rule)}
.lbl{font-size:11px;letter-spacing:.16em;color:var(--mute)}
.amt{display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 14px;height:64px;border:1px solid var(--rule);background:var(--bg3)}
.amt span{font:500 30px Inter;color:var(--mute)}.amt input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 32px Inter;letter-spacing:-.03em}
.amt select{height:36px;border:1px solid var(--rule);background:var(--bg);color:var(--soft);font:400 13px 'IBM Plex Mono';padding:0 8px}
.rows{margin-top:18px}
.row{display:grid;grid-template-columns:10px 1fr 120px 64px 28px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule)}
.row .sw{width:10px;height:28px}
.row .nm b{font:500 16px 'IBM Plex Mono'}.row .nm small{display:block;font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.row input[type=range]{width:100%;accent-color:var(--a)}
.row .pc{display:flex;align-items:center;border:1px solid var(--rule);background:var(--bg3);height:34px}.row .pc input{width:40px;border:0;outline:0;background:none;text-align:right;font:500 14px 'IBM Plex Mono'}.row .pc span{padding:0 6px 0 2px;color:var(--mute);font:400 13px 'IBM Plex Mono'}
.row .x{border:0;background:none;color:var(--mute);font-size:18px}.row .x:hover{color:var(--dn)}
.sum{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:13px}
.sum .bar{flex:1;height:10px;display:flex;background:var(--bg3);border:1px solid var(--rule);overflow:hidden}.sum .bar i{display:block;height:100%}
.sum span.bad{color:var(--dn)}
.acts{display:flex;gap:10px;margin-top:16px}
.add{position:relative;flex:1}.add input{width:100%;height:40px;padding:0 12px;border:1px solid var(--rule);background:var(--bg3);outline:0;font-size:13px}
.dd{position:absolute;left:0;right:0;top:42px;z-index:5;background:var(--bg2);border:1px solid var(--rule);max-height:280px;overflow:auto;display:none}
.dd.on{display:block}.dd button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--rule);background:none;text-align:left;font-size:13px}.dd button:hover{background:var(--bg3)}
.dd b{font:500 13px 'IBM Plex Mono';min-width:56px}.dd span{flex:1;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd em{font:400 12px 'IBM Plex Mono';font-style:normal;color:var(--soft)}
.receipt{padding:24px;background:var(--bg2);position:relative}
.rh{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;color:var(--mute)}
.rt{margin-top:10px;font:500 56px/1 Inter;letter-spacing:-.04em}
.rl{margin-top:18px}
.rline{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--rule)}
.rline .sw{width:10px;height:10px;border-radius:50%}
.rline b{font:500 15px 'IBM Plex Mono'}.rline small{display:block;font:400 12px 'IBM Plex Mono';color:var(--mute)}
.rline .r{text-align:right;font:500 16px 'IBM Plex Mono'}.rline .r small{text-align:right}
.ry{margin-top:14px;font-size:12px;color:var(--soft);line-height:1.6}
.racts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.dev{font-size:11px;letter-spacing:.14em;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border:1px solid var(--rule);background:var(--bg)}
.steps div{padding:22px;border-right:1px solid var(--rule)}.steps div:last-child{border-right:0}
.steps b{font-size:12px;letter-spacing:.12em;color:var(--a);font-weight:500}.steps h4{margin:14px 0 0;font:500 22px Inter;letter-spacing:-.02em}.steps p{margin:6px 0 0;color:var(--soft);font-size:15px}
.fine{margin-top:14px;font-size:12px;color:var(--mute)}
.uhead{display:flex;align-items:center;gap:14px;margin-top:26px}.uhead input{flex:1;max-width:420px;height:40px;padding:0 12px;border:1px solid var(--rule);background:var(--bg3);outline:0;font-size:13px}.uhead span{font-size:11px;letter-spacing:.12em;color:var(--mute)}
.ugrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border-top:1px solid var(--rule);border-left:1px solid var(--rule);background:var(--bg)}
.u{padding:14px 16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}
.u .h{display:flex;justify-content:space-between;font:400 11px 'IBM Plex Mono';letter-spacing:.1em;color:var(--mute)}
.u .n{margin-top:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u .p{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;background:var(--bg2);border-left:3px solid var(--a)}
.u .p b{font:500 18px 'IBM Plex Mono'}.u .p button{border:1px solid var(--rule);background:none;color:var(--a);font:500 11px 'IBM Plex Mono';letter-spacing:.1em;padding:4px 8px}.u .p button:hover{border-color:var(--a)}
.u a{font:400 11px 'IBM Plex Mono';color:var(--mute);border-bottom:1px dotted var(--mute)}
.more{display:block;width:100%;height:46px;border:1px solid var(--rule);border-top:0;background:var(--bg);color:var(--mute);font-size:12px;letter-spacing:.14em}.more:hover{color:var(--text)}
.faq{margin-top:24px;max-width:840px}.faq details{border-bottom:1px solid var(--rule);padding:16px 0}.faq summary{cursor:pointer;font:500 19px Inter}.faq p{margin:8px 0 0;color:var(--soft)}
.wl{padding-bottom:40px}
.wlf{display:flex;gap:8px;margin-top:22px;max-width:760px}.wlf input,.wlf select{height:52px;padding:0 14px;border:1px solid var(--rule);background:var(--bg3);outline:0;font-size:14px}.wlf input{flex:1;min-width:0}.wlf select{color:var(--soft)}
.hp{position:absolute;left:-9999px}.ok{color:var(--a);margin-top:14px}
.foot{max-width:1300px;margin:60px auto 0;padding:30px 40px 44px;border-top:1px solid var(--rule);font-size:12px;letter-spacing:.06em;color:var(--mute)}
.fb{display:flex;align-items:center;gap:10px;color:var(--text)}.fl{display:flex;gap:20px;margin-top:14px}.foot p{max-width:920px;line-height:1.7}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;transition:.25s;background:var(--a);color:var(--bg);padding:10px 16px;font:500 13px 'IBM Plex Mono';pointer-events:none;z-index:20}.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1000px){.ugrid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--rule)}.l1,.l2,.l3{display:none}}
@media (max-width:700px){
  .top{left:16px;right:16px}.hide-s{display:none}.menu{margin-left:8px}
  .tag{left:16px;top:78px}.h-a{left:14px;top:108px}.h-b{right:16px;bottom:150px}
  #orb{top:50%;width:92vw;height:92vw}
  .hero>.cta{left:16px;right:auto;top:auto;bottom:74px;height:46px}.ca{display:none}
  .blurb{left:16px;bottom:16px;width:auto;right:16px;font-size:13px}
  .sec{padding:70px 16px 0}.steps{grid-template-columns:1fr}.steps div{border-right:0;border-bottom:1px solid var(--rule)}
  .ugrid{grid-template-columns:1fr}.row{grid-template-columns:10px 1fr 64px 28px}.row input[type=range]{display:none}
  .wlf{flex-direction:column}.foot{padding:30px 16px 40px}
}