/* Shared chrome for secondary HTML pages (FAQ / About / B2B / blog) — aligns with landing tokens */
/* Keep the footer below the first viewport while the page application mounts. */
body.nx-page #app:empty { min-height: 100vh; min-height: 100svh; }
/* Inline guidance identifies the next field without presenting it as a bad code. */
.nx-bios-code-drum .needs-attention label,
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__label { color: var(--nx-accent-soft, #67e8f9); }
.nx-bios-checker .nx-bios-field.needs-attention,
.nx-bios-code-drum .needs-attention .nx-bios-field,
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection {
  border-color: var(--nx-accent-soft, #67e8f9);
  box-shadow: 0 0 0 2px rgb(103 232 249 / 15%);
}
.nx-bios-field-prompt { flex-basis: 100%; margin: 8px 0 0; color: var(--nx-accent-soft, #67e8f9); font-size: 14px; line-height: 1.5; }
.nx-bios-next-field { color: var(--nx-accent-soft, #67e8f9); }
/* Both halves of the BIOS code use the same complete attention ring. The
   scroller clips its own options; the outer window must not clip this ring. */
.nx-bios-code-drum .nx-bios-code-drum__window { overflow: visible; }
/* Leave a clear gap between the ring and the scroll arrows. */
.nx-bios-code-drum .nx-bios-code-drum__window { padding-right: 26px; }
.nx-bios-code-drum .nx-bios-code-drum__window .nx-bios-code-drum__selection { right: 26px; }
.nx-bios-code-drum .needs-attention .nx-bios-field,
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection,
.nx-bios-code-drum__window:has(.nx-bios-code-drum__scroll:focus-visible) .nx-bios-code-drum__selection {
  outline: 2px solid var(--nx-accent-soft, #67e8f9);
  outline-offset: 2px;
}
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection { border: 1px solid var(--nx-accent-soft, #67e8f9); }
.nx-bios-code-drum .nx-bios-code-drum__scroll:focus-visible { outline: none; }
.nx-bios-checker .nx-bios-field[aria-invalid="true"] { border-color: #f87171; box-shadow: 0 0 0 2px rgb(248 113 113 / 15%); }
.nx-bios-code-drum .needs-attention .nx-bios-field,
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection,
.nx-bios-checker .nx-bios-field.needs-attention {
  animation: var(--nx-attention-animation, nx-field-attention) 550ms ease-in-out 2;
}
@keyframes nx-field-attention {
  0%, 100% { --nx-field-ring-color: #67e8f9; }
  50% { --nx-field-ring-color: transparent; }
}
@keyframes nx-field-attention-repeat {
  0%, 100% { --nx-field-ring-color: #67e8f9; }
  50% { --nx-field-ring-color: transparent; }
}
/* The global accessibility layer uses !important for focus rings. Feed its
   replacement from an animated variable so focused inputs blink too. */
html body .nx-bios-code-drum .needs-attention .nx-bios-field,
html body .nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection,
html body .nx-bios-checker .nx-bios-field.needs-attention {
  outline: 2px solid var(--nx-field-ring-color, #67e8f9) !important;
  outline-offset: 2px !important;
}
.nx-bios-checker .nx-bios-field.needs-attention { outline: 2px solid var(--nx-accent-soft, #67e8f9); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .nx-bios-code-drum .needs-attention .nx-bios-field,
  .nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection,
  .nx-bios-checker .nx-bios-field.needs-attention { animation: none; }
}
:root {
  --nx-ink: #060a12;
  --nx-surface: #0b1220;
  --nx-surface-2: #121a2b;
  --nx-elevated: #1a2438;
  --nx-border: rgba(148, 163, 184, 0.18);
  --nx-border-strong: rgba(148, 163, 184, 0.32);
  --nx-brand: #1d4ed8;
  --nx-brand-hover: #2563eb;
  --nx-accent: #0891b2;
  --nx-accent-soft: #67e8f9;
  --nx-on-accent: #f8fafc;
  --nx-text: #f1f5f9;
  --nx-muted: #94a3b8;
  --nx-faint: var(--nx-muted);
  --nx-wa: #117f3a;
  --nx-wa-hover: #15803d;
  --nx-star: #fbbf24;
  --nx-brand-deep: #1e3a8a;
  --nx-radius: 12px;
  --nx-radius-sm: 8px;
  --nx-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  --container-max-width: 72rem;
  --nx-font-display: 'Unbounded', system-ui, sans-serif;
  --nx-font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --nx-fs-caption: 0.75rem;
  --nx-fs-small: 0.875rem;
  --nx-fs-body: 1rem;
  --nx-fs-h3: 1.125rem;
  --nx-fs-h2: 1.5rem;
  --nx-fs-h1: 1.75rem;
  --nx-lh-display: 1.2;
  --nx-lh-body: 1.6;
  --nx-track-display: -0.03em;
  --nx-space-1: 0.25rem;
  --nx-space-2: 0.5rem;
  --nx-space-3: 0.75rem;
  --nx-space-4: 1rem;
  --nx-space-5: 1.25rem;
  --nx-space-6: 1.5rem;
  --nx-space-8: 2rem;
  --nx-gap: 0.5rem;
  --nx-gap-lg: 0.75rem;
  --section-py-mobile: 2rem;
  --section-py-tablet: 2.5rem;
  --section-py-desktop: 3rem;
  --nx-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nx-duration: 0.3s;
}
@media (min-width: 640px) {
  :root {
    --nx-fs-h1: 2.25rem;
    --nx-fs-h2: 1.75rem;
    --nx-gap: 0.75rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --nx-fs-h1: 2.5rem;
    --nx-fs-h2: 1.875rem;
  }
}

html:has(body.nx-page) {
  color-scheme: dark;
  background: var(--nx-ink);
}

body.nx-page {
  background: var(--nx-ink) !important;
  color: var(--nx-text);
  font-family: var(--nx-font-body);
  font-size: var(--nx-fs-body);
  line-height: var(--nx-lh-body);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
  touch-action: manipulation;
}

.nx-h1 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h1);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: var(--nx-track-display);
  text-wrap: balance;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-4);
}
/* The same heading scale on informational pages, regardless of legacy utilities. */
.nx-about-hero .nx-h1,
.nx-faq-hero .nx-h1,
.nx-terms-static .nx-h1,
.nx-privacy-wrap .nx-h1,
.nx-contact-page .nx-h1 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h1) !important;
  line-height: 1.2;
  letter-spacing: var(--nx-track-display);
  margin-bottom: 1rem;
}
.nx-contact-page.nx-shell {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.nx-contact-page > p { max-width: 65ch; }
.nx-contact-grid { display: grid; gap: 1rem; margin: 1.5rem 0; }
.nx-contact-card { min-width: 0; padding: 1.25rem; border: 1px solid var(--nx-border); border-radius: var(--nx-radius); background: var(--nx-surface); }
.nx-contact-page .nx-contact-card h2 { margin: 0 0 1rem; font-family: var(--nx-font-body); font-size: 1.25rem; }
.nx-contact-card p, .nx-contact-card li { overflow-wrap: anywhere; }
.nx-contact-card ul { margin-bottom: 0; }
.nx-contact-card a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 768px) { .nx-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.nx-directions-faq__trigger:hover { color: var(--nx-accent-soft); }
.nx-directions-faq__trigger:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: -3px; border-radius: var(--nx-radius); }
.nx-bios-checked-summary { border: 1px solid var(--nx-border); background: var(--nx-surface); padding: 1rem; border-radius: var(--nx-radius); }
.nx-bios-checked-summary__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; overflow-wrap: anywhere; }
.nx-bios-checked-summary__price { color: var(--nx-accent-soft); }
.nx-bios-edit-link { display: inline-flex; align-items: center; min-height: 44px; padding: .25rem 0; border: 0; background: none; color: var(--nx-accent-soft); font: inherit; font-size: .875rem; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.nx-bios-email-summary__value { min-width: 0; overflow-wrap: anywhere; }
.nx-h2 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h2);
  font-weight: 700;
  line-height: var(--nx-lh-display);
  letter-spacing: -0.025em;
  text-wrap: balance;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-3);
}
.nx-h3 {
  font-family: var(--nx-font-body);
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  line-height: 1.3;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-2);
}
.nx-lede {
  font-size: var(--nx-fs-body);
  line-height: var(--nx-lh-body);
  color: var(--nx-muted);
  max-width: 40rem;
  margin: 0 0 var(--nx-space-6);
  text-wrap: pretty;
}

.nx-shell {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: max(1rem, env(safe-area-inset-left, 0px));
  padding-right: max(1rem, env(safe-area-inset-right, 0px));
}

.nx-product-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nx-space-2);
  margin: var(--nx-space-6) auto 0;
  max-width: 40rem;
  padding: 0.15rem;
}

@media (min-width: 640px) {
  .nx-product-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.nx-product-strip__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: var(--nx-space-2) var(--nx-space-3);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-surface-2) 55%, transparent);
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.nx-product-strip__link:hover {
  border-color: color-mix(in srgb, var(--nx-accent) 45%, var(--nx-border));
  color: var(--nx-accent-soft);
}

.nx-product-strip__link.is-active {
  border-color: color-mix(in srgb, var(--nx-accent) 55%, var(--nx-border));
  color: var(--nx-text);
  background: color-mix(in srgb, var(--nx-accent) 12%, var(--nx-surface-2));
}

.nx-page-cta {
  padding: var(--nx-space-6) var(--nx-space-5);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 55%, transparent);
}

.nx-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: var(--nx-space-3) var(--nx-space-5);
  border-radius: var(--nx-radius-sm);
  font-weight: 600;
  font-size: var(--nx-fs-body);
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.nx-page-btn--wa {
  background: var(--nx-wa);
  color: var(--nx-on-accent);
}

.nx-page-btn--wa:hover {
  background: var(--nx-wa-hover);
}

.nx-page-btn--primary {
  background: var(--nx-brand);
  color: var(--nx-on-accent);
  border: 1px solid color-mix(in srgb, var(--nx-brand) 50%, transparent);
}

.nx-page-btn--primary:hover {
  background: var(--nx-brand-hover);
}
.nx-page-btn--secondary {
  background: transparent;
  color: var(--nx-text);
  border: 1px solid var(--nx-border-strong);
}
.nx-page-btn--secondary:hover {
  background: var(--nx-surface-2);
  border-color: var(--nx-accent-soft);
}

.nx-page-btn:focus-visible,
.nx-guide-chip:focus-visible,
.nx-guide-card:focus-visible,
.nx-faq-item summary:focus-visible,
.nx-bios-cta:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 2px;
}

.nx-page-btn {
  font-size: var(--nx-fs-body);
}

/* Mobile adaptivity — shell pages (CSS only) */
header .lang-switcher,
header .lang-switcher-btn {
  flex-shrink: 0;
}
header .lang-switcher-btn {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 379px) {
  header.fixed #header-inner button.lg\:hidden {
    min-width: 44px;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
  }
}

footer a.w-10.h-10 {
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
}

/* Footer SERVICII / INFORMAȚII — dense full-width links (matches landing global.css) */
footer .nx-foot-nav a.nx-foot-link {
  min-height: 36px;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 639.98px) {
  footer .nx-foot-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.75rem;
  }

  footer .nx-foot-contact a {
    min-height: 36px;
  }

  footer .nx-foot-location {
    min-height: 44px;
  }
}

@media (min-width: 640px) {
  footer .nx-foot-nav a.nx-foot-link {
    min-height: 40px;
  }
}

.md\:hidden.fixed.bottom-0 {
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
}
.md\:hidden.fixed.bottom-0 a {
  min-height: 48px;
}

header .md\:inline-flex.text-xs {
  font-size: 0.875rem;
  min-height: 44px;
  align-items: center;
}

main a[class*='accent-soft'],
main a.hover\:underline {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-block: 0.25rem;
  box-sizing: border-box;
}

/* B2B + secondary-page tiles (aligned with landing trust/step cards) */
.nx-b2b-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--nx-border);
  background:
    radial-gradient(ellipse 70% 50% at 12% 0%, color-mix(in srgb, var(--nx-accent) 10%, transparent), transparent 55%),
    linear-gradient(180deg, var(--nx-surface) 0%, var(--nx-ink) 100%);
}
.nx-b2b-hero .nx-shell {
  padding-top: 4.5rem;
  padding-bottom: var(--nx-space-8, 2rem);
}
@media (min-width: 768px) {
  .nx-b2b-hero .nx-shell {
    padding-top: 5.5rem;
    padding-bottom: 3.25rem;
  }
}
.nx-b2b-kicker {
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-caption);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 var(--nx-space-4);
}
.nx-b2b-h1 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h1);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin: 0 0 var(--nx-space-4);
  max-width: 22rem;
}
@media (min-width: 768px) {
  .nx-b2b-h1 { max-width: 28rem; }
}
.nx-b2b-lead {
  font-size: var(--nx-fs-body);
  line-height: 1.6;
  color: var(--nx-muted);
  margin: 0 0 var(--nx-space-6);
  max-width: 40rem;
}
@media (min-width: 768px) {
  .nx-b2b-lead { font-size: var(--nx-fs-h3); }
}
.nx-b2b-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-3);
  margin-bottom: var(--nx-space-5);
}
.nx-b2b-hero .nx-b2b-cta-row {
  margin-bottom: 0;
}
.nx-b2b-section {
  padding: var(--nx-space-8, 2rem) 0;
  border-top: 1px solid var(--nx-border);
}
@media (min-width: 768px) {
  .nx-b2b-section { padding: 3rem 0; }
}
.nx-b2b-section--alt {
  background: var(--nx-surface);
}
.nx-b2b-h2 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h2);
  font-weight: 700;
  letter-spacing: -0.025em;
  margin: 0 0 var(--nx-space-2);
}
.nx-b2b-sub {
  color: var(--nx-muted);
  font-size: var(--nx-fs-body);
  line-height: 1.55;
  margin: 0 0 var(--nx-space-6);
  max-width: 40rem;
}
.nx-tile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 640px) {
  .nx-tile-grid--2,
  .nx-tile-grid--3,
  .nx-tile-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nx-gap-lg);
  }
}
@media (min-width: 960px) {
  .nx-tile-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.nx-tile {
  display: flex;
  flex-direction: column;
  gap: var(--nx-space-2);
  height: 100%;
  min-height: 0;
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 42%, transparent);
}
a.nx-tile {
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, background 0.15s ease;
}
a.nx-tile:hover {
  border-color: color-mix(in srgb, var(--nx-accent) 50%, var(--nx-border));
  background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface-2));
}
.nx-tile__icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
  color: var(--nx-accent-soft);
  margin-bottom: 0.2rem;
  flex-shrink: 0;
}
.nx-tile__title {
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  color: var(--nx-text);
  margin: 0;
}
.nx-tile__desc {
  font-size: var(--nx-fs-small);
  line-height: 1.5;
  color: var(--nx-muted);
  margin: 0;
}
.nx-b2b-services-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}
.nx-b2b-service-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--nx-space-2);
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 42%, transparent);
}
.nx-b2b-service-card .nx-tile__desc { flex: 1 1 auto; }
.nx-b2b-service-action {
  min-height: 44px;
  margin-top: var(--nx-space-2);
  padding: 0.65rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--nx-accent) 55%, var(--nx-border));
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 10%, transparent);
  color: var(--nx-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.nx-b2b-service-action:hover,
.nx-b2b-service-action:focus-visible {
  border-color: var(--nx-accent);
  background: color-mix(in srgb, var(--nx-accent) 16%, transparent);
}
.nx-b2b-service-action:focus-visible,
.nx-b2b-service-links a:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 3px;
}
.nx-b2b-service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.nx-b2b-service-links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-small);
  font-weight: 650;
}
@media (min-width: 640px) {
  .nx-b2b-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nx-gap-lg); }
}
@media (min-width: 960px) {
  .nx-b2b-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.nx-faq-list {
  display: grid;
  gap: var(--nx-space-3);
  margin: 0;
}
.nx-faq-item {
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 38%, transparent);
}
.nx-faq-item h3 {
  font-size: var(--nx-fs-h3);
  font-weight: 650;
  margin: 0 0 var(--nx-space-2);
}
.nx-faq-item p {
  margin: 0;
  color: var(--nx-muted);
  line-height: 1.55;
  font-size: var(--nx-fs-small);
}
.nx-faq-list--accordion .nx-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nx-space-3);
  min-height: 44px;
  color: var(--nx-text);
  font-size: var(--nx-fs-h3);
  font-weight: 650;
  line-height: 1.35;
  cursor: pointer;
  list-style: none;
}
.nx-faq-list--accordion .nx-faq-item summary::-webkit-details-marker { display: none; }
.nx-faq-list--accordion .nx-faq-item summary::after {
  content: '+';
  flex-shrink: 0;
  color: var(--nx-accent-soft);
  font-size: 1.25rem;
  font-weight: 500;
}
.nx-faq-list--accordion .nx-faq-item[open] summary::after { content: '\2212'; }
.nx-faq-list--accordion .nx-faq-item p { margin-top: var(--nx-space-3); }
@media (min-width: 768px) {
  .nx-b2b-section[aria-labelledby='b2b-faq'] .nx-faq-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}
.nx-b2b-form-card {
  padding: var(--nx-space-5) var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 50%, transparent);
}
@media (min-width: 640px) {
  .nx-b2b-form-card { padding: var(--nx-space-6) var(--nx-space-5); }
}
.nx-b2b-note {
  font-size: var(--nx-fs-small);
  color: var(--nx-muted);
  line-height: 1.5;
  margin: 1.25rem 0 0;
}
.nx-b2b-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  font-weight: 650;
  font-size: var(--nx-fs-small);
}
.nx-b2b-channels a { text-decoration: none; }
.nx-b2b-channels a[href*='wa.me'] { color: var(--nx-wa); }
.nx-b2b-channels a[href^='mailto'] { color: var(--nx-accent-soft); }

/* B2B process: verb list, no numbered cards */
.nx-flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.nx-flow__item {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: var(--nx-space-3) var(--nx-space-4);
  align-items: start;
  margin: 0;
  padding: var(--nx-space-4) 0;
  border-bottom: 1px solid var(--nx-border);
}
.nx-flow__item:last-child { border-bottom: 0; }
.nx-flow__icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
  color: var(--nx-accent-soft);
}
.nx-flow__title {
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-1, 0.25rem);
}
.nx-flow__desc {
  font-size: var(--nx-fs-small);
  line-height: 1.5;
  color: var(--nx-muted);
  margin: 0;
}
@media (min-width: 768px) {
  .nx-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }
  .nx-flow__item {
    padding-left: 1rem;
    border-bottom: 0;
    border-left: 2px solid color-mix(in srgb, var(--nx-accent) 42%, var(--nx-border));
  }
}

.nx-who-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--nx-border);
}
.nx-who-item {
  display: flex;
  gap: var(--nx-space-3);
  align-items: flex-start;
  padding: var(--nx-space-4) 0;
  border-bottom: 1px solid var(--nx-border);
}
.nx-who-item > i {
  margin-top: 0.2rem;
  width: 1.25rem;
  text-align: center;
  flex-shrink: 0;
  color: var(--nx-accent-soft);
}
.nx-who-item__title {
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  margin: 0 0 var(--nx-space-1, 0.25rem);
  color: var(--nx-text);
}
.nx-who-item__desc {
  margin: 0;
  font-size: var(--nx-fs-small);
  line-height: 1.5;
  color: var(--nx-muted);
}
@media (min-width: 768px) {
  .nx-who-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }
}

.nx-b2b-h1,
.nx-b2b-h2 {
  text-wrap: balance;
}
.nx-b2b-lead,
.nx-b2b-sub {
  text-wrap: pretty;
}

.nx-page-btn:active {
  transform: scale(0.98);
}

/* —— Guides / blog / BIOS — same tokens as homepage —— */
.nx-bios-guide-offer { margin: 1.5rem 0; max-width: 760px; }
.nx-bios-guide-offer h2 { font-size: clamp(1.15rem, 2.5vw, 1.5rem); line-height: 1.3; margin: 0 0 .65rem; }
.nx-bios-guide-offer p { color: var(--nx-muted); line-height: 1.6; margin: 0 0 1rem; max-width: 65ch; }
.nx-bios-guide-mid { margin: 2rem 0; padding: 1.25rem 0; border-block: 1px solid var(--nx-border); }
.nx-bios-guide-mid p { margin-top: 0; }
.nx-bios-guide-offer .nx-page-btn, .nx-bios-guide-mid .nx-page-btn { white-space: normal; text-align: center; min-height: 48px; }
.nx-guide {
  min-height: 100dvh;
  background: var(--nx-ink);
  color: var(--nx-text);
}
.nx-guide-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--nx-border);
  background:
    radial-gradient(ellipse 70% 50% at 12% 0%, color-mix(in srgb, var(--nx-accent) 10%, transparent), transparent 55%),
    linear-gradient(180deg, var(--nx-surface) 0%, var(--nx-ink) 100%);
}
.nx-guide-hero .nx-shell {
  padding-top: 4.5rem;
  padding-bottom: var(--nx-space-8);
}
@media (min-width: 768px) {
  .nx-guide-hero .nx-shell {
    padding-top: 5.5rem;
    padding-bottom: 2.5rem;
  }
}
/* Blog index: search and filters are the primary task. Keep them on the first
   screen instead of spending a second hero's worth of space above them. */
.nx-guide-hero--index .nx-shell {
  padding-bottom: var(--nx-space-5);
}
.nx-guide-hero--index .nx-guide-kicker {
  margin-bottom: var(--nx-space-3);
}
.nx-guide-hero--index .nx-h1 {
  margin-bottom: var(--nx-space-3);
}
.nx-guide-hero--index .nx-lede {
  margin-bottom: 0;
}
.nx-guide-body--index {
  padding-top: var(--nx-space-5);
}
.nx-guide-kicker {
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-caption);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 var(--nx-space-4);
}
.nx-guide-back {
  display: inline-flex;
  align-items: center;
  gap: var(--nx-space-2);
  min-height: 44px;
  margin: 0 0 var(--nx-space-4);
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-small);
  text-decoration: none;
}
.nx-guide-back:hover { color: var(--nx-text); }
.nx-guide-meta {
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  margin: 0 0 var(--nx-space-2);
}
.nx-guide-link {
  color: var(--nx-accent-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.nx-guide-link:hover { color: var(--nx-text); }
.nx-guide-body {
  padding-top: var(--section-py-mobile);
  padding-bottom: var(--section-py-mobile);
  background: var(--nx-ink);
}
@media (min-width: 640px) {
  .nx-guide-body {
    padding-top: var(--section-py-tablet);
    padding-bottom: var(--section-py-tablet);
  }
}
@media (min-width: 1024px) {
  .nx-guide-body {
    padding-top: var(--section-py-desktop);
    padding-bottom: var(--section-py-desktop);
  }
}
.nx-guide-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-2);
  margin: 0 0 var(--nx-space-8);
}
.nx-guide-search {
  position: relative;
  display: block;
  max-width: 42rem;
  margin: 0 0 var(--nx-space-4);
}
.nx-guide-search > i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--nx-muted);
  pointer-events: none;
}
.nx-guide-search input {
  width: 100%;
  min-height: 48px;
  padding: 0.75rem 1rem 0.75rem 2.8rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
  color: var(--nx-text);
  font: inherit;
  font-size: 1rem;
  outline: none;
}
.nx-guide-search input:focus {
  border-color: var(--nx-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nx-accent) 18%, transparent);
}
@media (max-width: 767.98px) {
  .nx-guide-chips {
    flex-wrap: wrap;
    overflow-x: visible;
    margin-bottom: var(--nx-space-5);
  }
  .nx-guide-chips::-webkit-scrollbar { display: none; }
  .nx-guide-chip { flex: 0 0 auto; }
}
.nx-guide-chip {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: var(--nx-space-2) var(--nx-space-3);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-surface-2) 55%, transparent);
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.15s var(--nx-ease), color 0.15s var(--nx-ease), background 0.15s var(--nx-ease);
}
.nx-guide-chip:hover {
  border-color: color-mix(in srgb, var(--nx-accent) 45%, var(--nx-border));
  color: var(--nx-accent-soft);
}
.nx-guide-chip.is-active {
  border-color: color-mix(in srgb, var(--nx-accent) 55%, var(--nx-border));
  color: var(--nx-text);
  background: color-mix(in srgb, var(--nx-accent) 12%, var(--nx-surface-2));
}
.nx-guide-block { margin: 0 0 var(--nx-space-8); }
.nx-guide-list {
  display: grid;
  gap: var(--nx-space-3);
}
.nx-guide-card {
  display: block;
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 42%, transparent);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s var(--nx-ease), background 0.15s var(--nx-ease);
}
@media (min-width: 640px) {
  .nx-guide-card { padding: var(--nx-space-5); }
}
.nx-guide-card:hover {
  border-color: color-mix(in srgb, var(--nx-accent) 50%, var(--nx-border));
  background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface-2));
  text-decoration: none;
}
.nx-guide-card__row {
  display: flex;
  gap: var(--nx-space-4);
  align-items: flex-start;
}
.nx-guide-card__icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
  color: var(--nx-accent-soft);
}
.nx-guide-card__body { min-width: 0; flex: 1; }
.nx-guide-card__title {
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-1);
  text-wrap: balance;
}
.nx-guide-card:hover .nx-guide-card__title { color: var(--nx-accent-soft); }
.nx-guide-card__desc {
  margin: 0;
  font-size: var(--nx-fs-small);
  line-height: 1.5;
  color: var(--nx-muted);
}
.nx-guide-card__chev {
  margin-top: var(--nx-space-2);
  flex-shrink: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
}
.nx-guide-card:hover .nx-guide-card__chev { color: var(--nx-accent-soft); }
.nx-guide-related {
  display: grid;
  gap: var(--nx-space-3);
  margin: var(--nx-space-4) 0 var(--nx-space-8);
}
.nx-guide-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-3);
  justify-content: center;
  margin-top: var(--nx-space-8);
}
.nx-page-cta .nx-guide-cta-row { margin-top: 0; }
.nx-page-cta > .nx-h3 { margin-bottom: var(--nx-space-4); }
.nx-guide-cta-row + .nx-guide-meta,
.nx-page-cta .nx-guide-meta {
  text-align: center;
  margin-top: var(--nx-space-4);
}

/* One article-width next step, followed by optional reading — not another menu. */
.nx-prose .nx-guide-next {
  margin: 1.5rem 0 1rem;
  padding: 1.25rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
  scroll-margin-top: 6rem;
}
.nx-prose .nx-guide-next h2 {
  margin: 0 0 .5rem;
  font: 700 1.25rem/1.35 var(--nx-font-body);
  letter-spacing: normal;
}
.nx-prose .nx-guide-next > p {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.5;
}
.nx-guide-next__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .625rem;
  margin-top: 1rem;
}
.nx-prose .nx-guide-next__actions > a {
  min-width: 0;
  min-height: 48px;
  padding: .75rem .875rem;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  text-decoration: none;
}
.nx-prose .nx-guide-next__form {
  color: var(--nx-text);
  background: transparent;
  border: 1px solid var(--nx-border);
}
.nx-prose .nx-guide-next__form:hover {
  border-color: var(--nx-accent-soft);
  background: var(--nx-surface-2);
}
.nx-prose .nx-guide-disclosure {
  margin: .5rem 0;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: transparent;
}
.nx-prose .nx-guide-disclosure > summary {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 48px;
  padding: .75rem 1rem;
  color: var(--nx-text);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}
.nx-guide-disclosure > summary::-webkit-details-marker { display: none; }
.nx-guide-disclosure > summary::after {
  content: '+';
  color: var(--nx-accent-soft);
  font: 500 1.25rem/1 var(--nx-font-body);
}
.nx-guide-disclosure[open] > summary::after { content: '−'; }
.nx-guide-disclosure__count {
  margin-left: auto;
  color: var(--nx-muted);
  font-size: .8125rem;
  font-weight: 500;
}
.nx-guide-disclosure > summary:focus-visible,
.nx-guide-next__actions > a:focus-visible {
  outline: 2px solid var(--nx-accent-soft);
  outline-offset: 3px;
}
.nx-guide-disclosure .nx-faq { margin: 0; padding: 0 .75rem .75rem; }
.nx-guide-disclosure .nx-faq-item { margin: .375rem 0 0; }
.nx-guide-disclosure .nx-guide-related { margin: 0; padding: 0 .75rem .75rem; gap: .375rem; }
.nx-prose .nx-guide-disclosure .nx-guide-card--related {
  padding: .75rem;
  min-height: 44px;
  text-decoration: none;
  border-radius: var(--nx-radius-sm);
}
.nx-guide-disclosure .nx-guide-card__title {
  font-size: .9375rem;
  line-height: 1.45;
  font-weight: 600;
  text-wrap: pretty;
}
@media (max-width: 479px) {
  .nx-prose .nx-guide-next { padding: 1rem; }
  .nx-guide-next__actions { grid-template-columns: 1fr; gap: .5rem; margin-top: .75rem; }
}

/* Article prose */
.nx-prose {
  max-width: 42rem;
}
.nx-prose-lead {
  font-size: var(--nx-fs-h3);
  line-height: var(--nx-lh-body);
  color: var(--nx-muted);
  margin: 0 0 var(--nx-space-6);
  text-wrap: pretty;
}
.nx-guide-inline-visual {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: flex-start;
  margin: var(--nx-space-6) 0 var(--nx-space-7);
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.nx-guide-inline-visual__cluster {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 3.75rem;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.85rem;
  color: var(--nx-text);
  border: 1px solid var(--nx-border);
  border-radius: calc(var(--nx-radius) - 0.2rem);
  background: var(--nx-surface-2);
  box-shadow: 0 0.6rem 1.4rem rgb(0 0 0 / 0.12);
}
.nx-guide-inline-visual__icon {
  position: static;
  flex: 0 0 auto;
  display: block;
  fill: none;
  stroke: currentColor;
  transform: none;
}
.nx-guide-inline-visual__icon--1 {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--nx-text);
}
.nx-guide-inline-visual__icon--2 {
  width: 1.9rem;
  height: 1.9rem;
  color: var(--nx-accent-soft);
}
.nx-guide-inline-visual__icon--3 {
  width: 1.65rem;
  height: 1.65rem;
  color: var(--nx-accent);
}
.nx-guide-hero-visual {
  width: fit-content;
  margin: 0 0 var(--nx-space-4);
}
.nx-guide-hero-visual .nx-guide-inline-visual {
  margin: 0;
}
.nx-guide-hero-visual .nx-guide-inline-visual__cluster {
  background: color-mix(in srgb, var(--nx-surface-2) 84%, var(--nx-accent) 16%);
  box-shadow: 0 0.65rem 1.6rem rgb(0 0 0 / 0.18);
}
@media (max-width: 639.98px) {
  .nx-guide-inline-visual {
    margin: var(--nx-space-5) 0 var(--nx-space-6);
  }
  .nx-guide-inline-visual__cluster {
    min-height: 3.5rem;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
  }
  .nx-guide-inline-visual__icon--1 { width: 2.25rem; height: 2.25rem; }
  .nx-guide-inline-visual__icon--2 { width: 1.75rem; height: 1.75rem; }
  .nx-guide-inline-visual__icon--3 { width: 1.5rem; height: 1.5rem; }
}
.nx-prose h2 {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h2);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: var(--nx-lh-display);
  color: var(--nx-text);
  text-wrap: balance;
  margin: var(--nx-space-8) 0 var(--nx-space-3);
}
.nx-prose h3 {
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  color: var(--nx-text);
  margin: var(--nx-space-6) 0 var(--nx-space-2);
}
.nx-prose p,
.nx-prose li {
  color: var(--nx-muted);
  line-height: var(--nx-lh-body);
  font-size: var(--nx-fs-body);
}
.nx-prose p { margin: 0 0 var(--nx-space-4); }
.nx-prose ul,
.nx-prose ol {
  padding-left: 1.25rem;
  margin: 0 0 var(--nx-space-4);
}
.nx-prose ul { list-style: disc; }
.nx-prose ol { list-style: decimal; }
.nx-prose li { margin-bottom: var(--nx-space-2); }
.nx-prose a {
  color: var(--nx-accent-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.nx-prose a:hover { color: var(--nx-text); }
.nx-prose a.nx-page-btn {
  text-decoration: none;
  color: var(--nx-on-accent);
}
.nx-table-wrap {
  overflow-x: auto;
  margin: var(--nx-space-4) 0 var(--nx-space-5);
  -webkit-overflow-scrolling: touch;
}
.nx-prose-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--nx-fs-small);
}
.nx-prose-table th,
.nx-prose-table td {
  border: 1px solid var(--nx-border);
  padding: var(--nx-space-3) var(--nx-space-3);
  text-align: left;
  vertical-align: top;
  color: var(--nx-muted);
}
.nx-prose-table th {
  color: var(--nx-text);
  background: var(--nx-surface);
  font-weight: 600;
}
.nx-prose-table code { color: var(--nx-accent-soft); font-size: 0.9em; }
.nx-guide-cta { margin: var(--nx-space-5) 0 var(--nx-space-2); }
.nx-guide-reference {
  margin: var(--nx-space-5) 0 var(--nx-space-4);
  border-top: 1px solid var(--nx-border);
  color: var(--nx-muted);
  font-size: 0.88rem;
}
.nx-guide-reference summary {
  width: fit-content;
  padding: var(--nx-space-3) 0;
  color: var(--nx-muted);
  cursor: pointer;
  font-weight: 650;
}
.nx-guide-reference p { margin: 0 0 var(--nx-space-3); }

/* FAQ — details/summary (guides) + h3/p (B2B) */
.nx-faq {
  margin: var(--nx-space-2) 0 var(--nx-space-5);
  display: grid;
  gap: var(--nx-space-3);
}
.nx-faq-item summary {
  cursor: pointer;
  color: var(--nx-text);
  font-weight: 600;
  font-size: var(--nx-fs-small);
  list-style: none;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.nx-faq > .nx-faq-item summary {
  justify-content: space-between;
  gap: var(--nx-space-3);
}
.nx-faq > .nx-faq-item summary::after {
  content: '+';
  flex: 0 0 auto;
  color: var(--nx-accent-soft);
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1;
}
.nx-faq > .nx-faq-item[open] summary::after { content: '\2212'; }
.nx-faq-item summary::-webkit-details-marker { display: none; }
.nx-faq-item[open] summary { color: var(--nx-accent-soft); }
.nx-faq-item__a {
  margin-top: var(--nx-space-2);
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.55;
}
.nx-faq-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0.6rem 0.85rem;
  border: 1px dashed color-mix(in srgb, var(--nx-accent) 42%, var(--nx-border));
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 6%, var(--nx-surface));
  color: var(--nx-accent-soft);
  font: inherit;
  font-size: var(--nx-fs-small);
  font-weight: 700;
  cursor: pointer;
}
.nx-faq-more:hover {
  border-color: var(--nx-accent);
  background: color-mix(in srgb, var(--nx-accent) 11%, var(--nx-surface));
}
.nx-faq-more:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 2px;
}

/* BIOS product / help */
.nx-bios {
  max-width: 51rem;
  margin: 0 auto;
  padding: 4.5rem max(1rem, env(safe-area-inset-left, 0px)) var(--section-py-desktop) max(1rem, env(safe-area-inset-right, 0px));
}
@media (min-width: 1024px) {
  .nx-bios:has(.nx-bios-hero) { max-width: 64rem; }
}
@media (min-width: 768px) {
  .nx-bios { padding-top: 5.5rem; }
}
.nx-bios h1.nx-h1 { margin-bottom: var(--nx-space-4); }
.nx-bios h2.nx-h2 { margin: 0 0 var(--nx-space-3); }
.nx-bios .nx-bios-section { margin: 0 0 2.5rem; }
.nx-bios-order { margin: 0 0 2.5rem; }
.nx-bios-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nx-space-5);
  margin: 0 0 2rem;
  padding: clamp(1.35rem, 4vw, 2.25rem);
  border: 1px solid color-mix(in srgb, var(--nx-accent) 34%, var(--nx-border));
  border-radius: calc(var(--nx-radius) + 4px);
  background:
    radial-gradient(circle at 88% 6%, color-mix(in srgb, var(--nx-accent) 18%, transparent), transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--nx-surface-2) 94%, var(--nx-ink)), var(--nx-surface));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}
.nx-bios-hero > * {
  position: relative;
  min-width: 0;
}
.nx-bios-hero__eyebrow {
  margin: 0 0 var(--nx-space-3);
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}
.nx-bios-hero h1.nx-h1 {
  max-width: 45rem;
  margin-bottom: var(--nx-space-4);
  text-wrap: balance;
}
.nx-bios-hero .nx-bios-lead {
  max-width: 45rem;
  margin-bottom: var(--nx-space-5);
  color: var(--nx-text);
  text-wrap: pretty;
}
.nx-bios-hero__owner {
  max-width: 46rem;
  margin-bottom: var(--nx-space-4);
}
.nx-bios-hero__owner .nx-bios-owner {
  margin-bottom: var(--nx-space-2);
}
.nx-bios-hero__owner-note {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.45;
}
.nx-bios-hero__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nx-space-3);
  max-width: 46rem;
}
.nx-bios-hero__actions > .nx-bios-cta {
  width: 100%;
  min-height: 52px;
}
.nx-bios-hero__payment-title {
  max-width: 46rem;
  margin: 0 0 var(--nx-space-2);
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  font-weight: 750;
}
.nx-bios-hero__payment-actions {
  max-width: 46rem;
}
.nx-bios-hero__payment-actions .nx-bios-cta-stack {
  width: 100%;
}
.nx-bios-hero__payment-actions .nx-bios-cta__main {
  min-height: 1.5rem;
  color: #fff;
  -webkit-text-fill-color: #fff;
  white-space: nowrap;
}
.nx-bios-hero__payment-actions .nx-bios-cta__methods {
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-align: center;
}
.nx-bios-hero__secondary-actions {
  display: flex;
  margin-top: var(--nx-space-3);
}
.nx-bios-hero__secondary-actions > .nx-bios-cta,
.nx-bios-hero__secondary-actions > .nx-bios-hero__sample-link {
  width: fit-content;
  min-height: 44px;
}
.nx-bios-hero__secondary-actions > .nx-bios-hero__sample-link {
  justify-content: flex-start;
  padding: 0.35rem 0;
  border: 0;
  background: transparent;
  color: var(--nx-accent-soft);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  text-underline-offset: 0.22em;
  box-shadow: none;
}
.nx-bios-hero__secondary-actions > .nx-bios-hero__sample-link:hover {
  background: transparent;
  color: var(--nx-text);
  text-decoration-color: currentColor;
}
.nx-bios-cta--telegram,
a.nx-bios-cta--telegram,
button.nx-bios-cta--telegram {
  border-color: color-mix(in srgb, #229ed9 72%, var(--nx-border));
  background: linear-gradient(135deg, #168ac2, #229ed9);
  color: #fff;
  box-shadow: 0 8px 22px rgba(34, 158, 217, 0.22);
}
.nx-bios-cta--telegram:hover,
a.nx-bios-cta--telegram:hover,
button.nx-bios-cta--telegram:hover {
  border-color: #229ed9;
  background: linear-gradient(135deg, #137eb2, #1d91c9);
  color: #fff;
}
.nx-bios-cta--telegram.nx-bios-cta--off,
button.nx-bios-cta--telegram.nx-bios-cta--off {
  background: color-mix(in srgb, #229ed9 18%, var(--nx-surface-2));
  color: var(--nx-muted);
  box-shadow: none;
}
.nx-bios-hero__facts {
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 76%, transparent);
}
.nx-bios-hero__trust {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nx-space-3);
  margin: 0 0 var(--nx-space-4);
}
.nx-bios-hero__trust-item {
  display: flex;
  min-width: 0;
  gap: var(--nx-space-2);
  align-items: flex-start;
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  line-height: 1.45;
}
.nx-bios-hero__check {
  flex: 0 0 auto;
  color: var(--nx-accent-soft);
  font-weight: 800;
}
.nx-bios-hero__code {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-1) var(--nx-space-2);
  align-items: baseline;
  margin: 0 0 var(--nx-space-3);
  padding-top: var(--nx-space-3);
  border-top: 1px solid var(--nx-border);
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.45;
}
.nx-bios-hero__code strong {
  color: var(--nx-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1rem;
  letter-spacing: 0.035em;
}
.nx-bios-hero__note {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.5;
}
@media (min-width: 640px) {
  .nx-bios-hero__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .nx-bios-hero__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .nx-bios-hero {
    grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.8fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
  }
  .nx-bios-hero.nx-bios-hero--focused {
    grid-template-columns: minmax(0, 1fr);
    max-width: 54rem;
    margin-right: auto;
    margin-left: auto;
  }
  .nx-bios-hero__trust { grid-template-columns: minmax(0, 1fr); }
}
.nx-bios-checker {
  margin: 0;
  padding: var(--nx-space-4);
  border: 1px solid color-mix(in srgb, var(--nx-accent) 32%, var(--nx-border));
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface) 88%, transparent);
}
.nx-bios-waitlist { margin-top: 16px; }
.nx-bios-waitlist form { display: grid; gap: 12px; margin-top: 4px; }
.nx-bios-label__required { color: var(--nx-muted); font-size: 0.875rem; font-weight: 400; }
.nx-bios-waitlist .nx-bios-label { display: block; margin-bottom: 6px; font-size: 14px; }
.nx-bios-waitlist .nx-bios-field { width: 100%; min-width: 0; min-height: 48px; font-size: 16px; }
.nx-bios-waitlist .nx-bios-cta { justify-self: start; min-height: 48px; }
.nx-bios-waitlist .nx-bios-checker__hint { margin: 0; overflow-wrap: anywhere; }
.nx-bios-waitlist__error { color: #fca5a5; margin: 0; font-size: 14px; }
.nx-bios-waitlist__error:empty { display: none; }
.nx-bios-waitlist__success p { margin: 8px 0; line-height: 1.5; }
.nx-bios-waitlist :is(input, button):disabled { opacity: .65; cursor: wait; }
.nx-bios-waitlist :is(summary, input, button):focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 3px; }
@media (max-width: 560px) {
  .nx-bios-waitlist .nx-bios-cta { width: 100%; justify-self: stretch; white-space: normal; }
}
.nx-bios-checker__head { margin-bottom: var(--nx-space-3); }
.nx-bios-checker__title {
  margin: 0 0 var(--nx-space-1);
  color: var(--nx-text);
  font-size: clamp(1.1rem, 2.4vw, 1.35rem);
  font-weight: 750;
  line-height: 1.25;
}
.nx-bios-checker__lead {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.5;
}
.nx-bios-checker__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nx-space-2);
}
.nx-bios-checker__input {
  min-height: 52px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.nx-bios-checker__submit { min-height: 52px; }
.nx-bios-checker__row > input { width: 100%; min-width: 0; }
.nx-bios-checker__email { min-height: 52px; font-size: 16px; }
.nx-bios-checker__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; margin-top: 18px; }
.nx-bios-checker [disabled] { cursor: wait; }
.nx-bios-checker .nx-bios-checker__submit:disabled { opacity: 1; }
.nx-bios-check-spinner { width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid #ffffff55; border-top-color: currentColor; border-radius: 50%; animation: nx-bios-check-spin .8s linear infinite; }
@keyframes nx-bios-check-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nx-bios-check-spinner { animation: none; } }
@media (max-width: 639px) {
  .nx-bios-checker__actions { align-items: stretch; flex-direction: column; gap: 8px; }
  .nx-bios-checker__actions .nx-bios-checker__submit { width: 100%; }
}
.nx-bios-checker__hint,
.nx-bios-checker__privacy {
  margin: var(--nx-space-2) 0 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.45;
}
.nx-bios-checker__privacy { margin-top: var(--nx-space-3); }
.nx-bios-checker__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem var(--nx-space-3);
  align-items: baseline;
  margin-top: var(--nx-space-3);
}
.nx-bios-checker__meta .nx-bios-checker__privacy,
.nx-bios-checker__meta .nx-bios-hero__note { margin: 0; }
.nx-bios-checker__help {
  margin-top: var(--nx-space-3);
  border-top: 1px solid var(--nx-border);
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.5;
}
.nx-bios-checker__help summary {
  padding-top: var(--nx-space-3);
  color: var(--nx-accent-soft);
  font-weight: 700;
  cursor: pointer;
}
.nx-bios-checker__help div { padding-top: var(--nx-space-2); }
.nx-bios-checker__help p { margin: 0 0 var(--nx-space-2); }
.nx-bios-checker__error {
  margin: var(--nx-space-3) 0 0;
  padding: var(--nx-space-3);
  border: 1px solid color-mix(in srgb, #ef4444 55%, var(--nx-border));
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, #ef4444 10%, transparent);
  color: color-mix(in srgb, #fecaca 90%, var(--nx-text));
  font-size: var(--nx-fs-small);
  line-height: 1.45;
}
.nx-bios-check-result {
  margin-top: var(--nx-space-3);
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 88%, transparent);
  scroll-margin-top: 5rem;
  animation: nxBiosResultIn 240ms ease-out both;
  outline: none;
}
@keyframes nxBiosResultIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.nx-bios-check-result.is-supported {
  border-color: color-mix(in srgb, #22c55e 52%, var(--nx-border));
  background: color-mix(in srgb, #22c55e 8%, var(--nx-surface-2));
}
.nx-bios-check-result.is-pending-support {
  border-color: color-mix(in srgb, var(--nx-accent) 24%, var(--nx-border));
  background: var(--nx-surface-2);
}
.nx-bios-check-result__status {
  display: flex;
  align-items: flex-start;
  gap: var(--nx-space-3);
}
.nx-bios-check-result__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: color-mix(in srgb, #22c55e 18%, transparent);
  color: #86efac;
  font-weight: 850;
}
.is-pending-support .nx-bios-check-result__icon {
  background: color-mix(in srgb, var(--nx-accent) 10%, transparent);
  color: var(--nx-accent-soft);
}
.nx-bios-check-result__title {
  margin: 0 0 0.2rem;
  color: var(--nx-text);
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.35;
}
.nx-bios-check-result__lead {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.45;
}
.nx-bios-check-result__verified {
  margin: 0 0 0.25rem;
  color: #86efac;
  font-size: var(--nx-fs-caption);
  font-weight: 700;
  line-height: 1.35;
}
.nx-bios-check-result__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--nx-space-2) var(--nx-space-3);
  margin: var(--nx-space-4) 0 var(--nx-space-3);
  padding: var(--nx-space-3) 0;
  border-block: 1px solid var(--nx-border);
}
.nx-bios-check-result__price strong {
  color: var(--nx-text);
  font-size: clamp(1.85rem, 6vw, 2.6rem);
  line-height: 1;
}
.nx-bios-check-result__price span,
.nx-bios-check-result__methods-title {
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.4;
}
.nx-bios-check-result__methods-title { margin: 0 0 var(--nx-space-2); }
.nx-bios-check-result__methods {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-2);
  margin-bottom: var(--nx-space-4);
}
.nx-bios-check-result__methods span {
  padding: 0.38rem 0.65rem;
  border: 1px solid var(--nx-border-strong);
  border-radius: 999px;
  background: color-mix(in srgb, var(--nx-surface) 78%, transparent);
  color: var(--nx-text);
  font-size: var(--nx-fs-caption);
  font-weight: 700;
}
.nx-bios-check-result .nx-bios-hero__owner { margin: var(--nx-space-3) 0; }
.nx-bios-check-result__continue { width: 100%; min-height: 52px; }
.nx-bios-check-result.is-manual > .nx-bios-check-result__continue {
  margin-top: 20px;
}
.nx-bios-check-result__edit {
  display: block;
  margin: var(--nx-space-3) auto 0;
  padding: 0.35rem 0.5rem;
  border: 0;
  background: transparent;
  color: var(--nx-accent-soft);
  font: inherit;
  font-size: var(--nx-fs-small);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}
@media (min-width: 640px) {
  .nx-bios-checker__row { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .nx-bios-checker__submit { min-width: 12.5rem; }
}
.nx-bios .nx-bios-lead {
  font-size: var(--nx-fs-body);
  line-height: var(--nx-lh-body);
  color: var(--nx-muted);
  margin: 0 0 var(--nx-space-5);
  max-width: 50rem;
}
.nx-bios .nx-bios-copy,
.nx-bios li {
  color: var(--nx-muted);
  line-height: var(--nx-lh-body);
  font-size: var(--nx-fs-body);
}
.nx-bios a:not(.nx-bios-cta):not(.nx-page-btn) {
  color: var(--nx-accent-soft);
}
.nx-bios a:not(.nx-bios-cta):not(.nx-page-btn):hover { color: var(--nx-text); }
.nx-note {
  border-left: 3px solid var(--nx-accent);
  padding: var(--nx-space-3) var(--nx-space-4);
  background: color-mix(in srgb, var(--nx-accent) 12%, var(--nx-surface));
  border-radius: 0 var(--nx-radius) var(--nx-radius) 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.55;
  margin: 0 0 var(--nx-space-8);
}
.nx-bios-consent-details {
  margin-top: -.5rem;
  color: var(--nx-muted);
  font-size: .875rem;
  line-height: 1.5;
}
.nx-bios-consent-details > summary {
  cursor: pointer;
  color: var(--nx-accent, #67e8f9);
  min-height: 44px;
  align-content: center;
  width: fit-content;
  padding: .5rem .25rem;
}
.nx-bios-consent-details > p { margin: 0 0 .75rem; }
.nx-bios-owner {
  margin-bottom: var(--nx-space-4);
  display: flex;
  gap: var(--nx-space-3);
  align-items: flex-start;
  cursor: pointer;
  border-radius: var(--nx-radius);
  border: 1px solid color-mix(in srgb, var(--nx-accent) 26%, var(--nx-border));
  background: color-mix(in srgb, var(--nx-accent) 7%, var(--nx-surface-2));
  padding: var(--nx-space-3) var(--nx-space-4);
  font-size: var(--nx-fs-small);
  line-height: 1.55;
  color: var(--nx-text);
}
.nx-bios-figure {
  width: 100%;
  overflow: hidden;
  background: transparent;
  border-radius: 0;
  border: 0;
}
.nx-bios-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.nx-bios-step__image {
  display: block;
  width: min(100%, 224px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto 1.25rem;
  background: transparent;
  border: 0;
}
@media (max-width: 767px) {
  .nx-bios-steps--illustrated { gap: 2rem; }
  .nx-bios-step__image { width: min(65%, 180px); margin-bottom: .75rem; }
}
.nx-bios-find .nx-bios-copy { margin: 0 0 var(--nx-space-3); }
.nx-bios-code-card {
  margin: var(--nx-space-4) 0;
  padding: var(--nx-space-4) var(--nx-space-5);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 70%, transparent);
  text-align: center;
}
.nx-bios-code-card__full {
  margin: 0 0 var(--nx-space-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(1.35rem, 5.5vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--nx-text);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.nx-bios-code-card__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--nx-space-3);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--nx-fs-small);
  color: var(--nx-muted);
}
@media (max-width: 379px) {
  .nx-bios-code-card__split { grid-template-columns: 1fr; }
}
.nx-bios-code-warn { font-size: var(--nx-fs-small); }
.nx-bios-steps {
  margin-top: var(--nx-space-5);
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.125rem;
}
@media (min-width: 768px) {
  .nx-bios-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nx-space-5); }
}
.nx-bios-step__t {
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-small);
  font-weight: 600;
  margin: 0 0 var(--nx-space-2);
}
.nx-bios-step__d {
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.5;
  margin: 0;
}
.nx-bios-sample {
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 42%, transparent);
  padding: var(--nx-space-4);
  display: flex;
  gap: var(--nx-space-4);
  align-items: flex-start;
}
@media (min-width: 640px) {
  .nx-bios-sample { padding: var(--nx-space-5); }
}
.nx-bios-sample__icon {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
  color: var(--nx-accent-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}
a.nx-bios-cta,
button.nx-bios-cta {
  font-family: inherit;
  font-size: var(--nx-fs-body);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: normal;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--nx-space-2);
  min-height: 48px;
  padding: var(--nx-space-3) var(--nx-space-6);
  border-radius: var(--nx-radius-sm);
  border: 0;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.15s var(--nx-ease), border-color 0.15s var(--nx-ease), transform 0.1s var(--nx-ease);
}
a.nx-bios-cta.nx-bios-cta--primary,
button.nx-bios-cta.nx-bios-cta--primary {
  background: var(--nx-brand);
  color: var(--nx-on-accent);
  -webkit-text-fill-color: var(--nx-on-accent);
}
a.nx-bios-cta.nx-bios-cta--primary:hover,
button.nx-bios-cta.nx-bios-cta--primary:hover {
  background: var(--nx-brand-hover);
}
a.nx-bios-cta.nx-bios-cta--off,
button.nx-bios-cta.nx-bios-cta--off {
  background: color-mix(in srgb, var(--nx-brand) 40%, transparent);
  color: color-mix(in srgb, var(--nx-on-accent) 70%, transparent);
  -webkit-text-fill-color: color-mix(in srgb, var(--nx-on-accent) 70%, transparent);
  cursor: not-allowed;
}
a.nx-bios-cta.nx-bios-cta--ghost,
button.nx-bios-cta.nx-bios-cta--ghost {
  background: transparent;
  color: var(--nx-text);
  -webkit-text-fill-color: var(--nx-text);
  border: 1px solid var(--nx-border-strong);
}
a.nx-bios-cta.nx-bios-cta--ghost:hover,
button.nx-bios-cta.nx-bios-cta--ghost:hover {
  border-color: var(--nx-accent);
  background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface-2));
}
a.nx-bios-cta.nx-bios-cta--ghost.nx-bios-hero__sample-link {
  flex: 0 0 auto;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  min-height: 40px;
  justify-content: flex-start;
  padding: 0.25rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--nx-accent-soft);
  -webkit-text-fill-color: var(--nx-accent-soft);
  box-shadow: none;
  text-align: start;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
  text-underline-offset: 0.22em;
}
a.nx-bios-cta.nx-bios-cta--ghost.nx-bios-hero__sample-link:hover {
  border: 0;
  background: transparent;
  color: var(--nx-text);
  -webkit-text-fill-color: var(--nx-text);
  text-decoration-color: currentColor;
}
.nx-bios-cta:active { transform: scale(0.98); }
.nx-bios-field {
  width: 100%;
  min-height: 48px;
  padding: var(--nx-space-3) var(--nx-space-4);
  background: var(--nx-surface);
  border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius);
  color: var(--nx-text);
  font-size: 1rem;
  font-family: var(--nx-font-body);
}
.nx-bios-field:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 2px;
}
.nx-bios-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(6, 10, 18, 0.72);
  color-scheme: dark;
  overscroll-behavior: contain;
}
.nx-bios-modal__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(100%, 560px);
  max-height: calc(100dvh - 32px);
  overflow: hidden;
  border-radius: var(--nx-radius);
  padding: 0;
  background: var(--nx-elevated);
  color: var(--nx-text);
  border: 1px solid var(--nx-border-strong);
  box-shadow: var(--nx-shadow);
}
.nx-bios-modal.paypal-modal.is-checkout-result {
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.nx-bios-modal.is-checkout-result .nx-bios-modal__panel {
  height: auto;
  min-height: 0;
  max-height: calc(100dvh - 24px);
  border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius);
}
.nx-bios-result-status {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--nx-text);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.nx-bios-result-status > i { flex: none; margin-top: 4px; color: var(--nx-accent-soft); }
.nx-bios-result-status[data-kind="submitted"] > i { color: var(--nx-ok, #4ade80); }
.nx-bios-result-status p { margin: 0; }
.nx-bios-modal.is-checkout-result .nx-bios-summary { overflow-wrap: anywhere; }
.nx-bios-modal__head {
  position: sticky;
  top: 0;
  z-index: 2;
  isolation: isolate;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--nx-space-3);
  padding: var(--nx-space-4) var(--nx-space-5);
  background-color: var(--nx-elevated);
  background-image: none;
  border-bottom: 1px solid var(--nx-border);
}
.nx-bios-modal__head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--nx-space-3);
}
@media (min-width: 640px) {
  .nx-bios-modal__head {
    padding: var(--nx-space-4) var(--nx-space-6);
  }
}
.nx-bios-modal__title {
  font-family: var(--nx-font-display);
  font-size: var(--nx-fs-h3);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-wrap: balance;
  color: var(--nx-text);
  margin: 0;
  min-width: 0;
}
.nx-bios-modal__close {
  flex-shrink: 0;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius-sm);
  background: var(--nx-surface);
  color: var(--nx-text);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}
.nx-bios-modal__close:hover {
  border-color: var(--nx-accent);
  color: var(--nx-accent-soft);
}
.nx-bios-modal__close:focus-visible,
.nx-bios-offer:focus-visible {
  outline: 2px solid var(--nx-accent);
  outline-offset: 2px;
}
.nx-bios-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: var(--nx-space-4) var(--nx-space-5) var(--nx-space-5);
  display: flex;
  flex-direction: column;
  gap: var(--nx-space-4);
}
@media (min-width: 640px) {
  .nx-bios-modal__body {
    padding: var(--nx-space-4) var(--nx-space-6) var(--nx-space-6);
  }
}
.nx-bios-step {
  display: flex;
  flex-direction: column;
  gap: var(--nx-space-4);
}
.nx-bios-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--nx-space-1) var(--nx-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.nx-bios-progress__item {
  display: flex;
  min-width: 0;
}
.nx-bios-progress__label {
  font-family: var(--nx-font-body);
  font-size: var(--nx-fs-caption);
  font-weight: 500;
  color: var(--nx-muted);
  line-height: 1.3;
  padding: 0 0 var(--nx-space-1);
  border-bottom: 2px solid transparent;
}
.nx-bios-progress__item.is-current .nx-bios-progress__label {
  color: var(--nx-text);
  font-weight: 600;
  border-bottom-color: var(--nx-text);
}
.nx-bios-progress__item.is-done .nx-bios-progress__label {
  color: var(--nx-muted);
}
.nx-bios-offers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nx-space-2);
}
.nx-bios-offers__intro {
  display: grid;
  gap: var(--nx-space-1);
}
.nx-bios-offers__title {
  margin: 0;
  color: var(--nx-text);
  font-family: var(--nx-font-display);
  font-size: clamp(1.05rem, 2vw, 1.22rem);
  font-weight: 750;
  line-height: 1.25;
}
.nx-bios-offers__lead {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.5;
}
.nx-bios-offers__trust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.nx-bios-offers__trust li {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 30px;
  padding: 0.34rem 0.62rem;
  border: 1px solid color-mix(in srgb, var(--nx-accent) 26%, var(--nx-border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--nx-accent) 7%, var(--nx-surface));
  color: var(--nx-text);
  font-size: var(--nx-fs-caption);
  font-weight: 600;
  line-height: 1.2;
}
.nx-bios-offers__trust i {
  color: var(--nx-accent-soft);
  font-size: 0.72rem;
}
.nx-bios-inline-example {
  display: flex;
  align-items: center;
  gap: var(--nx-space-2);
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface));
  color: var(--nx-text);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: var(--nx-fs-small);
}
.nx-bios-inline-example i { color: var(--nx-accent-soft); }
.nx-bios-no-suffix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-height: 42px;
  padding: 0.58rem 0.8rem;
  border: 1px dashed var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-surface-2) 72%, transparent);
  color: var(--nx-accent-soft);
  font-size: var(--nx-fs-small);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.nx-bios-no-suffix:hover {
  border-color: var(--nx-accent);
  background: color-mix(in srgb, var(--nx-accent) 9%, var(--nx-surface));
}
@media (min-width: 640px) {
  .nx-bios-offers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.nx-bios-field-block {
  display: flex;
  flex-direction: column;
  gap: var(--nx-space-2);
}
.nx-bios-selected {
  margin: 0;
  font-family: var(--nx-font-body);
  font-size: var(--nx-fs-caption);
  font-weight: 500;
  color: var(--nx-muted);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}
.nx-bios-selected > strong,
.nx-bios-selected > span { display: block; }
.nx-bios-selected > strong { color: var(--nx-text); }
.nx-bios-selected > span {
  margin-top: 0.2rem;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  font-weight: 500;
}
@media (max-width: 639.98px) {
  .nx-bios-modal__actions--end > button { width: 100%; }
}
.nx-bios-summary {
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
  padding: var(--nx-space-4);
}
.nx-bios-summary__title {
  font-weight: 700;
  color: var(--nx-text);
  margin: 0 0 var(--nx-space-2);
  text-wrap: pretty;
}
.nx-bios-summary__meta,
.nx-bios-summary__row {
  margin: 0;
  font-size: var(--nx-fs-small);
  color: var(--nx-muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.nx-bios-summary__row + .nx-bios-summary__row { margin-top: var(--nx-space-1); }
.nx-bios-summary__row--price {
  color: var(--nx-text);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.nx-bios-checkout-summary {
  display: grid;
  gap: 0.3rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: var(--nx-surface);
}
.nx-bios-checkout-summary__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nx-space-3);
}
.nx-bios-checkout-summary__code,
.nx-bios-checkout-summary__price {
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  font-variant-numeric: tabular-nums;
}
.nx-bios-checkout-summary__code {
  min-width: 0;
  overflow-wrap: anywhere;
  letter-spacing: 0.025em;
}
.nx-bios-checkout-summary__price {
  flex-shrink: 0;
  color: var(--nx-accent-soft);
  font-size: 1.05rem;
}
.nx-bios-checkout-summary__email {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.nx-bios-copy {
  margin: 0;
  color: var(--nx-text);
  line-height: var(--nx-lh-body);
  text-wrap: pretty;
}
.nx-bios-modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-space-3);
  justify-content: space-between;
  align-items: center;
}
.nx-bios-modal__actions--end { justify-content: flex-end; }
.nx-bios-cta--block { width: 100%; }
.nx-bios-cta-pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nx-space-3);
  align-items: stretch;
}
@media (min-width: 640px) {
  .nx-bios-cta-pair { grid-template-columns: 1fr 1fr; }
}
.nx-bios-cta-pair > .nx-bios-cta,
.nx-bios-cta-pair > a.nx-bios-cta,
.nx-bios-cta-pair > button.nx-bios-cta {
  width: 100%;
  min-height: 58px;
  height: 100%;
  box-sizing: border-box;
}
.nx-bios-cta-pair > :only-child {
  grid-column: 1 / -1;
}
.nx-bios-checkout-cta {
  justify-content: center;
}
.nx-bios-paypal-cta,
button.nx-bios-paypal-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nx-bios-cta-stack {
  display: inline-flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  line-height: 1.08;
}
.nx-bios-cta__main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  font-weight: 700;
}
.nx-bios-cta__methods {
  display: block;
  font-size: clamp(0.68rem, 2.2vw, 0.76rem);
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0.015em;
  opacity: 0.82;
  white-space: nowrap;
}
.nx-bios-paypal-mark {
  display: block;
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  overflow: visible;
}
.nx-bios-telegram-mark {
  display: block;
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
}
a.nx-bios-cta.nx-bios-cta--primary.nx-bios-cta--telegram,
button.nx-bios-cta.nx-bios-cta--primary.nx-bios-cta--telegram {
  border: 1px solid color-mix(in srgb, #229ed9 72%, var(--nx-border));
  background: linear-gradient(135deg, #168ac2, #229ed9);
  color: #fff;
  -webkit-text-fill-color: #fff;
  box-shadow: 0 8px 22px rgba(34, 158, 217, 0.22);
}
a.nx-bios-cta.nx-bios-cta--primary.nx-bios-cta--telegram:hover,
button.nx-bios-cta.nx-bios-cta--primary.nx-bios-cta--telegram:hover {
  background: linear-gradient(135deg, #137eb2, #1d91c9);
}
a.nx-bios-cta.nx-bios-cta--off.nx-bios-cta--telegram,
button.nx-bios-cta.nx-bios-cta--off.nx-bios-cta--telegram {
  border: 1px solid color-mix(in srgb, #229ed9 38%, var(--nx-border));
  background: color-mix(in srgb, #229ed9 18%, var(--nx-surface-2));
  color: var(--nx-muted);
  -webkit-text-fill-color: var(--nx-muted);
  box-shadow: none;
}
.nx-bios-owner__box {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--nx-accent);
}
body.modal-open {
  overflow: hidden;
  touch-action: none;
}
.nx-bios-hint {
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.45;
  margin: 0.35rem 0 0;
}
.nx-bios-dot { color: var(--nx-accent-soft); flex-shrink: 0; }
.nx-bios strong.nx-h3 { margin: 0; display: inline; }
.nx-bios-guest-hint {
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.45;
  margin: 0;
}
.nx-bios-paypal-stack,
#paypal-button-container {
  /* Contain the SDK's z-index:100 frames below our opening indicator. */
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  width: 100%;
  max-width: 100%;
}
.nx-bios-paypal-stack__btn {
  min-height: 0;
  width: 100%;
  max-width: 100%;
}
.nx-bios-paypal-stack__btn[hidden] { display: none; }
.nx-bios-paypal-stack iframe,
#paypal-button-container iframe,
.nx-bios-paypal-stack .paypal-buttons,
.nx-bios-paypal-stack [class*="paypal-buttons"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
/* Never hide/reposition checkout chrome or card-frame ancestors during loading. */
.nx-bios-payment-provider { position: relative; min-width: 0; border-radius: 12px; }
.nx-bios-paypal-stack__btn,
.nx-bios-paypal-stack iframe { border-radius: 12px; }
.nx-bios-card-loading {
  position: absolute; inset: 0; z-index: 1; margin: 0;
  display: flex; align-items: center; justify-content: center; gap: 0.65rem;
  background: var(--nx-surface); color: var(--nx-text); border-radius: 12px;
  padding: 1rem; font-size: 0.9rem; line-height: 1.5;
}
.nx-bios-card-loading[hidden] { display: none; }
.nx-bios-card-loading::before {
  content: ''; width: 18px; height: 18px; flex: 0 0 18px;
  border: 2px solid var(--nx-border-strong); border-top-color: var(--nx-accent);
  border-radius: 50%; animation: nx-paypal-loading 0.8s linear infinite;
}
@keyframes nx-paypal-loading { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nx-bios-card-loading::before { animation: none; } }
.nx-bios-modal.is-paypal-card-open [data-paypal-alternative] { visibility: hidden; pointer-events: none; }
@media (min-width: 481px) { .nx-bios-modal.is-step-pay { align-items: flex-start; } }
@media (max-width: 480px) {
  .nx-bios-modal,
  .nx-bios-modal.paypal-modal {
    padding: 0;
    align-items: stretch;
    justify-content: flex-start;
  }
  .nx-bios-modal__panel,
  .paypal-modal .nx-bios-modal__panel {
    width: 100%;
    max-width: 100%;
    max-height: 100dvh;
    height: 100dvh;
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding: 0;
  }
  .nx-bios-modal__head {
    gap: 0.6rem;
    padding: calc(0.75rem + env(safe-area-inset-top, 0px)) 1rem 0.75rem;
  }
  .nx-bios-modal__title {
    font-size: 1.08rem;
    line-height: 1.22;
  }
  .nx-bios-modal__close {
    min-width: 44px;
    min-height: 44px;
  }
  .nx-bios-progress {
    column-gap: 0.8rem;
  }
  .nx-bios-progress__label {
    font-size: 0.74rem;
  }
  .nx-bios-modal__body {
    gap: 0.85rem;
    padding: 0.9rem 1rem calc(1.1rem + env(safe-area-inset-bottom, 0px));
    scroll-padding-top: 0.9rem;
  }
  .nx-bios-step {
    gap: 0.85rem;
  }
  .nx-bios-field-block {
    gap: 0.35rem;
  }
  .nx-bios-field {
    min-height: 46px;
    padding: 0.68rem 0.8rem;
  }
  .nx-bios-modal .nx-bios-label {
    margin-bottom: 0.2rem;
  }
  .nx-bios-modal .nx-bios-owner {
    gap: 0.7rem;
    margin-bottom: 0;
    padding: 0.68rem 0.8rem;
    line-height: 1.4;
  }
  .nx-bios-offers__trust {
    gap: 0.4rem;
  }
  .nx-bios-offers__trust li {
    min-height: 28px;
    padding: 0.3rem 0.52rem;
  }
  .nx-bios-inline-example {
    padding: 0.62rem 0.72rem;
    overflow-wrap: anywhere;
  }
  .nx-bios-offer {
    min-height: 56px;
    gap: 0.55rem;
    padding: 0.62rem 0.7rem;
  }
  .nx-bios-offer__code {
    gap: 0.48rem;
  }
  .nx-bios-offer__radio {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
  .nx-bios-offer__suffix,
  .nx-bios-offer__price {
    font-size: 0.9rem;
  }
  .nx-bios-offers__included {
    padding: 0.75rem 0.85rem;
  }
  .nx-bios-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }
  .nx-bios-modal__actions > .nx-bios-cta,
  .nx-bios-modal__actions > button {
    width: 100%;
  }
  .nx-bios-modal.is-step-pay .nx-bios-modal__body {
    gap: 0.45rem;
    padding: 0.5rem 8px calc(0.55rem + env(safe-area-inset-bottom, 0px));
  }
  .nx-bios-modal.is-step-pay .nx-bios-progress {
    display: none;
  }
  .nx-bios-modal.is-step-pay .nx-bios-modal__head {
    padding-bottom: 0.45rem;
  }
  .nx-bios-modal.is-step-pay .nx-bios-step {
    gap: 0.45rem;
  }
  .nx-bios-modal.is-paypal-card-open .nx-bios-paypal-stack,
  .nx-bios-modal.is-paypal-card-open #paypal-button-container {
    width: 100%;
  }
  .nx-bios-modal.is-paypal-card-open .nx-bios-paypal-stack iframe,
  .nx-bios-modal.is-paypal-card-open #paypal-button-container iframe {
    width: 100% !important;
  }
}
.nx-bios-err { color: #fde68a; font-size: var(--nx-fs-small); }
.nx-bios-label { display: block; font-size: var(--nx-fs-small); font-weight: 600; color: var(--nx-text); margin-bottom: 0.35rem; }
.nx-bios-offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nx-space-3);
  border-radius: var(--nx-radius-sm);
  padding: 0.78rem 0.9rem;
  font-size: var(--nx-fs-small);
  font-weight: 600;
  text-align: left;
  border: 1px solid var(--nx-border);
  background: var(--nx-surface);
  color: var(--nx-text);
  min-height: 66px;
  cursor: pointer;
  font-family: var(--nx-font-body);
  font-variant-numeric: tabular-nums;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--nx-text) 4%, transparent);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.nx-bios-offer:hover {
  border-color: color-mix(in srgb, var(--nx-accent) 62%, var(--nx-border));
  background: color-mix(in srgb, var(--nx-accent) 5%, var(--nx-surface));
  transform: translateY(-1px);
}
.nx-bios-offer__code {
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  min-width: 0;
}
.nx-bios-offer__radio {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1.5px solid var(--nx-faint);
  border-radius: 50%;
  background: var(--nx-surface-2);
}
.nx-bios-offer__suffix {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--nx-text);
  font-size: 0.98rem;
  font-weight: 750;
  letter-spacing: 0.02em;
}
.nx-bios-offer__price-wrap {
  display: grid;
  justify-items: end;
  gap: 0.05rem;
  flex-shrink: 0;
}
.nx-bios-offer__price {
  text-align: end;
  color: var(--nx-accent-soft);
  font-size: 1rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.nx-bios-offer__currency {
  color: var(--nx-faint);
  font-size: 0.64rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  line-height: 1;
}
.nx-bios-offer.is-active {
  border-color: var(--nx-accent);
  background: color-mix(in srgb, var(--nx-accent) 12%, var(--nx-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--nx-accent) 20%, transparent), 0 10px 22px color-mix(in srgb, var(--nx-accent) 10%, transparent);
}
.nx-bios-offer.is-active .nx-bios-offer__radio {
  border-color: var(--nx-accent);
  background: var(--nx-accent);
  box-shadow: inset 0 0 0 4px var(--nx-surface);
}
.nx-bios-offers__included {
  display: grid;
  gap: var(--nx-space-2);
  padding: var(--nx-space-3) var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-surface-2) 78%, transparent);
}
.nx-bios-offers__included-title {
  margin: 0;
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  font-weight: 750;
}
.nx-bios-offers__included ul {
  display: grid;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nx-bios-offers__included li {
  display: flex;
  align-items: flex-start;
  gap: 0.52rem;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.35;
}
.nx-bios-offers__included i {
  margin-top: 0.13rem;
  color: var(--nx-accent-soft);
  font-size: 0.78rem;
}
.nx-bios-offers__price-note {
  margin: 0;
  padding-top: var(--nx-space-2);
  border-top: 1px solid var(--nx-border);
  color: var(--nx-text);
  font-size: var(--nx-fs-caption);
  font-weight: 650;
}
.nx-bios-offers__secure {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  color: var(--nx-faint);
  font-size: var(--nx-fs-caption);
  line-height: 1.45;
}
.nx-bios-offers__secure i {
  margin-top: 0.12rem;
  color: var(--nx-accent-soft);
}
@media (min-width: 700px) {
  .nx-bios-modal:not(.is-step-pay) .nx-bios-modal__panel {
    width: min(100%, 680px);
  }
}
.nx-bios-payment-choices {
  display: grid;
  gap: var(--nx-space-3);
  margin: 0;
}
.nx-bios-payment-choices__title {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--nx-text);
  font-size: var(--nx-fs-body);
  font-weight: 700;
}
.nx-bios-payment-choice {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.95rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
}
.nx-bios-payment-choice__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nx-space-2);
}
.nx-bios-payment-choice__title {
  margin: 0;
  color: var(--nx-text);
  font-size: 1rem;
  font-weight: 700;
}
.nx-bios-payment-choice__badge {
  flex-shrink: 0;
  padding: 0.25rem 0.45rem;
  border: 1px solid var(--nx-border-strong);
  border-radius: 999px;
  color: var(--nx-muted);
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}
.nx-bios-payment-choice__methods {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0.38rem 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
  color: var(--nx-accent-soft);
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.nx-bios-payment-choice__lead {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-caption);
  line-height: 1.4;
}
.nx-bios-payment-choice .nx-bios-cta {
  width: 100%;
  min-height: 54px;
  justify-content: center;
}
.nx-bios-payment-choice__actions {
  display: grid;
  gap: 0.55rem;
}
.nx-bios-payment-choice__card,
button.nx-bios-payment-choice__card {
  border-radius: 0.7rem;
  box-shadow: none;
}
.nx-bios-payment-choice__pay,
button.nx-bios-payment-choice__pay {
  padding-block: 0.58rem;
  border-radius: 0.7rem;
  box-shadow: 0 5px 14px rgba(255, 196, 57, 0.12);
  transition: filter 0.15s var(--nx-ease), transform 0.1s var(--nx-ease), box-shadow 0.15s var(--nx-ease);
}
.nx-bios-payment-choice__pay:hover,
button.nx-bios-payment-choice__pay:hover {
  filter: brightness(1.035);
  box-shadow: 0 7px 18px rgba(255, 196, 57, 0.18);
}
.nx-bios-payment-choice__pay:disabled,
button.nx-bios-payment-choice__pay:disabled {
  cursor: wait;
  opacity: 0.72;
}
.nx-bios-payment-choice--telegram .nx-bios-cta {
  border-radius: 0.7rem;
  padding-block: 0.58rem;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--nx-brand) 16%, transparent);
}
@media (min-width: 700px) {
  .nx-bios-modal.is-step-pay .nx-bios-modal__panel {
    width: min(100%, 560px);
  }
  .nx-bios-payment-choices {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  .nx-bios-payment-choice {
    height: 100%;
  }
  .nx-bios-payment-choice--telegram .nx-bios-cta {
    margin-top: auto;
  }
}
.nx-bios-suffix {
  color: var(--nx-text);
  background: var(--nx-surface);
  border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius-sm);
  padding: 0.65rem var(--nx-space-3);
  font-family: var(--nx-font-body);
  font-size: var(--nx-fs-small);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
}
.nx-bios-code-row {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.nx-bios-code-row .nx-bios-field {
  flex: 1;
  min-width: 0;
}

.nx-money-actions {
  align-items: stretch;
}

@media (max-width: 639px) {
  body.nx-page section.py-24,
  body.nx-page section.py-20 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  body.nx-page section.py-16 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .nx-money-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--nx-space-3);
    margin-bottom: var(--nx-space-8);
  }
  .nx-money-actions > a {
    width: 100%;
    min-height: 48px;
    padding-inline: var(--nx-space-4);
  }

  /* Mobile density: keep content complete, but remove desktop-sized whitespace. */
  .nx-guide-hero .nx-shell,
  .nx-b2b-hero .nx-shell {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
  }
  .nx-guide-body,
  .nx-b2b-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .nx-guide-chips,
  .nx-guide-block {
    margin-bottom: 1.5rem;
  }
  .nx-guide-list {
    gap: 0.5rem;
  }
  .nx-guide-card {
    padding: 0.75rem;
  }
  .nx-guide-card__row {
    align-items: center;
    gap: 0.75rem;
  }
  .nx-guide-card__icon {
    width: 2rem;
    height: 2rem;
  }
  .nx-guide-card__title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
    text-wrap: pretty;
  }
  .nx-guide-card__desc {
    display: none;
  }
  .nx-guide-card__chev {
    margin-top: 0;
  }
  .nx-table-wrap {
    overflow-x: visible;
  }
  .nx-prose-table {
    width: 100%;
    table-layout: fixed;
    font-size: 0.75rem;
  }
  .nx-prose-table th,
  .nx-prose-table td {
    padding: 0.625rem 0.45rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .nx-b2b-lead,
  .nx-b2b-sub {
    line-height: 1.5;
  }
  .nx-b2b-sub {
    margin-bottom: 1rem;
  }
  .nx-b2b-cta-row {
    margin-bottom: 1rem;
  }
  .nx-tile {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.75rem;
    row-gap: 0.5rem;
    padding: 0.875rem;
  }
  .nx-tile__icon {
    width: 2rem;
    height: 2rem;
    margin: 0;
  }
  .nx-tile__title {
    font-size: 1rem;
    line-height: 1.35;
  }
  .nx-tile__desc {
    grid-column: 1 / -1;
  }
  .nx-flow__item,
  .nx-who-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .nx-faq-list {
    gap: 0.5rem;
  }
  .nx-faq-item {
    padding: 0.875rem;
  }

  body.nx-page .nx-about-page .nx-about-hero {
    padding-top: 4.75rem !important;
    padding-bottom: 3rem !important;
  }
  .nx-faq-page .nx-faq-hero {
    padding-top: 4.75rem !important;
  }
  .nx-about-page .nx-about-story,
  .nx-about-page .nx-about-values,
  .nx-about-page .nx-about-team,
  .nx-about-page .nx-about-contact {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .nx-about-page .nx-about-hero h1 {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    line-height: 1.08;
  }
  .nx-about-page .nx-about-hero p,
  .nx-about-page .nx-about-story p,
  .nx-about-page .nx-about-team > div > p {
    font-size: 1rem;
    line-height: 1.55;
  }
  .nx-about-page .nx-about-story p:first-child {
    margin-bottom: 1rem;
  }
  .nx-about-page .nx-about-values .grid {
    gap: 0.625rem;
  }
  .nx-about-page .nx-about-values .grid > div {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.35rem;
    padding: 0.875rem;
    text-align: left;
  }
  .nx-about-page .nx-about-values .grid > div > i {
    grid-row: 1;
    margin: 0;
    font-size: 1.35rem;
  }
  .nx-about-page .nx-about-values .grid > div > h3 {
    grid-column: 2;
    margin: 0;
    font-size: 1rem;
  }
  .nx-about-page .nx-about-values .grid > div > p {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .nx-about-page .nx-about-team h2 {
    margin-bottom: 1rem;
    font-size: 1.75rem;
  }
  .nx-about-page .nx-about-team .max-w-xl {
    margin-bottom: 1.5rem;
    padding: 1rem;
  }
  .nx-about-page .nx-about-team .text-sm.text-gray-500 {
    margin-bottom: 1.25rem;
  }
  .nx-about-page .nx-about-contact .grid {
    gap: 0.75rem;
  }
  .nx-about-page .nx-about-contact .grid > div {
    padding: 1rem;
  }

  .nx-privacy-wrap {
    padding-top: calc(4.5rem + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 2rem !important;
  }
  .nx-privacy-wrap > .mb-8 {
    margin-bottom: 1.25rem;
  }
  .nx-privacy-card {
    padding: 1rem !important;
  }
  .nx-privacy-card > div {
    margin-bottom: 1.75rem !important;
  }
  .nx-privacy-card h2 {
    margin-bottom: 0.75rem !important;
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
  }
  .nx-privacy-card p {
    margin-bottom: 0.625rem !important;
    line-height: 1.55 !important;
  }
  .nx-privacy-card li {
    line-height: 1.5;
  }

  /* Dell BIOS mobile density: keep every trust and payment detail, but make
     the first decision screen fit the phone instead of behaving like a long
     desktop card stacked into one column. */
  .nx-bios:has(.nx-bios-hero) {
    padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
    padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
  }
  .nx-bios-hero {
    gap: 0.875rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border-radius: 14px;
  }
  .nx-bios-hero__eyebrow {
    margin-bottom: 0.55rem;
    font-size: 0.75rem;
    line-height: 1.35;
  }
  .nx-bios-hero h1.nx-h1 {
    margin-bottom: 0.75rem;
    font-size: 1.82rem;
    line-height: 1.06;
  }
  .nx-bios-hero .nx-bios-lead {
    margin-bottom: 0.85rem;
    font-size: 0.925rem;
    line-height: 1.5;
  }
  .nx-bios-checker {
    padding: 0.8rem;
  }
  .nx-bios-checker__head {
    margin-bottom: 0.65rem;
  }
  .nx-bios-checker__title {
    font-size: 1.05rem;
  }
  .nx-bios-checker__lead,
  .nx-bios-check-result__lead {
    font-size: 0.78rem;
    line-height: 1.4;
  }
  .nx-bios-checker__input,
  .nx-bios-checker__submit,
  .nx-bios-check-result__continue {
    min-height: 48px;
  }
  .nx-bios-check-result {
    padding: 0.8rem;
  }
  .nx-bios-check-result__price {
    margin: 0.75rem 0 0.65rem;
    padding: 0.65rem 0;
  }
  .nx-bios-check-result__methods {
    margin-bottom: 0.75rem;
  }
  .nx-bios-hero__owner {
    margin-bottom: 0.75rem;
  }
  .nx-bios-hero__owner .nx-bios-owner {
    gap: 0.65rem;
    margin-bottom: 0.45rem;
    padding: 0.7rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .nx-bios-hero__owner-note {
    font-size: 0.7rem;
    line-height: 1.4;
  }
  .nx-bios-hero__payment-title {
    margin-bottom: 0.45rem;
  }
  .nx-bios-hero__actions {
    gap: 0.55rem;
  }
  .nx-bios-hero__actions > .nx-bios-cta {
    min-height: 50px;
  }
  .nx-bios-hero__secondary-actions {
    margin-top: 0.55rem;
  }
  .nx-bios-hero__facts {
    padding: 0.75rem;
  }
  .nx-bios-hero__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 0.75rem;
    margin-bottom: 0.75rem;
  }
  .nx-bios-hero__trust-item {
    gap: 0.35rem;
    font-size: 0.75rem;
    line-height: 1.35;
  }
  .nx-bios-hero__code {
    gap: 0.2rem 0.45rem;
    margin-bottom: 0.55rem;
    padding-top: 0.65rem;
    font-size: 0.75rem;
    line-height: 1.35;
  }
  .nx-bios-hero__code strong {
    font-size: 0.875rem;
  }
  .nx-bios-hero__note {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

/* BIOS phone funnel: short first screen and complete, readable checkout steps. */
@media (max-width: 480px) {
  body.nx-page .nx-bios-hero {
    gap: 0.7rem;
    padding: 0.82rem;
  }
  body.nx-page .nx-bios-hero__eyebrow {
    margin-bottom: 0.42rem;
  }
  body.nx-page .nx-bios-hero h1.nx-h1 {
    margin-bottom: 0.58rem;
    font-size: clamp(1.58rem, 7.4vw, 1.78rem);
    line-height: 1.04;
  }
  body.nx-page .nx-bios-hero .nx-bios-lead {
    margin-bottom: 0.68rem;
    font-size: 0.86rem;
    line-height: 1.4;
  }
  body.nx-page .nx-bios-checker {
    padding: 0.7rem;
  }
  body.nx-page .nx-bios-checker__head {
    margin-bottom: 0.52rem;
  }
  body.nx-page .nx-bios-checker__title {
    font-size: 1rem;
  }
  body.nx-page .nx-bios-checker__lead {
    font-size: 0.75rem;
    line-height: 1.36;
  }
  body.nx-page .nx-bios-checker__input,
  body.nx-page .nx-bios-checker__submit {
    min-height: 46px;
  }
  body.nx-page .nx-bios-checker__hint {
    margin-top: 0.42rem;
    font-size: 0.875rem;
    line-height: 1.45;
  }
  body.nx-page .nx-bios-checker__help {
    margin-top: 0.52rem;
  }
  body.nx-page .nx-bios-checker__help summary {
    min-height: 36px;
    padding-top: 0.52rem;
  }
  body.nx-page .nx-bios-checker__meta {
    display: grid;
    gap: 0.12rem;
    margin-top: 0.48rem;
  }
  body.nx-page .nx-bios-checker__meta p {
    font-size: 0.66rem;
    line-height: 1.32;
  }
  body.nx-page .nx-bios-check-result {
    scroll-margin-top: 4.25rem;
  }
  body.nx-page .nx-bios .nx-faq {
    gap: 0.48rem;
    margin-bottom: 0.85rem;
  }
  body.nx-page .nx-bios .nx-faq-item {
    padding: 0.58rem 0.72rem;
  }
  body.nx-page .nx-bios .nx-faq-item summary {
    min-height: 40px;
    font-size: 0.76rem;
    line-height: 1.32;
  }
  body.nx-page .nx-bios .nx-faq-item__a {
    margin-top: 0.4rem;
    font-size: 0.74rem;
    line-height: 1.45;
  }
  body.nx-page .nx-bios .nx-faq-more {
    min-height: 42px;
    padding: 0.5rem 0.68rem;
    font-size: 0.75rem;
  }
  .nx-bios-modal__head {
    gap: 0.42rem;
    padding: calc(0.55rem + env(safe-area-inset-top, 0px)) 0.75rem 0.55rem;
  }
  .nx-bios-modal__title {
    font-size: 1rem;
  }
  .nx-bios-progress {
    column-gap: 0.62rem;
  }
  .nx-bios-progress__label {
    font-size: 0.68rem;
  }
  .nx-bios-modal__body {
    gap: 0.62rem;
    padding: 0.65rem 0.75rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
    scroll-padding-top: 0.65rem;
  }
  .nx-bios-step {
    gap: 0.6rem;
  }
  .nx-bios-field-block {
    gap: 0.2rem;
  }
  .nx-bios-field {
    min-height: 44px;
    padding: 0.55rem 0.68rem;
  }
  .nx-bios-modal .nx-bios-label {
    margin-bottom: 0.08rem;
    font-size: 0.78rem;
  }
  .nx-bios-hint {
    margin-top: 0.2rem;
    font-size: 0.67rem;
    line-height: 1.3;
  }
  .nx-bios-modal .nx-bios-owner {
    gap: 0.55rem;
    padding: 0.52rem 0.62rem;
    font-size: 0.72rem;
    line-height: 1.3;
  }
  .nx-bios-owner__box {
    width: 18px;
    height: 18px;
  }
  .nx-bios-offers__intro {
    gap: 0.2rem;
  }
  .nx-bios-offers__title {
    font-size: 0.98rem;
  }
  .nx-bios-offers__lead {
    font-size: 0.72rem;
    line-height: 1.35;
  }
  .nx-bios-inline-example {
    padding: 0.48rem 0.6rem;
    font-size: 0.72rem;
  }
  .nx-bios-offers {
    gap: 0.38rem;
  }
  .nx-bios-offer {
    min-height: 46px;
    gap: 0.4rem;
    padding: 0.45rem 0.55rem;
  }
  .nx-bios-offer__suffix,
  .nx-bios-offer__price {
    font-size: 0.82rem;
  }
  .nx-bios-offer__currency {
    font-size: 0.58rem;
  }
  .nx-bios-no-suffix {
    min-height: 40px;
    padding: 0.45rem 0.6rem;
    font-size: 0.72rem;
  }
  .nx-bios-selected {
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--nx-border);
    border-radius: var(--nx-radius-sm);
    background: var(--nx-surface);
  }
  .nx-bios-modal__actions {
    gap: 0.5rem;
  }
  .nx-bios-modal__actions .nx-bios-cta {
    min-height: 46px;
    padding: 0.55rem 0.68rem;
  }
  .nx-bios-checkout-summary {
    padding: 0.58rem 0.7rem;
  }
  .nx-bios-payment-choices {
    gap: 0.58rem;
  }
  .nx-bios-payment-choices__title {
    font-size: 0.9rem;
  }
  .nx-bios-payment-choice {
    gap: 0.5rem;
    padding: 0.68rem;
  }
  .nx-bios-payment-choice__title {
    font-size: 0.9rem;
  }
  .nx-bios-payment-choice__lead,
  .nx-bios-guest-hint {
    font-size: 0.68rem;
    line-height: 1.32;
  }
  .nx-bios-payment-choice .nx-bios-cta {
    min-height: 48px;
  }
}

/* Checkout: one focused column, provider frames keep their own natural height. */
.nx-bios-modal.is-step-pay .nx-bios-progress { display: none; }
.nx-bios-modal.is-step-pay .nx-bios-modal__title { font: 700 1.2rem/1.35 var(--nx-font-body); text-wrap: pretty; }
.nx-bios-modal.is-step-pay .nx-bios-modal__head-row { align-items: center; }
.nx-bios-modal.is-step-pay .nx-bios-pay-step { gap: 1rem; }
.nx-bios-modal.is-step-pay .nx-bios-checkout-summary {
  padding: 1rem;
  gap: 0.65rem;
  border-radius: 12px;
  background: var(--nx-surface);
}
.nx-bios-checkout-summary__service {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--nx-text);
}
.nx-bios-checkout-summary__total { display: grid; gap: 0.2rem; text-align: right; flex-shrink: 0; }
.nx-bios-checkout-summary__total > span { font-size: 0.75rem; color: var(--nx-muted); }
.nx-bios-modal.is-step-pay .nx-bios-checkout-summary__price { font-size: 1.45rem; color: var(--nx-text); line-height: 1.2; }
.nx-bios-modal.is-step-pay .nx-bios-checkout-summary__code { font-size: 0.875rem; color: var(--nx-muted); }
.nx-bios-modal.is-step-pay .nx-bios-checkout-summary__email { padding-top: 0.65rem; border-top: 1px solid var(--nx-border); line-height: 1.5; }
.nx-bios-modal.is-step-pay .nx-bios-payment-choice { border: 0; padding: 0; border-radius: 0; background: transparent; gap: 0.8rem; }
.nx-bios-payment-choices__title--sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.nx-bios-modal.is-step-pay .nx-bios-guest-hint,
.nx-bios-modal.is-step-pay .nx-bios-delivery-note { margin: 0; font-size: 0.8rem; line-height: 1.5; }
.nx-bios-modal.is-step-pay .nx-bios-delivery-note { padding-top: 0.8rem; border-top: 1px solid var(--nx-border); }
.nx-bios-checkout-legal { margin: 0; font-size: 0.75rem; line-height: 1.4; }
.nx-bios-checkout-legal a { color: var(--nx-muted); text-underline-offset: 3px; }
.nx-bios-modal.is-step-pay .nx-bios-modal__actions { padding-top: 0; }
.nx-bios-paypal-card-label { display: none; }
@media (max-width: 380px) {
  .nx-bios-paypal-card-label { display: block; margin: 0; font-size: 0.85rem; font-weight: 600; }
}
@media (max-width: 480px) {
  .nx-bios-modal.is-step-pay .nx-bios-modal__body { padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px)); }
  .nx-bios-modal.is-step-pay .nx-bios-modal__head { padding: calc(0.6rem + env(safe-area-inset-top, 0px)) 1rem 0.6rem; }
  .nx-bios-modal.is-step-pay .nx-bios-checkout-summary { padding: 0.85rem; }
  .nx-bios-modal.is-step-pay .nx-bios-modal__actions { display: flex; }
  .nx-bios-modal.is-step-pay .nx-bios-modal__actions > button { flex: 1; }
}

.nx-money-location {
  margin: 0 0 1.75rem;
  color: var(--nx-text-muted, #9caec5);
  font-size: 0.9rem;
}
.nx-money-faq { display: grid; gap: 0.5rem; }
.nx-money-faq details {
  padding: 0 1rem;
  border: 1px solid var(--nx-border, #263142);
  border-radius: 12px;
}
.nx-money-faq summary {
  cursor: pointer;
  min-height: 48px;
  padding: 0.8rem 0;
  font-weight: 600;
  color: var(--nx-text, #eef3fa);
}
.nx-money-faq p { margin: 0 0 1rem; line-height: 1.55; color: var(--nx-text-muted, #9caec5); }
.nx-money-faq summary:focus-visible,
.nx-b2b-customer-type label:focus-within { outline: 2px solid var(--nx-accent, #00c7e6); outline-offset: 3px; }
.nx-b2b-customer-type { border: 0; padding: 0; margin: 0; display: flex; gap: 0.5rem; }
.nx-b2b-customer-type legend { margin-bottom: 0.5rem; }
.nx-b2b-customer-type label {
  flex: 1 1 0; min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 0.4rem;
  padding: 0.5rem; font-size: 0.875rem; border: 1px solid var(--nx-border, #263142); border-radius: 10px; cursor: pointer;
}
.nx-b2b-customer-type label:has(input:checked) { border-color: var(--nx-accent, #00c7e6); background: rgba(0, 199, 230, 0.08); }
.nx-b2b-customer-type input[type="radio"] { flex: 0 0 auto; width: 14px; height: 14px; min-height: 0; margin: 0; accent-color: var(--nx-accent, #00c7e6); }
.nx-bios-delivery-note { color: var(--nx-text-muted, #9caec5); font-size: 0.875rem; line-height: 1.45; margin: 0.5rem 0 0; }
.nx-bios-delivery-note p { margin: 0.25rem 0; }

/* Compact flows: retain readable copy and complete controls, not clipped steps. */
.nx-bios-channel-options { display: grid; gap: 1rem; margin-top: 0.75rem; }
.nx-bios-channel-option { min-width: 0; }
.nx-bios-channel-option .nx-bios-cta { width: 100%; margin-top: 0; }
body.nx-page .nx-bios-checker__lead,
body.nx-page .nx-bios-checker__hint,
body.nx-page .nx-bios-checker__meta p,
body.nx-page .nx-bios-check-result__lead,
body.nx-page .nx-bios-check-result__methods-title,
body.nx-page .nx-bios-hero__owner .nx-bios-owner,
body.nx-page .nx-bios-modal .nx-bios-owner,
body.nx-page .nx-bios .nx-faq-item summary,
body.nx-page .nx-bios .nx-faq-more,
.nx-bios-modal .nx-bios-label,
.nx-bios-modal .nx-bios-hint,
.nx-bios-modal .nx-bios-guest-hint,
.nx-bios-modal .nx-bios-progress__label { font-size: 0.875rem; line-height: 1.45; }
body.nx-page .nx-bios .nx-faq-item__a { font-size: 1rem; line-height: 1.55; }
.nx-guide-hero .nx-shell { padding-top: 1.5rem; padding-bottom: 1.25rem; }
body.nx-page .nx-guide-hero { background: var(--nx-ink); border-bottom-color: transparent; }
.nx-guide-back { margin-bottom: 0.5rem; }
.nx-b2b-h2 { line-height: 1.24; }
.nx-b2b-terms { border: 1px solid var(--nx-border); border-radius: var(--nx-radius); padding: 1rem; }
.nx-b2b-terms > summary { min-height: 44px; cursor: pointer; color: var(--nx-text); font-weight: 700; }
.nx-b2b-terms[open] > summary { margin-bottom: 1rem; }
.nx-b2b-diagnostic-note { font-size: 0.875rem; line-height: 1.5; color: var(--nx-muted); margin: 0 0 1rem; }

/* One compact BIOS help section, without a second stack of large guide cards. */
body.nx-page .nx-bios .nx-bios-help .nx-faq {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: .75rem;
  margin: 0;
}
body.nx-page .nx-bios .nx-bios-help .nx-faq-item {
  min-width: 0;
  padding: 0 1rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: color-mix(in srgb, var(--nx-surface-2) 38%, transparent);
}
body.nx-page .nx-bios .nx-bios-help .nx-faq-item[hidden] { display: none; }
body.nx-page .nx-bios .nx-bios-help .nx-faq-item summary {
  min-height: 64px;
  padding: .75rem 0;
  font-size: .9375rem;
  line-height: 1.45;
}
body.nx-page .nx-bios .nx-bios-help .nx-faq-item__a {
  margin: 0;
  padding: 0 0 1rem;
  font-size: .9375rem;
  line-height: 1.6;
}
body.nx-page .nx-bios .nx-bios-help .nx-faq-more {
  grid-column: 1 / -1;
  justify-self: start;
  width: auto;
  min-height: 44px;
  margin: .25rem 0;
  padding: .5rem 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-weight: 600;
}
.nx-bios-help__guides { margin-top: .75rem; border: 1px solid var(--nx-border); border-radius: var(--nx-radius); padding: 0 1rem; }
.nx-bios-help__guides > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 52px;
  padding: .75rem 0;
  list-style: none;
  font-size: .9375rem;
  font-weight: 600;
  cursor: pointer;
}
.nx-bios-help__guides > summary::-webkit-details-marker { display: none; }
.nx-bios-help__guides > summary::after { content: '+'; color: var(--nx-accent-soft); }
.nx-bios-help__guides[open] > summary::after { content: '\2212'; }
.nx-bios-help__links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 1.5rem; margin: 0 0 .75rem; padding: 0; list-style: none; }
.nx-bios-help__links li { min-width: 0; }
.nx-bios-help__links a { display: flex; align-items: center; min-height: 44px; padding: .5rem 0; color: var(--nx-text); font-size: .875rem; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
.nx-bios-help__links a:hover { color: var(--nx-accent-soft); text-decoration: underline; }
.nx-bios-help__legal { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin: .5rem 0 0; }
.nx-bios-help__legal a { display: inline-flex; align-items: center; min-height: 44px; color: var(--nx-muted); font-size: .8125rem; text-decoration: underline; text-underline-offset: .2em; }
.nx-bios-help__guides > summary:focus-visible,
.nx-bios-help__links a:focus-visible,
.nx-bios-help__legal a:focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 3px; }
@media (min-width: 768px) {
  body.nx-page .nx-bios .nx-bios-help .nx-faq,
  .nx-bios-help__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Shared compact disclosures outside the dedicated BIOS purchase flow. */
body.nx-page :is(.nx-faq-list--accordion, .nx-guide-disclosure) details.nx-faq-item {
  padding: 0 1rem;
  background: transparent;
  border-radius: var(--nx-radius);
}
body.nx-page :is(.nx-faq-list--accordion, .nx-guide-disclosure) details.nx-faq-item > summary {
  min-height: 52px;
  padding: .75rem 0;
  font-size: .9375rem;
  line-height: 1.45;
}
body.nx-page :is(.nx-faq-list--accordion, .nx-guide-disclosure) details.nx-faq-item[open] {
  background: color-mix(in srgb, var(--nx-surface) 45%, var(--nx-ink));
}
body.nx-page :is(.nx-faq-list--accordion, .nx-guide-disclosure) details.nx-faq-item > :not(summary) {
  margin: 0;
  padding-bottom: 1rem;
  font-size: .9375rem;
  line-height: 1.6;
}
body.nx-page .nx-page-btn {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  border-radius: var(--nx-radius);
}

@media (prefers-reduced-motion: reduce) {
  .nx-page-btn,
  .nx-guide-chip,
  .nx-guide-card,
  .nx-bios-cta {
    transition: none;
  }
  .nx-page-btn:active,
  .nx-bios-cta:active {
    transform: none;
  }
  .nx-bios-check-result {
    animation: none;
  }
}

/* Guide catalogue: prioritise search/results, disclose the long topic list. */
.nx-guide-topics { margin-bottom: 1.25rem; }
.nx-guide-topics .nx-guide-chips { margin-bottom: .5rem; }
.nx-guide-topics [hidden] { display: none; }
.nx-bios-code-drum { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--nx-border); border-radius: 18px; background: var(--nx-surface); }
.nx-bios-code-drum.is-invalid { border-color: #f87171; }
.nx-bios-code-drum__prefix { flex: 1; min-width: 0; position: relative; display: flex; align-items: center; padding-top: 22px; }
.nx-bios-code-drum__prefix label { position: absolute; top: 0; left: 0; }
.nx-bios-code-drum__prefix label, .nx-bios-code-drum__label { display: block; font-family: var(--nx-font-body); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: normal; color: var(--nx-text); margin-bottom: 6px; }
.nx-bios-code-drum__prefix input { width: 100%; min-width: 0; padding-inline: 10px; font-size: 18px; }
.nx-bios-code-drum__dash { color: var(--nx-muted); }
.nx-bios-code-drum__picker { width: 108px; flex: 0 0 108px; text-align: center; }
.nx-bios-code-drum__window { position: relative; height: 132px; border-radius: 12px; overflow: hidden; }
.nx-bios-code-drum__selection { position: absolute; inset: 44px 0; border-block: 1px solid rgba(80,220,245,.45); border-radius: 8px; background: rgba(80,220,245,.09); pointer-events: none; }
.nx-bios-code-drum__scroll { height: 132px; overflow-y: auto; scrollbar-width: none; padding-block: 44px; box-sizing: border-box; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; touch-action: pan-y; mask-image: linear-gradient(transparent, black 32%, black 68%, transparent); }
.nx-bios-code-drum__scroll::-webkit-scrollbar { display: none; }
.nx-bios-code-drum__scroll:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: -2px; }
.nx-bios-code-drum__scroll[aria-disabled="true"] { pointer-events: none; overflow: hidden; opacity: .6; }
.nx-bios-code-drum__option { height: 44px; display: flex; align-items: center; justify-content: center; scroll-snap-align: center; font-size: 20px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: .05em; color: var(--nx-muted); cursor: pointer; user-select: none; transition: color .15s; }
.nx-bios-code-drum__option.is-selected { color: var(--nx-accent-soft); }
.nx-bios-code-drum__scroll, .nx-bios-code-drum__option { cursor: grab; }
.nx-bios-code-drum__scroll.is-dragging, .nx-bios-code-drum__scroll.is-dragging .nx-bios-code-drum__option { cursor: grabbing; }
.nx-bios-code-drum__scroll-indicator { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: flex; color: var(--nx-accent-soft); pointer-events: none; z-index: 1; }
.nx-bios-code-drum__window { padding-right: 18px; }
.nx-bios-code-drum__window .nx-bios-code-drum__selection { right: 18px; }
.nx-bios-code-drum__prefix label, .nx-bios-code-drum__label { min-height: 40px; display: flex; align-items: flex-start; gap: 6px; }
.nx-bios-code-drum__label { justify-content: center; }
.nx-bios-code-drum__prefix label svg, .nx-bios-code-drum__label svg { flex: 0 0 16px; margin-top: 2px; color: var(--nx-accent-soft); }
.nx-bios-code-drum__prefix { padding-top: 46px; }
.nx-bios-checker:has(.nx-bios-code-drum) { max-width: 680px; margin-inline: auto; }
.nx-bios-checker__row:has(.nx-bios-code-drum) { grid-template-columns: minmax(0, 1fr); }
.nx-bios-code-drum { align-items: stretch; padding: 14px; }
.nx-bios-code-drum__dash { align-self: center; padding-top: 46px; }
.nx-bios-checker__email-label { display: block; margin: 18px 0 8px; font-family: var(--nx-font-body); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: normal; color: var(--nx-text); }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__email { width: 100%; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__submit { width: 100%; justify-content: center; }
.nx-bios-code-drum__window { height: 110px; }
.nx-bios-code-drum__selection { inset-block: 33px; }
.nx-bios-code-drum__scroll { height: 110px; padding-block: 33px; mask-image: linear-gradient(transparent, black 22%, black 78%, transparent); }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__email-label { margin-top: 12px; }
.nx-bios-checker:has(.nx-bios-code-drum) { padding: 16px; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__head { margin-bottom: 10px; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-code-drum { border: 0; padding: 0; border-radius: 0; background: transparent; }
.nx-bios-checker:has(.nx-bios-code-drum) :is(.nx-bios-checker__input, .nx-bios-checker__email, .nx-bios-checker__submit) { min-height: 48px; padding-block: 10px; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__hint { margin-top: 4px; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__privacy { margin-top: 8px; }
.nx-bios-checker:has(.nx-bios-code-drum) .nx-bios-checker__actions { margin-top: 12px; }
@media (max-width: 767px) {
  .nx-bios-checker:has(.nx-bios-code-drum) { padding: 12px; }
  .nx-bios-hero .nx-h1 { overflow-wrap: anywhere; }
}
@media (min-width: 768px) {
  .nx-bios-checker:has(.nx-bios-code-drum) { max-width: 820px; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  .nx-bios-checker:has(.nx-bios-code-drum) > * { grid-column: 1 / -1; }
  .nx-bios-checker:has(.nx-bios-code-drum) > .nx-bios-checker__email { grid-column: 1; grid-row: 5; }
  .nx-bios-checker:has(.nx-bios-code-drum) > .nx-bios-checker__actions { grid-column: 2; grid-row: 5; margin-top: 0; align-items: stretch; }
  .nx-bios-checker:has(.nx-bios-code-drum) > .nx-bios-checker__privacy { grid-row: 6; }
}
@media (max-width: 420px) { .nx-bios-code-drum { gap: 5px; padding: 8px; } .nx-bios-code-drum__picker { width: 96px; flex-basis: 96px; } .nx-bios-code-drum__prefix input { font-size: 16px; padding-inline: 8px; } }
@media (prefers-reduced-motion: reduce) { .nx-bios-code-drum__option { transition: none; } }
.nx-guide-chip--more { border-style: dashed; color: var(--nx-accent-soft); }
.nx-guide-empty { border: 1px solid var(--nx-border); border-radius: var(--nx-radius); background: var(--nx-surface); padding: 1.25rem; margin: 1rem 0 1.5rem; }
.nx-guide-empty .nx-h2 { font-family: var(--nx-font-body); font-size: 1.25rem; }
.nx-guide-empty p { color: var(--nx-muted); }
.nx-guide-body--index { padding-top: 1.25rem; }
@media (max-width: 767.98px) {
  .nx-guide-hero--index .nx-shell { padding-top: 1.5rem; padding-bottom: 1rem; }
  .nx-guide-hero--index .nx-guide-kicker { display: none; }
  .nx-guide-body--index { padding-top: 1rem; }
  .nx-guide-topics .nx-guide-chips { gap: .5rem; }
  .nx-guide-topics .nx-guide-chip { flex: 1 1 auto; justify-content: center; }
}