/* nm-pai.css v14.4 — кабинет инвестора, проекты развития. Телефон в первую очередь. */
:root{--bg:#000;--panel:#060707;--ink:oklch(.93 0 0);--dim:oklch(.74 0 0);--faint:oklch(.55 0 0);--hair:oklch(1 0 0/.14);--hair2:oklch(1 0 0/.38);
 --aqua:oklch(.86 .09 195);--amber:oklch(.82 .11 80);--green:oklch(.8 .12 160);--red:oklch(.72 .12 25);
 --mono:'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;--serif:'PT Serif',Georgia,'Times New Roman',serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--dim);font-family:var(--mono);font-weight:300;font-size:15px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;
 padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
a{color:var(--aqua)}
button,input,select,textarea{font:inherit}
:focus-visible{outline:1px solid var(--aqua);outline-offset:2px}
.wrap{max-width:860px;margin:0 auto}
header.top{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid var(--hair);font-size:.7rem;letter-spacing:.12em;position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);z-index:5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:10}
.logo{color:var(--ink);font-weight:500;letter-spacing:.24em;text-decoration:none;margin-right:auto}.logo i{font-style:normal;color:var(--aqua)}
.who{color:var(--faint);font-size:.66rem}.who b{color:var(--amber);font-weight:400}
.chip{display:inline-block;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;padding:.2em .55em;white-space:nowrap}
.chip.am{color:var(--amber)}.chip.aq{color:var(--aqua)}.chip.gr{color:var(--green)}.chip.rd{color:var(--red)}.chip.fa{color:var(--faint)}
.tabs{display:flex;gap:.4rem;padding:.9rem 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:0 0 auto;min-height:44px;background:none;border:1px solid var(--hair2);color:var(--dim);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:0 .95rem;cursor:pointer}
.tabs button.on{border-color:var(--aqua);color:var(--aqua)}
.tabs button[hidden]{display:none}
.view{padding-top:1.3rem}
.view[hidden]{display:none!important}
.micro{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}
h1{font-weight:200;color:var(--ink);font-size:clamp(1.45rem,6vw,2.1rem);letter-spacing:.02em;margin:.3rem 0 .5rem;line-height:1.2;text-wrap:balance}
h2{font-weight:300;color:var(--ink);font-size:1.05rem;margin:1.6rem 0 .6rem;text-wrap:balance}
.lead{font-family:var(--serif);color:var(--dim);font-size:1rem;margin:0;max-width:64ch}
.card{border:1px solid var(--hair2);padding:1.05rem;margin-top:1rem;background:var(--panel)}
.card.aq{border-color:oklch(.86 .09 195/.5)}.card.am{border-color:oklch(.82 .11 80/.5)}
.row{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
.go{min-height:48px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:0 1.15rem;background:none;border:1px solid var(--aqua);color:var(--aqua);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,color .2s}
.go:hover:not(:disabled){background:var(--aqua);color:#000}
.go:disabled{border-color:var(--hair2);color:var(--faint);cursor:default}
.go.am{border-color:var(--amber);color:var(--amber)}.go.am:hover:not(:disabled){background:var(--amber);color:#000}
.go.gh{border-color:var(--hair2);color:var(--dim)}.go.gh:hover:not(:disabled){background:var(--hair2);color:var(--ink)}
.go.rd{border-color:var(--red);color:var(--red)}.go.rd:hover:not(:disabled){background:var(--red);color:#000}
.go.wide{width:100%}
label.f{display:block;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:.95rem}
input[type=text],input[type=tel],input[type=number],input[type=date],select,textarea{display:block;width:100%;background:#000;border:1px solid var(--hair2);color:var(--ink);font-size:16px;padding:.7em .75em;margin-top:.35rem;border-radius:0;min-height:48px;-webkit-appearance:none;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.2rem}
textarea{min-height:7em;resize:vertical;font-family:var(--serif)}
.two{display:grid;grid-template-columns:1fr;gap:0 .9rem}
@media(min-width:640px){.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)!important}}
.three{display:grid;grid-template-columns:1fr;gap:0 .9rem}
.radios{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.45rem}
.radios label{display:flex;gap:.5rem;align-items:center;border:1px solid var(--hair2);min-height:48px;padding:0 .9rem;font-size:.86rem;color:var(--dim);cursor:pointer}
.radios input{accent-color:oklch(.86 .09 195);width:18px;height:18px}
.radios label:has(input:checked){border-color:var(--aqua);color:var(--aqua)}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.84rem;color:var(--dim);margin-top:1rem;cursor:pointer}
.check input{margin-top:.2rem;width:20px;height:20px;flex:0 0 auto;accent-color:oklch(.86 .09 195)}
.msg{font-size:.8rem;min-height:1.2em;margin-top:.7rem}.msg.ok{color:var(--aqua)}.msg.err{color:var(--red)}.msg.am{color:var(--amber)}
.note{font-family:var(--serif);font-size:.9rem;color:var(--dim);border-left:2px solid var(--hair2);padding:.2rem 0 .2rem .9rem;margin:1rem 0;max-width:66ch}
.note.am{border-color:var(--amber)}
.big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.2rem;margin:1rem 0 .4rem}
@media(min-width:640px){.big{grid-template-columns:repeat(4,minmax(0,1fr))}}
.big div{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);min-width:0}
.big b{display:block;color:var(--ink);font-weight:300;font-size:1.15rem;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.big b.aq{color:var(--aqua)}.big b.am{color:var(--amber)}
.big small{display:block;font-size:.66rem;letter-spacing:.02em;text-transform:none;color:var(--faint)}
.bar{height:4px;background:var(--hair);margin:.7rem 0 .35rem;position:relative}.bar i{position:absolute;inset:0 auto 0 0;background:var(--aqua)}
.bar.am i{background:var(--amber)}
.nums{display:flex;justify-content:space-between;gap:.4rem 1rem;font-size:.7rem;color:var(--faint);flex-wrap:wrap;font-variant-numeric:tabular-nums}
.h{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:baseline}
.nm{color:var(--ink);font-size:1rem}
.key{font-size:.72rem;word-break:break-all;color:var(--aqua);border:1px dashed var(--hair2);padding:.7rem .8rem;margin-top:.6rem}
.can{display:grid;grid-template-columns:1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:1rem}
@media(min-width:640px){.can{grid-template-columns:1fr 1fr}}
.can>div{background:#000;padding:.9rem 1rem}
.can b{display:block;font-weight:400;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}
.can .y b{color:var(--aqua)}.can .n b{color:var(--faint)}
.can ul{margin:0;padding-left:1.1rem;font-family:var(--serif);font-size:.92rem}
.terms{font-family:var(--serif);font-size:.92rem;border:1px solid var(--hair2);padding:1rem;margin-top:1rem}
.terms ol{margin:.4rem 0 0;padding-left:1.2rem}.terms li{margin:.3rem 0}.terms b{color:var(--ink);font-weight:400}
.steps{display:grid;grid-template-columns:1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin:1.1rem 0}
@media(min-width:640px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps>div{background:#000;padding:.85rem 1rem}
.steps b{display:block;color:var(--faint);font-weight:400;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.25rem}
.steps p{font-family:var(--serif);font-size:.88rem;margin:0}
.steps .done b{color:var(--aqua)}.steps .now b{color:var(--amber)}
.proj{border:1px solid var(--hair2);padding:1.05rem;margin-top:1rem;background:var(--panel)}
.proj .tt{color:var(--ink);font-size:1.02rem;margin-top:.3rem}
.proj p{font-family:var(--serif);font-size:.94rem;margin:.5rem 0}
.votes{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}
.votes span{font-size:.72rem;border:1px solid var(--hair2);padding:.3em .6em}
.votes .ok{border-color:var(--green);color:var(--green)}.votes .no{border-color:var(--red);color:var(--red)}.votes .back{border-color:var(--amber);color:var(--amber)}
.list{border-top:1px solid var(--hair);margin-top:.8rem}
.list>div{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.7rem 0;border-bottom:1px solid var(--hair);font-size:.86rem;align-items:baseline}
.list>div>*{min-width:0}
.list .d{color:var(--faint);font-size:.68rem;grid-column:1/-1;font-variant-numeric:tabular-nums}
.list .v{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right}
.pd{font-size:.78rem;color:var(--dim);border:1px dashed var(--hair2);padding:.6rem .75rem;margin-top:.7rem;overflow-wrap:anywhere}
.pd b{color:var(--ink);font-weight:400}
.empty{font-family:var(--serif);color:var(--faint);padding:1rem 0}
details.more{margin-top:.8rem}details.more summary{cursor:pointer;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);min-height:44px;display:flex;align-items:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}