/* e-shalyapin.ru/nexus/ — страница-кейс NEXUS. Токены — из /style.css. */
.nx-page{padding-top:0}
.nx-hero{padding:150px 0 100px;background:radial-gradient(1200px 500px at 85% 0%,#0b141b 0%,transparent 60%)}
.nx-hero h1{max-width:20ch}
.nx-hero h1 em{color:var(--accent)}
.nx-status{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:40px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:820px}
.nx-status li{flex:1 1 200px;padding:16px 20px 16px 0;font-size:var(--type-small);color:var(--muted)}
.nx-status li+li{padding-left:20px;border-left:1px solid var(--line)}
.nx-status b{display:block;font-size:var(--type-small);letter-spacing:0;text-transform:none;color:var(--accent);font-weight:600;margin-bottom:4px}
.nx-ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.light .nx-ghost-dark{background:transparent;color:var(--ink);border-color:var(--ink-line)}

.nx-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid var(--line)}
.nx-modules article{padding:34px 30px 34px 0;border-bottom:1px solid var(--line)}
.nx-modules article:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid var(--line)}
.nx-modules h3{margin:12px 0 12px}
.nx-modules p:not(.num){color:var(--muted);margin:0;font-size:var(--type-body)}
.nx-modules a{color:var(--accent)}

.nx-try-head{margin-bottom:40px}
.nx-demo{max-width:900px}
.nx-demo-form label{display:block;font-size:var(--type-small);letter-spacing:0;text-transform:none;color:#9ab0bc;margin-bottom:10px}
.nx-demo-row{display:flex;gap:12px}
.nx-demo-row input{flex:1;min-width:0;font:inherit;font-size:var(--type-body);padding:15px 18px;border:1px solid var(--ink-line);border-radius:3px;background:#0b141b;color:var(--ink)}
.nx-demo-row input:focus{outline:2px solid var(--brand-green);outline-offset:1px}
.nx-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.nx-chip{font:inherit;font-size:var(--type-body);padding:8px 14px;border:1px solid var(--ink-line);border-radius:20px;background:transparent;color:var(--ink);cursor:pointer}
.nx-chip:hover{border-color:var(--brand-green);color:var(--brand-green)}
.light .nx-hint{margin:18px 0 0;color:var(--ink-2)}
.nx-result{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-top:28px}
.nx-card{background:#0b141b;border:1px solid var(--ink-line);border-left:3px solid var(--brand-green);padding:20px 22px;border-radius:3px}
.light .nx-card p{margin:0 0 8px;color:var(--ink)}
.light .nx-card .demo-card-head{font-weight:600;font-size:var(--type-body);margin-bottom:14px}
.nx-card .demo-card-row span{display:block;font-size:var(--type-small);letter-spacing:0;text-transform:none;color:#9ab0bc}
.light .nx-card .demo-card-note{margin-top:14px;font-size:var(--type-small);color:#e3c695}
.light .nx-subhead{margin:0 0 10px;font-size:var(--type-small);letter-spacing:0;text-transform:none;color:#9ab0bc}
.nx-brief{margin:0;background:var(--bg);color:var(--text);padding:20px 22px;border-radius:3px;font:var(--type-body)/1.5 Manrope, system-ui, sans-serif;white-space:pre-wrap;word-break:break-word}

.nx-honest{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border-top:1px solid var(--line)}
.nx-honest>div{padding:30px 30px 30px 0}
.nx-honest>div+div{padding-left:30px;border-left:1px solid var(--line)}
.nx-honest h3{margin-bottom:14px}
.nx-honest>div:first-child h3{color:var(--ok)}
.nx-honest>div+div h3{color:var(--amber)}
.nx-honest ul{margin:0;padding-left:18px;color:var(--muted)}
.nx-honest li+li{margin-top:8px}
.nx-note{max-width:720px;color:var(--muted);margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line)}

@media (max-width:920px){
  .nx-hero{padding:120px 0 72px}
  .nx-modules{grid-template-columns:1fr 1fr}
  .nx-modules article,.nx-modules article:not(:nth-child(3n+1)){padding:28px 20px 28px 0;border-left:0}
  .nx-modules article:nth-child(2n){padding-left:20px;border-left:1px solid var(--line)}
  .nx-result{grid-template-columns:1fr}
}
@media (max-width:600px){
  .nx-status li,.nx-status li+li{flex-basis:100%;padding:12px 0;border-left:0}
  .nx-status li+li{border-top:1px solid var(--line)}
  .nx-modules{grid-template-columns:1fr}
  .nx-modules article,.nx-modules article:nth-child(2n){padding:26px 0;border-left:0}
  .nx-demo-row{flex-direction:column}
  .nx-honest{grid-template-columns:1fr}
  .nx-honest>div,.nx-honest>div+div{padding:26px 0;border-left:0}
  .nx-honest>div+div{border-top:1px solid var(--line)}
}
.nx-lead{font-size:var(--type-body);margin:0 0 16px}
.light .nx-lead{color:var(--ink)!important}