/* Generated by src/app/web/tools/network.py from src/app/network-site/styles.css and the block staged in its index.html. Do not edit: every rule is scoped under .nw and every class carries the nw- prefix. */
.nw { --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif; --font-sans: "IBM Plex Sans", ui-sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; --t-micro: 0.6875rem; --t-caption: 0.75rem; --t-small: 0.875rem; --t-body: 1rem; --t-lead: 1.125rem; --t-h4: 1.25rem; --t-h3: 1.5rem; --t-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem); --t-h1: clamp(2.5rem, 1.6rem + 3.9vw, 4.25rem); --lh-tight: 1.06; --lh-snug: 1.25; --lh-body: 1.62; --tr-display: -0.026em; --tr-head: -0.015em; --tr-eyebrow: 0.16em; --w-light: 300; --w-reg: 400; --w-med: 500; --w-semi: 600; --paper: #FAF8F5; --paper-raised: #FFFFFF; --paper-sunken: #F2EFEA; --deep: #0D1C2C; --deep-2: #0A1119; --deep-raised: #12283F; --ink: #12100E; --ink-2: #46423C; --ink-3: #767066; --on-deep: #EAF0F6; --on-deep-2:#A9BCCF; --on-deep-3:#71879F; --rule: #DDD7CD; --rule-hair: #EDE8E0; --rule-deep: #1E3450; --rule-deep-hair: #16283C; --marine: #1B3A5C; --marine-hover:#143049; --marine-soft: #E8EDF3; --marine-lift: #8FB4D9; --ember: #7A4A1E; --tier-1: #8D857B; --tier-2: #645F57; --tier-3: #263B63; --tier-4: #12100E; --tier-1-deep: #71879F; --tier-2-deep: #A9BCCF; --tier-3-deep: #8FB4D9; --tier-4-deep: #EAF0F6; --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem; --s9: 6rem; --s10: 8rem; --measure: 66ch; --measure-lede: 58ch; --shell: 74rem; --hair: 1px; --r-0: 0; --r-1: 3px; --r-2: 6px; --r-round: 50%; --e-1: 0 1px 2px rgba(18,16,14,.05); --e-2: 0 1px 2px rgba(18,16,14,.05), 0 10px 28px rgba(18,16,14,.09); --e-deep: 0 1px 2px rgba(0,0,0,.4), 0 18px 44px rgba(0,0,0,.45); --m-fast: 120ms; --m: 220ms; --m-slow: 420ms; --m-ambient: 22s; --ease: cubic-bezier(.4, 0, .2, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --z-nav: 50; --z-panel: 60 }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .nw { --paper: #0B0F14; --paper-raised: #121822; --paper-sunken: #080B10; --ink: #EAF0F6; --ink-2: #A9BCCF; --ink-3: #6E839A; --rule: #22303F; --rule-hair: #18232F; --marine: #8FB4D9; --marine-hover: #AECBE7; --marine-soft: #12283F; --ember: #C79A63; --tier-1: #6E839A; --tier-2: #A9BCCF; --tier-3: #8FB4D9; --tier-4: #EAF0F6; --e-1: 0 1px 2px rgba(0,0,0,.5); --e-2: 0 1px 2px rgba(0,0,0,.5), 0 10px 28px rgba(0,0,0,.55) }
}
.nw *, .nw *::before, .nw *::after { box-sizing: border-box }
.nw { -webkit-text-size-adjust: 100%; scroll-behavior: smooth }
.nw { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-sans); font-size: var(--t-body); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; overflow-x: hidden }
.nw img, .nw svg { max-width: 100% }
.nw img { height: auto; display: block }
.nw .nw-defs { position: absolute; width: 0; height: 0; overflow: hidden }
.nw h1, .nw h2, .nw h3 { font-family: var(--font-serif); font-weight: var(--w-reg); margin: 0; text-wrap: balance }
.nw h1 { font-size: var(--t-h1); line-height: var(--lh-tight); letter-spacing: var(--tr-display) }
.nw h2 { font-size: var(--t-h2); line-height: var(--lh-snug); letter-spacing: var(--tr-head) }
.nw h3 { font-size: var(--t-h4); line-height: var(--lh-snug); letter-spacing: var(--tr-head) }
.nw p { margin: 0 0 var(--s4); max-width: var(--measure) }
.nw strong { font-weight: var(--w-semi) }
.nw a { color: var(--marine); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px }
.nw a:hover { color: var(--marine-hover) }
.nw :focus-visible { outline: 2px solid var(--marine); outline-offset: 3px; border-radius: var(--r-1) }
.nw .nw-num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: .92em }
.nw .nw-eyebrow { font-size: var(--t-caption); letter-spacing: var(--tr-eyebrow); text-transform: uppercase; font-weight: var(--w-semi); color: var(--ink-3); margin: 0 0 var(--s4) }
.nw .nw-skip { position: absolute; left: -9999px; top: 0; z-index: 99; background: var(--marine); color: #fff; padding: var(--s3) var(--s4) }
.nw .nw-skip:focus { left: 0 }
.nw .nw-shell { width: 100%; max-width: var(--shell); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem) }
.nw .nw-band { padding-block: clamp(3.5rem, 8vw, var(--s9)); border-top: var(--hair) solid var(--rule-hair) }
.nw [id] { scroll-margin-top: 5rem }
.js .nw [data-reveal] { opacity: 0; transform: translateY(14px) }
.js .nw [data-reveal].is-in { opacity: 1; transform: none; transition: opacity var(--m-slow) var(--ease-out), transform var(--m-slow) var(--ease-out) }
.js .nw [data-reveal]:nth-child(2).is-in { transition-delay: 60ms }
.js .nw [data-reveal]:nth-child(3).is-in { transition-delay: 120ms }
.nw .nw-mast { position: sticky; top: 0; z-index: var(--z-nav); background: var(--paper); border-bottom: var(--hair) solid var(--rule) }
.nw .nw-mast-row { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); min-height: 64px }
.nw .nw-brand { display: inline-flex; align-items: center; gap: var(--s3); text-decoration: none; color: var(--ink) }
.nw .nw-glyph { width: 28px; height: 28px; flex: none }
.nw .nw-glyph.nw-sm { width: 22px; height: 22px }
.nw .nw-wordmark { font-size: 1.2rem; font-weight: var(--w-semi); letter-spacing: -.03em }
.nw .nw-wordmark.nw-sm { font-size: 1rem }
.nw .nw-wordmark span { font-weight: var(--w-light); color: var(--ink-3) }
.nw .nw-nav { display: flex; align-items: center; gap: var(--s5); font-size: var(--t-small) }
.nw .nw-nav a { color: var(--ink-2); text-decoration: none; display: inline-flex; align-items: center; min-height: 24px }
.nw .nw-nav a:hover { color: var(--ink); text-decoration: underline }
.nw .nw-nav .nw-nav-cta { color: var(--marine); border: var(--hair) solid var(--marine); padding: .4rem .9rem; border-radius: var(--r-1); transition: background var(--m-fast) var(--ease), color var(--m-fast) var(--ease) }
.nw .nw-nav .nw-nav-cta:hover { background: var(--marine); color: var(--paper); text-decoration: none }
.nw .nw-nav-toggle { display: none; align-items: center; gap: var(--s2); background: none; border: var(--hair) solid var(--rule); color: var(--ink); font: inherit; font-size: var(--t-small); padding: .4rem .8rem; border-radius: var(--r-1); cursor: pointer }
.nw .nw-nav-toggle-bars { width: 16px; height: 10px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor }
.nw .nw-hero { position: relative; background: var(--deep); color: var(--on-deep); overflow: hidden; isolation: isolate }
.nw .nw-hero-field { position: absolute; inset: 0; z-index: -1 }
.nw .nw-hero-field img { width: 100%; height: 100%; object-fit: cover; opacity: .96 }
.nw .nw-hero-wash { position: absolute; inset: -30%; background: radial-gradient(38% 44% at 30% 32%, rgba(143,180,217,.20), transparent 70%), radial-gradient(34% 40% at 74% 66%, rgba(199,154,99,.14), transparent 72%); animation: drift var(--m-ambient) var(--ease) infinite alternate }
@keyframes drift {from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(3%, 2%, 0) scale(1.06); }}
.nw .nw-hero-grid { display: grid; gap: clamp(2rem, 5vw, var(--s8)); grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; padding-block: clamp(4rem, 11vw, 8.5rem) }
.nw .nw-hero-copy .nw-eyebrow { color: var(--on-deep-3) }
.nw .nw-hero h1 { color: var(--on-deep) }
.nw .nw-hero .nw-lede { font-size: var(--t-lead); color: var(--on-deep-2); max-width: var(--measure-lede); margin-top: var(--s5) }
.nw .nw-hero-note { font-size: var(--t-small); color: var(--on-deep-3); max-width: 46ch; margin-top: var(--s5) }
.nw .nw-cta-row { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s6) }
.nw .nw-btn { display: inline-block; font-size: var(--t-small); font-weight: var(--w-med); text-decoration: none; padding: .8rem 1.4rem; border-radius: var(--r-1); border: var(--hair) solid transparent; transition: background var(--m-fast) var(--ease), border-color var(--m-fast) var(--ease), transform var(--m-fast) var(--ease) }
.nw .nw-btn-primary { background: var(--marine-lift); color: var(--deep) }
.nw .nw-btn-primary:hover { background: #B7D2EA; color: var(--deep); transform: translateY(-1px) }
.nw .nw-btn-ghost { border-color: rgba(169,188,207,.4); color: var(--on-deep) }
.nw .nw-btn-ghost:hover { border-color: var(--on-deep-2); color: var(--on-deep); transform: translateY(-1px) }
.nw .nw-hero-card { background: color-mix(in srgb, var(--deep-raised) 72%, transparent); border: var(--hair) solid rgba(143,180,217,.22); border-radius: var(--r-2); padding: var(--s5); box-shadow: var(--e-deep); backdrop-filter: blur(6px) }
.nw .nw-card-kicker { font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; color: var(--on-deep-3); margin: 0 0 var(--s4) }
.nw .nw-profile-head { display: flex; align-items: center; gap: var(--s3); margin-bottom: var(--s4) }
.nw .nw-profile-name { margin: 0; font-weight: var(--w-semi); color: var(--on-deep) }
.nw .nw-profile-tier { margin: 0; font-size: var(--t-small); color: var(--tier-3-deep) }
.nw .nw-profile-rows, .nw .nw-req-rows { margin: 0 }
.nw .nw-profile-rows > div, .nw .nw-req-rows > div { display: flex; justify-content: space-between; gap: var(--s4); padding: .55rem 0; border-top: var(--hair) solid rgba(143,180,217,.14); font-size: var(--t-small) }
.nw .nw-profile-rows dt, .nw .nw-req-rows dt { color: var(--on-deep-3) }
.nw .nw-profile-rows dd, .nw .nw-req-rows dd { margin: 0; color: var(--on-deep); text-align: right }
.nw .nw-tier-glyph { width: 34px; height: 34px; flex: none }
.nw .nw-t1 { color: var(--tier-1) }
.nw .nw-t2 { color: var(--tier-2) }
.nw .nw-t3 { color: var(--tier-3) }
.nw .nw-t4 { color: var(--tier-4) }
.nw .nw-hero .nw-t1, .nw .nw-band-deep .nw-t1 { color: var(--tier-1-deep) }
.nw .nw-hero .nw-t2, .nw .nw-band-deep .nw-t2 { color: var(--tier-2-deep) }
.nw .nw-hero .nw-t3, .nw .nw-band-deep .nw-t3 { color: var(--tier-3-deep) }
.nw .nw-hero .nw-t4, .nw .nw-band-deep .nw-t4 { color: var(--tier-4-deep) }
.nw .nw-band-deep { background: var(--deep); color: var(--on-deep); border-top-color: var(--rule-deep-hair) }
.nw .nw-band-deep h2, .nw .nw-band-deep h3 { color: var(--on-deep) }
.nw .nw-band-deep p { color: var(--on-deep-2) }
.nw .nw-band-deep .nw-sec-n { color: var(--on-deep-3) }
.nw .nw-band-deep a { color: var(--marine-lift) }
.nw .nw-sec-head { display: flex; align-items: baseline; gap: var(--s4); margin-bottom: var(--s5) }
.nw .nw-sec-n { font-family: var(--font-mono); font-size: var(--t-caption); color: var(--ink-2); font-variant-numeric: tabular-nums }
.nw .nw-sec-lede { font-size: var(--t-lead); max-width: var(--measure-lede); margin-bottom: var(--s6) }
.nw .nw-sec-foot { font-size: var(--t-small); color: var(--ink-3); margin-top: var(--s5) }
.nw .nw-band-deep .nw-sec-foot { color: var(--on-deep-3) }
.nw .nw-pain { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)) }
.nw .nw-pain li { display: flex; gap: var(--s4); padding: var(--s5) var(--s4) var(--s5) 0; border-top: var(--hair) solid var(--rule-hair) }
.nw .nw-pain-n { font-family: var(--font-mono); font-size: var(--t-caption); color: var(--ink-3) }
.nw .nw-pain p { margin: 0; font-size: var(--t-small) }
.nw .nw-flow { list-style: none; padding: 0; margin: 0; counter-reset: f; display: grid; gap: var(--s5); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) }
.nw .nw-flow li { position: relative; padding-top: var(--s5); border-top: var(--hair) solid var(--rule-deep) }
.nw .nw-flow-n { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: var(--r-round); border: var(--hair) solid rgba(143,180,217,.4); font-family: var(--font-mono); font-size: var(--t-caption); color: var(--marine-lift); margin-bottom: var(--s3) }
.nw .nw-flow h3 { margin-bottom: var(--s2) }
.nw .nw-flow p { font-size: var(--t-small); margin: 0 }
.nw .nw-sides { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--s5); align-items: center }
.nw .nw-side { background: var(--paper-raised); border: var(--hair) solid var(--rule-hair); border-radius: var(--r-2); padding: var(--s6); box-shadow: var(--e-1) }
.nw .nw-side-sub { color: var(--ink-3); font-size: var(--t-small); margin-top: var(--s2) }
.nw .nw-side-gain { font-size: var(--t-small); margin: var(--s4) 0 0 }
.nw .nw-tags { list-style: none; padding: 0; margin: var(--s4) 0 0; display: flex; flex-wrap: wrap; gap: var(--s2) }
.nw .nw-tags li { font-size: var(--t-caption); color: var(--ink-2); border: var(--hair) solid var(--rule); border-radius: 100px; padding: .25rem .7rem }
.nw .nw-side-join { display: flex; flex-direction: column; gap: 6px; align-items: center }
.nw .nw-side-join span { width: 6px; height: 6px; border-radius: var(--r-round); background: var(--marine); opacity: .5 }
.nw .nw-ladder { list-style: none; padding: 0; margin: 0 }
.nw .nw-tier { display: grid; grid-template-columns: 44px 1fr; gap: var(--s5); padding: var(--s5) var(--s4) var(--s5) 0; border-top: var(--hair) solid var(--rule-deep); transition: background var(--m) var(--ease) }
.nw .nw-tier[data-active] { background: rgba(143,180,217,.05) }
.nw .nw-tier h3 { margin-bottom: var(--s2) }
.nw .nw-tier p { margin: 0; font-size: var(--t-small) }
.nw .nw-tier-not { margin-top: var(--s3) !important; color: var(--on-deep-3) !important }
.nw .nw-tier-foot { margin-top: var(--s6); font-size: var(--t-small) }
.nw .nw-match { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: var(--s5); align-items: center }
.nw .nw-req { background: var(--paper-raised); border: var(--hair) solid var(--rule-hair); border-radius: var(--r-2); padding: var(--s5); box-shadow: var(--e-1) }
.nw .nw-req .nw-card-kicker { color: var(--ink-3) }
.nw .nw-req .nw-req-rows > div { border-top-color: var(--rule-hair) }
.nw .nw-req .nw-req-rows dt { color: var(--ink-3) }
.nw .nw-req .nw-req-rows dd { color: var(--ink) }
.nw .nw-match-arrow { width: 48px; display: flex; align-items: center }
.nw .nw-match-arrow span { display: block; width: 100%; height: 1px; background: linear-gradient(90deg, var(--rule), var(--marine)) }
.nw .nw-responses { display: grid; gap: var(--s3) }
.nw .nw-resp { display: flex; gap: var(--s4); align-items: center; background: var(--paper-raised); border: var(--hair) solid var(--rule-hair); border-radius: var(--r-2); padding: var(--s4); transition: transform var(--m) var(--ease), box-shadow var(--m) var(--ease) }
.nw .nw-resp:hover { transform: translateY(-2px); box-shadow: var(--e-2) }
.nw .nw-resp-name { margin: 0; font-weight: var(--w-med); font-size: var(--t-small) }
.nw .nw-resp-meta { margin: 0; font-size: var(--t-caption); color: var(--ink-3) }
.nw .nw-weights { display: grid; gap: var(--s6); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) }
.nw .nw-weight-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3) }
.nw .nw-pct { margin: 0; color: var(--marine-lift); font-size: var(--t-h4) }
.nw .nw-bar { height: 3px; background: rgba(143,180,217,.16); border-radius: 2px; margin: var(--s3) 0 var(--s4); overflow: hidden }
.nw .nw-bar span { display: block; height: 100%; width: var(--w, 0%); background: var(--marine-lift); transition: width var(--m-slow) var(--ease-out) 120ms }
.js .nw .nw-weights:not(.is-in) .nw-bar span { width: 0 }
.nw .nw-weight p { font-size: var(--t-small); margin: 0 }
.nw .nw-disclosure { margin-top: var(--s7); padding: var(--s6); border: var(--hair) solid var(--rule-deep); border-radius: var(--r-2); background: rgba(18,40,63,.4) }
.nw .nw-disclosure h3 { margin-bottom: var(--s4) }
.nw .nw-disclosure p { font-size: var(--t-small) }
.nw .nw-disclosure p:last-child { margin-bottom: 0 }
.nw .nw-disclosure strong { color: var(--on-deep) }
.nw .nw-corridor { margin: 0 0 var(--s6) }
.nw .nw-corridor img { width: 100% }
.nw .nw-corridor figcaption { display: flex; align-items: center; justify-content: center; gap: var(--s5); font-size: var(--t-small); flex-wrap: wrap }
.nw .nw-cor-end { font-weight: var(--w-med) }
.nw .nw-cor-state { font-family: var(--font-mono); font-size: var(--t-caption); text-transform: uppercase; letter-spacing: .1em; color: var(--ember); border: var(--hair) solid var(--ember); border-radius: 100px; padding: .2rem .7rem }
.nw .nw-empty { border-left: 2px solid var(--marine); padding-left: var(--s5) }
.nw .nw-empty-title { font-weight: var(--w-semi); color: var(--ink) }
.nw .nw-nots { list-style: none; padding: 0; margin: 0 0 var(--s5); border-top: var(--hair) solid var(--rule-deep) }
.nw .nw-nots li { padding: var(--s4) 0; border-bottom: var(--hair) solid var(--rule-deep); color: var(--on-deep); font-size: var(--t-lead); font-family: var(--font-serif) }
.nw .nw-access { background: var(--paper-sunken) }
.nw .nw-access-inner { max-width: 52rem }
.nw .nw-access-note { font-size: var(--t-small); color: var(--ink-2) }
.nw .nw-foot { background: var(--deep-2); color: var(--on-deep-3); padding-block: var(--s7) var(--s8) }
.nw .nw-foot-row { display: flex; flex-wrap: wrap; gap: var(--s5); justify-content: space-between; align-items: center; padding-bottom: var(--s5); border-bottom: var(--hair) solid var(--rule-deep-hair) }
.nw .nw-foot .nw-brand { color: var(--on-deep) }
.nw .nw-foot .nw-wordmark span { color: var(--on-deep-3) }
.nw .nw-foot-nav { display: flex; flex-wrap: wrap; gap: var(--s5); font-size: var(--t-small) }
.nw .nw-foot-nav a { color: var(--on-deep-2); text-decoration: none; display: inline-flex; align-items: center; min-height: 24px }
.nw .nw-foot-nav a:hover { color: var(--on-deep); text-decoration: underline }
.nw .nw-foot-note { font-size: var(--t-caption); margin-top: var(--s5); max-width: var(--measure) }
@media (max-width: 60rem) {
  .nw .nw-hero-grid { grid-template-columns: 1fr }
  .nw .nw-hero-card { order: 2 }
  .nw .nw-sides { grid-template-columns: 1fr }
  .nw .nw-side-join { flex-direction: row }
  .nw .nw-match { grid-template-columns: 1fr }
  .nw .nw-match-arrow { width: 100%; height: 32px; justify-content: center }
  .nw .nw-match-arrow span { width: 1px; height: 100%; background: linear-gradient(180deg, var(--rule), var(--marine)) }
}
@media (max-width: 48rem) {
  .nw .nw-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper-raised); border-bottom: var(--hair) solid var(--rule); box-shadow: var(--e-2); z-index: var(--z-panel) }
  .nw .nw-nav[data-open] { display: flex }
  .nw .nw-nav a { padding: var(--s4) clamp(1.25rem, 5vw, 3rem); border-top: var(--hair) solid var(--rule-hair) }
  .nw .nw-nav .nw-nav-cta { border: 0; border-top: var(--hair) solid var(--rule-hair); border-radius: 0 }
  .nw .nw-nav .nw-nav-cta:hover { background: none; color: var(--marine-hover) }
  .nw .nw-nav-toggle { display: inline-flex }
  .nw .nw-mast-row { position: relative }
  .nw .nw-tier { grid-template-columns: 1fr; gap: var(--s3) }
  .nw .nw-foot-row { flex-direction: column; align-items: flex-start }
}
@media (pointer: coarse) {
  .nw .nw-nav a, .nw .nw-btn, .nw .nw-nav-toggle { min-height: 44px; display: flex; align-items: center }
  .nw .nw-btn { justify-content: center }
}
@media (prefers-reduced-motion: reduce) {
  .nw { scroll-behavior: auto }
  .nw *, .nw *::before, .nw *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important }
  .nw .nw-hero-wash { animation: none }
  .js .nw [data-reveal] { opacity: 1; transform: none }
  .nw .nw-bar span { width: var(--w, 0%) }
}
@media (forced-colors: active) {
  .nw .nw-btn, .nw .nw-side, .nw .nw-resp, .nw .nw-req, .nw .nw-hero-card, .nw .nw-disclosure { border: 1px solid ButtonBorder }
  .nw .nw-bar span { background: Highlight }
}
@media print {
  .nw .nw-mast, .nw .nw-nav, .nw .nw-hero-field, .nw .nw-skip { display: none }
  .nw { background: #fff; color: #000 }
  .nw .nw-band, .nw .nw-band-deep, .nw .nw-hero { background: #fff; color: #000 }
}
.nw .nw-hero-field img { opacity: 1; object-position: 50% 82% }
.nw .nw-hero-field::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(115% 85% at 0% 100%, rgba(13,28,44,.86) 0%, rgba(13,28,44,.45) 45%, rgba(13,28,44,0) 72%), linear-gradient(100deg, rgba(13,28,44,.86) 0%, rgba(13,28,44,.52) 40%, rgba(13,28,44,.10) 78%, rgba(13,28,44,0) 100%) }
.nw .nw-roster { display: grid; gap: clamp(2rem, 5vw, var(--s8)); grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); align-items: start }
.nw .nw-roster-steps { list-style: none; margin: 0; padding: 0 }
.nw .nw-roster-steps li { padding: var(--s5) 0; border-top: var(--hair) solid var(--rule-deep) }
.nw .nw-roster-steps li:last-child { border-bottom: var(--hair) solid var(--rule-deep) }
.nw .nw-roster-steps h3 { color: var(--on-deep); font-size: var(--t-h4); margin-bottom: var(--s3) }
.nw .nw-roster-steps p { color: var(--on-deep-2); font-size: var(--t-small); margin: 0 }
.nw .nw-roster-plate { margin: 0 }
.nw .nw-roster-plate img { display: block; width: 100%; height: auto; max-height: 32rem; object-fit: cover; border-radius: var(--r-2); border: var(--hair) solid var(--rule-deep) }
.nw .nw-plate { background: var(--paper-sunken); border-top: var(--hair) solid var(--rule-hair); padding-block: clamp(3rem, 7vw, var(--s9)) }
.nw .nw-plate-h { font-size: var(--t-h2); letter-spacing: var(--tr-head); max-width: 26ch; margin-bottom: var(--s4) }
.nw .nw-plate-lede { font-size: var(--t-lead); color: var(--ink-2); max-width: var(--measure-lede); margin-bottom: var(--s6) }
.nw .nw-plate-grid { list-style: none; margin: 0 0 var(--s5); padding: 0; display: grid; gap: var(--s4); grid-template-columns: repeat(3, minmax(0, 1fr)) }
.nw .nw-plate-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-2) }
.nw .nw-plate-grid img.nw-crop-high { object-position: 50% 38% }
.nw .nw-plate-note { font-family: var(--font-mono); font-size: var(--t-caption); color: var(--ink-2); max-width: var(--measure); margin: 0 }
@media (max-width: 60rem) {
  .nw .nw-roster { grid-template-columns: minmax(0, 1fr) }
  .nw .nw-roster-plate img { max-height: 22rem }
  .nw .nw-plate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .nw .nw-plate-grid li:last-child { grid-column: 1 / -1 }
  .nw .nw-plate-grid li:last-child img { aspect-ratio: 16 / 7 }
}
@media (max-width: 40rem) {
  .nw .nw-plate-grid { grid-template-columns: minmax(0, 1fr) }
  .nw .nw-plate-grid li:last-child img { aspect-ratio: 4 / 3 }
}
@media print {
  .nw .nw-plate-grid, .nw .nw-roster-plate { display: none }
}
.nw .nw-vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0 }
.nw .nw-neutrality { font-family: var(--font-serif); font-size: var(--t-h3); line-height: var(--lh-snug); letter-spacing: var(--tr-head); color: var(--ink); max-width: 34ch; margin: 0 0 var(--s5) }
.nw .nw-side-switch { border: 0; padding: 0; margin: var(--s7) 0 0; min-width: 0 }
.nw .nw-side-tab { display: inline-flex; align-items: center; min-height: 44px; padding: var(--s2) var(--s5); margin: 0 var(--s2) var(--s5) 0; border: var(--hair) solid var(--rule); border-radius: 100px; font-size: var(--t-small); font-weight: var(--w-med); color: var(--ink-2); background: var(--paper-raised); cursor: pointer; transition: background var(--m) var(--ease), color var(--m) var(--ease), border-color var(--m) var(--ease) }
.nw .nw-side-tab:hover { border-color: var(--marine); color: var(--marine) }
.nw #side-buy:checked ~ label[for="side-buy"], .nw #side-supply:checked ~ label[for="side-supply"] { background: var(--marine); border-color: var(--marine); color: var(--paper-raised) }
.nw #side-buy:focus-visible ~ label[for="side-buy"], .nw #side-supply:focus-visible ~ label[for="side-supply"] { outline: 2px solid var(--marine); outline-offset: 3px }
.nw #side-buy:checked ~ [data-panel="supply"], .nw #side-supply:checked ~ [data-panel="buy"] { display: none }
.nw .nw-panel-sub { font-size: var(--t-small); color: var(--ink-3); margin: 0 0 var(--s5) }
.nw .nw-plans { list-style: none; padding: 0; margin: 0 0 var(--s7); display: grid; gap: var(--s4); grid-template-columns: repeat(4, minmax(0, 1fr)) }
.nw .nw-plan { background: var(--paper-raised); border: var(--hair) solid var(--rule-hair); border-radius: var(--r-2); padding: var(--s5); box-shadow: var(--e-1); display: flex; flex-direction: column }
.nw .nw-plan-name { margin-bottom: var(--s1) }
.nw .nw-plan-scope { font-size: var(--t-caption); color: var(--ink-3); margin: 0 0 var(--s4) }
.nw .nw-plan-price { margin: 0; font-size: var(--t-h4); color: var(--ink); display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem }
.nw .nw-plan-price .nw-sep { color: var(--ink-3); font-size: var(--t-small) }
.nw .nw-plan-per { font-size: var(--t-caption); color: var(--ink-3); margin: var(--s2) 0 var(--s4) }
.nw .nw-plan-feats { list-style: none; padding: 0; margin: 0; border-top: var(--hair) solid var(--rule-hair) }
.nw .nw-plan-feats li { font-size: var(--t-small); color: var(--ink-2); padding: var(--s3) 0; border-bottom: var(--hair) solid var(--rule-hair) }
.nw .nw-matrix-wrap { overflow-x: auto; margin: 0 0 var(--s5) }
.nw .nw-matrix { border-collapse: collapse; width: 100%; min-width: 46rem; font-size: var(--t-small) }
.nw .nw-matrix caption { text-align: left; font-size: var(--t-caption); color: var(--ink-3); padding-bottom: var(--s3) }
.nw .nw-matrix th, .nw .nw-matrix td { text-align: left; padding: var(--s3) var(--s4) var(--s3) 0; border-bottom: var(--hair) solid var(--rule-hair); vertical-align: top }
.nw .nw-matrix thead th { font-family: var(--font-sans); font-weight: var(--w-semi); color: var(--ink); border-bottom-color: var(--rule) }
.nw .nw-matrix tbody th { font-weight: var(--w-reg); color: var(--ink-2) }
.nw .nw-matrix td { color: var(--ink) }
.nw .nw-matrix .nw-none { color: var(--ink-3) }
.nw .nw-matrix .nw-group th { padding-top: var(--s5); color: var(--marine); font-weight: var(--w-semi); border-bottom-color: var(--marine) }
.nw .nw-matrix .nw-identical td { background: var(--marine-soft); font-variant-numeric: tabular-nums }
.nw .nw-matrix .nw-keeps td, .nw .nw-matrix .nw-keeps th { border-bottom-color: var(--rule) }
.nw .nw-matrix .nw-keeps td { font-weight: var(--w-med) }
.nw .nw-pricing-foot { font-size: var(--t-small); color: var(--ink-2) }
.nw .nw-pricing-foot strong { color: var(--ink) }
@media (max-width: 60rem) {
  .nw .nw-plans { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 40rem) {
  .nw .nw-plans { grid-template-columns: minmax(0, 1fr) }
  .nw .nw-neutrality { font-size: var(--t-lead) }
}
@media (forced-colors: active) {
  .nw .nw-plan, .nw .nw-side-tab { border: 1px solid ButtonBorder }
  .nw .nw-matrix .nw-identical td { background: none }
}
@media print {
  .nw #side-buy:checked ~ [data-panel="supply"], .nw #side-supply:checked ~ [data-panel="buy"] { display: block }
  .nw .nw-side-tab { display: none }
}
:root[data-theme="dark"] .nw { --paper: #0B0F14; --paper-raised: #121822; --paper-sunken: #080B10; --ink: #EAF0F6; --ink-2: #A9BCCF; --ink-3: #6E839A; --rule: #22303F; --rule-hair: #18232F; --marine: #8FB4D9; --marine-hover: #AECBE7; --marine-soft: #12283F; --ember: #C79A63; --tier-1: #6E839A; --tier-2: #A9BCCF; --tier-3: #8FB4D9; --tier-4: #EAF0F6; --e-1: 0 1px 2px rgba(0,0,0,.5); --e-2: 0 1px 2px rgba(0,0,0,.5), 0 10px 28px rgba(0,0,0,.55) }
.nw { overflow-x: clip; }