.nxo-view .sl-hero{min-height:560px;height:auto;padding-bottom:72px}
.nxo-view .sl-hero .copy{max-width:560px}
.nxo-view .sl-hero img.sl-still:not([src]){display:none}
.nxo-view .sl-hero img.sl-still{position:absolute;inset-inline-end:48px;top:136px;bottom:48px;width:min(44%,620px);height:calc(100% - 184px);object-fit:contain;object-position:center;border:0}
.nxo-view .sl-hero .sl-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:32px 0 0;padding-top:16px;border-top:1px solid var(--hair);font:400 11px var(--mono);letter-spacing:.06em;color:var(--t3)}
.nxo-view .sl-hero .sl-meta b{font-weight:500;color:var(--t1)}
.nxo-view a.tc{color:inherit;text-decoration:none}
.nxo-view a.tc:hover h3{color:var(--accent-text)}
.nxo-view a.tc:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .tc .go{margin-top:auto;padding-top:16px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--t2)}
.nxo-view a.tc:hover .go{color:var(--t1)}
.nxo-view .tc .nxo-ico{color:var(--t2)}
.nxo-view .tc .tc-h{display:flex;align-items:center;gap:10px;margin-top:2px}
.nxo-view .tc .tc-h h3{margin:0}
.nxo-view .lmap{display:flex;flex-direction:column;border:1px solid var(--hair)}
.nxo-view .lrow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:18px 20px;border-top:1px solid var(--hair)}
.nxo-view .lrow:first-child{border-top:0}
.nxo-view .lrow h3{margin:0 0 4px;font-size:15px}
.nxo-view .lrow h3 a{color:var(--t1);text-decoration:none}
.nxo-view .lrow h3 a:hover{color:var(--accent-text)}
.nxo-view .lrow .q{font:400 11px var(--mono);letter-spacing:.06em;color:var(--t3)}
.nxo-view .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.nxo-view .chips li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid var(--hair2);border-radius:4px;font-size:13px;color:var(--t2)}
.nxo-view .chips li.fr{color:var(--t1)}
.nxo-view .chips li.fr::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.nxo-view .dom{margin-top:56px}
.nxo-view .dom:first-of-type{margin-top:0}
.nxo-view .dom-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.nxo-view .dom-h h3{margin:0;font-size:19px}
.nxo-view .dom-h p{margin:6px 0 0;color:var(--t2);font-size:14px;max-width:72ch}
.nxo-view .dom-h a{font:500 12px var(--mono);letter-spacing:.06em;color:var(--t2)}
.nxo-view .dom-h a:hover{color:var(--t1)}
.nxo-view .arch{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.nxo-view .layers{list-style:none;margin:0;padding:0;border:1px solid var(--hair)}
.nxo-view .layers li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 18px;border-top:1px solid var(--hair)}
.nxo-view .layers li:first-child{border-top:0}
.nxo-view .layers b{font:500 12px var(--mono);color:var(--accent-text)}
.nxo-view .layers strong{display:block;font-weight:500;color:var(--t1);margin-bottom:4px}
.nxo-view .layers span{font-size:13.5px;line-height:1.5;color:var(--t2)}
.nxo-view .fns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .fns>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .fns a{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--bg);color:var(--t2);text-decoration:none;min-height:104px}
.nxo-view .fns a b{font:500 11px var(--mono);letter-spacing:.06em;color:var(--t3)}
.nxo-view .fns a strong{font-weight:500;color:var(--t1)}
.nxo-view .fns a span{font-size:13px;line-height:1.5}
.nxo-view .fns a.on{box-shadow:inset 0 2px 0 var(--accent)}
.nxo-view .fns a.on b{color:var(--accent-text)}
.nxo-view .fns a:not(.on){opacity:.62}
.nxo-view .fns a:hover{opacity:1;background:var(--surface)}
.nxo-view .fns a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .key{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:12.5px;color:var(--t3)}
.nxo-view .key i{width:14px;height:2px;background:var(--accent)}
.nxo-view .two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .two>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .two>div{background:var(--bg);padding:28px}
.nxo-view .two ul{list-style:none;margin:16px 0 0;padding:0}
.nxo-view .two li{display:flex;gap:8px;padding:11px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--t2)}
.nxo-view .two li .nxo-i{flex:none;margin-top:2px;color:var(--t3)}
.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)}
.nxo-view .grp{margin-top:40px}
.nxo-view .grp h3{margin:0 0 14px;font-size:15px;color:var(--t2);font-weight:500}
.nxo-view .plain{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.nxo-view .plain a{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--hair2);border-radius:5px;color:var(--t2);font-size:13.5px;text-decoration:none}
.nxo-view .plain a:hover{color:var(--t1);border-color:var(--accent)}
@media (max-width:1100px){.nxo-view .arch{grid-template-columns:1fr}
.nxo-view .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){.nxo-view .sl-hero{min-height:0;padding-bottom:40px}
.nxo-view .sl-hero img.sl-still{position:static;display:block;width:100%;height:auto;aspect-ratio:16/10;margin-top:28px}
.nxo-view .sl-hero{flex-direction:column;align-items:stretch}
.nxo-view .g3{grid-template-columns:1fr}
.nxo-view .two{grid-template-columns:1fr}
.nxo-view .lrow{grid-template-columns:1fr;gap:10px}
.nxo-view .contact{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){.nxo-view .g4,.nxo-view .fns{grid-template-columns:1fr}
.nxo-view .s{padding:72px 0}
}