.nxo-view .switch{position:relative}
.nxo-view .switch button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:5px;border:1px solid var(--hair2);background:var(--bg);color:var(--t1);font:500 13px var(--sans);cursor:pointer}
.nxo-view .switch button i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.nxo-view .crumb{display:flex;gap:10px;align-items:center;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.nxo-view .crumb b{color:var(--t1);font-weight:500}
.nxo-view .hero-l{height:88vh;min-height:720px}
.nxo-view #obj{position:absolute;top:104px;bottom:0;left:38%;width:62%;height:calc(100% - 104px);border:0;background:transparent}
.nxo-view .hero-l .w{position:relative;z-index:2;pointer-events:none}
.nxo-view .hero-l .w a,.nxo-view .hero-l .w button{pointer-events:auto}
.nxo-view .routes{grid-template-columns:repeat(3,1fr)}
.nxo-view .routes .cell{min-height:180px}
.nxo-view .routes .cell .eyebrow{margin-bottom:auto}
.nxo-view .two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .two>div{background:var(--bg);padding:32px}
.nxo-view .two ul{list-style:none;margin:18px 0 0;padding:0}
.nxo-view .two li{padding:12px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--t2);display:flex;gap:12px}
.nxo-view .two li:before{content:"";width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--t3);flex:none}
.nxo-view .two .ent li:before{background:var(--accent)}
.nxo-view .fn{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.nxo-view .fn span{height:30px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--hair2);border-radius:5px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--t2)}
.nxo-view .fn span.on{border-color:var(--accent-text);color:var(--t1)}
.nxo-view .xpl{position:relative;height:calc(100vh - 104px);min-height:560px;border:1px solid var(--hair);border-radius:5px;overflow:hidden;background:var(--bg)}
.nxo-view .xpl iframe{width:100%;height:100%;border:0;display:block}
.nxo-view .xph{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.nxo-view .inds{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .inds a{background:var(--bg);padding:20px;min-height:132px;display:flex;flex-direction:column;gap:6px}
.nxo-view .inds a:hover{background:var(--surface)}
.nxo-view .inds .eyebrow b{color:var(--accent-text)}
.nxo-view .inds strong{font:600 16px var(--cond,var(--sans));margin-top:auto;color:var(--t1)}
.nxo-view .inds span:last-child{font-size:13px;color:var(--t3);line-height:1.45}
.nxo-view .lines{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .lines a{background:var(--bg);padding:14px;font:500 12px/1.35 var(--sans);color:var(--t3);min-height:72px}
.nxo-view .lines a b{display:block;font:500 11px var(--mono);color:var(--t3);margin-bottom:6px}
.nxo-view .lines a.cur{color:var(--t1);background:var(--surface)}
.nxo-view .lines a.cur b{color:var(--accent-text)}
.nxo-view .contact{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--hair2);border-radius:5px;padding:32px}
.nxo-view .contact p{margin:6px 0 0;color:var(--t2)}
@media (max-width:600px){.nxo-view .inds{grid-template-columns:1fr}
}
@media (max-width:900px){.nxo-view .hero-l{height:auto;min-height:0;padding-bottom:56px}
.nxo-view .hero-l .w{height:auto}
.nxo-view #obj{position:relative;top:auto;left:auto;bottom:auto;display:block;width:100%;height:320px;margin-top:104px}
.nxo-view .inds{grid-template-columns:1fr 1fr}
.nxo-view .xpl{height:80vh}
.nxo-view .routes{grid-template-columns:1fr}
.nxo-view .two{grid-template-columns:1fr}
.nxo-view .lines{grid-template-columns:repeat(3,1fr)}
.nxo-view .contact{flex-direction:column;align-items:flex-start}
}
.nxo-view #rt{min-height:640px}
@media (max-width:700px){.nxo-view #rt{min-height:1100px}
}
