.nxo-view .lh{padding:168px 0 96px;border-bottom:1px solid var(--hair)}
.nxo-view .lh .g2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center}
.nxo-view .lh h1{font:500 clamp(34px,3.6vw,54px)/1.06 var(--mono);letter-spacing:-.035em;max-width:17ch;margin:22px 0 22px}
.nxo-view #map{width:100%;height:auto;display:block}
.nxo-view #map .tr{fill:none;stroke:rgba(var(--ink),.16);stroke-width:1}
.nxo-view #map .tr.on{stroke:var(--t1)}
.nxo-view #map circle{fill:var(--bg);stroke:rgba(var(--ink),.4);stroke-width:1}
.nxo-view #map g.on circle{stroke:var(--t1)}
.nxo-view #map g.on circle.lv{fill:var(--accent);stroke:var(--accent)}
.nxo-view #map text{fill:var(--t3);font:500 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.nxo-view #map g.on text{fill:var(--t1)}
.nxo-view #map .hub{fill:var(--bg);stroke:var(--accent);stroke-width:1.5}
.nxo-view #map .hubt{fill:var(--t1);font:500 10px var(--mono);letter-spacing:.14em}
.nxo-view .prin{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .prin div{background:var(--bg);padding:24px;min-height:190px;display:flex;flex-direction:column}
.nxo-view .prin b{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.nxo-view .prin b span{color:var(--accent-text);margin-inline-end:10px}
.nxo-view .prin p{margin:auto 0 0;font-size:13.5px;line-height:1.5;color:var(--t2)}
.nxo-view .lv3{display:flex;gap:28px;margin:0 0 40px;padding:16px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);flex-wrap:wrap}
.nxo-view .lv3 div{display:flex;gap:12px;align-items:baseline;font-size:13.5px;color:var(--t2)}
.nxo-view .lv3 b{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t1)}
.nxo-view .paths{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--hair)}
.nxo-view .paths nav{border-inline-end:1px solid var(--hair)}
.nxo-view .paths nav button{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;width:100%;text-align:start;padding:16px 18px;background:var(--bg);border:0;border-bottom:1px solid var(--hair);color:var(--t3);cursor:pointer;font:500 14px var(--sans)}
.nxo-view .paths nav button:last-child{border-bottom:0}
.nxo-view .paths nav button span{grid-row:span 2;font:400 12px var(--mono);color:var(--t3);padding-top:2px}
.nxo-view .paths nav button small{font:400 11px var(--mono)}
.nxo-view .paths nav button[aria-pressed=true]{color:var(--t1);background:var(--surface);box-shadow:inset 2px 0 0 var(--accent)}
.nxo-view .paths nav button[aria-pressed=true] span{color:var(--accent-text)}
.nxo-view .pv{padding:36px 40px 40px;min-height:640px}
.nxo-view .pv .tb{margin:-36px -40px 28px;height:340px;background:var(--bg);border-bottom:1px solid var(--hair);overflow:hidden}
.nxo-view .pv .tb img{width:100%;height:100%;object-fit:contain;display:block}
.nxo-view .pv .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.nxo-view .pv h2{font-size:clamp(26px,2.4vw,36px);line-height:1.1;letter-spacing:-.03em;margin:12px 0 12px;max-width:22ch}
.nxo-view .pv .why{font-size:15.5px;line-height:1.6;color:var(--t2);max-width:66ch;margin:0 0 28px}
.nxo-view .pv .for{font:400 12px var(--mono);color:var(--t3);margin:0 0 28px}
.nxo-view .pv .for b{color:var(--t2);font-weight:500}
.nxo-view .mods{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair2);counter-reset:m}
.nxo-view .mods li{display:grid;grid-template-columns:48px minmax(0,1fr) 120px;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.nxo-view .mods li:before{counter-increment:m;content:counter(m,decimal-leading-zero);font:400 12px var(--mono);color:var(--t3)}
.nxo-view .mods b{display:block;font:500 15px var(--sans);color:var(--t1);margin-bottom:3px}
.nxo-view .mods span{font-size:13.5px;color:var(--t2);line-height:1.5}
.nxo-view .mods em{font:500 10.5px var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);text-align:end}
.nxo-view .mods em.l2{color:var(--t2)}
.nxo-view .mods em.l3{color:var(--accent-text)}
.nxo-view .pv .go{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}
.nxo-view .how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.nxo-view .ol li span{color:var(--t2)}
.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 .close{padding:140px 0;border-bottom:1px solid var(--hair)}
.nxo-view .close h2{font-size:clamp(34px,3.8vw,60px);max-width:18ch;letter-spacing:-.04em;line-height:1.04;margin:14px 0 20px}
@media (max-width:1100px){.nxo-view .lh .g2,.nxo-view .how{grid-template-columns:1fr}
.nxo-view .prin{grid-template-columns:1fr 1fr}
.nxo-view .paths{grid-template-columns:1fr}
.nxo-view .paths nav{border-inline-end:0;border-bottom:1px solid var(--hair)}
.nxo-view .pv{padding:28px 20px}
.nxo-view .mods li{grid-template-columns:36px 1fr}
.nxo-view .mods em{grid-column:2;text-align:start}
.nxo-view .legal .w{grid-template-columns:1fr}
}
