.nxo-view .ch{padding:140px 0 120px;border-bottom:1px solid var(--hair);position:relative}
.nxo-view .ch-n{font:400 13px var(--mono);color:var(--t3);letter-spacing:.06em;margin-bottom:22px;display:flex;gap:14px;align-items:center}
.nxo-view .ch-n b{color:var(--accent-text);font-weight:500}
.nxo-view .ch-n i{flex:0 0 48px;height:1px;background:var(--hair2)}
.nxo-view .ch h2{font-size:clamp(34px,3.4vw,52px);max-width:20ch;margin:0 0 20px;line-height:1.06;letter-spacing:-.032em}
.nxo-view .ch .sub{font-size:17px;max-width:64ch;margin-bottom:64px}
.nxo-view .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.nxo-view .ahero{position:relative;min-height:100vh;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-top:64px}
.nxo-view .ahero .txt{display:flex;flex-direction:column;justify-content:center;padding:80px 48px 80px max(48px,calc((100vw - 1440px)/2 + 48px))}
.nxo-view .ahero h1{font:500 clamp(30px,2.9vw,44px)/1.1 var(--mono);letter-spacing:-.035em;max-width:17ch}
.nxo-view .stage{position:relative;border-inline-start:1px solid var(--hair)}
.nxo-view .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg)}
.nxo-view .stage .sw{position:absolute;inset-inline-start:24px;bottom:24px;z-index:2;display:flex;border:1px solid var(--hair2);border-radius:5px;background:rgba(var(--paper),.8);overflow:hidden}
.nxo-view .stage .sw button{height:34px;padding:0 14px;background:transparent;border:0;border-inline-end:1px solid var(--hair);color:var(--t3);font:500 12px var(--sans);cursor:pointer}
.nxo-view .stage .sw button:last-child{border-inline-end:0}
.nxo-view .stage .sw button[aria-pressed=true]{color:var(--bg);background:var(--t1)}
.nxo-view .stage .cap{position:absolute;inset-inline-end:24px;bottom:30px;z-index:2;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);pointer-events:none}
.nxo-view .stage .tag{position:absolute;inset-inline-start:24px;top:24px;z-index:2;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);pointer-events:none}
.nxo-view .stage .tag b{color:var(--accent-text);font-weight:500}
.nxo-view .kv{margin:0;border-top:1px solid var(--hair)}
.nxo-view .kv div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--hair)}
.nxo-view .kv dt{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);padding-top:2px}
.nxo-view .kv dd{margin:0;font-size:15px;color:var(--t1);line-height:1.5}
.nxo-view .kv dd span{display:block;color:var(--t3);font-size:13px;margin-top:2px}
.nxo-view .prose p{font-size:17px;line-height:1.65;color:var(--t2);margin:0 0 20px;max-width:58ch}
.nxo-view .prose p b{color:var(--t1);font-weight:500}
.nxo-view .lc{display:grid;grid-template-columns:repeat(11,1fr);border:1px solid var(--hair);border-radius:5px;overflow:hidden}
.nxo-view .lc button{position:relative;background:var(--bg);border:0;border-inline-end:1px solid var(--hair);padding:18px 12px 16px;text-align:start;color:var(--t3);cursor:pointer;font:inherit;transition:background .15s,color .15s}
.nxo-view .lc button:last-child{border-inline-end:0}
.nxo-view .lc button .k{display:block;font:400 11px var(--mono);color:var(--t3)}
.nxo-view .lc button b{display:block;margin-top:26px;font:500 13px var(--sans);color:var(--t2)}
.nxo-view .lc button:hover{background:var(--surface)}
.nxo-view .lc button[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}
.nxo-view .lc button[aria-pressed=true] b{color:var(--t1)}
.nxo-view .lc button[aria-pressed=true] .k{color:var(--accent-text)}
.nxo-view .lc button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .lcd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;margin-top:40px;min-height:260px}
.nxo-view .lcd h3{margin:0 0 12px;font:500 26px var(--sans);letter-spacing:-.02em}
.nxo-view .lcd .q{font-size:16px;line-height:1.6;color:var(--t2);margin:0;max-width:46ch}
.nxo-view .lcd ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.nxo-view .lcd li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--hair);font-size:14.5px;color:var(--t2)}
.nxo-view .lcd li em{font:400 11px var(--mono);font-style:normal;color:var(--t3);padding-top:3px}
.nxo-view .lcd .ln{margin-top:20px;font:400 12px var(--mono);color:var(--t3)}
.nxo-view .lcd .ln a{color:var(--t2);border-bottom:1px solid var(--hair2);margin-inline-end:14px}
.nxo-view .lcd .ln a:hover{color:var(--t1)}
.nxo-view .stack{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--hair);border-radius:5px;overflow:hidden}
.nxo-view .spine{position:relative;border-inline-end:1px solid var(--hair);background:var(--bg);padding:22px 18px;display:flex;flex-direction:column}
.nxo-view .spine:before{content:"";position:absolute;inset-inline-end:-1px;top:0;bottom:0;width:2px;background:var(--accent)}
.nxo-view .spine .eyebrow{color:var(--accent-text)}
.nxo-view .spine h3{margin:10px 0 18px;font:500 17px var(--sans)}
.nxo-view .spine ol{list-style:none;margin:0;padding:0;counter-reset:f}
.nxo-view .spine li{counter-increment:f;display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--hair);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}
.nxo-view .spine li:before{content:counter(f,decimal-leading-zero);color:var(--t3)}
.nxo-view .spine p{margin:auto 0 0;padding-top:18px;font-size:12.5px;line-height:1.5;color:var(--t3)}
.nxo-view .layers{display:flex;flex-direction:column}
.nxo-view .layer{display:grid;grid-template-columns:44px 190px 1fr 240px;gap:20px;align-items:center;padding:0 22px;height:58px;border-bottom:1px solid var(--hair);transition:background .15s}
.nxo-view .layer:last-child{border-bottom:0}
.nxo-view .layer:hover{background:var(--surface)}
.nxo-view .layer .ix{font:400 11px var(--mono);color:var(--t3)}
.nxo-view .layer b{font:500 14.5px var(--sans)}
.nxo-view .layer span{font-size:13px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxo-view .layer .bus{position:relative;height:1px;background:var(--hair2)}
.nxo-view .layer .bus:before{content:"";position:absolute;inset-inline-start:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.nxo-view .layer .bus:after{content:attr(data-l);position:absolute;inset-inline-end:0;top:-8px;font:400 10px var(--mono);color:var(--t3);letter-spacing:.08em;text-transform:uppercase;background:var(--bg);padding-inline-start:6px;white-space:nowrap}
.nxo-view .layer:hover .bus{background:var(--accent)}
.nxo-view .layer:hover .bus:after{color:var(--t1);background:var(--surface)}
.nxo-view .layer.grp{height:30px;background:var(--surface)}
.nxo-view .layer.grp b{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.nxo-view .pr{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .pr div{background:var(--bg);padding:24px 22px;min-height:320px;display:flex;flex-direction:column}
.nxo-view .pr .k{font:500 40px var(--mono);letter-spacing:-.04em;line-height:1}
.nxo-view .pr div:first-child .k{color:var(--accent-text)}
.nxo-view .pr h3{margin:auto 0 10px;font:500 17px var(--sans)}
.nxo-view .pr p{margin:0;font-size:13.5px;line-height:1.55;color:var(--t2)}
.nxo-view .grp3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .grp3>div{background:var(--bg);padding:28px;min-height:280px;display:flex;flex-direction:column}
.nxo-view .grp3 .eyebrow b{color:var(--accent-text)}
.nxo-view .grp3 h3{margin:18px 0 8px;font:500 20px var(--sans);letter-spacing:-.015em}
.nxo-view .grp3 p{margin:0;font-size:14px;line-height:1.55;color:var(--t2)}
.nxo-view .grp3 dl{margin:auto 0 0;padding-top:22px}
.nxo-view .grp3 dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--hair);font-size:13px}
.nxo-view .grp3 dt{color:var(--t3)}
.nxo-view .grp3 dd{margin:0;color:var(--t1);text-align:end}
.nxo-view .steward{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--hair2);border-radius:5px;padding:22px 26px;margin-top:24px}
.nxo-view .steward h3{margin:0;font:500 17px var(--sans)}
.nxo-view .steward p{margin:4px 0 0;color:var(--t2);font-size:14px;max-width:80ch}
.nxo-view .lines9{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .l9{background:var(--bg);padding:24px;min-height:200px;display:flex;flex-direction:column;transition:background .15s}
.nxo-view .l9:hover{background:var(--surface)}
.nxo-view .l9 .eyebrow b{color:var(--accent-text)}
.nxo-view .l9 h3{margin:auto 0 6px;font:500 17px var(--sans)}
.nxo-view .l9 p{margin:0;color:var(--t2);font-size:13.5px}
.nxo-view .l9 .go{margin-top:14px;font:500 12px var(--mono);color:var(--t3)}
.nxo-view .l9:hover .go{color:var(--t1)}
.nxo-view .ct{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .ct>div{background:var(--bg);padding:28px;min-height:230px;display:flex;flex-direction:column}
.nxo-view .ct h3{margin:0 0 8px;font:500 18px var(--sans)}
.nxo-view .ct p{margin:0 0 20px;font-size:14px;line-height:1.55;color:var(--t2)}
.nxo-view .ct .ph{margin-top:auto;font:500 13px var(--mono);color:var(--accent-text)}
.nxo-view .close{padding:160px 0}
.nxo-view .close h2{font-size:clamp(40px,4.6vw,72px);max-width:16ch;letter-spacing:-.04em;line-height:1.02;margin:0 0 24px}
.nxo-view .legal{border-top:1px solid var(--hair);padding:32px 0 48px;color:var(--t3);font-size:12.5px;line-height:1.6}
.nxo-view .legal .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.nxo-view .legal b{color:var(--t2);font-weight:500}
.nxo-view .reveal{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.nxo-view .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.nxo-view .reveal{opacity:1;transform:none;transition:none}
}
@media (max-width:1100px){.nxo-view .ahero{grid-template-columns:1fr}
.nxo-view .stage{min-height:520px;border-inline-start:0;border-top:1px solid var(--hair)}
.nxo-view .split,.nxo-view .lcd{grid-template-columns:1fr}
.nxo-view .lc{grid-template-columns:repeat(4,1fr)}
.nxo-view .lc button{border-bottom:1px solid var(--hair)}
.nxo-view .pr,.nxo-view .grp3,.nxo-view .lines9,.nxo-view .ct{grid-template-columns:1fr}
.nxo-view .stack{grid-template-columns:1fr}
.nxo-view .layer{grid-template-columns:36px 1fr;height:auto;padding:12px 18px}
.nxo-view .layer span,.nxo-view .layer .bus{display:none}
.nxo-view .legal .w{grid-template-columns:1fr}
}
