/* /usage — NEXUS build plans usage page (2026-09-25). Bars/cards come from
   nexus-subscription.css (loaded by the header); this is the page layout. */
.nxu-page { max-width: 960px; margin: 0 auto; padding: 1.5rem 1rem 4rem; }
.nxu-hero { padding: 2rem 0 1rem; }
.nxu-kicker { color: #00cfff; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.6rem; }
.nxu-hero h1 { color: var(--text-heading); font-size: 2rem; line-height: 1.15; margin: 0 0 0.6rem; }
.nxu-hero p { color: #b9c8d9; font-size: 1.02rem; max-width: 46rem; margin: 0; }
.nxu-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; align-items: start; }
.nxu-card { background: rgba(17,24,39,0.6); border: 1px solid rgba(0,150,255,0.15); border-radius: 12px; padding: 1.1rem; display: flex; flex-direction: column; gap: 12px; }
.nxu-card h2 { color: var(--text-heading); font-size: 1.05rem; margin: 0; }
.nxu-card .nxu-plans { grid-template-columns: 1fr 1fr; }
.nxu-chart-wrap { position: relative; height: 220px; }
.nxu-page .nxu-more { display: none; }
.nxu-how { color: #a9b8c9; font-size: 0.9rem; line-height: 1.55; }
.nxu-how li { margin: 0.25rem 0; }
@media (max-width: 760px) { .nxu-grid { grid-template-columns: 1fr; } .nxu-hero h1 { font-size: 1.6rem; } }