/* Shared chrome for secondary HTML pages (FAQ / About / B2B / blog) — aligns with landing tokens */
/* Preserve natural shaping and readable line height in the new writing systems. */
html:is([lang="hi"], [lang="bn"], [lang="ur"], [lang="th"], [lang="ja"], [lang="ko"], [lang="zh-Hant"]) :is(h1,h2,h3,p,button,input,textarea,label) { letter-spacing: normal; }
html:is([lang="hi"], [lang="bn"], [lang="ur"], [lang="th"]) :is(h1,h2,h3) { line-height: 1.5; }
html[lang="ur"] { --nx-font-body: "Segoe UI", Tahoma, Arial, sans-serif; --nx-font-heading: "Segoe UI", Tahoma, Arial, sans-serif; }
html[lang="ur"] :is(input[type="email"], input[autocomplete="cc-number"], .nx-bios-price, .nx-bios-code, .nx-bios-code-drum) { direction: ltr; unicode-bidi: isolate; }
html:is([lang="ja"], [lang="zh-Hant"]) :is(.nx-h1,.nx-h2) { word-break: normal; line-break: strict; }
html[lang="ko"] :is(.nx-h1,.nx-h2) { word-break: keep-all; overflow-wrap: anywhere; }
.nx-community [hidden]{display:none!important}
/* Guide feedback belongs to the same reading surface, not a separate theme. */
.nx-community { margin: var(--nx-space-8) 0; padding: var(--nx-space-6); border: 1px solid var(--nx-border-strong); border-radius: var(--nx-radius-card); background: var(--nx-surface); color: var(--nx-text); max-width: 100%; font-size: var(--nx-fs-body); }
.nx-community h2 { font: 700 var(--nx-fs-card-title)/1.4 var(--nx-font-body) !important; margin: 0 0 var(--nx-space-4) !important; }
.nx-community button { min-height: var(--nx-touch); padding: var(--nx-space-3) var(--nx-space-4); margin-block: 0 var(--nx-space-2); margin-inline: 0 var(--nx-space-2); border: 1px solid var(--nx-border-control); border-radius: var(--nx-radius); background: var(--nx-elevated); color: var(--nx-text); cursor: pointer; font: inherit; }
.nx-community button[aria-pressed=true] { border-color: var(--nx-accent-soft); background: color-mix(in srgb, var(--nx-accent-soft) 14%, var(--nx-surface)); }
.nx-community button:disabled { opacity: .6; cursor: wait; }
.nx-community details { margin-top: var(--nx-space-5); }
.nx-community summary { min-height: var(--nx-touch); padding: var(--nx-space-3) 0; cursor: pointer; color: var(--nx-accent-soft); font-weight: 600; }
.nx-community form { max-width: 100%; }
.nx-community label { display: grid; gap: var(--nx-space-2); margin: var(--nx-space-4) 0; }
.nx-community input, .nx-community textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--nx-border-control); border-radius: var(--nx-radius); background: var(--nx-ink); color: var(--nx-text); padding: var(--nx-space-3); font: inherit; }
.nx-community p { line-height: var(--nx-lh-body); overflow-wrap: anywhere; }
.nx-community form > p { color: var(--nx-muted); }
.nx-community article { border-top: 1px solid var(--nx-border); margin-top: var(--nx-space-5); padding-top: var(--nx-space-5); }
.nx-community article p { white-space: pre-wrap; }
.nx-community-answer { border-inline-start: 3px solid var(--nx-accent-soft); padding-inline-start: var(--nx-space-4); }
.nx-community :focus-visible { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-guide-return, .nx-guide-related-group { margin: var(--nx-space-8) 0; }
.nx-guide-return a { display: inline-block; min-height: var(--nx-touch); padding: var(--nx-space-3) 0; color: var(--nx-accent-soft); }
@media (max-width: 600px) { .nx-community { padding: var(--nx-space-4); } }
/* 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, #70b8ff); }
.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, #70b8ff);
  box-shadow: 0 0 0 2px rgb(112 184 255 / 15%);
}
.nx-bios-field-prompt { flex-basis: 100%; margin: 8px 0 0; color: var(--nx-accent-soft, #70b8ff); font-size: 14px; line-height: 1.5; }
.nx-bios-next-field { color: var(--nx-accent-soft, #70b8ff); }
/* 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, #70b8ff);
  outline-offset: 2px;
}
.nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection { border: 1px solid var(--nx-accent-soft, #70b8ff); }
.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-segmented-input,
.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: #70b8ff; }
  50% { --nx-field-ring-color: transparent; }
}
@keyframes nx-field-attention-repeat {
  0%, 100% { --nx-field-ring-color: #70b8ff; }
  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-segmented-input,
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, #70b8ff) !important;
  outline-offset: 2px !important;
}
.nx-bios-checker .nx-bios-field.needs-attention { outline: 2px solid var(--nx-accent-soft, #70b8ff); 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-segmented-input,
  .nx-bios-code-drum .needs-attention .nx-bios-code-drum__selection,
  .nx-bios-checker .nx-bios-field.needs-attention { animation: none; }
}
:root {
  /* Same obsidian / blue palette as the landing; provider brands stay intact. */
  --nx-ink: #080b10;
  --nx-surface: #111720;
  --nx-surface-2: #111720;
  --nx-elevated: #192330;
  --nx-border: rgba(172, 187, 205, 0.2);
  --nx-border-strong: rgba(172, 187, 205, 0.34);
  --nx-border-control: #8192a8;
  --nx-brand: #2563eb;
  --nx-brand-hover: #1d4ed8;
  --nx-accent: #2563eb;
  --nx-accent-soft: #70b8ff;
  --nx-on-accent: #f8fafc;
  --nx-text: #f1f5fb;
  --nx-muted: #acbbcd;
  --nx-trust-text: #86efac;
  --nx-trust-surface: #10231f;
  --nx-trust-border: #315747;
  --nx-info-text: #bfdbfe;
  --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-radius-card: 16px;
  --nx-touch: 3rem;
  --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-card-title: 1.25rem;
  --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-7: 1.75rem;
  --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;
}

/* Apple model directories reuse the repair-page palette and reading width. */
.nx-apple-directory { scroll-margin-top: 7rem; }
.nx-apple-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.nx-apple-model-card { min-width: 0; padding: 20px; background: var(--nx-surface); border: 1px solid var(--nx-border-strong); border-radius: var(--nx-radius); }
.nx-apple-model-card h3 { margin: 0; font-size: 1.125rem; line-height: 1.5; }
.nx-apple-model-card h3 a { display: flex; align-items: center; min-height: 48px; color: var(--nx-accent-soft); overflow-wrap: anywhere; }
.nx-apple-model-card ul { list-style: none; padding: 0; margin: 12px 0; }
.nx-apple-model-card li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; line-height: 1.5; border-bottom: 1px solid var(--nx-border); }
.nx-apple-model-card li > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.nx-apple-model-year { color: var(--nx-muted); font-size: .875rem; flex: 0 0 auto; }
.nx-apple-model-card > p { margin: 0; }
.nx-apple-guide-link, .nx-apple-jump { display: inline-flex; align-items: center; min-height: 48px; text-decoration: underline; text-underline-offset: 4px; }
.nx-apple-jump { margin-bottom: 24px; }
.nx-apple-directory-note { margin: 20px 0; line-height: 1.65; color: var(--nx-muted); }
.nx-apple-identify { border-block: 1px solid var(--nx-border-strong); }
.nx-apple-identify summary { padding: 14px 0; min-height: 48px; cursor: pointer; font-weight: 600; }
.nx-apple-identify p { margin: 0 0 16px; line-height: 1.65; }
.nx-apple-issue-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; list-style: none; padding: 0; }
.nx-apple-issue-links a { display: flex; align-items: center; min-height: 48px; padding: 12px; border: 1px solid var(--nx-border-strong); border-radius: var(--nx-radius-sm); line-height: 1.5; }
.nx-apple-directory a:focus-visible, .nx-apple-identify summary:focus-visible, .nx-apple-jump:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 4px; }
@media (max-width: 600px) {
  .nx-apple-model-grid, .nx-apple-issue-links { grid-template-columns: minmax(0, 1fr); }
  .nx-apple-model-card { padding: 16px; }
}
@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;
}

@media (max-width: 768px) {
  /* The templates clip horizontal overflow on html AND body. Hidden on body
     implicitly makes overflow-y:auto: even 4px of animated overflow can consume
     an entire phone swipe in that second scroll container. Keep the viewport as
     the only page scroller. The visible fallback is still clipped by html.
     Explicit menu/checkout locks retain their inline overflow / modal rules. */
  body.nx-page:not(.modal-open) {
    overflow-x: visible;
    overflow-x: clip;
    overflow-y: visible;
  }
}

.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); }
/* One result action, then one explicit payment choice alongside the order. */
.nx-bios-continue { width: 100%; min-height: 48px; margin-block: 16px 8px; white-space: normal; }
.nx-bios-method-choice { display: grid; gap: 8px; min-width: 0; margin: 8px 0; padding: 0; border: 0; }
.nx-bios-method-choice legend { margin-bottom: 12px; color: var(--nx-text); font-weight: 700; }
.nx-bios-method-option { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 12px 16px; border: 1px solid var(--nx-border-strong); border-radius: 12px; background: var(--nx-surface); cursor: pointer; }
.nx-bios-method-option span { min-width: 0; overflow-wrap: anywhere; }
.nx-bios-method-option__copy { display: grid; gap: 4px; }
.nx-bios-method-option__copy strong { color: var(--nx-text); font-size: 1rem; line-height: 1.5; }
.nx-bios-method-option__hint { color: var(--nx-muted); font-size: .875rem; line-height: 1.5; }
.nx-bios-method-option input { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: var(--nx-accent); }
.nx-bios-method-option.is-selected { border-color: var(--nx-accent-soft); background: var(--nx-surface-2); }
.nx-bios-method-option:has(input:focus-visible) { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-method-option:active { background: var(--nx-surface-2); }
.nx-bios-method-choice:disabled .nx-bios-method-option { cursor: wait; opacity: .65; }
.nx-bios-checkout-action { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--nx-border); }
.nx-bios-checkout-action__total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; color: var(--nx-muted); }
.nx-bios-checkout-action__total strong { color: var(--nx-text); font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.nx-bios-checkout-action__hint { min-height: 1.5em; margin: 8px 0 12px; font-size: .875rem; line-height: 1.5; color: var(--nx-muted); }
.nx-bios-modal.paypal-modal .nx-bios-checkout-action .nx-bios-modal__actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin: 0; padding: 0; border: 0; }
.nx-bios-modal.paypal-modal .nx-bios-checkout-action .nx-bios-modal__actions > button { min-width: 0; min-height: 48px; white-space: normal; }
@media (max-width: 480px) {
  .nx-bios-modal.paypal-modal .nx-bios-checkout-action .nx-bios-modal__actions { grid-template-columns: minmax(0, 1fr); }
}
.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;
}

/* The multi-code guide shares the production checker and payment dialog. */
.nx-guide--storefront .nx-guide-hero .nx-shell { max-width: 1200px; }
.nx-guide--storefront > .nx-shell { max-width: 1200px; }
.nx-guide--storefront .nx-guide-body > .nx-shell { max-width: 1200px; }
.nx-guide--storefront .nx-guide-body { padding-top: 0; }
.nx-guide--storefront .nx-prose { max-width: none; margin-inline: auto; }
.nx-guide--storefront .nx-guide-hero .nx-h1 { margin-inline: auto; text-align: center; }
.nx-guide--storefront .nx-bios-guide-intro { margin-inline: auto; text-align: center; }
.nx-guide--storefront .nx-guide-meta-row { text-align: center; }
.nx-guide--storefront .nx-guide-toc { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-top: 0; }
.nx-guide--storefront .nx-guide-toc ul { margin: 0; }
.nx-store-guide-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.nx-store-guide-panel { min-width: 0; padding: 24px; border: 1px solid var(--nx-border); border-radius: 16px; background: var(--nx-surface); }
.nx-store-guide-panel--wide { grid-column: 1 / -1; }
.nx-guide--storefront .nx-store-guide-panel > h2 { margin-top: 0; font-size: clamp(21px, 2vw, 28px); }
.nx-guide--storefront .nx-store-guide-panel > :last-child { margin-bottom: 0; }
.nx-guide--storefront .nx-model-table--suffixes th:first-child { width: 18%; }
.nx-guide--storefront .nx-guide-author-footer { text-align: center; }
.nx-guide--storefront .nx-guide-author-footer .nx-guide-meta { font-size: 12px; color: var(--nx-muted); }
.nx-guide--storefront .nx-guide-author-footer .nx-guide-link { color: inherit; text-decoration: none; }
.nx-guide--storefront .nx-guide-author-footer .nx-guide-link:hover,
.nx-guide--storefront .nx-guide-author-footer .nx-guide-link:focus-visible { color: var(--nx-text); text-decoration: underline; }
.nx-guide--storefront .nx-guide-hero .nx-h1 { max-width: 28ch; font-size: clamp(26px, 3.1vw, 40px); text-wrap: balance; }
.nx-guide--storefront .nx-bios-guide-intro { max-width: 74ch; }
.nx-bios.nx-bios--storefront { max-width: none; margin: 0; padding: 0; }
.nx-bios-storefront { margin: 0 0 32px; }
.nx-bios-storefront__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.nx-bios-storefront__catalog { min-width: 0; }
.nx-store-basket { display: block; margin: 0 0 16px auto; min-height: 44px; padding: 10px 16px; border: 1px solid var(--nx-accent-soft); border-radius: 12px; color: var(--nx-accent-soft); background: var(--nx-surface); font: 600 15px/1.5 Manrope, sans-serif; cursor: pointer; }
.nx-store-basket:focus-visible { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-storefront__catalog h2 { margin: 0 0 8px; font: 700 22px/1.35 Manrope, sans-serif; color: var(--nx-text); }
.nx-bios-storefront__catalog > p { margin: 0 0 16px; color: var(--nx-muted); line-height: 1.55; }
.nx-store-catalog-gate { display: grid; grid-template-columns: minmax(0, 1fr); isolation: isolate; margin-bottom: 20px; }
.nx-store-catalog-gate > .nx-bios-products { grid-area: 2 / 1; margin-bottom: 0; }
.nx-store-owner { grid-area: 1 / 1; justify-self: center; z-index: 1; display: flex; align-items: center; gap: 14px; width: 100%; max-width: 560px; min-height: 52px; padding: 20px 24px; margin-bottom: 20px; border: 1px solid var(--nx-accent-soft); border-radius: 14px; background: var(--nx-elevated); color: var(--nx-text); font: 600 16px/1.55 Manrope, sans-serif; text-align: center; cursor: pointer; }
.nx-store-catalog-gate.is-locked > .nx-store-owner,
.nx-bios-storefront--static .nx-store-catalog-gate:not(:has(.nx-store-owner__input:checked)) > .nx-store-owner { align-self: center; width: calc(100% - 32px); margin: 16px; box-shadow: 0 16px 48px var(--nx-surface); }
.nx-store-catalog-gate.is-locked > .nx-bios-products,
.nx-bios-storefront--static .nx-store-catalog-gate:not(:has(.nx-store-owner__input:checked)) > .nx-bios-products { grid-area: 1 / 1; }
.nx-store-owner__input { flex: none; width: 24px; height: 24px; margin: 0; accent-color: var(--nx-brand); cursor: pointer; }
.nx-store-owner:has(:focus-visible) { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-store-owner span { min-width: 0; overflow-wrap: anywhere; }
.nx-bios-products.is-locked,
.nx-bios-storefront--static .nx-store-catalog-gate:not(:has(.nx-store-owner__input:checked)) > .nx-bios-products { filter: blur(6px); opacity: .5; pointer-events: none; user-select: none; }
.nx-bios-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.nx-bios-product { display: flex; flex-direction: column; align-items: start; gap: 12px; min-width: 0; padding: 24px; border: 1px solid var(--nx-border-control); border-radius: 16px; background: var(--nx-surface); color: var(--nx-text); font-family: Manrope, sans-serif; text-align: start; text-decoration: none; cursor: pointer; transition: border-color 180ms, background-color 180ms; }
.nx-bios-product:hover:not(:disabled), .nx-bios-product.is-selected { border-color: var(--nx-info-text); background: var(--nx-elevated); }
.nx-bios-product:focus-visible { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-product__eyebrow { color: var(--nx-muted); font-size: 12px; font-weight: 600; letter-spacing: .035em; }
.nx-bios-product__code { font: 750 30px/1.2 Manrope, sans-serif; letter-spacing: .02em; }
.nx-bios-product__price { margin-block: 4px 8px; font-size: 28px; font-weight: 750; font-variant-numeric: tabular-nums; }
.nx-bios-product__price small { font-size: 12px; color: var(--nx-muted); font-weight: 500; }
.nx-bios-product__action { width: 100%; min-height: 48px; display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: auto; padding: 10px 16px; border-radius: 10px; background: var(--nx-brand); color: var(--nx-on-accent); font-size: 15px; font-weight: 700; line-height: 1.4; transition: background-color 180ms; }
.nx-bios-product:hover:not(:disabled) .nx-bios-product__action { background: var(--nx-brand-hover); }
.nx-bios-storefront__catalog > .nx-bios-storefront__delivery { color: var(--nx-text); font-size: 16px; }
.nx-bios-storefront__catalog > .nx-bios-storefront__promise { color: var(--nx-trust-text, #86efac); font-size: 14px; }
.nx-bios-storefront .nx-bios-checker { scroll-margin-top: 110px; width: 100%; max-width: none; margin: 0; border-radius: 20px; }
.nx-bios-storefront .nx-bios-checker[hidden] { display: none !important; }
.nx-bios-storefront .nx-bios-check-result { width: 100%; max-width: none; margin: 0; scroll-margin-top: 110px; }
.nx-bios-storefront--static { max-width: none; }
.nx-bios-storefront__selection { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; color: var(--nx-text); font-size: 24px; }
.nx-bios-storefront .nx-bios-checker__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; }
.nx-bios-storefront .nx-bios-storefront__selection { flex-basis: 100%; margin-top: 8px; padding: 16px 0; border-block: 1px solid var(--nx-border-control); }
.nx-store-change { min-height: 44px; padding: 6px 0; border: 0; background: transparent; color: var(--nx-accent-soft); font: 600 14px/1.5 Manrope, sans-serif; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.nx-store-change:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 4px; border-radius: 4px; }
.nx-bios-storefront__payment { margin-top: 20px; }
.nx-bios-storefront__payment > p { margin: 0 0 12px; color: var(--nx-muted); }
.nx-bios-storefront--static .nx-bios-product { cursor: default; }
.nx-bios-storefront__layout--catalog { grid-template-columns: minmax(0, 1fr) !important; margin-inline: auto; }
.nx-bios-store-code { margin-top: 16px; }
.nx-bios-store-code > label { display: block; margin-bottom: 10px; font-weight: 700; }
.nx-bios-store-code__row { display: flex; align-items: center; gap: 10px; }
.nx-bios-store-code__row .nx-bios-field { min-width: 0; width: 100%; font-size: 22px; letter-spacing: .08em; text-transform: uppercase; }
.nx-bios-store-code__suffix { flex: none; font-size: 22px; font-weight: 750; color: var(--nx-accent-soft); }
.nx-store-dialog { position: fixed; inset: 0; width: min(600px, calc(100% - 32px)); max-width: none; max-height: 92dvh; margin: auto; padding: 0; border: 1px solid var(--nx-border-control); border-radius: 24px; background: var(--nx-elevated); color: var(--nx-text); overflow: auto; overscroll-behavior: contain; font-family: Manrope, sans-serif; }
.nx-store-dialog::backdrop { background: rgb(0 0 0 / .72); }
.nx-store-dialog__head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--nx-border); background: var(--nx-elevated); }
.nx-store-dialog__head h2 { margin: 0; font: 700 24px/1.35 Manrope, sans-serif; }
.nx-store-dialog__close { width: 44px; height: 44px; flex: none; border: 1px solid var(--nx-border-control); border-radius: 12px; background: var(--nx-surface); color: var(--nx-text); font-size: 28px; cursor: pointer; }
.nx-store-dialog__close:focus-visible { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-storefront .nx-store-dialog .nx-bios-checker { border: 0; border-radius: 0; padding: 8px 24px 24px; box-shadow: none; }
.nx-bios-storefront .nx-store-dialog .nx-bios-checker__head { justify-content: flex-end; }
.nx-store-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 20px 24px 12px; }
.nx-store-steps li { display: flex; align-items: center; gap: 8px; padding-block: 0 12px; border-bottom: 2px solid var(--nx-border); color: var(--nx-muted); font-size: 13px; font-weight: 600; line-height: 1.4; }
.nx-store-steps li > span { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border: 1px solid var(--nx-border-control); border-radius: 50%; font-size: 12px; }
.nx-store-steps .is-current { border-color: var(--nx-info-text); color: var(--nx-text); }
.nx-store-steps .is-current > span { background: var(--nx-brand); border-color: var(--nx-info-text); color: var(--nx-on-accent); }
.nx-store-steps .is-done { color: var(--nx-trust-text); border-color: var(--nx-trust-border); }
.nx-bios-storefront .nx-store-dialog .nx-bios-checker__contacts { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.nx-bios-storefront .nx-store-dialog .nx-bios-checker__submit { width: 100%; min-height: 52px; }
.nx-bios-storefront .nx-store-dialog .nx-bios-checker__actions { grid-template-columns: minmax(0, 1fr); }
.nx-store-confirmation { padding: 20px 24px 28px; outline-offset: -4px; }
.nx-store-confirmation__status { display: flex; align-items: center; gap: 12px; color: var(--nx-trust-text); }
.nx-store-confirmation__status > svg { flex: none; }
.nx-store-confirmation__status h3 { margin: 0; color: inherit; font: 700 22px/1.35 Manrope, sans-serif; }
.nx-store-confirmation__hint { color: var(--nx-muted); margin: 10px 0 20px; font-size: 15px; line-height: 1.5; }
.nx-store-summary { padding: 16px; margin: 0; border: 1px solid var(--nx-border-control); border-radius: 12px; background: var(--nx-surface); }
.nx-store-summary > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 12px; align-items: start; padding-block: 8px; }
.nx-store-summary dt { color: var(--nx-muted); font-size: 14px; }
.nx-store-summary dd { margin: 0; text-align: end; overflow-wrap: anywhere; color: var(--nx-text); font-size: 16px; font-weight: 600; }
.nx-store-summary__total { margin-top: 8px; padding-top: 16px !important; border-top: 1px solid var(--nx-border); }
.nx-store-summary__total dt { color: var(--nx-text); font-size: 16px; }
.nx-store-summary__total dd { font-size: 24px; line-height: 1.25; font-variant-numeric: tabular-nums; }
.nx-store-confirmation__delivery { margin: 12px 0 20px; color: var(--nx-text); font-size: 15px; line-height: 1.6; }
.nx-store-dialog .nx-bios-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.nx-store-dialog .nx-bios-method:last-child:nth-child(odd) { grid-column: 1 / -1; }
.nx-store-dialog .nx-bios-method { width: 100%; min-width: 0; }
html:has(.nx-store-dialog[open]), body:has(.nx-store-dialog[open]) { overflow: hidden; }
@media (min-width: 640px) {
  .nx-bios-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .nx-store-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .nx-guide--storefront .nx-guide-hero { padding-block: 24px; }
  .nx-guide--storefront .nx-guide-toc { padding: 12px 16px; }
  .nx-guide--storefront .nx-guide-toc ul { gap: 4px 16px; }
  .nx-store-guide-panel { padding: 16px; }
  .nx-bios-product { padding: 16px 12px; }
  .nx-bios-product__code { font-size: 26px; }
  .nx-bios-product__price { font-size: 26px; }
  .nx-bios-product__action { padding-inline: 8px; gap: 8px; }
  .nx-bios-storefront .nx-bios-checker { padding: 20px 16px; }
  .nx-bios-storefront .nx-bios-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nx-bios-storefront .nx-bios-method:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .nx-bios-storefront .nx-bios-method { min-width: 0; width: 100%; }
  .nx-store-dialog { width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .nx-store-dialog__head { padding: max(16px, env(safe-area-inset-top)) 16px 12px; }
  .nx-store-steps { padding: 16px 16px 8px; gap: 8px; }
  .nx-store-steps li { font-size: 12px; flex-direction: column; align-items: start; }
  .nx-store-confirmation { padding: 16px 16px max(24px, env(safe-area-inset-bottom)); }
  .nx-store-summary > div { grid-template-columns: max-content minmax(0, 1fr); }
  .nx-store-summary dd { font-size: 14px; }
  .nx-store-summary__total dd { font-size: 24px; }
  .nx-bios-storefront .nx-store-dialog .nx-bios-checker { padding: 0 16px max(24px, env(safe-area-inset-bottom)); }
}
@media (min-width: 1050px) {
  .nx-bios-storefront__layout { gap: 32px; }
}
@media (prefers-reduced-motion: reduce) { .nx-bios-product, .nx-bios-product__action { transition: none; } }

.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));
}
/* Match the shared client gutters before hydration so the model grid does not
   resize when the shared header loads (notably on tablet Safari). */
@media (min-width: 640px) {
  .nx-guide--bios .nx-shell {
    padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 1024px) {
  .nx-guide--bios .nx-shell {
    padding-left: max(2rem, env(safe-area-inset-left, 0px));
    padding-right: max(2rem, 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;
}
/* Keep header controls predictable; localize the reading direction in the content. */
html[dir="rtl"] header #header-inner { direction: ltr; }
html[dir="rtl"] .nx-page, html[dir="rtl"] .nx-guide, html[dir="rtl"] .nx-bios-section { text-align: start; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[inputmode="email"],
html[dir="rtl"] .nx-bios-code-input, html[dir="rtl"] .nx-code-drum, html[dir="rtl"] code,
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] button { letter-spacing: normal; }
html[lang="ar"] .nx-bios-copy, html[lang="ar"] .nx-prose, html[lang="ar"] .nx-lede { line-height: 1.8; }
html[dir="rtl"] .nx-bios-code-drum, html[dir="rtl"] .nx-bios-code-row,
html[dir="rtl"] .nx-bios-checked-summary__code, html[dir="rtl"] .nx-bios-checkout-summary__code,
html[dir="rtl"] .nx-bios-check-result__lead[data-clarity-mask], html[dir="rtl"] .nx-bios-check-result__price,
html[dir="rtl"] .nx-bios-checkout-summary__price, html[dir="rtl"] .nx-bios-code-help__example,
html[dir="rtl"] .nx-bios-check-result__local-amount { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .nx-bios-code-drum__label { direction: rtl; }

@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);
}
.nx-b2b-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
}
.nx-b2b-hero-copy { min-width: 0; }
.nx-b2b-hero .nx-b2b-h1 {
  max-width: 46rem;
  text-wrap: balance;
}
.nx-b2b-hero .nx-b2b-lead {
  max-width: 45rem;
  text-wrap: pretty;
}
.nx-b2b-hero-panel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid color-mix(in srgb, var(--nx-accent) 28%, var(--nx-border));
  border-radius: calc(var(--nx-radius) + 4px);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--nx-accent) 9%, transparent), transparent 46%),
    color-mix(in srgb, var(--nx-surface-2) 84%, transparent);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.nx-b2b-hero-panel::after {
  content: '';
  position: absolute;
  right: -4rem;
  bottom: -5rem;
  width: 12rem;
  height: 12rem;
  border: 1px solid color-mix(in srgb, var(--nx-accent) 18%, transparent);
  border-radius: 999px;
  pointer-events: none;
}
.nx-b2b-hero-panel__head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--nx-accent-soft);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.nx-b2b-live-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--nx-accent);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--nx-accent) 12%, transparent);
}
.nx-b2b-hero-panel__title {
  position: relative;
  margin: 1rem 0 1.1rem;
  max-width: 28rem;
  color: var(--nx-text);
  font-family: var(--nx-font-display);
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.nx-b2b-hero-panel__items {
  position: relative;
  display: grid;
  gap: 0.55rem;
}
.nx-b2b-hero-panel__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.8rem;
  border: 1px solid color-mix(in srgb, var(--nx-border) 82%, transparent);
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-ink) 58%, transparent);
}
.nx-b2b-hero-panel__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.55rem;
  color: var(--nx-accent-soft);
  background: color-mix(in srgb, var(--nx-accent) 12%, transparent);
}
.nx-b2b-hero-panel__item h3 {
  margin: 0 0 0.18rem;
  color: var(--nx-text);
  font-size: 0.94rem;
  line-height: 1.3;
}
.nx-b2b-hero-panel__item p {
  margin: 0;
  color: var(--nx-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}
.nx-b2b-hero-panel__note {
  position: relative;
  margin: 1rem 0 0;
  color: var(--nx-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
.nx-b2b-trustbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin: 2rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--nx-border);
  list-style: none;
}
.nx-b2b-trustbar li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
}
.nx-b2b-trustbar__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  color: var(--nx-accent-soft);
  background: color-mix(in srgb, var(--nx-accent) 10%, transparent);
}
.nx-b2b-trustbar strong,
.nx-b2b-trustbar small { display: block; }
.nx-b2b-trustbar strong {
  color: var(--nx-text);
  font-size: 0.82rem;
  line-height: 1.25;
}
.nx-b2b-trustbar small {
  margin-top: 0.12rem;
  color: var(--nx-muted);
  font-size: 0.72rem;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .nx-b2b-hero .nx-shell {
    padding-top: 5.5rem;
    padding-bottom: 3.25rem;
  }
  .nx-b2b-hero-panel { padding: 1.5rem; }
  .nx-b2b-trustbar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .nx-b2b-hero-grid {
    grid-template-columns: minmax(0, 1.16fr) minmax(22rem, 0.84fr);
    gap: clamp(2.5rem, 5vw, 5rem);
  }
}
.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);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.nx-b2b-service-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--nx-accent) 36%, var(--nx-border));
  background: color-mix(in srgb, var(--nx-accent) 5%, var(--nx-surface-2));
}
.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: 2rem 2.5rem minmax(0, 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__step {
  padding-top: 0.45rem;
  color: var(--nx-accent-soft);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.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-b2b-process-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.nx-b2b-process-intro .nx-b2b-kicker { margin-bottom: 0.75rem; }
.nx-b2b-process-intro .nx-b2b-sub { margin-bottom: 0; }
.nx-b2b-process-grid .nx-flow { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) {
  .nx-b2b-process-grid {
    grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(3rem, 7vw, 6rem);
  }
  .nx-b2b-process-intro { position: sticky; top: 6.5rem; }
}

.nx-b2b-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.nx-b2b-contact-aside {
  min-width: 0;
  padding: 0.25rem 0;
}
.nx-b2b-contact-aside__title {
  margin: 1.75rem 0 0.4rem;
  color: var(--nx-text);
  font-size: 1rem;
  line-height: 1.35;
}
.nx-b2b-contact-aside__text,
.nx-b2b-location {
  margin: 0;
  color: var(--nx-muted);
  font-size: var(--nx-fs-small);
  line-height: 1.55;
}
.nx-b2b-contact-checklist {
  display: grid;
  gap: 0.65rem;
  margin: 1rem 0 1.75rem;
  padding: 0;
  list-style: none;
}
.nx-b2b-contact-checklist li {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  line-height: 1.45;
}
.nx-b2b-contact-checklist i {
  margin-top: 0.2rem;
  color: var(--nx-accent-soft);
}
.nx-b2b-direct-label {
  margin: 0 0 0.65rem;
  color: var(--nx-text);
  font-size: var(--nx-fs-small);
  font-weight: 700;
}
.nx-b2b-location { margin-top: 1rem; }
.nx-b2b-contact-layout .nx-b2b-note { margin-top: 0.75rem; }
.nx-b2b-contact-layout .nx-b2b-form-card {
  margin: 0;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14);
}
.nx-b2b-contact-layout .nx-b2b-form-card .nx-page-btn { width: 100%; }
@media (max-width: 959px) {
  .nx-b2b-contact-aside { display: contents; }
  .nx-b2b-contact-aside > .nx-b2b-kicker { order: 1; margin-bottom: 0; }
  .nx-b2b-contact-aside > .nx-b2b-h2 { order: 2; }
  .nx-b2b-contact-aside > .nx-b2b-sub { order: 3; margin-bottom: 0; }
  .nx-b2b-contact-layout > .nx-b2b-form-card { order: 4; }
  .nx-b2b-contact-aside__title { order: 5; margin-top: 0.5rem; }
  .nx-b2b-contact-aside__text { order: 6; }
  .nx-b2b-contact-checklist { order: 7; margin-bottom: 0.5rem; }
  .nx-b2b-direct-label { order: 8; margin-top: 0.5rem; }
  .nx-b2b-channels { order: 9; }
  .nx-b2b-location { order: 10; }
  .nx-b2b-contact-layout .nx-b2b-note { order: 11; margin-top: 0; }
}
@media (min-width: 960px) {
  .nx-b2b-contact-layout {
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(2.5rem, 6vw, 5rem);
  }
}

.nx-b2b-document-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}
@media (min-width: 640px) {
  .nx-b2b-document-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .nx-b2b-document-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .nx-b2b-service-card { transition: none; }
  .nx-b2b-service-card:hover { transform: none; }
}

@media (max-width: 480px) {
  body.nx-page:has(.nx-b2b-hero) .nx-audit-breadcrumbs ol {
    flex-wrap: nowrap;
    align-items: center;
  }
  body.nx-page:has(.nx-b2b-hero) .nx-audit-breadcrumbs li:last-child {
    flex: 1 1 auto;
    overflow: hidden;
  }
  body.nx-page:has(.nx-b2b-hero) .nx-audit-breadcrumbs li:last-child span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.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);
}
/* Centre the page, not a narrow strip of text. Desktop guides use the same
   useful width as the navigation; contents sit beside the opening text. */
.nx-guide--article:not(.nx-guide--storefront) > .nx-guide-hero > .nx-shell,
.nx-guide--article:not(.nx-guide--storefront) > .nx-guide-body > .nx-shell {
  max-width: 1200px;
}
.nx-guide--article:not(.nx-guide--storefront) .nx-guide-body .nx-prose { display: flow-root; max-width: none; }
.nx-guide--article:not(.nx-guide--storefront) .nx-guide-hero .nx-lede { max-width: none; }
@media (min-width: 960px) {
  .nx-guide--article:not(.nx-guide--storefront) .nx-prose > :is(.nx-guide-toc, .nx-bios-guide-contents, .nx-apple-guide-contents) {
    float: inline-end; width: 18rem; max-width: 30%; margin-block: 0 1.5rem; margin-inline: 2rem 0;
  }
  .nx-guide--article:not(.nx-guide--storefront) .nx-prose > .nx-guide-toc ul { display: block; }
  .nx-guide--article:not(.nx-guide--storefront) .nx-prose > :is(.nx-table-wrap, .nx-model-directory, .nx-guide-disclosure, .nx-guide-next) { clear: both; }
  .nx-guide--article:not(.nx-guide--storefront) .nx-prose > :is(.nx-guide-toc, .nx-bios-guide-contents, .nx-apple-guide-contents) + h2 { margin-top: 0; }
}
@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);
}
/* Long documents keep a readable column, clear section boundaries and a compact
   optional contents list. Existing legal wording and heading levels stay intact. */
.nx-page-contents { margin-block: 0 2rem; padding: 1rem 1.25rem; border: 1px solid var(--nx-border, #334155); border-radius: 12px; background: rgba(8, 17, 29, .45); }
.nx-page-contents summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; font-weight: 600; color: var(--nx-text, #f1f5f9); }
.nx-page-contents ul { margin: .75rem 0 0; padding-inline-start: 1.25rem; }
.nx-page-contents a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.5; overflow-wrap: anywhere; color: var(--nx-accent-soft, #70b8ff); }
.nx-document-section { max-width: 72ch; margin-block: 0; padding-block: 1.5rem; }
.nx-document-section + .nx-document-section { border-top: 1px solid var(--nx-border, #334155); }
.nx-document-section h2 { scroll-margin-top: calc(var(--nx-header-height, 88px) + 1rem); }
@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-bios-guide-intro { max-width: 65ch; margin-top: 1rem; }
.nx-bios-guide-entry { display: grid; justify-items: start; gap: .5rem; margin-top: 1.25rem; }
.nx-bios-guide-entry .nx-page-btn { max-width: 100%; min-height: 48px; white-space: normal; text-align: center; }
.nx-bios-guide-entry p { margin: 0; color: var(--nx-muted); font-size: 1rem; line-height: 1.5; }
.nx-guide--bios .nx-guide-meta-row { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin-top: 1.25rem; }
.nx-guide--bios .nx-guide-meta-row .nx-guide-meta { margin: 0; font-size: .875rem; line-height: 1.5; }
.nx-guide-author-footer { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--nx-border); }
.nx-guide-author-footer .nx-guide-meta { margin: 0; font-size: .875rem; line-height: 1.5; }
.nx-bios-guide-contents { border: 1px solid var(--nx-border); border-radius: var(--nx-radius-sm); margin: 0 0 1.5rem; }
.nx-bios-guide-contents summary { padding: .75rem 1rem; min-height: 48px; cursor: pointer; color: var(--nx-text); font-weight: 600; }
.nx-bios-guide-contents ul { padding-block: 0 1rem; padding-inline: 2rem 1rem; margin: 0; }
.nx-bios-guide-contents__body { padding: 0 1rem .75rem; }
.nx-bios-guide-contents a { display: inline-flex; align-items: center; min-height: 44px; }
.nx-bios-guide-contents summary:focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 3px; border-radius: var(--nx-radius-sm); }
.nx-bios-guide-float { display: none; }
@media (max-width: 767.98px) {
  .nx-has-bios-guide-float { scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
  .nx-has-bios-guide-float body { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .nx-bios-guide-float:not([hidden]) {
    display: inline-flex;
    position: fixed;
    z-index: 80;
    right: max(16px, env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    min-height: 52px;
    max-width: calc(100vw - 32px);
    gap: 1.25rem;
    padding: .8rem 1.25rem;
    font-size: 1rem;
    white-space: normal;
    box-shadow: 0 4px 24px color-mix(in srgb, var(--nx-ink) 70%, transparent);
  }
  .nx-bios-guide-float:focus { outline: 3px solid var(--nx-text); outline-offset: 4px; }
}
.nx-bios-hub-nav { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.nx-bios-hub-nav a { display: flex; align-items: center; min-height: 44px; padding: .65rem 1rem; border: 1px solid var(--nx-border); border-radius: var(--nx-radius-sm); color: var(--nx-accent-soft); text-decoration: none; }
.nx-bios-hub-nav a:hover { border-color: var(--nx-accent); }
.nx-bios-hub-nav a:focus-visible { outline: 2px solid var(--nx-accent); outline-offset: 4px; }
.nx-bios-hub-group { margin-bottom: var(--nx-space-8); scroll-margin-top: calc(var(--nx-header-h, 84px) + 24px); }
.nx-bios-hub-group > h2 { margin-bottom: 1.25rem; }
.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); }
/* Shared by every BIOS list, including journal/search cards. */
.nx-bios-hub-group .nx-guide-list { gap: .75rem; }
.nx-guide-card--bios { padding: 1.125rem; }
.nx-guide-card--bios .nx-guide-card__row { gap: 1rem; align-items: flex-start; }
.nx-guide-card--bios .nx-guide-card__icon {
  inline-size: 3.5rem; block-size: 3rem; border: 1px solid var(--nx-border);
  background: color-mix(in srgb, var(--nx-accent) 6%, var(--nx-surface));
  color: var(--nx-accent-soft); font-size: 1.125rem;
}
.nx-guide-card--bios .nx-guide-card__code {
  font: 750 .9375rem/1 var(--nx-font-body); letter-spacing: .035em;
}
.nx-guide-card--bios .nx-guide-card__title {
  font: 700 1.125rem/1.4 var(--nx-font-body); text-wrap: pretty; overflow-wrap: anywhere; margin: 0 0 .375rem;
}
.nx-guide-card--bios .nx-guide-card__desc { display: block; font-size: .9375rem; line-height: 1.5; }
.nx-guide-card--bios .nx-guide-card__chev { margin-top: .4rem; }
.nx-guide-shop { display: inline-flex; align-items: center; gap: .35rem; max-width: 100%; margin-inline-start: .6rem; padding: .2rem .45rem; border: 1px solid var(--nx-border); border-radius: 6px; color: var(--nx-accent-soft); font: 600 .75rem/1.4 var(--nx-font-body); vertical-align: middle; }
.nx-guide-shop--intro { display: flex; width: fit-content; margin: .75rem auto; }
.nx-journal-story-copy > .nx-guide-card__icon { float: inline-end; margin-inline-start: .75rem; font-size: .9375rem; font-weight: 750; }
[dir="rtl"] .nx-guide-card--bios .nx-guide-card__chev { transform: rotate(180deg); }
@media (min-width: 960px) {
  .nx-guide-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .nx-guide-card--bios { padding: .875rem; }
  .nx-guide-card--bios .nx-guide-card__row { gap: .75rem; }
  .nx-guide-card--bios .nx-guide-card__icon { inline-size: 2.75rem; block-size: 2.75rem; }
  .nx-guide-card--bios .nx-guide-card__code { font-size: .8125rem; }
  .nx-guide-card--bios .nx-guide-card__title { font-size: 1rem; }
  .nx-guide-card--bios .nx-guide-card__desc { font-size: 1rem; }
}
@media (max-width: 600px) {
  .nx-guide-card--bios .nx-guide-card__row { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) .75rem; gap: .75rem; }
  .nx-guide-card--bios .nx-guide-card__icon { grid-column: 1; grid-row: 1; inline-size: 2.75rem; block-size: 2.75rem; }
  .nx-guide-card--bios .nx-guide-card__body { display: contents; }
  .nx-guide-card--bios .nx-guide-card__title { grid-column: 2; grid-row: 1; margin: 0; }
  .nx-guide-card--bios .nx-guide-card__desc { grid-column: 1 / -1; grid-row: 2; }
  .nx-guide-card--bios .nx-guide-card__chev { grid-column: 3; grid-row: 1; margin: .35rem 0 0; }
}
.nx-guide-catalog .nx-guide-hero--index { padding-top: 2rem; padding-bottom: 1.5rem; }
.nx-guide-catalog .nx-h1 { font-size: clamp(2rem, 4vw, 3rem); }
.nx-guide-catalog .nx-lede { font-size: 1.1rem; max-width: 50rem; }
.nx-guide-catalog .nx-guide-body--index { padding-top: 0; }
.nx-guide-catalog .nx-guide-search { max-width: none; margin-bottom: 1rem; }
.nx-guide-catalog .nx-guide-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.25rem; }
.nx-catalog-count { margin-left:.6rem; color:var(--nx-muted); font-size:.8rem; font-variant-numeric:tabular-nums; }
.nx-catalog-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; padding:1rem; border:1px solid var(--nx-border); border-radius:var(--nx-radius); background:var(--nx-surface); }
.nx-catalog-toolbar label { display:grid; gap:.4rem; color:var(--nx-muted); font-size:.85rem; flex:1; min-width:160px; }
.nx-catalog-toolbar select { min-height:44px; width:100%; font:inherit; font-size:1rem; color:var(--nx-text); background:var(--nx-surface-2); border:1px solid var(--nx-border); border-radius:8px; padding:.6rem; }
.nx-catalog-toolbar select:focus-visible { outline:2px solid var(--nx-accent); outline-offset:3px; }
.nx-catalog-toolbar button:disabled { opacity:.45; cursor:default; }
.nx-catalog-status { margin:1.25rem 0; color:var(--nx-muted); font-size:.9rem; }
.nx-catalog-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.nx-catalog-grid .nx-guide-card { padding:1.1rem; }
.nx-catalog-grid .nx-guide-card__row { gap:.8rem; }
.nx-catalog-grid .nx-guide-card__title { font-family:var(--nx-font-body); font-size:1.05rem; line-height:1.45; text-wrap:pretty; }
.nx-catalog-grid .nx-guide-card__desc { font-size:.9rem; margin-top:.5rem; }
.nx-catalog-grid .nx-guide-card__icon { width:2rem; height:2rem; }
.nx-catalog-empty { padding:2rem 1rem; text-align:center; border:1px dashed var(--nx-border); border-radius:var(--nx-radius); }
.nx-catalog-empty h2 { font-size:1.3rem; }
.nx-catalog-empty p { color:var(--nx-muted); margin:1rem 0; }
.nx-catalog-more { display:flex; margin:1.5rem auto; min-width:180px; justify-content:center; }
@media (max-width:640px) {
  .nx-catalog-grid { grid-template-columns:1fr; }
  .nx-catalog-toolbar { gap:.75rem; }
  .nx-catalog-toolbar label { min-width:0; flex-basis:40%; }
  .nx-catalog-toolbar select { font-size:.85rem; }
  .nx-guide-catalog .nx-guide-chips { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
  .nx-guide-catalog .nx-guide-chips > button:first-child { grid-column:1 / -1; }
  .nx-guide-catalog .nx-guide-chips > button { justify-content:space-between; text-align:left; padding:.5rem; }
  .nx-guide-catalog .nx-guide-chip { font-size:.85rem; }
  .nx-guide-catalog .nx-guide-hero--index { padding-top:1.25rem; }
}
.nx-guide-journal .nx-guide-hero--index { padding:2.5rem 0 1.25rem; }
.nx-guide-journal .nx-h1 { font-size:clamp(2.2rem,5vw,3.7rem); }
.nx-guide-journal .nx-lede { font-size:1.12rem; max-width:42rem; }
.nx-guide-journal .nx-guide-body--index { padding-top:0; }
.nx-guide-journal .nx-guide-search { max-width:36rem; margin:0 0 2rem; }
.nx-journal-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.nx-journal-path { display:block; position:relative; overflow:hidden; border-radius:20px; border:1px solid var(--nx-border); background:var(--nx-surface); text-decoration:none; color:var(--nx-text); }
.nx-journal-path--phones { background:radial-gradient(ellipse at 60% 20%,#174351,#101a23 75%); }
.nx-journal-path--bios { background:radial-gradient(ellipse at 60% 20%,#273553,#101a23 75%); }
.nx-journal-path-copy { position:relative; padding:1.2rem 2.2rem 1.3rem 1.3rem; }
.nx-journal-path-copy h2 { font:700 1.2rem/1.4 var(--nx-font-body); margin:0 0 .4rem; }
.nx-journal-path-copy p { color:var(--nx-muted); font-size:.9rem; margin:0; }
.nx-journal-path-copy > span { position:absolute; right:1.2rem; top:1.3rem; color:var(--nx-accent-soft); }
.nx-journal-path:hover { border-color:var(--nx-accent); }
.nx-journal-device-check { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.4rem; margin-top:1.5rem; padding:1.5rem; border:1px solid color-mix(in srgb,var(--nx-accent-soft) 35%,var(--nx-border)); border-radius:20px; background:linear-gradient(120deg,color-mix(in srgb,var(--nx-accent) 12%,var(--nx-surface)),var(--nx-surface)); }
.nx-journal-device-check__icon { display:grid; place-items:center; width:4rem; height:4rem; border:1px solid color-mix(in srgb,var(--nx-accent-soft) 35%,var(--nx-border)); border-radius:18px; background:color-mix(in srgb,var(--nx-accent) 12%,transparent); color:var(--nx-accent-soft); font-size:1.55rem; }
.nx-journal-device-check__copy { min-width:0; }
.nx-journal-device-check__copy .nx-journal-eyebrow { margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.12em; }
.nx-journal-device-check__copy h2 { margin:0 0 .45rem; font:700 clamp(1.3rem,2.5vw,1.75rem)/1.25 var(--nx-font-body); color:var(--nx-text); text-wrap:balance; }
.nx-journal-device-check__copy > p:last-of-type { max-width:44rem; margin:0; color:var(--nx-muted); font-size:.94rem; line-height:1.6; }
.nx-journal-device-check__copy ul { display:flex; flex-wrap:wrap; gap:.45rem 1rem; margin:.8rem 0 0; padding:0; list-style:none; }
.nx-journal-device-check__copy li { display:inline-flex; align-items:center; gap:.4rem; margin:0; color:var(--nx-text); font-size:.82rem; }
.nx-journal-device-check__copy li i { color:var(--nx-accent-soft); }
.nx-journal-device-check > .nx-page-btn { white-space:nowrap; text-decoration:none; }
.nx-journal-device-check > .nx-page-btn i { margin-left:.55rem; }
.nx-journal-feature,.nx-journal-topic { margin-top:3.5rem; scroll-margin-top:100px; }
.nx-journal-section-title { font-size:clamp(1.5rem,2.5vw,2rem); margin:0 0 1.4rem; }
.nx-journal-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.nx-journal-story { display:grid; grid-template-columns:1fr; align-content:center; overflow:hidden; border-radius:18px; background:var(--nx-surface); border:1px solid var(--nx-border); color:var(--nx-text); text-decoration:none; }
.nx-journal-story--lead { grid-template-columns:1fr; }
.nx-journal-story-copy { padding:1.4rem; }
.nx-journal-eyebrow { display:block; font-size:.75rem; color:var(--nx-accent-soft); margin-bottom:.7rem; }
.nx-journal-story h3 { font:700 1.1rem/1.45 var(--nx-font-body); margin:0 0 .75rem; }
.nx-journal-story--lead h3 { font-size:1.1rem; }
.nx-journal-story p { color:var(--nx-muted); font-size:.9rem; line-height:1.65; margin:0 0 1rem; }
.nx-journal-read { font-size:.85rem; color:var(--nx-accent-soft); }
.nx-journal-story:hover { border-color:var(--nx-accent); }
.nx-journal-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; }
.nx-journal-links .nx-guide-card { border:none; border-bottom:1px solid var(--nx-border); border-radius:0; background:transparent; padding:1.25rem 0; }
.nx-journal-links .nx-guide-card__icon { display:none; }
.nx-journal-links .nx-guide-card__title { font:650 1.05rem/1.5 var(--nx-font-body); text-wrap:pretty; }
.nx-journal-links .nx-guide-card__desc { font-size:.9rem; }
.nx-journal-links:has(.nx-guide-card--bios) { gap: .75rem; }
.nx-journal-links .nx-guide-card--bios { border: 1px solid var(--nx-border); border-radius: var(--nx-radius); background: color-mix(in srgb, var(--nx-surface-2) 42%, transparent); padding: 1rem; }
.nx-journal-links .nx-guide-card--bios:hover { border-color: var(--nx-accent); background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface-2)); }
.nx-journal-links .nx-guide-card--bios .nx-guide-card__icon { display: inline-flex; }
.nx-journal-links .nx-guide-card--bios .nx-guide-card__desc { font-size: .9375rem; }
@media (max-width: 480px) { .nx-journal-links .nx-guide-card--bios .nx-guide-card__desc { font-size: 1rem; } }
.nx-journal-more { margin-top:1rem; }
.nx-journal-suffixes { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:.7rem; }
.nx-journal-suffixes a { display:inline-flex; align-items:center; min-height:44px; padding:.5rem 1rem; border:1px solid var(--nx-border); border-radius:10px; color:var(--nx-accent-soft); text-decoration:none; font-weight:650; }
.nx-journal-suffixes a:hover { border-color:var(--nx-accent); }
.nx-journal-suffixes a:focus-visible { outline:2px solid var(--nx-accent); outline-offset:3px; }
.nx-journal-more summary { cursor:pointer; color:var(--nx-accent-soft); padding:.8rem 0; min-height:44px; width:fit-content; font-size:.95rem; }
.nx-journal-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nx-journal-back { background:none; border:0; color:var(--nx-accent-soft); font:inherit; cursor:pointer; padding:.75rem 0; }
.nx-journal-path:focus-visible,.nx-journal-story:focus-visible,.nx-journal-more summary:focus-visible,.nx-journal-back:focus-visible { outline:2px solid var(--nx-accent); outline-offset:4px; }
@media(max-width:900px) {
  .nx-journal-feature-grid { grid-template-columns:1fr 1fr; }
  .nx-journal-story { grid-template-columns:1fr; }
  .nx-journal-story--lead { grid-row:auto; grid-column:1 / -1; grid-template-columns:1fr; }
}
@media(max-width:600px) {
  .nx-guide-journal .nx-guide-hero--index { padding-top:1.25rem; }
  .nx-guide-journal .nx-guide-search { margin-bottom:1.25rem; }
  .nx-journal-paths { grid-template-columns:1fr; gap:.75rem; }
  .nx-journal-path { display:block; border-radius:14px; }
  .nx-journal-path-copy { padding:1rem 1.8rem 1rem 1rem; }
  .nx-journal-path-copy h2 { font-size:1.05rem; }
  .nx-journal-path-copy p { font-size:.8rem; }
  .nx-journal-path-copy > span { right:.7rem; }
  .nx-journal-device-check { grid-template-columns:3rem minmax(0,1fr); gap:1rem; padding:1rem; border-radius:16px; }
  .nx-journal-device-check__icon { width:3rem; height:3rem; border-radius:14px; font-size:1.2rem; align-self:start; }
  .nx-journal-device-check__copy ul { gap:.4rem .8rem; }
  .nx-journal-device-check > .nx-page-btn { grid-column:1 / -1; width:100%; justify-content:center; }
  .nx-journal-feature-grid,.nx-journal-links { grid-template-columns:1fr; }
  .nx-journal-story--lead { grid-column:auto; grid-template-columns:1fr; }
  .nx-journal-story-copy { padding:1rem; }
  .nx-journal-story h3 { font-size:1.05rem; }
  .nx-journal-story--lead h3 { font-size:1.25rem; }
  .nx-journal-feature,.nx-journal-topic { margin-top:2.5rem; }
  .nx-journal-heading { flex-wrap:wrap; }
}
.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: var(--nx-fs-body);
  line-height: var(--nx-lh-body);
}
.nx-guide-next__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--nx-space-3);
  margin-top: 1rem;
}
.nx-guide-next__actions--single { grid-template-columns: minmax(0, 1fr); }
.nx-prose .nx-guide-next > .nx-guide-next__draft { margin-top: .75rem; color: var(--nx-muted); font-size: .875rem; }
.nx-prose .nx-guide-next > .nx-guide-next__location { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--nx-border); color: var(--nx-muted); }
.nx-prose .nx-apple-guide-help {
  display: grid; gap: .75rem; margin: 1.25rem 0; padding: 1rem;
  border-left: 3px solid var(--nx-accent-soft); background: var(--nx-surface);
  border-radius: 0 var(--nx-radius) var(--nx-radius) 0;
}
.nx-prose .nx-apple-guide-help strong { font-size: 1rem; line-height: 1.5; }
.nx-prose .nx-apple-guide-help .nx-page-btn { min-height: 48px; padding: .75rem 1rem; white-space: normal; text-align: center; text-decoration: none; line-height: 1.4; }
.nx-prose .nx-apple-guide-help p { margin: 0; color: var(--nx-muted); font-size: .875rem; line-height: 1.5; }
.nx-prose .nx-apple-guide-contents { margin: 1rem 0 1.75rem; border-block: 1px solid var(--nx-border); }
.nx-apple-guide-contents summary { min-height: 48px; padding: .75rem .25rem; cursor: pointer; color: var(--nx-accent-soft); font-weight: 600; }
.nx-prose .nx-apple-guide-contents ul { margin: 0 0 .75rem; padding-left: 1.25rem; }
.nx-prose .nx-apple-guide-contents li { margin: 0; }
.nx-apple-guide-contents a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 0; line-height: 1.5; }
.nx-apple-guide-contents :focus-visible, .nx-apple-guide-help a:focus-visible { outline: 3px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-prose .nx-guide-next__actions > a {
  min-width: 0;
  min-height: 48px;
  padding: .75rem .875rem;
  margin: 0;
  font-size: var(--nx-fs-body);
  line-height: 1.5;
  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-inline-start: var(--nx-space-5);
  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: start;
  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-anchor { scroll-margin-top: 7rem; }
.nx-guide-toc {
  margin: var(--nx-space-5) 0;
  padding: var(--nx-space-4);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius-md, 12px);
  background: var(--nx-surface);
}
.nx-guide-toc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.5rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
}
.nx-guide-toc li { margin: 0; }
.nx-guide-toc a { display: inline-flex; align-items: center; min-height: 44px; }
.nx-prose-table.nx-model-table { font-size: 1rem; table-layout: auto; }
.nx-prose-table.nx-model-table--models { table-layout: fixed; }
.nx-model-table--models th:first-child { width: 32%; }
.nx-model-table--models th:last-child { width: 68%; }
.nx-model-table--suffixes th:first-child { width: 28%; min-width: 6rem; }
.nx-model-table td { overflow-wrap: normal; }
.nx-model-table--models td:last-child { white-space: normal; font-variant-numeric: tabular-nums; }
.nx-model-table--suffixes td:first-child a { display: inline-block; padding: 0.25rem 0; }
.nx-prose-table.nx-model-table--suffixes { table-layout: fixed; }
.nx-prose .nx-model-family-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: .5rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nx-prose .nx-model-family-grid li {
  margin: 0;
  min-width: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .nx-prose-table.nx-model-table { font-size: 0.9375rem; }
  .nx-prose-table.nx-model-table th, .nx-prose-table.nx-model-table td {
    padding: 0.75rem 0.5rem;
    overflow-wrap: normal;
    hyphens: none;
  }
  .nx-model-table--suffixes thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .nx-prose-table.nx-model-table--suffixes,
  .nx-model-table--suffixes tbody { display: block; }
  .nx-model-table--suffixes tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border: 1px solid var(--nx-border);
    border-radius: var(--nx-radius-sm);
    margin-block-end: .75rem;
  }
  .nx-prose-table.nx-model-table--suffixes td { display: block; border: 0; }
  .nx-prose-table.nx-model-table--suffixes td:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    padding-block: .5rem;
    border-block-end: 1px solid var(--nx-border);
    font-variant-numeric: tabular-nums;
  }
  .nx-model-table--suffixes td:first-child br { display: none; }
  .nx-prose .nx-model-table--suffixes .nx-model-family-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
    gap: .5rem .75rem;
  }
}
.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-guidance { border-top: 1px solid var(--nx-border); padding-top: clamp(1.5rem, 4vw, 2.5rem); }
.nx-bios-section[aria-labelledby^="nx-bios-help-"] { border-top: 1px solid var(--nx-border); padding-top: 1.5rem; }
.nx-bios-section[id], .nx-bios-section h2[id], .nx-bios-checker__title[id] { scroll-margin-top: 6rem; }
.nx-bios-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nx-space-5);
  margin: 0 0 2rem;
  /* The page provides the gutter; do not nest the checker in another card. */
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.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-info-text);
  font-size: 1rem;
  font-weight: 500;
  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; }
.nx-bios-check-progress { display: block; flex-basis: 100%; color: var(--muted, #94a3b8); font-size: 14px; line-height: 1.5; }
.nx-bios-check-progress:empty { display: none; }
.nx-bios-question { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 16px; margin-top: 16px; border: 1px solid #4ade80; border-radius: 12px; color: #bbf7d0; background: #14532d33; font-size: 16px; line-height: 1.5; text-align: center; text-decoration: none; }
.nx-bios-question:hover { background: #14532d66; color: #dcfce7; }
.nx-bios-question:focus-visible { outline: 3px solid #70b8ff; outline-offset: 3px; }
@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-email-error p { margin: 0; }
.nx-bios-email-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 10px;
  padding: 8px 12px;
  border: 1px solid #4ade80;
  border-radius: 9px;
  background: color-mix(in srgb, #14532d 34%, transparent);
  color: #bbf7d0;
  font-weight: 700;
  text-decoration: none;
}
.nx-bios-email-help:hover { background: color-mix(in srgb, #14532d 58%, transparent); color: #dcfce7; }
.nx-bios-email-help:focus-visible { outline: 2px solid #70b8ff; outline-offset: 3px; }
.nx-bios-code-review {
  display: grid;
  gap: 10px;
  margin: var(--nx-space-3) 0 0;
  padding: 14px;
  border: 1px solid color-mix(in srgb, #f59e0b 62%, var(--nx-border));
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, #f59e0b 11%, var(--nx-surface));
  color: var(--nx-text);
  overflow-wrap: anywhere;
}
.nx-bios-step > .nx-bios-code-review { margin-top: 0; }
.nx-bios-code-review:focus-visible { outline: 2px solid #fbbf24; outline-offset: 3px; }
.nx-bios-code-review__heading { display: flex; align-items: center; gap: 9px; color: color-mix(in srgb, #fbbf24 88%, var(--nx-text)); }
.nx-bios-code-review__heading h3 { margin: 0; font-size: 1rem; font-weight: 750; line-height: 1.3; }
.nx-bios-code-review__icon { flex: 0 0 22px; }
.nx-bios-code-review__body { margin: 0; color: var(--nx-text); font-size: var(--nx-fs-small); line-height: 1.5; }
.nx-bios-code-review__code { display: grid; gap: 3px; margin: 0; color: var(--nx-muted); font-size: var(--nx-fs-caption); line-height: 1.4; }
.nx-bios-code-review__code strong {
  color: var(--nx-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
  text-align: start;
}
.nx-bios-code-review__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.nx-bios-code-review__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid color-mix(in srgb, #f59e0b 58%, var(--nx-border));
  border-radius: 9px;
  font: inherit;
  font-size: var(--nx-fs-small);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
}
.nx-bios-code-review__edit { background: transparent; color: var(--nx-text); }
.nx-bios-code-review__confirm { background: color-mix(in srgb, #f59e0b 24%, var(--nx-surface)); color: var(--nx-text); }
.nx-bios-code-review__actions button:hover { border-color: #fbbf24; background: color-mix(in srgb, #f59e0b 31%, var(--nx-surface)); }
.nx-bios-code-review__actions button:active { background: color-mix(in srgb, #f59e0b 38%, var(--nx-surface)); }
.nx-bios-code-review__actions button:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
@media (max-width: 479px) {
  .nx-bios-code-review__actions { flex-direction: column; }
  .nx-bios-code-review__actions button { width: 100%; }
}
.nx-bios-check-result {
  display: grid;
  gap: var(--nx-space-4);
  margin-top: var(--nx-space-4);
  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: 6rem;
  animation: nxBiosResultIn 240ms ease-out both;
  outline: none;
}
@keyframes nxBiosResultIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.nx-bios-check-result > * { min-width: 0; margin-block: 0; }
.nx-bios-check-result > .nx-bios-methods { gap: var(--nx-space-4); }
.nx-bios-check-result__included { display: grid; gap: var(--nx-space-2); font-size: .9375rem; line-height: 1.5; }
.nx-bios-check-result__included p { margin: 0; color: var(--nx-text); }
.nx-bios-check-result__included small { font-size: .8125rem; color: var(--nx-muted); }
.nx-bios-check-result__details { display: flex; align-items: center; flex-wrap: wrap; gap: var(--nx-space-3); padding-block: var(--nx-space-3); border-block: 1px solid var(--nx-border); }
.nx-bios-check-result__contacts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--nx-space-3); flex: 1 1 320px; min-width: 0; margin: 0; }
.nx-bios-check-result__contacts > div { min-width: 0; }
.nx-bios-check-result__contacts dt { color: var(--nx-muted); font-size: .875rem; }
.nx-bios-check-result__contacts dd { margin: 4px 0 0; color: var(--nx-text); overflow-wrap: anywhere; font-size: 1rem; }
.nx-bios-check-result__details .nx-bios-check-result__edit { min-height: 44px; margin: 0; padding: 8px 12px; }
@media (max-width: 480px) {
  .nx-bios-check-result__contacts { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .nx-bios-check-result__contacts > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 12px; align-items: baseline; }
  .nx-bios-check-result__contacts dd { margin: 0; }
  .nx-bios-check-result__details .nx-bios-check-result__edit { margin-inline-start: auto; }
}
.nx-bios-check-result > .nx-bios-local-price { margin: 0; gap: var(--nx-space-2); font-size: .875rem; line-height: 1.5; }
.nx-bios-check-result > :is(.nx-bios-promo, .nx-bios-question, .nx-bios-fx-source) { margin-block: 0; }
.nx-bios-check-result > .nx-bios-check-result__edit {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  .nx-bios-check-result { animation: none; }
}
.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__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding-bottom: 16px; border-bottom: 1px solid var(--nx-border); }
.nx-bios-check-result__header .nx-bios-check-result__status { min-width: 0; }
.nx-bios-check-result__header .nx-bios-check-result__lead { overflow-wrap: anywhere; }
.nx-bios-check-result__header .nx-bios-check-result__price { flex: 0 0 auto; display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 4px 8px; margin: 0; padding: 0; border: 0; text-align: right; }
.nx-bios-check-result__price small { grid-column: 1 / -1; font-size: 13px; line-height: 1.5; color: var(--nx-muted); }
.nx-bios-delivery-promise { margin: 12px 0 0; color: #a7edc7; font-size: 15px; font-weight: 500; line-height: 1.5; overflow-wrap: break-word; }
.nx-bios-method__label { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.nx-bios-method__label small { font-size: 12px; line-height: 1.3; font-weight: 500; }
@media (max-width: 480px) {
  .nx-bios-check-result__header { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
  .nx-bios-check-result__header .nx-bios-check-result__price { width: 100%; display: flex; flex-wrap: wrap; margin: 0; gap: 8px; text-align: left; }
  .nx-bios-check-result__header .nx-bios-check-result__price small { margin-inline-start: auto; text-align: right; }
}
.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-promo {
  display: grid;
  gap: 10px;
  margin: 0 0 var(--nx-space-4);
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--nx-accent-soft) 38%, var(--nx-border));
  border-radius: var(--nx-radius-sm);
  background: color-mix(in srgb, var(--nx-accent) 7%, var(--nx-surface));
}
.nx-bios-promo__title { margin: 0; color: var(--nx-text); font-size: 1rem; font-weight: 750; line-height: 1.35; }
.nx-bios-checker__campaign { margin: 10px 0 0; padding: 10px 12px; border-inline-start: 3px solid var(--nx-accent-soft); border-radius: 6px; background: color-mix(in srgb, var(--nx-accent) 8%, var(--nx-surface)); color: var(--nx-text); font-size: .875rem; line-height: 1.5; }
.nx-bios-promo__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.nx-bios-promo__form .nx-bios-field { min-width: 0; min-height: 46px; text-transform: uppercase; letter-spacing: .04em; }
.nx-bios-promo__apply,
.nx-bios-promo__remove {
  min-height: 46px;
  border: 1px solid var(--nx-border-strong);
  border-radius: 10px;
  background: var(--nx-elevated);
  color: var(--nx-text);
  padding: 10px 16px;
  font: 700 .875rem/1.2 var(--nx-font-body);
  cursor: pointer;
}
.nx-bios-promo__apply:hover:not(:disabled), .nx-bios-promo__remove:hover:not(:disabled) { border-color: var(--nx-accent-soft); }
.nx-bios-promo__apply:disabled, .nx-bios-promo__remove:disabled { cursor: not-allowed; opacity: .58; }
.nx-bios-promo__hint, .nx-bios-promo__error, .nx-bios-promo__expiry, .nx-bios-promo__scope { margin: 0; font-size: .8125rem; line-height: 1.5; }
.nx-bios-promo__hint, .nx-bios-promo__expiry { color: var(--nx-muted); }
.nx-bios-promo__scope { color: var(--nx-text); font-size: 1rem; }
.nx-bios-promo__error { color: #fca5a5; }
.nx-bios-promo__applied { display: grid; gap: 10px; }
.nx-bios-promo__badge { display: flex; align-items: center; gap: 8px; margin: 0; color: #86efac; font-size: .875rem; font-weight: 750; }
.nx-bios-promo__badge > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: color-mix(in srgb, #22c55e 18%, transparent); }
.nx-bios-promo__totals { display: grid; gap: 7px; margin: 0; }
.nx-bios-promo__totals > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.nx-bios-promo__totals dt, .nx-bios-promo__totals dd { margin: 0; }
.nx-bios-promo__totals dt { color: var(--nx-muted); font-size: .8125rem; }
.nx-bios-promo__totals dd { flex-shrink: 0; color: var(--nx-text); font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nx-bios-promo__totals > .is-regular dd { color: var(--nx-muted); font-weight: 500; }
.nx-bios-promo__totals del { text-decoration-thickness: 1px; }
.nx-bios-promo__totals > .is-total { padding-top: 8px; border-top: 1px solid var(--nx-border); }
.nx-bios-promo__totals > .is-total dt, .nx-bios-promo__totals > .is-total dd { color: var(--nx-text); font-size: 1rem; font-weight: 800; }
.nx-bios-promo__totals > .is-total dd { font-size: 1.5rem; line-height: 1.2; }
.nx-bios-promo__remove { justify-self: start; min-height: 44px; padding-inline: 12px; background: transparent; color: var(--nx-accent-soft); }
@media (max-width: 480px) {
  .nx-bios-promo__form { grid-template-columns: 1fr; }
  .nx-bios-promo__apply { width: 100%; }
}
.nx-bios-check-result__methods-title { margin: 0 0 var(--nx-space-2); }
.nx-bios-local-price {
  display: grid;
  gap: 0.25rem;
  margin: -0.25rem 0 1rem;
  color: var(--nx-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}
.nx-bios-local-price__amount {
  color: var(--nx-text);
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}
.nx-bios-local-price__note { margin: 0; max-width: 72ch; }
.nx-bios-local-price.is-compact {
  margin: 0.35rem 0 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--nx-border);
}
.nx-bios-local-price.is-compact .nx-bios-local-price__amount { font-size: 0.82rem; }
.nx-bios-fx-source {
  flex-basis: 100%;
  margin: 0.75rem 0 0;
  color: var(--nx-muted);
  font-size: 0.75rem;
  line-height: 1.5;
  opacity: 0.76;
}
.nx-bios-fx-source a { color: inherit; text-underline-offset: 3px; }
.nx-bios-fx-source a:hover { color: var(--nx-accent-soft); opacity: 1; }
.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-soft, #70b8ff);
  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-owner--combined {
  margin-bottom: var(--nx-space-2);
}
.nx-bios-owner__content {
  min-width: 0;
}
.nx-bios-owner__note {
  display: block;
  margin-top: .35rem;
  color: var(--nx-muted);
  font-size: .88em;
  line-height: 1.45;
}
.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: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto;
  background: transparent;
  border: 0;
}
.nx-bios-step__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  aspect-ratio: 1;
  max-width: 160px;
  margin: 0 auto;
}
.nx-bios-step__image--pdf {
  clip-path: inset(3.7% 9.1% 1.2% 9.5% round 12px);
  filter: drop-shadow(0 8px 14px rgb(0 0 0 / 28%));
}
.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: var(--nx-space-5) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.nx-bios-step-card {
  padding: 1rem;
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
  min-width: 0;
}
.nx-bios-step__body {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
  gap: .75rem;
  align-items: center;
}
@media (min-width: 768px) {
  .nx-bios-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nx-space-5); }
  .nx-bios-step__body { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .nx-bios-step__media { width: min(100%, 208px); max-width: 208px; }
  .nx-bios-step__t { min-height: 3.25rem; }
}
.nx-bios-step__t {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  color: var(--nx-accent-soft);
  font-family: var(--nx-font-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 .75rem;
}
.nx-bios-step__number {
  flex: 0 0 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--nx-surface-2);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.nx-bios-step__d {
  min-width: 0;
  color: var(--nx-muted);
  font-size: 1rem;
  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(var(--bios-viewport-height, 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(var(--bios-viewport-height, 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; }
@media (max-width: 480px) {
  .nx-bios-modal .nx-bios-modal__actions { align-items: stretch; grid-template-columns: minmax(76px, .7fr) minmax(0, 1.7fr); }
  .nx-bios-modal .nx-bios-modal__actions > button { min-height: 48px; height: auto; }
}
.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: var(--bios-viewport-height, 100dvh);
    height: var(--bios-viewport-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-payment-help {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 16px;
  margin-block: 12px;
  border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius);
  background: var(--nx-surface);
  color: var(--nx-text);
  font-family: var(--nx-font-body);
  line-height: 1.5;
}
.nx-bios-payment-help__title { margin: 0; font-size: 1rem; font-weight: 700; }
.nx-bios-payment-help__body { margin: 0; font-size: .875rem; color: var(--nx-muted); }
.nx-bios-payment-help__link {
  width: 100%;
  max-width: 24rem;
  min-height: 48px;
  margin-top: 4px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  cursor: pointer;
}
.nx-bios-payment-help__link > i { flex: none; }
.nx-bios-payment-help__link:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-payment-question {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  margin: 0;
  color: var(--nx-muted);
  font-size: .875rem;
  line-height: 1.5;
  text-align: center;
}
.nx-bios-payment-question__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 4px;
  color: var(--nx-accent-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: normal;
}
.nx-bios-payment-question__link:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; border-radius: 4px; }
.nx-bios-card-fields__grid > .nx-bios-payment-help { grid-column: 1 / -1; }
.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(var(--nx-space-4), env(safe-area-inset-right, 0px));
    padding-left: max(var(--nx-space-4), env(safe-area-inset-left, 0px));
  }
  .nx-bios-hero {
    gap: var(--nx-space-4);
    margin-bottom: 1.5rem;
  }
  .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: var(--nx-fs-h1);
    line-height: var(--nx-lh-display);
  }
  .nx-bios-hero .nx-bios-lead {
    margin-bottom: var(--nx-space-3);
    font-size: var(--nx-fs-body);
    line-height: var(--nx-lh-body);
  }
  .nx-bios-checker {
    padding: var(--nx-space-4);
  }
  .nx-bios-checker__head {
    margin-bottom: var(--nx-space-3);
  }
  .nx-bios-checker__title {
    font-size: var(--nx-fs-h3);
  }
  .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: var(--nx-space-4);
  }
  body.nx-page .nx-bios-hero__eyebrow {
    margin-bottom: 0.42rem;
  }
  body.nx-page .nx-bios-hero h1.nx-h1 {
    margin-bottom: var(--nx-space-2);
    /* Keep long translated service titles compact without shrinking body text. */
    font-size: clamp(1.5rem, 6vw, var(--nx-fs-h1));
    line-height: var(--nx-lh-display);
  }
  body.nx-page .nx-bios-hero .nx-bios-hero__promise { margin-bottom: var(--nx-space-2); }
  body.nx-page .nx-bios-hero .nx-bios-lead {
    margin-bottom: var(--nx-space-3);
    font-size: var(--nx-fs-body);
    line-height: var(--nx-lh-body);
  }
  body.nx-page .nx-bios-checker {
    padding: var(--nx-space-4);
  }
  body.nx-page .nx-bios-checker__head {
    margin-bottom: var(--nx-space-3);
  }
  body.nx-page .nx-bios-checker__title {
    font-size: var(--nx-fs-h3);
  }
  body.nx-page .nx-bios-checker__lead {
    font-size: 1rem;
    line-height: 1.5;
  }
  body.nx-page .nx-bios-checker__input,
  body.nx-page .nx-bios-checker__submit {
    min-height: var(--nx-touch);
  }
  body.nx-page .nx-bios-checker__hint {
    margin-top: var(--nx-space-2);
    font-size: 0.875rem;
    line-height: 1.45;
  }
  body.nx-page .nx-bios-checker__help {
    margin-top: var(--nx-space-2);
  }
  body.nx-page .nx-bios-checker__help summary {
    min-height: var(--nx-touch);
    padding-top: var(--nx-space-2);
  }
  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: 6rem;
  }
  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__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-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-hero .nx-bios-checker__lead,
body.nx-page .nx-bios .nx-faq-item summary { font-size: 1rem; line-height: 1.5; }
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: var(--nx-fs-body);
  line-height: 1.5;
}
body.nx-page .nx-bios .nx-bios-help .nx-faq-item__a {
  margin: 0;
  padding: 0 0 1rem;
  font-size: var(--nx-fs-body);
  line-height: var(--nx-lh-body);
}
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 (max-width: 767px) {
  body.nx-page .nx-bios .nx-bios-help > .nx-h2 {
    margin-bottom: var(--nx-space-4);
    font-size: var(--nx-fs-h2);
    line-height: var(--nx-lh-display);
  }
  body.nx-page .nx-bios .nx-bios-help .nx-faq { gap: .5rem; }
  body.nx-page .nx-bios .nx-bios-help .nx-faq-item { padding: 0 var(--nx-space-4); }
  body.nx-page .nx-bios .nx-bios-help .nx-faq-item summary {
    min-height: 52px;
    padding: var(--nx-space-3) 0;
    font-size: var(--nx-fs-body);
    line-height: 1.5;
  }
  body.nx-page .nx-bios .nx-bios-help .nx-faq-item__a {
    padding-bottom: var(--nx-space-4);
    font-size: var(--nx-fs-body);
    line-height: var(--nx-lh-body);
  }
}
@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-segmented-input { position: relative; width: 100%; min-width: 0; min-height: 52px; }
.nx-bios-segmented-input__cells { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 5px; min-height: 52px; pointer-events: none; }
.nx-bios-segmented-input__cell { display: flex; align-items: center; justify-content: center; min-width: 0; border: 1px solid var(--nx-border-control); border-radius: 9px; background: var(--nx-surface); color: var(--nx-muted); font-size: clamp(16px,4.2vw,20px); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; transition: border-color .15s,background-color .15s,color .15s; }
.nx-bios-segmented-input__cell.is-filled { color: var(--nx-text); background: color-mix(in srgb,var(--nx-accent-soft) 7%,var(--nx-surface)); }
.nx-bios-segmented-input:focus-within .nx-bios-segmented-input__cell { border-color: color-mix(in srgb,var(--nx-accent-soft) 56%,var(--nx-border)); }
.nx-bios-segmented-input:focus-within .nx-bios-segmented-input__cell.is-current { border-color: var(--nx-accent-soft); box-shadow: 0 0 0 2px color-mix(in srgb,var(--nx-accent-soft) 24%,transparent); }
.nx-bios-segmented-input.is-complete .nx-bios-segmented-input__cell { border-color: color-mix(in srgb,var(--nx-accent-soft) 38%,var(--nx-border)); }
.nx-bios-segmented-input > .nx-bios-segmented-input__control { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; min-height: 52px; margin: 0; padding: 0; border: 0; border-radius: 12px; background: transparent; color: transparent; caret-color: transparent; opacity: .02; font-size: 16px; letter-spacing: .35em; cursor: text; }
.nx-bios-segmented-input > .nx-bios-segmented-input__control:focus { outline: none; box-shadow: none; }
.nx-bios-code-drum.is-invalid .nx-bios-segmented-input__cell { border-color: #f87171; }
.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__native { display: none; }
/* Keep vertical swipes for the page, not an inline wheel, on touch screens. */
@media (any-pointer: coarse), (max-width: 600px) {
  body.nx-page .nx-bios-code-drum__window { display: none; }
  body.nx-page .nx-bios-code-drum__native {
    display: block; align-self: center; width: 100%; min-width: 0; min-height: 52px;
    box-sizing: border-box; margin: 0; padding: 10px 8px;
    border: 1px solid var(--nx-border-control); border-radius: 9px;
    background-color: var(--nx-surface); color: var(--nx-accent-soft); color-scheme: dark;
    font-family: var(--nx-font-body); font-size: 18px; font-weight: 700;
    line-height: 1.5; font-variant-numeric: tabular-nums; touch-action: manipulation;
    appearance: auto;
  }
  body.nx-page .nx-bios-code-drum__native:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; }
  body.nx-page .nx-bios-code-drum__native:disabled { opacity: .6; }
  body.nx-page .nx-bios-code-drum.is-invalid .nx-bios-code-drum__native { border-color: #f87171; }
}
.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 color-mix(in srgb,var(--nx-accent-soft) 45%,transparent); border-radius: 8px; background: color-mix(in srgb,var(--nx-accent-soft) 9%,transparent); 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__track { display:block; position:relative; width:8px; height:60px; border-radius:4px; background:repeating-linear-gradient(to bottom, rgba(148,163,184,.4) 0 2px, transparent 2px 6px); }
.nx-bios-code-drum__thumb { display:block; width:8px; height:18px; border-radius:4px; background:var(--nx-accent-soft); will-change:transform; }
.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: var(--nx-space-2); }
.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__contacts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px; }
}
.nx-bios-checker__contacts > div { min-width: 0; }
@media (max-width: 420px) { .nx-bios-code-drum { gap: 5px; padding: 8px; } .nx-bios-code-drum__picker { width: 96px; flex-basis: 96px; } .nx-bios-segmented-input__cells { gap: 3px; } .nx-bios-segmented-input__cell { border-radius: 7px; font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .nx-bios-code-drum__option,.nx-bios-segmented-input__cell { 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); }
/* Two quiet reading accents: privacy reassurance and the free-check step.
   Existing words carry the meaning; neither line becomes a badge or a link. */
.nx-bios-hero__promise { margin: -.25rem 0 1rem; color: var(--nx-trust-text); font-size: .9375rem; font-weight: 600; line-height: 1.5; }
.nx-bios-code-help { border-bottom: 1px solid var(--nx-border); margin-block: .25rem; }
.nx-bios-code-help summary { display: list-item; min-height: 44px; padding-block: .65rem; color: var(--nx-accent-soft); cursor: pointer; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.nx-bios-code-help summary:focus-visible, .nx-bios-code-help a:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; border-radius: 4px; }
.nx-bios-code-help__body { padding-bottom: .75rem; color: var(--nx-text); font-size: 1rem; line-height: 1.6; }
.nx-bios-code-help__body p { margin: 0 0 .75rem; }
.nx-bios-code-help__body a { display: inline-flex; align-items: center; min-height: 44px; color: var(--nx-accent-soft); text-underline-offset: .2em; }
.nx-bios-code-help__example { font-variant-numeric: tabular-nums; }
@supports (grid-template-rows: subgrid) {
  body.nx-page .nx-bios-checker .nx-bios-code-drum { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(5.5rem, .64fr); grid-template-rows: auto auto; gap: 6px; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__prefix,
  body.nx-page .nx-bios-checker .nx-bios-code-drum__picker { display: grid; grid-template-rows: subgrid; grid-row: 1 / 3; width: auto; min-width: 0; padding-top: 0; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__prefix { grid-column: 1; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__picker { grid-column: 3; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__prefix label,
  body.nx-page .nx-bios-checker .nx-bios-code-drum__label { position: static; min-height: 0; margin-bottom: 0; }
  body.nx-page .nx-bios-checker .nx-bios-segmented-input { align-self: center; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__dash { grid-column: 2; grid-row: 2; padding-top: 0; }
  body.nx-page .nx-bios-checker .nx-bios-field-prompt { grid-column: 1 / -1; }
}
.nx-bios-payment-choices { margin-top: 1.25rem; }
.nx-bios-payment-choices__title { margin: 0 0 .75rem; font-size: 1rem; }
.nx-bios-methods { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: var(--nx-space-3); }
.nx-bios-method { min-height: 52px; padding: var(--nx-space-3) var(--nx-space-2); border: 2px solid var(--nx-border-control); border-radius: var(--nx-radius); background: var(--nx-elevated); color: var(--nx-text); font: inherit; font-weight: 700; cursor: pointer; }
.nx-bios-method--stripe { color: #fff; background: #635bff; border-color: #635bff; }
.nx-bios-method--paypal { color: #003087; background: #ffc439; border-color: #ffc439; }
.nx-bios-method--card { color: var(--nx-on-accent); background: var(--nx-brand); border-color: var(--nx-brand); }
.nx-bios-method { display: inline-flex; align-items: center; justify-content: center; gap: var(--nx-space-2); }
.nx-bios-method svg { flex-shrink: 0; }
.nx-bios-method[aria-pressed="true"] { outline: 2px solid #70b8ff; outline-offset: 3px; }
/* A hover ring preserves provider/text contrast; brightening Stripe did not. */
.nx-bios-method:hover:not(:disabled) { box-shadow: inset 0 0 0 2px rgb(6 10 18 / 35%); }
.nx-bios-method:focus-visible { outline: 3px solid #70b8ff; outline-offset: 3px; }
.nx-bios-method:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 480px) {
  .nx-bios-methods { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--nx-space-3); }
  .nx-bios-method--card { grid-column: 1 / -1; }
  .nx-bios-method { font-size: 1rem; line-height: 1.3; min-height: 52px; }
}
.nx-bios-method-panel,.nx-bios-card-fields,.nx-bios-payment-choice { margin-top: 1rem; }
.nx-bios-card-fields__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--nx-space-4); }
.nx-bios-card-fields__grid[hidden] { display: none; }
.nx-bios-card-field--name,.nx-bios-card-field--number,.nx-bios-card-fields__secure,.nx-bios-card-fields__grid > button,.nx-bios-card-fields__grid > .nx-bios-err { grid-column: 1 / -1; }
.nx-bios-card-field { min-width: 0; display: flex; flex-direction: column; gap: var(--nx-space-2); font-size: var(--nx-fs-small); line-height: 1.5; }
.nx-bios-card-field > span { display: block; font-size: inherit; }
.nx-bios-card-field .nx-bios-field { margin: 0; height: 50px; min-height: 50px; padding: var(--nx-space-3); border-radius: var(--nx-radius); font-size: var(--nx-fs-body); }
/* 50px host matches the provider's 48px field plus our two 1px borders. */
.nx-bios-card-field__host { height: 50px; box-sizing: border-box; overflow: hidden; border: 1px solid var(--nx-border-control); border-radius: var(--nx-radius); background: var(--nx-surface); padding: 0; }
.nx-bios-card-field__host:focus-within,.nx-bios-card-field__host.is-focused { outline: 3px solid #70b8ff; outline-offset: 2px; }
.nx-bios-card-field__host.is-invalid { border-color: #fca5a5; }
.nx-bios-card-error { color: #fca5a5; }
.nx-bios-card-errors { grid-column: 1 / -1; border: 1px solid #fca5a5; border-radius: var(--nx-radius); padding: var(--nx-space-4); color: #fecaca; }
.nx-bios-card-errors:focus { outline: 3px solid #70b8ff; outline-offset: 2px; }
.nx-bios-card-errors p,.nx-bios-card-errors ul { margin: 0; }
.nx-bios-card-errors ul { padding-inline-start: 20px; margin-top: var(--nx-space-2); }
.nx-bios-card-errors button { color: inherit; background: none; border: 0; text-align: start; padding: 6px 0; text-decoration: underline; cursor: pointer; min-height: 32px; }
.nx-bios-card-errors button:focus-visible { outline: 2px solid #70b8ff; outline-offset: 2px; }
.nx-bios-return-actions { display: flex; flex-wrap: wrap; gap: var(--nx-space-3); margin-top: var(--nx-space-4); }
@media (max-width: 480px) {
  .nx-bios-card-field--address_line_1,.nx-bios-card-field--admin_area_2 { grid-column: 1 / -1; }
  .nx-bios-return-actions > button { width: 100%; }
}
.nx-bios-card-field__host > div { height: 100%; }
.nx-bios-card-field__host iframe { display: block; width: 100%; height: 100%; border: 0; }
.nx-bios-card-fields__secure { color: var(--nx-muted); font-size: var(--nx-fs-small); line-height: 1.5; margin: 0; }
.nx-bios-card-fields__test { padding: 10px 12px; margin: 0 0 16px; border: 1px solid #eab308; border-radius: 8px; color: #fde68a; font-size: 14px; }
.nx-guide-body--index { padding-top: 1.25rem; }
/* BIOS purchase system: one shared hierarchy from code check to receipt.
   Keep provider-owned frames natural-height; these rules style our shell only. */
:is(.nx-bios, .nx-bios-modal, .nx-bios-launch-modal) {
  --bios-radius: var(--nx-radius-card);
  --bios-control-radius: var(--nx-radius);
  --bios-gap: var(--nx-space-5);
  --bios-secondary: var(--nx-muted);
}
.nx-bios-modal.paypal-modal .nx-bios-modal__panel {
  width: min(100%, 680px);
  border-radius: 24px;
  background: var(--nx-surface);
  border: 1px solid var(--nx-border-strong);
}
.nx-bios-modal.paypal-modal .nx-bios-modal__head {
  padding: var(--nx-space-6) var(--nx-space-6) var(--nx-space-5);
  gap: 16px;
  background: var(--nx-surface);
}
.nx-bios-product-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0;
  font: 600 12px/1.5 var(--nx-font-body);
  letter-spacing: .08em;
  color: var(--nx-accent-soft);
}
.nx-bios-product-label__logo {
  display: block;
  width: 120px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.nx-bios-product-label span { padding-inline-start: 12px; border-inline-start: 1px solid var(--nx-border); color: var(--bios-secondary); }
.nx-bios-modal.paypal-modal .nx-bios-modal__head-row { align-items: center; }
.nx-bios-modal.paypal-modal .nx-bios-modal__title {
  font: 700 clamp(1.25rem, 3vw, 1.5rem)/1.3 var(--nx-font-body);
  letter-spacing: -.02em;
  text-wrap: pretty;
}
.nx-bios-modal.paypal-modal .nx-bios-modal__close { border-radius: var(--bios-control-radius); }
.nx-bios-modal.paypal-modal .nx-bios-modal__body {
  padding: var(--nx-space-6);
  gap: var(--bios-gap);
  scroll-padding-block: 24px;
}
.nx-bios-modal.paypal-modal .nx-bios-step { gap: var(--bios-gap); }
.nx-bios-modal.paypal-modal .nx-bios-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.nx-bios-modal.paypal-modal .nx-bios-progress__item {
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 2px solid var(--nx-border);
}
.nx-bios-progress__number {
  display: inline-flex;
  flex: 0 0 24px;
  box-sizing: border-box;
  width: 24px;
  min-width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nx-border-strong);
  border-radius: 50%;
  font: 600 12px/1 var(--nx-font-body);
  color: var(--bios-secondary);
}
.nx-bios-modal.paypal-modal .nx-bios-progress__label { padding: 0; border: 0; font-size: var(--nx-fs-small); color: var(--bios-secondary); }
.nx-bios-modal.paypal-modal .nx-bios-progress__item.is-current { border-color: var(--nx-accent-soft); }
.nx-bios-modal.paypal-modal .is-current .nx-bios-progress__label { color: var(--nx-text); }
.nx-bios-modal.paypal-modal .is-current .nx-bios-progress__number,
.nx-bios-modal.paypal-modal .is-done .nx-bios-progress__number { color: var(--nx-accent-soft); border-color: var(--nx-accent-soft); background: var(--nx-elevated); }
body.nx-page .nx-bios :is(.nx-bios-checker, .nx-bios-check-result),
.nx-bios-modal.paypal-modal :is(.nx-bios-checked-summary, .nx-bios-summary, .nx-bios-checkout-summary, .nx-bios-offers__included) {
  border: 1px solid var(--nx-border);
  border-radius: var(--bios-radius);
  background: var(--nx-elevated);
  padding: 20px;
  box-shadow: none;
}
body.nx-page .nx-bios .nx-bios-check-result.is-supported { border-color: var(--nx-border-strong); }
.nx-bios-modal.paypal-modal :is(.nx-bios-checked-summary__row, .nx-bios-checkout-summary__main) { gap: 16px; flex-wrap: wrap; }
.nx-bios-modal.paypal-modal :is(.nx-bios-checked-summary__price, .nx-bios-checkout-summary__price) {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--nx-text);
  font-variant-numeric: tabular-nums;
}
.nx-bios-modal.paypal-modal .nx-bios-checkout-summary__code { font-size: 1rem; color: var(--nx-text); overflow-wrap: anywhere; }
.nx-bios-modal.paypal-modal :is(.nx-bios-email-summary__value, .nx-bios-summary__title) { overflow-wrap: anywhere; }
.nx-bios-modal.paypal-modal .nx-bios-email-summary { gap: 6px; }
.nx-bios-modal.paypal-modal :is(.nx-bios-label, .nx-bios-hint, .nx-bios-guest-hint) { color: var(--bios-secondary); }
.nx-bios-modal.paypal-modal .nx-bios-label { font-size: var(--nx-fs-small); font-weight: 600; }
:is(.nx-bios, .nx-bios-modal) .nx-bios-field { min-height: var(--nx-touch); border-color: var(--nx-border-control); border-radius: var(--bios-control-radius); font-size: var(--nx-fs-body); }
.nx-bios-modal.paypal-modal .nx-bios-owner--combined { margin: 0; padding: var(--nx-space-4); border: 1px solid var(--nx-border); background: var(--nx-elevated); border-radius: var(--bios-radius); font-size: var(--nx-fs-body); line-height: var(--nx-lh-body); }
.nx-bios-modal.paypal-modal .nx-bios-owner__note { font-size: var(--nx-fs-small); line-height: 1.5; color: var(--bios-secondary); }
.nx-bios-modal.paypal-modal .nx-bios-consent-details { margin: 0; font-size: .875rem; }
.nx-bios-modal.paypal-modal .nx-bios-consent-details summary { min-height: 44px; padding-block: 10px; }
.nx-bios-modal.paypal-modal .nx-bios-consent-line { display: block; }
.nx-bios-modal.paypal-modal .nx-bios-consent-line + .nx-bios-consent-line { margin-top: 8px; }
.nx-bios-modal.paypal-modal .nx-bios-consent-notes {
  display: grid; gap: 8px; padding: 16px;
  border: 1px solid var(--nx-trust-border);
  border-radius: var(--bios-radius); background: var(--nx-trust-surface);
  color: var(--nx-text); font-size: 1rem; line-height: 1.5;
}
.nx-bios-modal.paypal-modal .nx-bios-consent-notes__title { margin: 0; color: var(--nx-trust-text); font: inherit; font-weight: 700; }
.nx-bios-modal.paypal-modal .nx-bios-consent-notes p { margin: 0; }
.nx-bios-modal.paypal-modal .nx-bios-deferred-link { display: inline-flex; align-items: center; min-height: 44px; padding-block: 8px; color: var(--nx-accent-soft); font-size: .875rem; line-height: 1.5; }
.nx-bios-modal.paypal-modal .nx-bios-owner__box:focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 4px; }
.nx-bios-modal.paypal-modal .nx-bios-modal__actions { display: flex; gap: 12px; border-top: 1px solid var(--nx-border); padding-top: 20px; margin-top: 0; }
.nx-bios-modal.paypal-modal .nx-bios-modal__actions > button { min-height: 48px; border-radius: var(--bios-control-radius); }
.nx-bios-modal.paypal-modal .nx-bios-modal__actions > button:last-child:not(:first-child) { flex: 1; }
.nx-bios-modal.paypal-modal :is(.nx-bios-edit-link, .nx-bios-check-result__edit) { min-height: 44px; display: inline-flex; align-items: center; font-size: var(--nx-fs-small); }
.nx-bios-modal.paypal-modal .nx-bios-result-status {
  padding: 20px; border: 1px solid var(--nx-border-strong); border-radius: var(--bios-radius);
  background: var(--nx-elevated); gap: 16px; line-height: 1.55;
}
.nx-bios-modal.paypal-modal .nx-bios-result-status > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--nx-surface); margin: 0; }
:is(.nx-bios, .nx-bios-modal) :is(.nx-bios-err, .nx-bios-checker__error) { padding: 12px 16px; border-radius: var(--bios-control-radius); line-height: 1.5; }
:is(.nx-bios, .nx-bios-modal) :is(button, a, input, summary):focus-visible { outline: 2px solid var(--nx-accent-soft); outline-offset: 3px; }
.nx-bios-modal.paypal-modal .nx-bios-cta:disabled { cursor: not-allowed; }
/* Compact, stable checkout chrome; the provider's inputs remain mounted. */
.nx-bios-modal.paypal-modal .nx-bios-modal__head { gap: 8px; }
.nx-bios-modal[data-nx-visual-viewport] {
  top: var(--bios-viewport-top, 0px);
  bottom: auto;
  height: var(--bios-viewport-height, 100dvh);
}
.nx-bios-modal__body :is(input, select, textarea, iframe, button, a) { scroll-margin-block: 12px; }
.nx-bios-modal.paypal-modal .nx-bios-progress__item { padding-block: 6px; }
.nx-bios-modal.paypal-modal .nx-bios-payment-choices,
.nx-bios-modal.paypal-modal .nx-bios-card-fields { margin-top: 0; }
.nx-bios-modal.paypal-modal .nx-bios-checkout-summary__main {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end;
}
.nx-bios-modal.paypal-modal .nx-bios-checkout-summary__service { font-size: .8125rem; line-height: 1.4; }
.nx-bios-modal.paypal-modal .nx-bios-checkout-summary__email { margin: 0; overflow-wrap: anywhere; }
.nx-bios-change-method {
  justify-self: start; align-self: flex-start; min-height: 44px; max-width: 100%;
  padding: 8px 0; border: 0; background: transparent; color: var(--nx-accent-soft);
  font: 600 .875rem/1.5 var(--nx-font-body); text-align: start; cursor: pointer;
  text-decoration: underline; text-underline-offset: 4px;
}
.nx-bios-change-method:disabled, .nx-bios-modal__close:disabled { opacity: .5; cursor: wait; }
.nx-bios-busy-note, .nx-bios-field-error { margin: 0; font-size: .875rem; line-height: 1.5; }
.nx-bios-busy-note { color: var(--nx-accent-soft); }
.nx-bios-field-error { color: var(--nx-danger, #fca5a5); }
.nx-bios-modal .nx-bios-field[aria-invalid="true"] { border-color: var(--nx-danger, #fca5a5); }
.nx-bios-terms-state { display: grid; gap: 12px; font-size: .875rem; line-height: 1.5; }
.nx-bios-terms-state p { margin: 0; }
.nx-bios-terms-state button { justify-self: start; }
.nx-bios-modal.paypal-modal .nx-bios-field-block:has(.nx-bios-field-error) { scroll-margin-block: 20px; }
.nx-bios-modal.paypal-modal.is-checkout-result .nx-bios-modal__panel { border-radius: 20px; }
@media (max-width: 600px) {
  .nx-bios-modal.paypal-modal .nx-bios-modal__panel { border-radius: 20px 20px 0 0; }
  .nx-bios-modal.paypal-modal .nx-bios-modal__head { padding: max(12px, env(safe-area-inset-top)) 16px 8px; gap: 8px; }
  .nx-bios-modal.paypal-modal .nx-bios-modal__body { padding: 20px 16px max(20px, env(safe-area-inset-bottom)); }
  .nx-bios-modal.paypal-modal .nx-bios-progress__item { flex-direction: row; align-items: center; gap: 6px; }
  .nx-bios-modal.paypal-modal .nx-bios-progress__label { font-size: .75rem; overflow-wrap: anywhere; }
  .nx-bios-modal.paypal-modal .nx-bios-modal__actions > button { width: auto; }
  .nx-bios-modal.paypal-modal .nx-bios-modal__actions > button:first-child:not(:last-child) { flex: 0 1 auto; }
  body.nx-page .nx-bios :is(.nx-bios-checker, .nx-bios-check-result),
  .nx-bios-modal.paypal-modal :is(.nx-bios-checked-summary, .nx-bios-summary, .nx-bios-checkout-summary) { padding: 16px; }
  /* On phones the checker is part of the page, not a second padded card.
     Keep the page's safe-area gutters and the borders of editable controls. */
  body.nx-page .nx-bios-hero .nx-bios-checker {
    width: auto;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }
  body.nx-page .nx-bios-hero .nx-bios-lead { font-size: 1rem; line-height: 1.5; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__window { height: 96px; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__selection { inset-block: 26px; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__scroll { height: 96px; padding-block: 26px; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__picker { width: auto; flex-basis: 108px; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__native { min-height: 52px; }
  /* Let the existing shared grid size both labels, not a narrower fixed picker. */
  body.nx-page .nx-bios-checker .nx-bios-code-drum__prefix label,
  body.nx-page .nx-bios-checker .nx-bios-code-drum__label { align-self: start; }
  body.nx-page .nx-bios-checker .nx-bios-code-drum__prefix label svg,
  body.nx-page .nx-bios-checker .nx-bios-code-drum__label svg { display: none; }
  body.nx-page .nx-bios-checker .nx-bios-checker__hint { font-size: 1rem; line-height: 1.5; }
  body.nx-page .nx-bios-checker .nx-bios-checker__privacy { font-size: .875rem; line-height: 1.5; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.nx-bios, .nx-bios-modal) *, :is(.nx-bios, .nx-bios-modal) *::before { scroll-behavior: auto !important; transition-duration: 0s !important; }
}
@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; }
}

/* BIOS guide evidence: selectable text instead of another decorative laptop. */
.nx-bios-code-example {
  margin: 24px 0; padding: 24px; border: 1px solid var(--nx-border-strong);
  border-radius: var(--nx-radius-card); background: var(--nx-surface); max-width: 720px;
}
.nx-bios-code-example figcaption { color: var(--nx-muted); font-size: .875rem; }
.nx-bios-code-example__code {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 12px; padding-block: 24px; font: 700 clamp(1.25rem, 4vw, 2rem)/1.4 monospace;
}
.nx-bios-code-example__code strong { color: var(--nx-accent-soft); }
.nx-bios-code-example__key { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.nx-bios-code-example__key dt { color: var(--nx-muted); font-size: .875rem; }
.nx-bios-code-example__key dd { margin: 4px 0 0; }
.nx-bios-screen-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-block: 24px; }
.nx-bios-screen-card {
  display: flex; flex-direction: column; min-width: 0; padding: 24px;
  border: 1px solid var(--nx-border-strong); border-radius: var(--nx-radius-card); background: var(--nx-surface);
}
.nx-bios-screen-card__label { color: var(--nx-accent-soft); font: 600 .875rem/1.6 monospace; overflow-wrap: anywhere; }
.nx-guide .nx-bios-screen-card h3 { margin-block: 12px; font: 700 1.125rem/1.5 var(--nx-font-body); }
.nx-bios-screen-card p { margin-block: 0 16px; }
.nx-bios-screen-card__next { margin-top: auto; }
.nx-bios-screen-card__next > a { display: inline-flex; align-items: center; min-height: 48px; }
.nx-bios-screen-card__next .nx-page-btn { width: 100%; white-space: normal; text-align: center; }
.nx-bios-screen-card__scope { color: var(--nx-muted); }
.nx-store-sample { margin-block: 24px; padding: 16px 24px; border: 1px solid var(--nx-border-strong); border-radius: var(--nx-radius-card); background: var(--nx-surface); }
.nx-store-sample > summary { min-height: 48px; padding-block: 12px; color: var(--nx-accent-soft); font-weight: 700; cursor: pointer; }
.nx-store-sample-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block: 16px; }
.nx-store-sample-card { min-width: 0; padding: 20px; border: 1px solid var(--nx-border); border-radius: 12px; background: var(--nx-surface-2); overflow-wrap: anywhere; }
.nx-guide .nx-store-sample-card h3 { margin-top: 0; font: 700 1.125rem/1.5 var(--nx-font-body); }
.nx-store-sample__warning { color: var(--nx-muted); font-size: .875rem; }
@media (max-width: 1000px) {
  .nx-bios-screen-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .nx-bios-code-example, .nx-bios-screen-card { padding: 16px; }
  .nx-store-sample { padding: 12px 16px; }
  .nx-store-sample-grid { grid-template-columns: minmax(0, 1fr); }
}