/* outrun-new-pages-20261030: site-wide nav additions (A: Pricing dropdown, B: "By use" group in Models), banner link, homepage cards */
.np-ni{width:20px;height:20px;flex:none;color:var(--orange)}
.dd-panel .np-dd-one{display:grid;grid-template-columns:minmax(0,300px)}
.dd-panel .np-dd-use{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.announce .np-ann-sep{color:var(--cream-3)}
.np-hcards{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.np-hcards li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.np-hcards a{position:relative;display:flex;flex-direction:column;gap:26px;height:100%;min-height:150px;padding:24px 24px 22px;color:var(--cream);transition:background-color .3s}
.np-hcards a:hover{background:color-mix(in srgb,var(--orange) 5%,transparent)}
.np-hcards .np-ni{width:26px;height:26px}
.np-hc-t{display:flex;flex-direction:column;gap:6px}
.np-hc-t b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.np-hc-t span{font-size:14px;line-height:1.45;color:var(--cream-3)}
.np-hc-a{position:absolute;top:22px;right:22px;font-family:var(--mono);color:var(--cream-3);transition:color .3s,transform .3s}
.np-hcards a:hover .np-hc-a{color:var(--orange);transform:translateX(3px)}
@media (max-width:860px){.dd-panel .np-dd-one{grid-template-columns:minmax(0,1fr)}.np-hcards{grid-template-columns:minmax(0,1fr)}.np-hcards a{min-height:0;gap:14px}}
@media (max-width:520px){.announce .np-ann-sep{display:none}.announce .np-ann-crypto{display:inline-block}}
.dd-panel .np-dd-sep{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
@media (min-width:861px){.top .nav .np-nav-m{display:none}}
@media (max-width:860px){.top .nav .dd-pricing{display:none}}