:root {
  color-scheme: dark;
  --primary: #00D48C;
  --ink: #edf6f0;
  --muted: #9bb0a6;
  --soft: #121d18;
  --soft-strong: #1b2a23;
  --paper: #0b120f;
  --line: #26382f;
  --line-strong: #41584c;
  --green: var(--primary);
  --green-dark: #79e5ac;
  --green-soft: #123b2a;
  --lime: #1a543b;
  --gold: #ffd26e;
  --gold-soft: #382b12;
  --red: #ff817b;
  --red-soft: #411d1d;
  --info: #83bfff;
  --info-soft: #132b45;
  --info-line: #2c5681;
  --shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
  --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.42);
  --radius: 8px;
  --content: 1200px;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--ink);
  font-weight: 700;
  letter-spacing: 0;
}

h1 {
  font-size: 58px;
  line-height: 1.04;
}

h2 {
  font-size: 38px;
  line-height: 1.14;
}

h3 {
  font-size: 23px;
  line-height: 1.25;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}

.cursor-glow {
  display: none;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(100%, var(--content));
  min-height: 72px;
  margin: 0 auto;
  padding: 12px 24px;
  background: rgba(11, 18, 15, 0.94);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 0 0 100vmax rgba(11, 18, 15, 0.94);
  clip-path: inset(0 -100vmax);
  backdrop-filter: blur(16px);
}

.brand,
.nav {
  display: flex;
  align-items: center;
}

.brand {
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: var(--ink);
  background: var(--lime);
  border: 1px solid #317454;
  border-radius: var(--radius);
  font-weight: 700;
}

.nav {
  gap: 28px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
}

.nav a {
  padding: 8px 0;
}

.nav a:hover,
.nav a:focus-visible {
  color: var(--green-dark);
}

.button,
.nav-cta,
.primary-button,
.secondary-button,
.secondary-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-weight: 700;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.button:hover,
.nav-cta:hover,
.primary-button:hover,
.secondary-button:hover,
.secondary-light:hover {
  transform: translateY(-1px);
}

.button-primary,
.nav-cta,
.primary-button {
  color: #0b120f;
  background: var(--green);
  border-color: var(--green);
  box-shadow: 0 8px 18px rgba(11, 143, 96, 0.18);
}

.button-primary:hover,
.nav-cta:hover,
.primary-button:hover {
  background: var(--green-dark);
  border-color: var(--green-dark);
}

.button-secondary,
.secondary-button,
.secondary-light {
  color: var(--ink);
  background: var(--paper);
  border-color: var(--line-strong);
}

.button-secondary:hover,
.secondary-button:hover,
.secondary-light:hover {
  border-color: var(--green);
  color: var(--green-dark);
}

.intro-band,
.market-overview,
.workspace-section,
.tools-section,
.insights-section,
.reserve-section,
.learn-section,
.visual-break,
.footer,
.legal-page {
  width: min(100%, var(--content));
  margin: 0 auto;
}

.intro-band {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.55fr);
  gap: 70px;
  align-items: end;
  padding: 74px 24px 48px;
}

.intro-copy {
  max-width: 800px;
}

.eyebrow,
.panel-kicker {
  display: block;
  margin: 0 0 12px;
  color: var(--green-dark);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}

.intro-text {
  max-width: 680px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.6;
}

.intro-actions {
  display: grid;
  gap: 10px;
  align-content: end;
}

.live-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.live-pill i {
  width: 8px;
  height: 8px;
  background: var(--green);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--green-soft);
}

.market-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 0 24px 56px;
}

.metric-card,
.panel,
.learn-grid article,
.legal-content article {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.metric-card {
  min-width: 0;
  padding: 20px;
}

.metric-card > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.metric-card strong {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.metric-card p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.positive {
  color: var(--green) !important;
  font-weight: 700;
}

.negative {
  color: var(--red) !important;
  font-weight: 700;
}

.workspace-section,
.tools-section,
.insights-section,
.reserve-section,
.learn-section {
  padding: 76px 24px;
}

.workspace-section,
.insights-section,
.learn-section {
  position: relative;
}

.workspace-section::before,
.insights-section::before,
.learn-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--soft);
}

.section-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.section-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  max-width: none;
}

.section-heading-row > p {
  max-width: 470px;
  padding-bottom: 3px;
  color: var(--muted);
  font-size: 15px;
}

.panel {
  min-width: 0;
  padding: 28px;
}

.panel-heading {
  margin-bottom: 24px;
}

.panel-heading .panel-kicker {
  margin-bottom: 8px;
}

.market-panel {
  padding: 0;
  overflow: hidden;
}

.market-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) minmax(140px, 0.65fr) minmax(160px, 0.7fr) auto;
  gap: 14px;
  align-items: end;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}

label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

input,
select {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  outline: none;
}

input::placeholder {
  color: var(--muted);
}

input:focus,
select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px var(--green-soft);
}

.filter-button {
  min-width: 92px;
  min-height: 46px;
}

.market-status-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 22px;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.table-wrap {
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 840px;
  border-collapse: collapse;
}

th,
td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

th {
  color: var(--muted);
  background: var(--soft);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

td {
  color: var(--ink);
  font-size: 14px;
}

tbody tr:last-child td {
  border-bottom: 0;
}

tbody tr:hover {
  background: var(--soft-strong);
}

.coin-cell {
  display: flex;
  align-items: center;
  gap: 11px;
}

.coin-cell img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.coin-cell strong,
.coin-cell span {
  display: block;
}

.coin-cell span,
.watch-item span {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.row-button {
  min-height: 34px;
  padding: 0 11px;
  color: var(--green-dark);
  background: var(--green-soft);
  border: 1px solid #2d7652;
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.tools-section {
  background: var(--paper);
}

.tool-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 18px;
}

.peg-tool {
  grid-row: span 2;
}

.peg-controls,
.converter-form {
  display: grid;
  gap: 14px;
}

.peg-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.converter-form {
  grid-template-columns: 0.7fr 1fr 0.8fr;
}

input[type="range"] {
  padding: 0;
  accent-color: var(--green);
  border: 0;
  box-shadow: none;
}

.peg-meter {
  position: relative;
  height: 76px;
  display: grid;
  align-items: center;
  margin-top: 12px;
}

.peg-meter-track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--soft-strong);
}

.peg-meter-track span:nth-child(1) { background: #ef7e74; }
.peg-meter-track span:nth-child(2) { background: #f2c45f; }
.peg-meter-track span:nth-child(3) { background: #53c993; }

.peg-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  background: var(--paper);
  border: 5px solid var(--green);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(11, 143, 96, 0.25);
  transform: translate(-50%, -50%);
  transition: left 160ms ease;
}

.peg-scale {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 12px;
}

.result-box,
.conversion-result {
  margin-top: 22px;
  padding: 20px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.result-box > span {
  color: var(--green-dark);
  font-size: 13px;
  font-weight: 700;
}

.result-box strong,
.conversion-result {
  color: var(--ink);
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.result-box strong {
  display: block;
  margin-top: 5px;
}

.result-box p {
  margin-top: 9px;
  color: var(--muted);
  font-size: 14px;
}

.watchlist-items,
.signal-list {
  display: grid;
  gap: 9px;
}

.watchlist-items > p,
.signal-list > p {
  color: var(--muted);
  font-size: 14px;
}

.watch-item,
.signal-row {
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 12px 13px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.watch-item {
  grid-template-columns: 1fr auto auto;
}

.signal-row {
  grid-template-columns: 1fr auto;
}

.watch-item strong,
.signal-row strong {
  font-size: 14px;
}

.signal-row span {
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}

.insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mood-box {
  padding: 20px;
  background: var(--green-soft);
  border: 1px solid #2d7652;
  border-radius: var(--radius);
}

.mood-box strong {
  display: block;
  color: var(--green-dark);
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.mood-box p {
  margin-top: 10px;
  color: #b0d7c0;
  font-size: 14px;
}

.reserve-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
  gap: 18px;
}

.reserve-tabs {
  display: grid;
  gap: 8px;
  align-content: start;
}

.reserve-tab {
  min-height: 52px;
  padding: 0 15px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.reserve-tab:hover,
.reserve-tab.active {
  color: var(--green-dark);
  background: var(--green-soft);
  border-color: #2d7652;
}

.reserve-panel {
  min-height: 280px;
  display: grid;
  align-content: center;
}

.reserve-panel h3 {
  max-width: 680px;
  font-size: 30px;
}

.reserve-panel > p:last-child {
  max-width: 680px;
  margin-top: 16px;
  color: var(--muted);
}

.visual-break {
  position: relative;
  min-height: 410px;
  display: flex;
  align-items: end;
  padding: 52px;
  overflow: hidden;
  isolation: isolate;
}

.visual-break::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 24, 18, 0.96), rgba(8, 24, 18, 0.45));
}

.visual-break img {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visual-break > div {
  max-width: 670px;
}

.visual-break .eyebrow {
  color: var(--lime);
}

.visual-break h2,
.visual-break p {
  color: white;
}

.visual-break > div > p:last-child {
  max-width: 600px;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 17px;
}

.learn-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.learn-grid article {
  min-height: 215px;
  padding: 24px;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.learn-grid article:hover,
.interactive-card:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow-hover);
}

.learn-grid article > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  color: var(--gold);
  background: var(--gold-soft);
  border-radius: var(--radius);
  font-size: 11px;
  font-weight: 700;
}

.learn-grid h3 {
  margin-top: 28px;
}

.learn-grid p {
  margin-top: 12px;
  color: var(--muted);
  font-size: 14px;
}

.footer {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 48px;
  padding: 54px 24px 26px;
  border-top: 1px solid var(--line);
}

.footer-brand {
  display: grid;
  gap: 16px;
  align-content: start;
  max-width: 500px;
}

.footer-brand p {
  color: var(--muted);
  font-size: 14px;
}

.footer-social {
  display: flex;
  gap: 8px;
}

.footer-social a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--muted);
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 160ms ease;
}

.footer-social a:hover,
.footer-social a:focus-visible {
  color: var(--green-dark);
  background: var(--green-soft);
  border-color: var(--green);
  transform: translateY(-1px);
}

.footer-social svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

.footer-links div {
  display: grid;
  align-content: start;
  gap: 10px;
}

.footer-links strong {
  margin-bottom: 3px;
  font-size: 13px;
}

.footer-links a {
  color: var(--muted);
  font-size: 14px;
}

.footer-links a:hover {
  color: var(--green-dark);
}

.footer-bottom {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.legal-page {
  padding: 0 24px 76px;
}

.legal-hero {
  padding: 82px 0 42px;
  border-bottom: 1px solid var(--line);
}

.legal-hero h1 {
  font-size: 52px;
}

.legal-hero > p:last-child {
  margin-top: 16px;
  color: var(--muted);
}

.legal-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 32px;
}

.legal-content article {
  min-height: 190px;
  padding: 24px;
}

.legal-content h2 {
  font-size: 22px;
}

.legal-content p {
  margin-top: 12px;
  color: var(--muted);
  font-size: 14px;
}

.nav-active {
  color: var(--green-dark) !important;
}

.wallet-shell {
  width: min(100%, var(--content));
  margin: 0 auto;
  padding: 0 24px 76px;
}

.wallet-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
  gap: 56px;
  align-items: end;
  padding: 68px 0 38px;
}

.wallet-intro > div:first-child {
  max-width: 760px;
}

.wallet-intro h1 {
  font-size: 52px;
}

.wallet-intro > div:first-child > p:last-child {
  max-width: 650px;
  margin-top: 20px;
  color: var(--muted);
  font-size: 18px;
}

.demo-notice {
  padding: 18px;
  background: var(--gold-soft);
  border: 1px solid #71582a;
  border-radius: var(--radius);
}

.demo-notice strong {
  display: block;
  color: var(--gold);
  font-size: 14px;
}

.demo-notice p {
  margin-top: 6px;
  color: #e8c87b;
  font-size: 13px;
}

.account-setup {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);
  gap: 64px;
  align-items: center;
  max-width: 980px;
  margin: 26px auto 0;
  padding: 42px;
}

.account-setup-copy p {
  max-width: 520px;
  margin-top: 14px;
  color: var(--muted);
}

.account-form,
.wallet-form {
  display: grid;
  gap: 16px;
}

.account-check {
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: 10px;
  color: var(--muted);
  font-weight: 500;
}

.account-check input {
  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 2px 0 0;
  accent-color: var(--green);
}

.form-message {
  min-height: 20px;
  color: var(--muted);
  font-size: 13px;
}

.form-message.success {
  color: var(--green-dark);
}

.form-message.error {
  color: var(--red);
}

.wallet-dashboard {
  margin-top: 24px;
}

.wallet-header,
.wallet-header-actions,
.transaction-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.wallet-header {
  margin-bottom: 24px;
}

.wallet-header .eyebrow {
  margin-bottom: 6px;
}

.network-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  color: var(--green-dark);
  background: var(--green-soft);
  border: 1px solid #2d7652;
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 700;
}

.network-pill i {
  width: 8px;
  height: 8px;
  background: var(--green);
  border-radius: 50%;
}

.wallet-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 16px;
}

.wallet-total-card,
.wallet-address-card {
  min-width: 0;
  padding: 28px;
  border-radius: var(--radius);
}

.wallet-total-card {
  color: white;
  background: #0f573b;
}

.wallet-total-card > span,
.wallet-address-card > span {
  font-size: 13px;
  font-weight: 600;
}

.wallet-total-card > span,
.wallet-total-card p {
  color: rgba(255, 255, 255, 0.72);
}

.wallet-total-card strong {
  display: block;
  margin-top: 8px;
  color: white;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
}

.wallet-total-card p {
  margin-top: 10px;
  font-size: 13px;
}

.wallet-address-card {
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.wallet-address-card > span {
  color: var(--muted);
}

.wallet-address-card strong {
  display: block;
  margin-top: 12px;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.text-button {
  margin-top: 15px;
  padding: 0;
  color: var(--green-dark);
  background: transparent;
  border: 0;
  font-weight: 700;
  cursor: pointer;
}

.balance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.balance-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 20px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.asset-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: white;
  border-radius: 50%;
  font-weight: 700;
}

.balance-card > div:nth-child(2) strong,
.balance-card > div:nth-child(2) span,
.asset-balance strong,
.asset-balance span {
  display: block;
}

.balance-card > div:nth-child(2) strong,
.asset-balance strong {
  font-size: 14px;
}

.balance-card > div:nth-child(2) span,
.asset-balance span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.asset-balance {
  text-align: right;
}

.wallet-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.wallet-action-card {
  align-self: start;
}

.transaction-preview {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 13px;
}

.transaction-preview strong {
  color: var(--ink);
}

.receive-address-box {
  padding: 18px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.receive-address-box > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.receive-address-box strong {
  display: block;
  margin: 10px 0 16px;
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.receive-address-box .button {
  width: 100%;
}

.receive-form {
  margin-top: 18px;
}

.receive-help {
  color: var(--muted);
  font-size: 13px;
}

.transaction-section {
  margin-top: 16px;
}

.transaction-heading {
  margin-bottom: 20px;
}

.transaction-heading .panel-kicker {
  margin-bottom: 6px;
}

.transaction-filter {
  grid-template-columns: auto 170px;
  align-items: center;
}

.transaction-filter select {
  min-height: 40px;
}

.transaction-list {
  display: grid;
}

.transaction-row {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) minmax(170px, 0.55fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.transaction-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
}

.transaction-icon.sent {
  color: var(--red);
  background: var(--red-soft);
}

.transaction-icon.received {
  color: var(--green-dark);
  background: var(--green-soft);
}

.transaction-details strong,
.transaction-details span,
.transaction-amount strong,
.transaction-amount span {
  display: block;
}

.transaction-details strong,
.transaction-amount strong {
  font-size: 14px;
}

.transaction-details span,
.transaction-row time,
.transaction-amount span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.transaction-amount {
  text-align: right;
}

.transaction-amount.sent strong {
  color: var(--red);
}

.transaction-amount.received strong {
  color: var(--green-dark);
}

.transaction-empty {
  padding: 26px 0;
  color: var(--muted);
  text-align: center;
}

.testnet-notice {
  padding: 18px;
  background: var(--info-soft);
  border: 1px solid var(--info-line);
  border-radius: var(--radius);
}

.testnet-notice strong {
  display: block;
  color: var(--info);
  font-size: 14px;
}

.testnet-notice p {
  margin-top: 6px;
  color: #b2d4fa;
  font-size: 13px;
}

.connection-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 0.9fr);
  gap: 46px;
  align-items: start;
  max-width: 1080px;
  margin: 18px auto 0;
  padding: 34px;
}

.connection-copy p {
  max-width: 540px;
  margin-top: 14px;
  color: var(--muted);
}

.connection-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.email-auth-box,
.connect-wallet-box {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.email-auth-box > strong,
.connect-wallet-box > strong {
  font-size: 15px;
}

.email-auth-box label {
  gap: 5px;
  font-size: 12px;
}

.email-auth-box input {
  min-height: 40px;
}

.email-auth-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.email-auth-buttons .button {
  min-height: 40px;
  padding: 0 10px;
  font-size: 13px;
}

.connect-wallet-box > p:not(.form-message) {
  color: var(--muted);
  font-size: 13px;
}

.wallet-install-link {
  color: var(--green-dark);
  font-size: 13px;
  font-weight: 700;
}

.testnet-balance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.eth-icon {
  background: #667eea;
}

.usdc-icon {
  background: #2775ca;
}

.faucet-card {
  min-width: 0;
  padding: 20px;
  color: var(--info);
  background: var(--info-soft);
  border: 1px solid var(--info-line);
  border-radius: var(--radius);
}

.faucet-card span,
.faucet-card strong,
.faucet-card p {
  display: block;
}

.faucet-card span {
  font-size: 12px;
  font-weight: 600;
}

.faucet-card strong {
  margin-top: 8px;
  font-size: 17px;
}

.faucet-card p {
  margin-top: 6px;
  color: #b2d4fa;
  font-size: 12px;
}

.receive-steps {
  display: grid;
  gap: 9px;
  margin: 20px 0;
}

.receive-steps p {
  color: var(--muted);
  font-size: 13px;
}

.receive-steps strong {
  display: inline-grid;
  place-items: center;
  width: 19px;
  height: 19px;
  margin-right: 7px;
  color: var(--green-dark);
  background: var(--green-soft);
  border-radius: 50%;
  font-size: 11px;
}

.full-width {
  width: 100%;
}

.history-actions {
  display: flex;
  align-items: end;
  gap: 16px;
}

.history-note {
  margin: -4px 0 18px;
  color: var(--muted);
  font-size: 13px;
}

.transaction-row > a {
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 700;
}

.reveal {
  opacity: 1;
  transform: none;
}

.topbar-actions,
.app-account {
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-account {
  color: var(--muted);
  font-size: 13px;
}

.auth-page {
  min-height: 100vh;
  background: var(--soft);
}

.auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.7fr);
  gap: 72px;
  align-items: stretch;
  width: min(100%, var(--content));
  min-height: 100vh;
  margin: 0 auto;
  padding: 28px 24px;
}

.auth-brand-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 620px;
  padding: 24px 0;
}

.auth-brand-panel > div:nth-child(2) {
  max-width: 650px;
}

.auth-brand-panel h1 {
  max-width: 650px;
  margin: 14px 0 20px;
}

.auth-brand-panel p:not(.eyebrow) {
  max-width: 580px;
  color: var(--muted);
  font-size: 18px;
}

.auth-feature-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.auth-feature-list span {
  padding: 14px;
  color: var(--green-dark);
  background: var(--green-soft);
  border: 1px solid #2d7652;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 700;
}

.auth-card {
  align-self: center;
  padding: 38px;
}

.auth-card h2 {
  margin: 10px 0 12px;
  font-size: 32px;
}

.auth-card > p:not(.form-message):not(.auth-fine-print) {
  color: var(--muted);
}

.google-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 50px;
  margin-top: 28px;
  padding: 0 18px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  font-weight: 700;
  cursor: pointer;
}

.google-button:hover:not(:disabled) {
  border-color: var(--green);
  color: var(--green-dark);
}

.google-button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.google-mark {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #4285f4;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 14px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.auth-divider::before,
.auth-divider::after {
  flex: 1;
  height: 1px;
  content: "";
  background: var(--line);
}

.auth-fine-print {
  color: var(--muted);
  font-size: 13px;
}

.auth-back-link {
  display: inline-block;
  margin-top: 24px;
  color: var(--green-dark);
  font-size: 14px;
  font-weight: 700;
}

.app-shell {
  width: min(100%, var(--content));
  margin: 0 auto;
  padding: 68px 24px 82px;
}

.app-welcome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.46fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}

.app-welcome h1 {
  margin: 10px 0 14px;
}

.app-welcome > div > p:not(.eyebrow) {
  max-width: 660px;
  color: var(--muted);
  font-size: 18px;
}

.app-status-card {
  padding: 22px;
  background: var(--green-soft);
  border: 1px solid #2d7652;
  border-radius: var(--radius);
}

.app-status-card span,
.app-status-card p {
  color: var(--green-dark);
  font-size: 13px;
}

.app-status-card strong {
  display: block;
  margin: 4px 0;
  font-size: 20px;
}

.app-overview-grid,
.app-modules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.app-overview-grid {
  margin-bottom: 50px;
}

.app-modules {
  padding-top: 34px;
  border-top: 1px solid var(--line);
}

.app-module {
  min-height: 252px;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-module:hover {
  border-color: #3f8d67;
  box-shadow: var(--shadow-hover);
  transform: translateY(-2px);
}

.app-module h2 {
  margin: 10px 0 12px;
  font-size: 25px;
}

.app-module p {
  color: var(--muted);
}

.app-module strong {
  display: block;
  margin-top: 22px;
  color: var(--green-dark);
  font-size: 14px;
}

.app-workspace-section {
  margin-top: 52px;
}

.app-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 22px;
}

.app-section-heading h2 {
  margin-top: 8px;
}

.app-section-heading > p {
  max-width: 390px;
  color: var(--muted);
  font-size: 14px;
}

.app-market-panel {
  padding: 0;
  overflow: hidden;
}

.app-market-controls,
.app-tool-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.38fr);
  gap: 14px;
  padding: 20px;
  border-bottom: 1px solid var(--line);
}

.app-market-table-wrap {
  overflow-x: auto;
}

.app-market-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.app-market-table th,
.app-market-table td {
  padding: 15px 20px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}

.app-market-table th {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.app-market-table td span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.app-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.app-tool-grid .panel h2 {
  margin: 8px 0 18px;
}

.app-tool-form {
  padding: 0 0 20px;
}

.app-converter-form {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.4fr);
}

.app-tool-result {
  margin-top: 20px;
  padding: 18px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.app-tool-result span,
.app-tool-result p {
  color: var(--muted);
  font-size: 13px;
}

.app-tool-result strong {
  display: block;
  margin: 5px 0;
  font-size: 28px;
}

.app-wallet-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.48fr);
  gap: 24px;
  align-items: end;
}

.app-wallet-panel h3 {
  margin: 8px 0;
}

.app-wallet-panel p {
  color: var(--muted);
  font-size: 14px;
}

.app-wallet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.app-wallet-address {
  padding: 18px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.app-wallet-address span {
  color: var(--muted);
  font-size: 12px;
}

.app-wallet-address strong {
  display: block;
  margin: 8px 0;
  overflow-wrap: anywhere;
}

.app-prep-list {
  display: grid;
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.app-prep-list > .eyebrow {
  align-self: center;
}

.app-prep-list > div {
  padding-left: 14px;
  border-left: 1px solid var(--line);
}

.app-prep-list span {
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 700;
}

.app-prep-list p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 980px) {
  .nav {
    display: none;
  }

  .intro-band {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .intro-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intro-actions .live-pill {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .market-overview,
  .insight-grid,
  .learn-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tool-layout {
    grid-template-columns: 1fr;
  }

  .peg-tool {
    grid-row: auto;
  }

  .reserve-layout {
    grid-template-columns: 1fr;
  }

  .reserve-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet-intro,
  .account-setup,
  .wallet-summary-grid,
  .wallet-action-grid {
    grid-template-columns: 1fr;
  }

  .connection-panel,
  .testnet-balance-grid {
    grid-template-columns: 1fr;
  }

  .connection-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wallet-intro {
    gap: 24px;
  }

  .account-setup {
    gap: 30px;
  }

  .balance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transaction-row {
    grid-template-columns: auto minmax(180px, 1fr) auto;
  }

  .transaction-row time {
    display: none;
  }

  .auth-shell,
  .app-welcome {
    grid-template-columns: 1fr;
  }

  .auth-shell {
    gap: 18px;
  }

  .auth-brand-panel {
    min-height: 0;
    gap: 42px;
  }

  .app-overview-grid,
  .app-modules {
    grid-template-columns: 1fr;
  }

  .app-tool-grid,
  .app-wallet-panel,
  .app-prep-list {
    grid-template-columns: 1fr;
  }

  .app-section-heading {
    align-items: start;
    flex-direction: column;
  }

  .app-prep-list > div {
    padding: 14px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}

@media (max-width: 680px) {
  html {
    scroll-padding-top: 72px;
  }

  .topbar {
    min-height: 64px;
    padding: 10px 16px;
  }

  .topbar .button,
  .topbar .nav-cta {
    min-height: 40px;
    padding: 0 12px;
    font-size: 13px;
  }

  .topbar-actions .button:first-child {
    display: none;
  }

  .app-account span {
    display: none;
  }

  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 31px;
  }

  .intro-band {
    padding: 54px 16px 36px;
  }

  .intro-text {
    font-size: 17px;
  }

  .intro-actions {
    grid-template-columns: 1fr;
  }

  .intro-actions .live-pill {
    grid-column: auto;
  }

  .market-overview {
    grid-template-columns: 1fr;
    padding: 0 16px 44px;
  }

  .metric-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 16px;
    align-items: center;
  }

  .metric-card strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    margin: 0;
    font-size: 22px;
    text-align: right;
  }

  .metric-card p {
    margin: 0;
  }

  .workspace-section,
  .tools-section,
  .insights-section,
  .reserve-section,
  .learn-section {
    padding: 58px 16px;
  }

  .section-heading-row {
    display: block;
  }

  .section-heading-row > p {
    margin-top: 14px;
  }

  .panel {
    padding: 20px;
  }

  .market-panel {
    padding: 0;
  }

  .market-toolbar,
  .peg-controls,
  .converter-form,
  .insight-grid,
  .learn-grid,
  .reserve-tabs {
    grid-template-columns: 1fr;
  }

  .market-status-row {
    align-items: flex-start;
  }

  .result-box strong,
  .conversion-result,
  .mood-box strong {
    font-size: 26px;
  }

  .watch-item,
  .signal-row {
    grid-template-columns: 1fr;
  }

  .signal-row span {
    text-align: left;
  }

  .visual-break {
    min-height: 460px;
    padding: 36px 20px;
  }

  .visual-break::after {
    background: linear-gradient(180deg, rgba(8, 24, 18, 0.38), rgba(8, 24, 18, 0.96));
  }

  .footer {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 42px 16px 24px;
  }

  .footer-links,
  .legal-content {
    grid-template-columns: 1fr;
  }

  .legal-page {
    padding: 0 16px 58px;
  }

  .legal-hero {
    padding: 58px 0 32px;
  }

  .legal-hero h1 {
    font-size: 42px;
  }

  .wallet-shell {
    padding: 0 16px 58px;
  }

  .wallet-intro {
    padding: 50px 0 30px;
  }

  .wallet-intro h1 {
    font-size: 40px;
  }

  .connection-panel {
    margin-top: 10px;
    padding: 22px;
  }

  .connection-actions,
  .email-auth-buttons {
    grid-template-columns: 1fr;
  }

  .account-setup {
    margin-top: 14px;
    padding: 22px;
  }

  .wallet-header,
  .wallet-header-actions,
  .transaction-heading,
  .history-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wallet-header-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .wallet-total-card,
  .wallet-address-card {
    padding: 22px;
  }

  .wallet-total-card strong {
    font-size: 36px;
  }

  .balance-grid {
    grid-template-columns: 1fr;
  }

  .transaction-filter {
    grid-template-columns: 1fr;
  }

  .transaction-row {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .transaction-amount {
    grid-column: 2;
    text-align: left;
  }

  .auth-shell {
    padding: 16px;
  }

  .auth-brand-panel {
    gap: 30px;
    padding: 8px 0;
  }

  .auth-brand-panel h1 {
    font-size: 42px;
  }

  .auth-feature-list {
    grid-template-columns: 1fr;
  }

  .auth-card {
    padding: 24px;
  }

  .auth-card h2 {
    font-size: 28px;
  }

  .app-shell {
    padding: 48px 16px 60px;
  }

  .app-welcome {
    gap: 24px;
    margin-bottom: 22px;
  }

  .app-welcome h1 {
    font-size: 42px;
  }

  .app-overview-grid {
    margin-bottom: 38px;
  }

  .app-market-controls,
  .app-tool-form,
  .app-converter-form {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* 2026 public site architecture */
.new-home {
  --nh-bg: #f3f1ea;
  --nh-paper: #fbfaf6;
  --nh-ink: #101411;
  --nh-muted: #657069;
  --nh-line: #cfd4cd;
  --nh-mint: var(--primary);
  --nh-green: #16663c;
  --nh-yellow: #f3df6d;
  --nh-coral: #f28b73;
  --nh-blue: #9ec9ff;
  color: var(--nh-ink);
  background: var(--nh-bg);
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
}

.new-home h1,
.new-home h2,
.new-home h3,
.new-home h4,
.new-home strong,
.new-home b {
  color: inherit;
  font-weight: 700;
  letter-spacing: 0;
}

.site-noise {
  position: fixed;
  z-index: 100;
  inset: 0;
  opacity: 0.025;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.new-nav,
.new-hero,
.market-tape,
.new-section,
.final-cta,
.new-footer {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.new-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 64px;
  padding: 8px max(28px, calc((100vw - 1200px) / 2));
  background: rgba(243, 241, 234, 0.9);
  border-bottom: 1px solid rgba(16, 20, 17, 0.12);
  backdrop-filter: blur(18px);
  transition: transform 220ms ease;
}

.new-nav.nav-hidden { transform: translateY(-100%); }

.new-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-size: 18px;
  font-weight: 700;
}

.new-brand-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--nh-ink);
  background: var(--nh-mint);
  border: 1px solid var(--nh-ink);
  border-radius: 50%;
  box-shadow: 3px 3px 0 var(--nh-ink);
}

.new-nav-links,
.new-nav-actions,
.hero-actions,
.hero-proof,
.tape-track,
.live-heading-side,
.check-row,
.footer-top,
.footer-social,
.footer-bottom-new {
  display: flex;
  align-items: center;
}

.new-nav-links { gap: 30px; color: #3e4842; font-size: 13px; font-weight: 600; }
.new-nav-links a { position: relative; }
.new-nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--nh-ink); transition: right 220ms ease; }
.new-nav-links a:hover::after { right: 0; }
.new-nav-actions { justify-content: flex-end; gap: 18px; }
.text-link { font-size: 13px; font-weight: 700; }

.new-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid var(--nh-ink);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
}
.new-button:hover { transform: translateY(-2px); box-shadow: 0 7px 0 rgba(16,20,17,.14); }
.button-light { background: var(--nh-paper); color: var(--nh-ink); }
.button-mint { background: var(--nh-mint); color: var(--nh-ink); }
.button-ghost { border-color: rgba(255,255,255,.42); color: white; background: rgba(255,255,255,.04); }
.button-dark { color: white; background: var(--nh-ink); }
.menu-toggle { display: none; }

.new-hero {
  position: relative;
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  min-height: calc(100vh - 76px);
  overflow: hidden;
  color: white;
  background: #101411;
  border-radius: 0 0 8px 8px;
  padding-inline: max(28px, calc((100vw - 1200px) / 2));
}
.new-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero-copy { position: relative; z-index: 2; align-self: center; padding: 86px 52px 86px 0; }
.status-chip { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; color: #d6ded8; border: 1px solid #39443d; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.status-chip i, .window-status i, .tape-label i { width: 7px; height: 7px; background: var(--nh-mint); border-radius: 50%; box-shadow: 0 0 0 4px rgba(0,212,140,.14); }
.hero-copy h1 { margin-top: 32px; color: white; font-size: clamp(64px, 6.2vw, 102px); line-height: .93; font-weight: 700; }
.hero-copy h1 span { color: var(--nh-mint); }
.hero-copy > p { max-width: 580px; margin-top: 28px; color: #aab6ae; font-size: 18px; line-height: 1.65; }
.hero-actions { flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.hero-proof { flex-wrap: wrap; gap: 18px; margin-top: 30px; color: #7f8b83; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.hero-proof span::before { content: "✓"; color: var(--nh-mint); }

.product-stage { position: relative; z-index: 1; display: grid; place-items: center; min-width: 0; padding: 70px 44px 70px 16px; }
.stage-glow { position: absolute; width: 440px; height: 440px; background: var(--nh-mint); border-radius: 50%; opacity: .17; filter: blur(90px); }
.product-window { position: relative; width: 100%; max-width: 770px; overflow: hidden; color: var(--nh-ink); background: #f8f8f3; border: 1px solid rgba(255,255,255,.46); border-radius: 8px; box-shadow: 0 34px 80px rgba(0,0,0,.4), 14px 14px 0 rgba(0,212,140,.16); transform: perspective(1400px) rotateY(-4deg) rotateX(2deg); transition: transform 400ms cubic-bezier(.2,.8,.2,1); }
.product-window:hover { transform: perspective(1400px) rotateY(-1deg) rotateX(0); }
.window-bar { display: flex; align-items: center; justify-content: space-between; height: 58px; padding: 0 20px; border-bottom: 1px solid #daddd7; }
.window-brand, .window-status { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; }
.window-brand i { display: grid; place-items: center; width: 23px; height: 23px; color: var(--nh-ink); background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 50%; font-style: normal; }
.window-status { color: #557160; }
.window-status i { width: 6px; height: 6px; box-shadow: none; }
.window-body { display: grid; grid-template-columns: 56px 1fr; min-height: 490px; }
.window-sidebar { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 26px; background: #f0f0e9; border-right: 1px solid #daddd7; }
.window-sidebar span { width: 20px; height: 20px; border: 1px solid #aab0aa; border-radius: 4px; }
.window-sidebar span.active { background: var(--nh-ink); border-color: var(--nh-ink); box-shadow: inset 0 0 0 6px var(--nh-mint); }
.window-content { min-width: 0; padding: 30px; }
.preview-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.preview-heading small, .float-card span, .float-card small { display: block; color: #768078; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.preview-heading strong { display: block; margin-top: 7px; font-size: 33px; }
.preview-heading > span { padding: 7px 10px; color: var(--nh-green); background: #dff7e7; border-radius: 999px; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.preview-chart { position: relative; height: 190px; margin-top: 20px; border-bottom: 1px solid #daddd7; background-image: linear-gradient(#e4e6e1 1px, transparent 1px); background-size: 100% 45px; }
.preview-chart svg { width: 100%; height: 100%; overflow: visible; }
.chart-fill { fill: rgba(90, 219, 140, .16); }
.chart-line { fill: none; stroke: #16854b; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 3px 5px rgba(22,133,75,.25)); }
.chart-dot { position: absolute; top: 11px; right: 7%; width: 13px; height: 13px; background: var(--nh-paper); border: 4px solid #16854b; border-radius: 50%; }
.chart-dot span { position: absolute; right: -10px; bottom: 20px; width: max-content; padding: 5px 8px; background: var(--nh-ink); color: white; border-radius: 4px; font-size: 9px; font-weight: 700; }
.preview-coins { display: grid; margin-top: 14px; }
.preview-coins > div { display: grid; grid-template-columns: auto 1fr auto 58px; align-items: center; gap: 11px; min-height: 57px; border-bottom: 1px solid #e1e3df; font-size: 11px; }
.coin-logo { display: grid; place-items: center; width: 29px; height: 29px; color: white; border-radius: 50%; font-size: 10px; font-weight: 700; }
.coin-logo.usdc { background: #2876ca; }.coin-logo.usdt { background: #19a77c; }.coin-logo.dai { background: #efad25; }
.preview-coins p strong, .preview-coins p small { display: block; }.preview-coins p small { color: #7b847e; font-size: 9px; }.preview-coins em { font-style: normal; text-align: right; }
.float-card { position: absolute; z-index: 3; padding: 16px; color: var(--nh-ink); background: rgba(255,255,255,.94); border: 1px solid white; border-radius: 8px; box-shadow: 0 18px 40px rgba(0,0,0,.25); backdrop-filter: blur(12px); animation: float-card 5s ease-in-out infinite; }
.float-card strong { display: block; margin: 5px 0 3px; font-size: 20px; }
.float-peg { top: 17%; right: 4%; }
.float-safety { left: 2%; bottom: 13%; display: flex; align-items: center; gap: 10px; animation-delay: -2s; }
.float-safety > i { display: grid; place-items: center; width: 31px; height: 31px; background: var(--nh-mint); border-radius: 50%; font-style: normal; }
.float-safety strong, .float-safety span { display: block; }.float-safety strong { margin: 0; font-size: 12px; }.float-safety span { margin-top: 3px; font-size: 9px; }
@keyframes float-card { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

.market-tape { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; min-height: 80px; padding: 16px max(28px, calc((100vw - 1200px) / 2)); background: var(--nh-yellow); border-bottom: 1px solid var(--nh-ink); }
.tape-label { display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; text-transform: uppercase; }.tape-label i { background: var(--nh-ink); box-shadow: none; }
.tape-track { justify-content: center; gap: clamp(20px, 4vw, 58px); }.tape-track span { color: #645c2c; font-size: 10px; font-weight: 700; text-transform: uppercase; }.tape-track strong { margin-left: 7px; color: var(--nh-ink); font-size: 13px; }
.market-tape > p { color: #645c2c; font-size: 10px; text-align: right; }

.new-section { padding: 120px max(48px, calc((100vw - 1200px) / 2)); }
.new-eyebrow { margin-bottom: 16px; color: var(--nh-green); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; margin-bottom: 52px; }
.split-heading h2, .center-heading h2, .faq-heading h2, .risk-intro h2 { font-size: clamp(44px, 5vw, 72px); line-height: 1.02; }
.split-heading > p, .split-heading > .live-heading-side > p, .center-heading > p:last-child { max-width: 510px; color: var(--nh-muted); font-size: 16px; line-height: 1.7; }
.center-heading { max-width: 900px; margin: 0 auto 62px; text-align: center; }.center-heading > p:last-child { margin: 20px auto 0; }

.clarity-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; }
.feature-block { position: relative; min-height: 350px; padding: 28px; overflow: hidden; background: var(--nh-paper); border: 1px solid var(--nh-line); border-radius: 8px; transition: transform 260ms ease, box-shadow 260ms ease; }
.feature-block:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(16,20,17,.1); }
.feature-large { grid-row: span 2; min-height: 716px; background: var(--nh-mint); border-color: var(--nh-ink); }
.feature-number { color: #727c75; font-size: 10px; font-weight: 700; }
.feature-icon { display: grid; place-items: center; width: 62px; height: 62px; margin-top: 56px; background: var(--nh-bg); border: 1px solid var(--nh-ink); border-radius: 50%; font-size: 26px; box-shadow: 5px 5px 0 var(--nh-ink); }
.feature-block h3 { max-width: 430px; margin-top: 34px; font-size: 32px; line-height: 1.12; }.feature-block > p { max-width: 430px; margin-top: 15px; color: var(--nh-muted); }
.mini-market { position: absolute; left: 28px; right: 28px; bottom: 28px; padding: 10px 18px; background: var(--nh-paper); border: 1px solid var(--nh-ink); border-radius: 8px; box-shadow: 7px 7px 0 var(--nh-ink); }
.mini-market div { display: grid; grid-template-columns: 1fr auto 64px; align-items: center; min-height: 50px; border-bottom: 1px solid var(--nh-line); font-size: 11px; }.mini-market div:last-child { border: 0; }.mini-market i { font-style: normal; text-align: right; }
.mini-peg { position: absolute; left: 28px; right: 28px; bottom: 38px; height: 9px; background: linear-gradient(90deg, var(--nh-coral), var(--nh-yellow), #53ce8a); border-radius: 999px; }.mini-peg i { position: absolute; left: 52%; top: 50%; width: 22px; height: 22px; background: var(--nh-paper); border: 5px solid var(--nh-ink); border-radius: 50%; transform: translate(-50%,-50%); }
.learning-tags { position: absolute; left: 28px; right: 28px; bottom: 28px; display: flex; flex-wrap: wrap; gap: 8px; }.learning-tags span { padding: 8px 11px; background: #e7e9e4; border-radius: 999px; font-size: 10px; font-weight: 700; }
.feature-block:not(.feature-large) { display: flex; flex-direction: column; }
.feature-block:not(.feature-large) .feature-icon { margin-top: 32px; }
.feature-block:not(.feature-large) h3 { margin-top: 24px; }
.feature-block:not(.feature-large) .mini-peg,
.feature-block:not(.feature-large) .learning-tags { position: static; width: 100%; margin-top: 22px; }
.feature-block:not(.feature-large) .mini-peg { position: relative; right: auto; bottom: auto; left: auto; }

.flow-section { background: var(--nh-paper); border-block: 1px solid var(--nh-line); }
.flow-section .center-heading { margin-bottom: 36px; }
.flow-line { position: relative; height: 1px; margin: 0 16%; background: var(--nh-line); }.flow-line span { position: absolute; left: 0; top: -2px; width: 35%; height: 5px; background: var(--nh-mint); animation: flow-progress 5s ease-in-out infinite alternate; }@keyframes flow-progress { to { left: 65%; } }
.flow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-top: 50px; }
.flow-grid article { text-align: center; }.flow-grid article > span { display: grid; place-items: center; width: 30px; height: 30px; margin: 0 auto; background: var(--nh-ink); color: white; border-radius: 50%; font-size: 11px; }.flow-grid h3 { margin-top: 26px; font-size: 25px; }.flow-grid p { max-width: 340px; margin: 10px auto 0; color: var(--nh-muted); font-size: 14px; }
.flow-visual { position: relative; display: grid; place-items: center; width: 170px; height: 170px; margin: 34px auto 0; background: var(--nh-bg); border: 1px solid var(--nh-line); border-radius: 50%; }
.explore-visual i { position: absolute; width: 54px; height: 54px; border: 1px solid var(--nh-ink); border-radius: 50%; }.explore-visual i:nth-child(1) { left: 25px; background: var(--nh-mint); }.explore-visual i:nth-child(2) { right: 25px; background: var(--nh-yellow); }.explore-visual i:nth-child(3) { top: 32px; background: var(--nh-blue); }
.compare-visual { display: flex; gap: 8px; }.compare-visual b { display: grid; place-items: center; width: 58px; height: 76px; border: 1px solid var(--nh-ink); border-radius: 5px; font-size: 13px; }.compare-visual b:first-child { background: var(--nh-mint); transform: translateY(-7px); }.compare-visual b:last-child { background: var(--nh-coral); transform: translateY(7px); }
.test-visual i { display: grid; place-items: center; width: 70px; height: 70px; background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 50%; box-shadow: 6px 6px 0 var(--nh-ink); font-size: 28px; font-style: normal; }

.live-section { color: white; background: #101411; }
.live-section .new-eyebrow { color: var(--nh-mint); }.live-section .split-heading > p, .live-section .live-heading-side p { color: #9ba79f; }.live-heading-side { align-items: end; gap: 24px; }.refresh-circle { flex: 0 0 auto; width: 48px; height: 48px; color: white; background: transparent; border: 1px solid #536158; border-radius: 50%; font-size: 19px; cursor: pointer; transition: transform 300ms ease; }.refresh-circle:hover { transform: rotate(90deg); border-color: var(--nh-mint); }
.market-panel-new { overflow: hidden; color: var(--nh-ink); background: #f8f8f3; border: 1px solid #425047; border-radius: 8px; box-shadow: 12px 12px 0 rgba(0,212,140,.14); }
.market-status-new { display: flex; justify-content: space-between; gap: 20px; padding: 12px 20px; color: var(--nh-muted); background: #eeefe9; border-bottom: 1px solid var(--nh-line); font-size: 10px; }.new-home table { color: var(--nh-ink); }.new-home th { color: #657069; background: #eeefe9; }.new-home td, .new-home th { border-color: var(--nh-line); }.new-home tbody tr:hover { background: #eef8f1; }.new-home .row-button { color: var(--nh-green); background: #e1f7e9; border-color: #9dd8b3; }

.tools-lab { background: var(--nh-yellow); }
.lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.lab-card { padding: 30px; background: var(--nh-paper); border: 1px solid var(--nh-ink); border-radius: 8px; box-shadow: 8px 8px 0 var(--nh-ink); }.lab-card-head { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 34px; }.lab-card-head span { color: var(--nh-green); font-size: 10px; font-weight: 700; letter-spacing: .1em; }.lab-card-head h3 { margin-top: 6px; font-size: 29px; }.lab-card-head > i { font-size: 12px; font-style: normal; }.new-home .lab-card input, .new-home .lab-card select { color: var(--nh-ink); background: white; border-color: var(--nh-line); }.new-home .lab-card .result-box, .new-home .lab-card .conversion-result { background: #eceee8; border-color: var(--nh-line); }.new-home .lab-card .result-box strong, .new-home .lab-card .conversion-result { color: var(--nh-ink); }.new-home .converter-form { grid-template-columns: .75fr 1fr .7fr; }.lab-note { margin-top: 12px; color: var(--nh-muted); font-size: 11px; }

.use-section { background: var(--nh-bg); }.use-layout { display: grid; grid-template-columns: .38fr .62fr; gap: 18px; }.use-tabs { display: grid; align-content: start; }.use-tab { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 12px; min-height: 72px; padding: 0 18px; color: var(--nh-muted); background: transparent; border: 0; border-bottom: 1px solid var(--nh-line); text-align: left; cursor: pointer; }.use-tab span { font-size: 9px; }.use-tab b { font-size: 14px; }.use-tab i { opacity: 0; font-style: normal; transition: opacity 160ms ease; }.use-tab.active { color: var(--nh-ink); background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 6px; box-shadow: 4px 4px 0 var(--nh-ink); }.use-tab.active i { opacity: 1; }
.use-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 42px; align-items: center; min-height: 490px; padding: 44px; color: white; background: #101411; border-radius: 8px; }.use-panel h3 { margin-top: 8px; font-size: 38px; line-height: 1.08; }.use-panel > div:last-child > p:not(.new-eyebrow) { margin-top: 18px; color: #a3afa7; line-height: 1.7; }.use-panel a { display: inline-flex; gap: 10px; margin-top: 28px; padding-bottom: 6px; color: var(--nh-mint); border-bottom: 1px solid var(--nh-mint); font-size: 12px; font-weight: 700; }
.use-visual { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid #3f4c44; border-radius: 50%; }.globe-ring { position: absolute; inset: 17%; border: 1px solid #536158; border-radius: 50%; }.ring-two { inset: 6% 35%; }.point { position: absolute; width: 13px; height: 13px; background: var(--nh-mint); border: 4px solid #101411; border-radius: 50%; box-shadow: 0 0 0 1px var(--nh-mint); }.point-a { left: 18%; top: 35%; }.point-b { right: 16%; bottom: 31%; }.transfer-line { position: absolute; left: 23%; top: 39%; width: 61%; height: 34%; border: 2px dashed var(--nh-yellow); border-left: 0; border-bottom: 0; border-radius: 50%; transform: rotate(18deg); }.use-visual b { position: absolute; left: 50%; top: 50%; padding: 11px 14px; color: var(--nh-ink); background: var(--nh-yellow); border-radius: 5px; font-size: 14px; transform: translate(-50%,-50%); }

.reserve-new { background: var(--nh-paper); border-block: 1px solid var(--nh-line); }.reserve-layout-new { display: grid; grid-template-columns: .35fr .65fr; gap: 18px; }.reserve-layout-new .reserve-tabs { gap: 0; }.new-home .reserve-layout-new .reserve-tab { display: flex; gap: 15px; align-items: center; min-height: 66px; color: var(--nh-muted); background: transparent; border: 0; border-bottom: 1px solid var(--nh-line); border-radius: 0; }.new-home .reserve-layout-new .reserve-tab span { font-size: 9px; }.new-home .reserve-layout-new .reserve-tab.active { color: var(--nh-ink); background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 6px; box-shadow: 4px 4px 0 var(--nh-ink); }
.reserve-panel-new { display: grid; grid-template-columns: .72fr 1.28fr; gap: 46px; align-items: center; min-height: 430px; padding: 44px; background: var(--nh-bg); border: 1px solid var(--nh-line); border-radius: 8px; }.reserve-panel-new h3 { font-size: 34px; line-height: 1.12; }.reserve-panel-new > div:last-child > p:not(.new-eyebrow) { margin-top: 16px; color: var(--nh-muted); line-height: 1.7; }.reserve-orbit { position: relative; display: grid; place-items: center; aspect-ratio: 1; border: 1px solid var(--nh-line); border-radius: 50%; }.reserve-orbit::before { content: ""; position: absolute; inset: 18%; border: 1px dashed #8f9891; border-radius: 50%; animation: orbit-spin 18s linear infinite; }.reserve-orbit span { display: grid; place-items: center; width: 76px; height: 76px; background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 50%; box-shadow: 6px 6px 0 var(--nh-ink); font-size: 30px; font-weight: 700; }.reserve-orbit i { position: absolute; width: 18px; height: 18px; background: var(--nh-yellow); border: 1px solid var(--nh-ink); border-radius: 50%; }.reserve-orbit i:nth-of-type(1) { top: 18%; left: 24%; }.reserve-orbit i:nth-of-type(2) { right: 13%; bottom: 32%; background: var(--nh-coral); }.reserve-orbit i:nth-of-type(3) { left: 15%; bottom: 19%; background: var(--nh-blue); }@keyframes orbit-spin { to { transform: rotate(360deg); } }.check-row { flex-wrap: wrap; gap: 7px; margin-top: 24px; }.check-row span { padding: 8px 10px; background: var(--nh-paper); border: 1px solid var(--nh-line); border-radius: 999px; font-size: 9px; font-weight: 700; text-transform: uppercase; }

.risk-section { display: grid; grid-template-columns: .76fr 1.24fr; gap: 90px; color: white; background: #101411; }.risk-intro { position: sticky; top: 120px; align-self: start; }.risk-intro .new-eyebrow { color: var(--nh-mint); }.risk-intro > p:not(.new-eyebrow) { max-width: 480px; margin-top: 22px; color: #9ba79f; line-height: 1.7; }.risk-intro .new-button { margin-top: 30px; }.risk-stack { display: grid; }.risk-stack article { display: grid; grid-template-columns: 36px 1fr auto; gap: 20px; align-items: center; min-height: 126px; border-bottom: 1px solid #3d4941; }.risk-stack article > span { color: #7f8c83; font-size: 10px; }.risk-stack h3 { font-size: 22px; }.risk-stack p { margin-top: 7px; color: #919d95; font-size: 13px; }.risk-stack i { padding: 7px 10px; color: var(--nh-mint); border: 1px solid #506057; border-radius: 999px; font-size: 9px; font-style: normal; text-transform: uppercase; }

.glossary-section { background: var(--nh-blue); }.glossary-grid { display: grid; grid-template-columns: repeat(3,1fr); }.glossary-grid article { min-height: 220px; padding: 25px; }.glossary-grid article:hover { background: rgba(255,255,255,.25); }.glossary-grid span { font-size: 9px; }.glossary-grid h3 { margin-top: 48px; font-size: 27px; }.glossary-grid p { margin-top: 10px; color: #405266; font-size: 13px; }

.faq-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; background: var(--nh-paper); }.faq-heading { position: sticky; top: 120px; align-self: start; }.faq-heading > p:last-child { max-width: 390px; margin-top: 22px; color: var(--nh-muted); }.faq-list details { border-bottom: 1px solid var(--nh-line); }.faq-list summary { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 82px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--nh-muted); font-size: 9px; }.faq-list summary i { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--nh-line); border-radius: 50%; font-style: normal; transition: transform 420ms cubic-bezier(.22,.8,.22,1), background 420ms ease; }.faq-list details[data-faq-open="true"] summary i, .faq-list details[open]:not([data-faq-open]) summary i { background: var(--nh-mint); border-color: var(--nh-ink); transform: rotate(45deg); }.faq-list details p { max-width: 730px; padding: 0 40px 28px 44px; color: var(--nh-muted); font-size: 14px; line-height: 1.75; transform-origin: top; }

.final-cta { position: relative; display: grid; grid-template-columns: 1fr; gap: 50px; align-items: end; min-height: 520px; padding: 80px max(64px, calc((100vw - 1200px) / 2)); overflow: hidden; background: var(--nh-mint); border-top: 1px solid var(--nh-ink); }.final-cta h2 { font-size: clamp(50px,6vw,86px); line-height: .98; }.final-cta > div:first-child > p:last-child { max-width: 560px; margin-top: 20px; color: #3f5b49; }.cta-orbit { position: absolute; right: 13%; top: 2%; width: 360px; height: 360px; opacity: .18; border: 1px solid var(--nh-ink); border-radius: 50%; }.cta-orbit span { position: absolute; left: 50%; top: 50%; font-size: 150px; font-weight: 700; transform: translate(-50%,-50%); }.cta-orbit i { position: absolute; width: 20px; height: 20px; background: var(--nh-ink); border-radius: 50%; }.cta-orbit i:nth-of-type(1) { left: 12%; top: 25%; }.cta-orbit i:nth-of-type(2) { right: 8%; bottom: 28%; }

.new-footer { padding: 64px max(48px, calc((100vw - 1200px) / 2)) 26px; color: white; background: #101411; }.footer-top { justify-content: space-between; gap: 28px; padding-bottom: 48px; border-bottom: 1px solid #3b473f; }.footer-top p { color: #8e9a92; }.new-footer .new-brand-mark { color: var(--nh-ink); }.new-footer .footer-social a { color: white; background: #1b211d; border-color: #3d4941; border-radius: 50%; }.footer-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; max-width: 700px; margin: 50px 0; }.footer-columns div { display: grid; gap: 10px; align-content: start; }.footer-columns strong { margin-bottom: 7px; color: #718078; font-size: 10px; text-transform: uppercase; }.footer-columns a { width: fit-content; color: #c6cec9; font-size: 12px; }.footer-columns a:hover { color: var(--nh-mint); }.footer-bottom-new { justify-content: space-between; gap: 30px; padding-top: 20px; color: #718078; border-top: 1px solid #3b473f; font-size: 10px; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity 700ms cubic-bezier(.2,.8,.2,1), transform 700ms cubic-bezier(.2,.8,.2,1); }.reveal.visible { opacity: 1; transform: translateY(0); }

/* Landing page motion layer */
.new-home .new-hero::before { inset: -54px; animation: hero-grid-drift 18s linear infinite; }
.new-home .status-chip i, .new-home .window-status i { animation: live-pulse 2.4s ease-out infinite; }
.new-home .hero-copy h1 span { background: linear-gradient(100deg, var(--nh-mint) 15%, #fff 45%, var(--nh-mint) 75%); background-size: 220% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: headline-shimmer 7s ease-in-out infinite; }
.new-home .stage-glow { animation: stage-breathe 7s ease-in-out infinite; }
.new-home .chart-fill { opacity: 0; }
.new-home .chart-line { stroke-dasharray: 900; stroke-dashoffset: 900; }
.new-home .product-stage.visible .chart-line { animation: chart-draw 1.65s .35s cubic-bezier(.2,.8,.2,1) forwards; }
.new-home .product-stage.visible .chart-fill { animation: chart-fill-in 900ms 1.15s ease forwards; }
.new-home .chart-dot { animation: chart-dot-pulse 2.8s ease-in-out infinite; }
.new-home .preview-coins > div { opacity: 0; transform: translateX(18px); }
.new-home .product-stage.visible .preview-coins > div { animation: coin-row-in 520ms cubic-bezier(.2,.8,.2,1) forwards; }
.new-home .product-stage.visible .preview-coins > div:nth-child(1) { animation-delay: 1s; }
.new-home .product-stage.visible .preview-coins > div:nth-child(2) { animation-delay: 1.12s; }
.new-home .product-stage.visible .preview-coins > div:nth-child(3) { animation-delay: 1.24s; }
.new-home .tape-label i { animation: tape-dot 1.8s ease-in-out infinite; }
.new-home .feature-icon { transition: transform 360ms cubic-bezier(.2,.8,.2,1), box-shadow 360ms ease; }
.new-home .feature-block:hover .feature-icon { transform: translateY(-4px) rotate(8deg) scale(1.04); box-shadow: 8px 8px 0 var(--nh-ink); }
.new-home .mini-peg i { animation: peg-marker-travel 5.5s ease-in-out infinite; }
.new-home .explore-visual i { animation: explore-bubble 4.6s ease-in-out infinite; }
.new-home .explore-visual i:nth-child(2) { animation-delay: -1.5s; }
.new-home .explore-visual i:nth-child(3) { animation-delay: -3s; }
.new-home .point-a { animation: transfer-point 2.6s ease-in-out infinite; }
.new-home .point-b { animation: transfer-point 2.6s 1.3s ease-in-out infinite; }
.new-home .risk-stack article { transition: padding 240ms ease, background 240ms ease; }
.new-home .risk-stack article:hover { padding-inline: 14px; background: rgba(0,212,140,.055); }
.new-home .glossary-grid article { transition: background 240ms ease, transform 240ms ease, box-shadow 240ms ease; }
.new-home .glossary-grid article:hover { position: relative; z-index: 1; box-shadow: 0 16px 34px rgba(16,20,17,.12); transform: translateY(-6px); }
.new-home .cta-orbit { animation: cta-orbit-breathe 8s ease-in-out infinite; }
.new-home .cta-orbit i { animation: orbit-dot-pulse 3s ease-in-out infinite; }
.new-home .cta-orbit i:nth-of-type(2) { animation-delay: -1.5s; }
.new-home .reveal { transform: translateY(34px) scale(.985); transition-duration: 760ms; transition-delay: var(--reveal-delay, 0ms); }
.new-home .reveal.visible { transform: translateY(0) scale(1); }
.new-home .product-stage { --reveal-delay: 150ms; }
.new-home .interactive-card::after { content: ""; position: absolute; inset: 0; z-index: 5; opacity: 0; pointer-events: none; background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.28), transparent 70%); transition: opacity 260ms ease; }
.new-home .interactive-card:hover::after { opacity: 1; }

@keyframes hero-grid-drift { to { transform: translate3d(54px, 54px, 0); } }
@keyframes live-pulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(0,212,140,.14); } 50% { box-shadow: 0 0 0 9px rgba(0,212,140,0); } }
@keyframes headline-shimmer { 0%, 55%, 100% { background-position: 100% 0; } 75% { background-position: 0 0; } }
@keyframes stage-breathe { 0%, 100% { opacity: .14; transform: scale(.9) translate3d(-5%, 3%, 0); } 50% { opacity: .23; transform: scale(1.12) translate3d(5%, -3%, 0); } }
@keyframes chart-draw { to { stroke-dashoffset: 0; } }
@keyframes chart-fill-in { to { opacity: 1; } }
@keyframes chart-dot-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(22,133,75,.2); } 50% { box-shadow: 0 0 0 10px rgba(22,133,75,0); } }
@keyframes coin-row-in { to { opacity: 1; transform: translateX(0); } }
@keyframes tape-dot { 0%, 100% { opacity: .45; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.2); } }
@keyframes peg-marker-travel { 0%, 100% { left: 38%; } 50% { left: 64%; } }
@keyframes explore-bubble { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-9px) scale(1.05); } }
@keyframes transfer-point { 0%, 100% { box-shadow: 0 0 0 1px var(--nh-mint); } 50% { box-shadow: 0 0 0 9px rgba(0,212,140,0); } }
@keyframes cta-orbit-breathe { 0%, 100% { transform: scale(.94) rotate(-2deg); } 50% { transform: scale(1.06) rotate(3deg); } }
@keyframes orbit-dot-pulse { 0%, 100% { transform: scale(.7); } 50% { transform: scale(1.25); } }

@media (max-width: 1100px) {
  .new-nav { grid-template-columns: 1fr auto; }.new-nav-links, .new-nav-actions .text-link { display: none; }.new-nav-actions { margin-left: auto; }.new-hero { grid-template-columns: 1fr; }.hero-copy { max-width: 820px; padding: 90px 0 30px; }.product-stage { min-height: 620px; padding: 30px 70px 80px; }.product-window { max-width: 820px; transform: none; }.market-tape { grid-template-columns: auto 1fr; }.market-tape > p { display: none; }.risk-section, .faq-section { gap: 50px; }.use-panel { grid-template-columns: 1fr; }.use-visual { width: min(100%,280px); margin: 0 auto; }.reserve-panel-new { grid-template-columns: .65fr 1.35fr; }
}

@media (max-width: 820px) {
  .new-nav { min-height: 60px; padding: 6px 18px; }.new-nav-actions { display: none; }.menu-toggle { display: grid; gap: 5px; justify-self: end; width: 40px; height: 40px; place-content: center; background: var(--nh-paper); border: 1px solid var(--nh-ink); border-radius: 50%; }.menu-toggle span { width: 18px; height: 1px; background: var(--nh-ink); transition: transform 180ms ease; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }.new-nav-links.open { position: absolute; top: 59px; left: 0; right: 0; display: grid; gap: 0; padding: 10px 18px 18px; background: var(--nh-bg); border-bottom: 1px solid var(--nh-ink); }.new-nav-links.open a { padding: 16px 0; border-bottom: 1px solid var(--nh-line); }
  .new-hero { padding-inline: 18px; }.hero-copy { padding: 72px 0 32px; }.hero-copy h1 { font-size: clamp(55px,16vw,78px); }.hero-copy > p { font-size: 16px; }.product-stage { min-height: 490px; padding: 24px 18px 64px; }.window-body { min-height: 390px; }.window-content { padding: 20px; }.window-sidebar { display: none; }.window-body { grid-template-columns: 1fr; }.preview-chart { height: 150px; }.float-peg { top: 8%; right: 2%; }.float-safety { left: 4%; bottom: 6%; }
  .market-tape { display: block; padding: 17px 20px; overflow: hidden; }.tape-label { margin-bottom: 13px; }.tape-track { justify-content: flex-start; min-width: max-content; gap: 28px; }
  .new-section { padding: 84px 22px; }.split-heading, .risk-section, .faq-section { grid-template-columns: 1fr; gap: 28px; }.split-heading { margin-bottom: 38px; }.clarity-grid, .lab-grid, .use-layout, .reserve-layout-new { grid-template-columns: 1fr; }.feature-large { grid-row: auto; min-height: 600px; }.feature-block:not(.feature-large) { min-height: 0; }.flow-grid { grid-template-columns: 1fr; gap: 60px; }.flow-line { display: none; }.market-status-new { display: block; }.market-status-new span { display: block; margin-top: 5px; }.new-home .converter-form { grid-template-columns: 1fr; }.use-panel { min-height: auto; padding: 30px 22px; }.reserve-panel-new { grid-template-columns: 1fr; padding: 28px 22px; }.reserve-orbit { width: min(100%,260px); margin: auto; }.risk-intro, .faq-heading { position: static; }.glossary-grid { grid-template-columns: repeat(2,1fr); }.final-cta { grid-template-columns: 1fr; align-items: start; padding: 70px 24px; }.cta-orbit { right: -150px; top: 12%; }.footer-top { align-items: flex-start; flex-direction: column; }.footer-columns { grid-template-columns: 1fr 1fr; }.footer-bottom-new { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .new-hero { min-height: auto; }.hero-copy h1 { font-size: 54px; }.hero-actions { align-items: stretch; flex-direction: column; }.new-button { width: 100%; }.hero-proof { gap: 10px 16px; }.product-stage { min-height: 430px; }.product-window { box-shadow: 8px 8px 0 rgba(0,212,140,.16); }.window-content { padding: 15px; }.preview-heading strong { font-size: 25px; }.preview-heading > span { display: none; }.preview-chart { height: 120px; }.preview-coins > div { grid-template-columns: auto 1fr auto; }.preview-coins em { display: none; }.float-card { padding: 12px; }.float-peg { display: none; }
  .split-heading h2, .center-heading h2, .faq-heading h2, .risk-intro h2 { font-size: 40px; }.center-heading { margin-bottom: 40px; }.feature-block { min-height: 390px; padding: 22px; }.feature-large { min-height: 580px; }.mini-market { left: 22px; right: 22px; }.lab-card { padding: 22px; box-shadow: 5px 5px 0 var(--nh-ink); }.peg-controls { grid-template-columns: 1fr; }.use-panel h3, .reserve-panel-new h3 { font-size: 30px; }.risk-stack article { grid-template-columns: 28px 1fr; padding: 20px 0; }.risk-stack article i { display: none; }.glossary-grid { grid-template-columns: 1fr; }.faq-list summary { grid-template-columns: 26px 1fr auto; font-size: 15px; }.faq-list details p { padding-left: 36px; padding-right: 10px; }.final-cta h2 { font-size: 47px; }.new-footer { padding: 52px 22px 22px; }.footer-columns { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .float-card, .flow-line span, .reserve-orbit::before, .new-home .new-hero::before, .new-home .status-chip i, .new-home .window-status i, .new-home .hero-copy h1 span, .new-home .stage-glow, .new-home .chart-dot, .new-home .tape-label i, .new-home .mini-peg i, .new-home .explore-visual i, .new-home .point, .new-home .cta-orbit, .new-home .cta-orbit i { animation: none !important; }
  .reveal { opacity: 1; transform: none; }
  .new-home .chart-line { stroke-dashoffset: 0; animation: none !important; }
  .new-home .chart-fill, .new-home .preview-coins > div { opacity: 1; transform: none; animation: none !important; }
}

/* AllStable workspace redesign */
.new-app {
  --app-ink: #101411;
  --app-paper: #f7f6f0;
  --app-bg: #f3f1ea;
  --app-mint: var(--primary);
  --app-yellow: #f3df6d;
  --app-blue: #9ec9ff;
  --app-coral: #f28b73;
  --app-green: #16854b;
  --app-muted: #5e6861;
  --app-line: #cfd2cb;
  margin: 0;
  color: var(--app-ink);
  background: var(--app-bg);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.new-app *, .new-app *::before, .new-app *::after { box-sizing: border-box; }
.new-app h1, .new-app h2, .new-app h3, .new-app p { margin: 0; }
.new-app h1, .new-app h2, .new-app h3 { font-weight: 700; letter-spacing: 0; }
.new-app a { color: inherit; text-decoration: none; }
.new-app button, .new-app input, .new-app select { font: inherit; }
.app-new-inner { width: min(calc(100% - 48px), 1200px); margin-inline: auto; }

.app-new-nav { position: relative; z-index: 30; background: var(--app-bg); border-bottom: 1px solid var(--app-ink); }
.app-new-nav-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 88px; }
.app-new-brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; font-size: 17px; font-weight: 700; }
.app-new-brand-mark { display: grid; place-items: center; width: 40px; height: 40px; background: var(--app-mint); border: 1px solid var(--app-ink); border-radius: 50%; box-shadow: 4px 4px 0 var(--app-ink); }
.app-new-nav-links { display: flex; align-items: center; gap: 38px; }
.app-new-nav-links a { position: relative; color: #3f4842; font-size: 13px; font-weight: 600; }
.app-new-nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--app-green); transition: right 200ms ease; }
.app-new-nav-links a:hover::after { right: 0; }
.app-new-account { display: flex; align-items: center; justify-content: flex-end; gap: 16px; font-size: 11px; font-weight: 700; }
.app-new-account > span { padding: 7px 10px; background: var(--app-paper); border: 1px solid var(--app-line); border-radius: 999px; }
.app-new-text-button { padding: 0 0 4px; color: var(--app-ink); background: transparent; border: 0; border-bottom: 1px solid var(--app-ink); font-weight: 700; cursor: pointer; }
.app-new-menu-toggle { display: none; }

.app-new-hero { color: white; background-color: var(--app-ink); background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; }
.app-new-hero-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 92px; align-items: center; min-height: 650px; padding-block: 88px; }
.app-new-eyebrow { color: var(--app-green); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.app-new-hero .app-new-eyebrow, .app-new-wallet-band .app-new-eyebrow { color: var(--app-mint); }
.app-new-eyebrow i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; background: var(--app-mint); border-radius: 50%; box-shadow: 0 0 0 5px rgba(0,212,140,.1); }
.app-new-hero h1 { max-width: 720px; margin-top: 28px; font-size: clamp(56px, 6.2vw, 88px); line-height: .98; }
.app-new-hero-copy > p:not(.app-new-eyebrow) { max-width: 650px; margin-top: 28px; color: #a9b3ac; font-size: 16px; line-height: 1.7; }
.app-new-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.app-new-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; padding: 0 20px; border: 1px solid var(--app-ink); border-radius: 999px; font-size: 12px; font-weight: 700; cursor: pointer; transition: transform 180ms ease, background 180ms ease, color 180ms ease; }
.app-new-button:hover { transform: translateY(-2px); }
.app-new-button-mint { color: var(--app-ink); background: var(--app-mint); }
.app-new-button-dark { color: white; background: transparent; border-color: #617067; }
.app-new-button-dark:hover { color: var(--app-ink); background: white; }
.app-new-button-outline { color: var(--app-ink); background: transparent; }
.app-new-proof { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 38px; color: #809087; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.app-new-proof span::first-letter { color: var(--app-mint); }
.app-new-status-card { overflow: hidden; color: var(--app-ink); background: var(--app-paper); border: 1px solid white; border-radius: 8px; box-shadow: 13px 13px 0 rgba(0,212,140,.16); }
.app-new-status-head, .app-new-wallet-card-head { display: flex; align-items: center; justify-content: space-between; min-height: 55px; padding: 0 22px; border-bottom: 1px solid var(--app-line); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.app-new-status-head i, .app-new-wallet-card-head i { padding: 6px 9px; color: var(--app-green); background: #dff7e7; border-radius: 999px; font-style: normal; }
.app-new-status-main { padding: 30px 22px; }
.app-new-status-main span, .app-new-result > span, .app-new-wallet-address > span { color: #6f7972; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.app-new-status-main strong { display: block; margin-top: 8px; font-size: 27px; }
.app-new-status-main p { margin-top: 10px; color: var(--app-muted); font-size: 12px; line-height: 1.6; }
.app-new-status-row { display: flex; justify-content: space-between; gap: 20px; padding: 17px 22px; border-top: 1px solid var(--app-line); font-size: 11px; }
.app-new-status-row span { color: var(--app-muted); }

.app-new-pulse { background: var(--app-yellow); border-block: 1px solid var(--app-ink); }
.app-new-pulse-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 42px; align-items: center; min-height: 82px; }
.app-new-pulse p { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.app-new-pulse p i, .app-new-live-state i { width: 7px; height: 7px; background: var(--app-ink); border-radius: 50%; }
.app-new-pulse-inner > div { display: flex; justify-content: center; gap: clamp(28px, 5vw, 70px); }
.app-new-pulse span { color: #6b6233; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.app-new-pulse strong { margin-left: 7px; color: var(--app-ink); font-size: 13px; }
.app-new-pulse small { color: #6b6233; font-size: 9px; }

.app-new-section { padding-block: 112px; }
.app-new-markets { background: var(--app-bg); }
.app-new-section-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 72px; align-items: end; margin-bottom: 48px; }
.app-new-section-heading h2, .app-new-wallet-copy h2 { max-width: 760px; margin-top: 14px; font-size: clamp(42px, 5vw, 68px); line-height: 1.03; }
.new-app .app-new-section-heading h2, .new-app .app-new-card-head h3, .new-app .app-new-prep-grid h3 { color: var(--app-ink); }
.new-app .app-new-wallet-copy h2 { color: white; }
.app-new-section-heading > p { max-width: 500px; color: var(--app-muted); font-size: 14px; line-height: 1.75; }
.app-new-market-panel { overflow: hidden; background: var(--app-paper); border: 1px solid var(--app-ink); border-radius: 8px; box-shadow: 10px 10px 0 var(--app-ink); }
.app-new-market-toolbar { display: grid; grid-template-columns: 1fr 220px auto; gap: 14px; align-items: end; padding: 20px; border-bottom: 1px solid var(--app-line); }
.new-app label { display: grid; gap: 7px; color: var(--app-muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.new-app input, .new-app select { width: 100%; min-height: 46px; padding: 0 13px; color: var(--app-ink); background: white; border: 1px solid var(--app-line); border-radius: 6px; outline: none; }
.new-app input:focus, .new-app select:focus { border-color: var(--app-green); box-shadow: 0 0 0 3px rgba(22,133,75,.12); }
.app-new-live-state { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 14px; color: var(--app-green); background: #e2f7e9; border-radius: 6px; font-size: 10px; font-weight: 700; }
.app-new-live-state i { background: var(--app-green); box-shadow: 0 0 0 4px rgba(22,133,75,.1); }
.app-new-market-table-wrap { overflow-x: auto; }
.app-new-market-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.app-new-market-table th, .app-new-market-table td { padding: 18px 20px; border-bottom: 1px solid var(--app-line); text-align: left; }
.app-new-market-table th { color: #6a746d; background: #eceee8; font-size: 9px; text-transform: uppercase; }
.app-new-market-table td { font-size: 12px; }
.app-new-market-table tbody tr { transition: background 160ms ease; }
.app-new-market-table tbody tr:hover { background: #edf8f0; }
.app-new-market-table tbody tr:last-child td { border-bottom: 0; }
.app-new-coin { display: flex; align-items: center; gap: 11px; }
.app-new-coin > i { display: grid; place-items: center; width: 33px; height: 33px; color: white; background: var(--app-green); border-radius: 50%; font-size: 11px; font-style: normal; font-weight: 700; }
.app-new-coin strong, .app-new-coin small { display: block; }
.app-new-coin small { margin-top: 2px; color: var(--app-muted); font-size: 9px; text-transform: uppercase; }
.new-app .positive { color: var(--app-green); font-weight: 700; }
.new-app .negative { color: #d45645; font-weight: 700; }

.app-new-tool-band { background: var(--app-mint); border-block: 1px solid var(--app-ink); }
.app-new-tool-band .app-new-section { padding-inline: 0; }
.app-new-tool-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.app-new-tool-card { padding: 30px; background: var(--app-paper); border: 1px solid var(--app-ink); border-radius: 8px; box-shadow: 8px 8px 0 var(--app-ink); }
.app-new-card-head { display: flex; justify-content: space-between; gap: 20px; }
.app-new-card-head span { color: var(--app-green); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.app-new-card-head h3 { margin-top: 7px; font-size: 28px; }
.app-new-card-head > i { font-style: normal; }
.app-new-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 34px; }
.new-app input[type="range"] { padding: 0; accent-color: var(--app-green); box-shadow: none; }
.app-new-result { margin-top: 18px; padding: 22px; background: #e9ebe5; border: 1px solid var(--app-line); border-radius: 6px; }
.app-new-result strong { display: block; margin-top: 7px; font-size: 34px; }
.app-new-result p { margin-top: 8px; color: var(--app-muted); font-size: 11px; }

.app-new-wallet-band { color: white; background: var(--app-ink); }
.app-new-wallet-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; min-height: 680px; padding-block: 100px; }
.app-new-wallet-copy > p:not(.app-new-eyebrow) { max-width: 540px; margin-top: 24px; color: #9ca8a0; font-size: 14px; line-height: 1.75; }
.app-new-wallet-points { display: grid; margin-top: 36px; border-top: 1px solid #3c4941; }
.app-new-wallet-points span { padding: 16px 0; color: #b8c1bb; border-bottom: 1px solid #3c4941; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.app-new-wallet-card { color: var(--app-ink); background: var(--app-paper); border: 1px solid white; border-radius: 8px; box-shadow: 12px 12px 0 rgba(0,212,140,.16); }
.app-new-wallet-card > h3, .app-new-wallet-card > p, .app-new-wallet-card > .app-new-wallet-address, .app-new-wallet-actions { margin-inline: 28px; }
.app-new-wallet-card > h3 { margin-top: 32px; font-size: 32px; }
.app-new-wallet-card > p { margin-top: 12px; color: var(--app-muted); font-size: 13px; line-height: 1.7; }
.app-new-wallet-address { margin-top: 22px; padding: 18px; overflow: hidden; background: #e9ebe5; border: 1px solid var(--app-line); border-radius: 6px; }
.app-new-wallet-address strong { display: block; margin-top: 8px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.app-new-wallet-address p { margin-top: 8px; color: var(--app-muted); font-size: 10px; }
.app-new-wallet-actions { display: flex; flex-wrap: wrap; gap: 9px; padding-block: 28px 32px; }

.app-new-prep-band { background: var(--app-blue); border-bottom: 1px solid var(--app-ink); }
.app-new-prep-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--app-ink); border-left: 1px solid var(--app-ink); }
.app-new-prep-grid article { min-height: 250px; padding: 26px; border-right: 1px solid var(--app-ink); border-bottom: 1px solid var(--app-ink); transition: background 180ms ease; }
.app-new-prep-grid article:hover { background: rgba(255,255,255,.25); }
.app-new-prep-grid span { font-size: 9px; font-weight: 700; }
.app-new-prep-grid h3 { margin-top: 70px; font-size: 25px; }
.app-new-prep-grid p { margin-top: 11px; color: #405266; font-size: 12px; line-height: 1.65; }

.app-new-footer { padding-block: 58px 24px; color: white; background: var(--app-ink); }
.app-new-footer .app-new-brand-mark { color: var(--app-ink); }
.app-new-footer-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 44px; border-bottom: 1px solid #3b473f; }
.app-new-footer-top p { color: #8e9a92; font-size: 12px; }
.app-new-footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 22px; color: #78857d; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.app-new-footer-bottom a { color: var(--app-mint); }

.app-reveal { opacity: 0; transform: translateY(24px); transition: opacity 650ms cubic-bezier(.2,.8,.2,1), transform 650ms cubic-bezier(.2,.8,.2,1); }
.app-reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .app-new-nav-inner { grid-template-columns: 1fr auto; min-height: 72px; }
  .app-new-nav-links, .app-new-account { display: none; }
  .app-new-nav-links.open { position: absolute; top: 71px; left: 0; right: 0; display: grid; padding: 10px 24px 18px; background: var(--app-bg); border-bottom: 1px solid var(--app-ink); }
  .app-new-nav-links.open a { padding: 14px 0; border-bottom: 1px solid var(--app-line); }
  .app-new-menu-toggle { display: grid; gap: 5px; place-content: center; width: 42px; height: 42px; background: var(--app-paper); border: 1px solid var(--app-ink); border-radius: 50%; }
  .app-new-menu-toggle span { width: 18px; height: 1px; background: var(--app-ink); transition: transform 180ms ease; }
  .app-new-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
  .app-new-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .app-new-hero-grid { grid-template-columns: 1fr; gap: 58px; padding-block: 76px; }
  .app-new-status-card { max-width: 620px; }
  .app-new-pulse-inner { grid-template-columns: auto 1fr; }
  .app-new-pulse small { display: none; }
  .app-new-section-heading { grid-template-columns: 1fr; gap: 22px; }
  .app-new-tool-grid, .app-new-wallet-grid { grid-template-columns: 1fr; }
  .app-new-wallet-grid { gap: 52px; }
}

@media (max-width: 640px) {
  .app-new-inner { width: min(calc(100% - 32px), 1200px); }
  .app-new-brand-mark { width: 36px; height: 36px; }
  .app-new-hero-grid { min-height: auto; padding-block: 64px; }
  .app-new-hero h1 { font-size: 50px; }
  .app-new-hero-actions { align-items: stretch; flex-direction: column; }
  .app-new-button { width: 100%; }
  .app-new-proof { gap: 10px 16px; }
  .app-new-pulse-inner { display: block; min-height: auto; padding-block: 17px; overflow: hidden; }
  .app-new-pulse-inner > div { justify-content: flex-start; min-width: max-content; margin-top: 13px; gap: 28px; }
  .app-new-section { padding-block: 76px; }
  .app-new-section-heading h2, .app-new-wallet-copy h2 { font-size: 40px; }
  .app-new-market-toolbar { grid-template-columns: 1fr; }
  .app-new-live-state { width: fit-content; }
  .app-new-tool-card { padding: 22px; box-shadow: 5px 5px 0 var(--app-ink); }
  .app-new-form-grid { grid-template-columns: 1fr; }
  .app-new-result strong { font-size: 28px; }
  .app-new-wallet-grid { padding-block: 76px; }
  .app-new-wallet-card > h3, .app-new-wallet-card > p, .app-new-wallet-card > .app-new-wallet-address, .app-new-wallet-actions { margin-inline: 20px; }
  .app-new-wallet-card > h3 { font-size: 27px; }
  .app-new-wallet-actions { align-items: stretch; flex-direction: column; }
  .app-new-prep-grid { grid-template-columns: 1fr; }
  .app-new-prep-grid article { min-height: 210px; }
  .app-new-prep-grid h3 { margin-top: 45px; }
  .app-new-footer-top, .app-new-footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .app-reveal { opacity: 1; transform: none; transition: none; }
}

.infrastructure-section { color: white; background: #101411; border-block: 1px solid #101411; }
.infrastructure-section .new-eyebrow { color: var(--nh-mint); }
.infrastructure-section .split-heading > p { color: #9ba79f; }
.infrastructure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.infrastructure-card { display: flex; position: relative; min-height: 310px; padding: 26px; color: var(--nh-ink); background: var(--nh-paper); border: 1px solid #536058; border-radius: 8px; flex-direction: column; transition: transform 220ms ease, box-shadow 220ms ease; }
.infrastructure-card:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 rgba(0,212,140,.18); }
.infrastructure-card:nth-child(3) { background: var(--nh-yellow); }.infrastructure-card:nth-child(4) { background: var(--nh-blue); }.infrastructure-card:nth-child(5) { background: var(--nh-mint); }
.infrastructure-card > span { color: var(--nh-green); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.infrastructure-card h3 { max-width: 530px; margin-top: 42px; color: var(--nh-ink); font-size: 28px; line-height: 1.1; }
.infrastructure-card > p { max-width: 570px; margin-top: 13px; color: var(--nh-muted); font-size: 13px; line-height: 1.65; }
.infrastructure-card > em { margin-top: auto; padding-top: 24px; color: #4f5b53; font-size: 9px; font-style: normal; font-weight: 700; text-transform: uppercase; }
.infra-wide { grid-column: span 2; background: #f7f6f0; }
.infra-full { grid-column: 1 / -1; }
.infra-flow, .infra-code { display: flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 24px; }
.infra-flow i, .infra-code span { padding: 8px 10px; color: var(--nh-ink); background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 700; text-transform: uppercase; }
.infra-flow b { font-size: 11px; }.infra-code span:nth-child(2) { background: var(--nh-yellow); }.infra-code span:nth-child(3) { background: var(--nh-blue); }
.business-audiences { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 40px; border-top: 1px solid #435048; border-left: 1px solid #435048; }
.business-audiences span { display: grid; place-items: center; min-height: 76px; padding: 12px; color: #bac4bd; border-right: 1px solid #435048; border-bottom: 1px solid #435048; font-size: 9px; font-weight: 700; text-align: center; text-transform: uppercase; }

@media (max-width: 820px) {
  .infrastructure-grid { grid-template-columns: 1fr 1fr; }
  .infra-wide { grid-column: span 2; }
  .business-audiences { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 520px) {
  .infrastructure-grid { grid-template-columns: 1fr; }
  .infra-wide, .infra-full { grid-column: auto; }
  .infrastructure-card { min-height: 340px; padding: 22px; }
  .infra-flow, .infra-code { left: 22px; right: 22px; flex-wrap: wrap; }
  .business-audiences { grid-template-columns: repeat(2, 1fr); }
}

/* AllStable operational wallet */
.wallet-app {
  --wa-ink: #101411;
  --wa-paper: #f7f6f0;
  --wa-bg: #eeeee8;
  --wa-mint: var(--primary);
  --wa-yellow: #f3df6d;
  --wa-blue: #9ec9ff;
  --wa-green: #16854b;
  --wa-red: #d45848;
  --wa-muted: #667069;
  --wa-line: #d5d7d1;
  margin: 0;
  color: var(--wa-ink);
  background: var(--wa-bg);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.wallet-app *, .wallet-app *::before, .wallet-app *::after { box-sizing: border-box; }
.wallet-app h1, .wallet-app h2, .wallet-app h3, .wallet-app p { margin: 0; color: inherit; letter-spacing: 0; }
.wallet-app h1, .wallet-app h2, .wallet-app h3 { font-weight: 700; }
.wallet-app button, .wallet-app input, .wallet-app select { font: inherit; }
.wallet-app button, .wallet-app a { -webkit-tap-highlight-color: transparent; }
.wallet-app a { color: inherit; text-decoration: none; }
.wallet-app [hidden] { display: none !important; }

.wallet-shell { display: grid; grid-template-columns: 248px minmax(0, 1fr); width: 100%; min-height: 100vh; margin: 0; padding: 0; }
.wallet-sidebar { position: sticky; top: 0; z-index: 20; display: flex; flex-direction: column; height: 100vh; padding: 26px 18px 20px; color: white; background: var(--wa-ink); border-right: 1px solid #2d3731; }
.wallet-brand { display: flex; align-items: center; gap: 12px; padding: 0 8px 28px; font-size: 17px; }
.wallet-brand > span { display: grid; place-items: center; width: 37px; height: 37px; color: var(--wa-ink); background: var(--wa-mint); border-radius: 50%; box-shadow: 3px 3px 0 white; font-weight: 700; }
.wallet-sidebar-close { display: none; }
.wallet-nav { display: grid; gap: 5px; }
.wallet-nav a { display: grid; grid-template-columns: 30px 1fr; align-items: center; min-height: 46px; padding: 0 13px; color: #95a198; border: 1px solid transparent; border-radius: 7px; font-size: 12px; font-weight: 600; transition: color 160ms ease, background 160ms ease; }
.wallet-nav a:hover { color: white; background: #1b221d; }
.wallet-nav a.active { color: var(--wa-ink); background: var(--wa-mint); border-color: var(--wa-mint); }
.wallet-nav i { font-size: 17px; font-style: normal; }
.wallet-side-footer { display: grid; gap: 13px; margin-top: auto; }
.wallet-network-card { display: flex; align-items: center; gap: 11px; padding: 13px; background: #1a211c; border: 1px solid #354139; border-radius: 7px; }
.wallet-network-card > i { flex: 0 0 auto; width: 8px; height: 8px; background: #7f8a82; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,255,255,.04); }
.wallet-network-card.connected > i { background: var(--wa-mint); box-shadow: 0 0 0 5px rgba(0,212,140,.08); }
.wallet-network-card span, .wallet-network-card strong { display: block; }
.wallet-network-card span { color: #7d8980; font-size: 8px; text-transform: uppercase; }
.wallet-network-card strong { margin-top: 3px; font-size: 10px; }
.wallet-side-footer > a, .wallet-side-footer > button { width: fit-content; padding: 0 5px; color: #9ba69e; background: transparent; border: 0; font-size: 10px; cursor: pointer; }
.wallet-side-footer > a:hover, .wallet-side-footer > button:hover { color: var(--wa-mint); }

.wallet-workspace { min-width: 0; }
.wallet-topbar { position: sticky; top: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 0 30px; background: rgba(247,246,240,.94); border-bottom: 1px solid var(--wa-line); backdrop-filter: blur(14px); }
.wallet-menu-button { display: none; }
.wallet-page-title span, .wallet-page-title strong { display: block; }
.wallet-page-title span { color: var(--wa-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-page-title strong { margin-top: 3px; font-size: 15px; }
.wallet-top-actions { display: flex; align-items: center; gap: 8px; }
.wallet-icon-button { display: grid; place-items: center; width: 38px; height: 38px; color: var(--wa-ink); background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 50%; cursor: pointer; }
.wallet-icon-button:hover { border-color: var(--wa-ink); }
.wallet-account-button { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 13px; background: var(--wa-ink); color: white; border: 1px solid var(--wa-ink); border-radius: 999px; cursor: pointer; }
.wallet-account-button > i { width: 7px; height: 7px; background: var(--wa-yellow); border-radius: 50%; }
.wallet-account-button.connected > i { background: var(--wa-mint); }
.wallet-account-button span { max-width: 150px; overflow: hidden; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.wallet-account-button b { color: #8d9991; font-size: 9px; }

.wallet-main { display: grid; gap: 20px; width: min(calc(100% - 48px), 1200px); margin: 0 auto; padding-block: 26px 70px; }
.wallet-overview { display: grid; grid-template-columns: 1.55fr .75fr; gap: 18px; }
.wallet-balance-panel { position: relative; min-height: 310px; padding: 28px; overflow: hidden; color: white; background-color: var(--wa-ink); background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 42px 42px; border-radius: 8px; }
.wallet-balance-panel::after { content: "A"; position: absolute; right: 34px; top: 28px; display: grid; place-items: center; width: 78px; height: 78px; color: var(--wa-ink); background: var(--wa-mint); border-radius: 50%; box-shadow: 7px 7px 0 rgba(255,255,255,.9); font-size: 31px; font-weight: 700; }
.wallet-balance-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-right: 110px; }
.wallet-balance-top > div { display: flex; align-items: center; gap: 8px; color: #a5b0a8; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.wallet-balance-top button { display: grid; place-items: center; width: 18px; height: 18px; color: #a5b0a8; background: transparent; border: 1px solid #4e5b52; border-radius: 50%; font-size: 9px; cursor: help; }
.wallet-change { padding: 6px 9px; color: var(--wa-mint); background: rgba(0,212,140,.08); border: 1px solid #3f5a49; border-radius: 999px; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-balance-panel > strong { display: block; margin-top: 34px; font-size: clamp(44px, 6vw, 67px); line-height: 1; }
.wallet-balance-panel > p { margin-top: 10px; color: #839087; font-size: 11px; }
.wallet-quick-actions { position: absolute; left: 28px; bottom: 25px; display: flex; gap: 10px; }
.wallet-quick-actions button, .wallet-quick-actions a { display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 0 13px; color: white; background: #1c241f; border: 1px solid #435048; border-radius: 999px; font-size: 10px; font-weight: 700; cursor: pointer; transition: transform 160ms ease, border-color 160ms ease; }
.wallet-quick-actions button:hover, .wallet-quick-actions a:hover { border-color: var(--wa-mint); transform: translateY(-2px); }
.wallet-quick-actions i { color: var(--wa-mint); font-size: 14px; font-style: normal; }
.wallet-allocation-panel { display: grid; grid-template-rows: auto 1fr auto; min-height: 310px; padding: 23px; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 8px; }
.wallet-panel-head { display: flex; align-items: center; justify-content: space-between; }
.wallet-panel-head span, .wallet-panel-head strong { display: block; }
.wallet-panel-head span { color: var(--wa-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-panel-head strong { margin-top: 4px; font-size: 15px; }
.wallet-allocation-chart { display: grid; place-items: center; }
#allocationRing { display: grid; place-items: center; align-content: center; width: 135px; height: 135px; background: conic-gradient(var(--wa-mint) 0 100%, var(--wa-blue) 100%); border-radius: 50%; box-shadow: inset 0 0 0 22px var(--wa-paper); }
#allocationRing span, #allocationRing small { position: relative; display: block; text-align: center; }
#allocationRing span { font-size: 18px; font-weight: 700; }
#allocationRing small { margin-top: 2px; color: var(--wa-muted); font-size: 7px; text-transform: uppercase; }
.wallet-allocation-legend { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.wallet-allocation-legend span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; color: var(--wa-muted); font-size: 9px; }
.wallet-allocation-legend i { width: 7px; height: 7px; border-radius: 50%; }
.wallet-allocation-legend i.usdc { background: var(--wa-mint); }.wallet-allocation-legend i.eth { background: var(--wa-blue); }
.wallet-allocation-legend b { color: var(--wa-ink); }

.wallet-section { padding: 25px; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 8px; }
.wallet-section-head { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.wallet-section-head > div:first-child > span { color: var(--wa-green); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wallet-section-head h1, .wallet-section-head h2 { margin-top: 4px; font-size: 25px; }
.wallet-section-head.compact h2 { font-size: 20px; }
.wallet-section-actions { display: flex; align-items: center; gap: 8px; }
.wallet-search { display: flex; align-items: center; gap: 7px; min-width: 220px; height: 38px; padding: 0 11px; background: white; border: 1px solid var(--wa-line); border-radius: 6px; }
.wallet-search span { color: var(--wa-muted); }
.wallet-app .wallet-search input { width: 100%; height: 100%; padding: 0; background: transparent; border: 0; outline: none; font-size: 10px; }
.wallet-app select { height: 38px; padding: 0 31px 0 11px; color: var(--wa-ink); background: white; border: 1px solid var(--wa-line); border-radius: 6px; font-size: 10px; }
.wallet-secondary-button, .wallet-primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 39px; padding: 0 15px; border: 1px solid var(--wa-ink); border-radius: 999px; font-size: 10px; font-weight: 700; cursor: pointer; }
.wallet-secondary-button { color: var(--wa-ink); background: transparent; }
.wallet-primary-button { color: var(--wa-ink); background: var(--wa-mint); }
.wallet-primary-button.fit { width: fit-content; }
.wallet-primary-button:hover, .wallet-secondary-button:hover { transform: translateY(-1px); }
.wallet-table-card { overflow: hidden; border: 1px solid var(--wa-line); border-radius: 7px; }
.wallet-data-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.wallet-data-table th, .wallet-data-table td { padding: 15px 17px; border-bottom: 1px solid var(--wa-line); text-align: left; }
.wallet-data-table th { color: var(--wa-muted); background: #ebede7; font-size: 8px; text-transform: uppercase; }
.wallet-data-table td { font-size: 11px; }
.wallet-data-table tbody tr:last-child td { border-bottom: 0; }
.wallet-data-table tbody tr:hover { background: #eef7f0; }
.wallet-asset { display: flex; align-items: center; gap: 10px; }
.wallet-asset > i { display: grid; place-items: center; width: 34px; height: 34px; color: white; border-radius: 50%; font-size: 11px; font-style: normal; font-weight: 700; }
.wallet-asset > i.usdc { background: #2876ca; }.wallet-asset > i.eth { background: #596770; }
.wallet-asset strong, .wallet-asset small { display: block; }.wallet-asset small { margin-top: 2px; color: var(--wa-muted); font-size: 8px; }
.wallet-chain-tag { padding: 6px 8px; color: var(--wa-green); background: #e0f6e7; border-radius: 999px; font-size: 8px; font-weight: 700; }
.wallet-row-menu { color: var(--wa-muted); background: transparent; border: 0; cursor: pointer; }
.wallet-empty-filter { padding: 28px; color: var(--wa-muted); text-align: center; font-size: 11px; }

.wallet-grid-section { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; }
.wallet-activity-list { display: grid; }
.wallet-activity-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; min-height: 61px; border-top: 1px solid var(--wa-line); }
.wallet-activity-item > i { display: grid; place-items: center; width: 35px; height: 35px; background: #e8eae4; border-radius: 50%; font-size: 14px; font-style: normal; }
.wallet-activity-item.sent > i { color: var(--wa-red); background: #f8e7e4; }.wallet-activity-item.received > i { color: var(--wa-green); background: #e0f6e7; }.wallet-activity-item.swap > i { color: #4c6b91; background: #e3eefb; }
.wallet-activity-item strong, .wallet-activity-item small { display: block; }.wallet-activity-item small { margin-top: 3px; color: var(--wa-muted); font-size: 8px; }
.wallet-activity-amount { text-align: right; }.wallet-activity-amount strong { font-size: 11px; }.wallet-activity-amount a { color: var(--wa-green); font-size: 8px; }
.wallet-empty-state { display: grid; place-items: center; min-height: 185px; color: var(--wa-muted); text-align: center; }
.wallet-empty-state i { display: grid; place-items: center; width: 45px; height: 45px; margin: 0 auto 10px; background: #e9ebe5; border-radius: 50%; font-style: normal; }
.wallet-empty-state strong { display: block; color: var(--wa-ink); font-size: 12px; }.wallet-empty-state p { margin-top: 5px; font-size: 9px; }
.wallet-transfer-card { display: flex; flex-direction: column; }
.wallet-contact-shortcuts { display: grid; gap: 8px; margin-bottom: 18px; }
.wallet-contact-chip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 10px; background: #ebede7; border-radius: 7px; }
.wallet-contact-chip > i, .wallet-contact-card > i { display: grid; place-items: center; width: 31px; height: 31px; color: var(--wa-ink); background: var(--wa-yellow); border-radius: 50%; font-size: 10px; font-style: normal; font-weight: 700; }
.wallet-contact-chip strong, .wallet-contact-chip small { display: block; }.wallet-contact-chip strong { font-size: 10px; }.wallet-contact-chip small { margin-top: 2px; color: var(--wa-muted); font-size: 8px; }
.wallet-contact-chip button { color: var(--wa-green); background: transparent; border: 0; font-size: 15px; cursor: pointer; }
.wallet-transfer-card > .wallet-primary-button { width: 100%; margin-top: auto; }

.wallet-contacts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wallet-contact-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 15px; background: #ebede7; border: 1px solid transparent; border-radius: 7px; }
.wallet-contact-card:hover { border-color: var(--wa-ink); }
.wallet-contact-card strong, .wallet-contact-card small { display: block; }.wallet-contact-card strong { font-size: 11px; }.wallet-contact-card small { margin-top: 3px; overflow: hidden; color: var(--wa-muted); font-size: 8px; text-overflow: ellipsis; }
.wallet-contact-card button { background: transparent; border: 0; cursor: pointer; }
.wallet-settings-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--wa-line); border-left: 1px solid var(--wa-line); }
.wallet-settings-grid article { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 91px; padding: 16px; border-right: 1px solid var(--wa-line); border-bottom: 1px solid var(--wa-line); }
.wallet-settings-grid article > div { display: flex; align-items: center; gap: 12px; }
.wallet-settings-grid article > div > i { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; background: #e8eae4; border-radius: 50%; font-style: normal; }
.wallet-settings-grid strong, .wallet-settings-grid small { display: block; }.wallet-settings-grid strong { font-size: 10px; }.wallet-settings-grid small { max-width: 260px; margin-top: 4px; color: var(--wa-muted); font-size: 8px; line-height: 1.5; }
.wallet-security-score { padding: 7px 10px; color: var(--wa-green); background: #e0f6e7; border-radius: 999px; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-switch { position: relative; flex: 0 0 auto; width: 36px; height: 20px; }
.wallet-switch input { position: absolute; opacity: 0; }
.wallet-switch span { position: absolute; inset: 0; background: #c7cbc5; border-radius: 999px; cursor: pointer; }
.wallet-switch span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; background: white; border-radius: 50%; transition: transform 160ms ease; }
.wallet-switch input:checked + span { background: var(--wa-green); }.wallet-switch input:checked + span::after { transform: translateX(16px); }
.wallet-text-action { padding: 0 0 3px; color: var(--wa-red); background: transparent; border: 0; border-bottom: 1px solid var(--wa-red); font-size: 9px; font-weight: 700; cursor: pointer; }

.wallet-dialog { width: min(calc(100% - 32px), 510px); max-height: calc(100vh - 32px); padding: 0; color: var(--wa-ink); background: transparent; border: 0; overflow: visible; }
.wallet-dialog::backdrop { background: rgba(10,13,11,.72); backdrop-filter: blur(5px); }
.wallet-dialog-card { overflow: hidden; background: var(--wa-paper); border: 1px solid var(--wa-ink); border-radius: 8px; box-shadow: 10px 10px 0 var(--wa-mint); }
.wallet-dialog-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid var(--wa-line); }
.wallet-dialog-head span { color: var(--wa-green); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wallet-dialog-head h2 { margin-top: 4px; font-size: 23px; }
.wallet-dialog-head > button { width: 32px; height: 32px; color: var(--wa-ink); background: #e8eae4; border: 0; border-radius: 50%; font-size: 20px; cursor: pointer; }
.wallet-dialog-body { display: grid; gap: 15px; max-height: calc(100vh - 210px); padding: 22px; overflow-y: auto; }
.wallet-dialog-body label { display: grid; gap: 7px; color: var(--wa-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-dialog-body label > span { float: right; color: #929a94; font-weight: 500; text-transform: none; }
.wallet-dialog-body input, .wallet-dialog-body select { width: 100%; height: 45px; padding: 0 12px; color: var(--wa-ink); background: white; border: 1px solid var(--wa-line); border-radius: 6px; outline: none; }
.wallet-dialog-body input:focus, .wallet-dialog-body select:focus { border-color: var(--wa-green); box-shadow: 0 0 0 3px rgba(22,133,75,.1); }
.wallet-field-row { position: relative; }
.wallet-field-row > button { position: absolute; right: 7px; bottom: 7px; height: 31px; padding: 0 10px; color: var(--wa-green); background: #e0f6e7; border: 0; border-radius: 4px; font-size: 8px; font-weight: 700; cursor: pointer; }
.wallet-transfer-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 13px; background: #e9ebe5; border-radius: 6px; }
.wallet-transfer-summary span, .wallet-transfer-summary strong { display: block; }.wallet-transfer-summary span { color: var(--wa-muted); font-size: 8px; }.wallet-transfer-summary strong { margin-top: 4px; color: var(--wa-ink); font-size: 9px; }
.wallet-form-message { min-height: 14px; color: var(--wa-muted); font-size: 9px; line-height: 1.5; }
.wallet-form-message.error { color: var(--wa-red); }.wallet-form-message.success { color: var(--wa-green); }
.wallet-dialog-actions { display: grid; grid-template-columns: .7fr 1.3fr; gap: 9px; padding: 16px 22px 22px; border-top: 1px solid var(--wa-line); }
.wallet-dialog-actions .wallet-primary-button, .wallet-dialog-actions .wallet-secondary-button { width: 100%; }
.wallet-receive-card .wallet-dialog-body { justify-items: center; text-align: center; }
.wallet-receive-mark { display: grid; place-items: center; width: 100px; height: 100px; margin-top: 5px; color: var(--wa-ink); background: var(--wa-mint); border: 1px solid var(--wa-ink); border-radius: 50%; box-shadow: 7px 7px 0 var(--wa-ink); font-size: 40px; font-weight: 700; }
.wallet-receive-card p { color: var(--wa-muted); font-size: 10px; }
.wallet-address-box { width: 100%; padding: 15px; background: #e9ebe5; border-radius: 6px; text-align: left; }
.wallet-address-box span, .wallet-address-box strong { display: block; }.wallet-address-box span { color: var(--wa-muted); font-size: 8px; text-transform: uppercase; }.wallet-address-box strong { margin-top: 7px; overflow-wrap: anywhere; font-size: 11px; }
.wallet-receive-card .wallet-primary-button { width: 100%; }
.wallet-faucet-link { color: var(--wa-green); font-size: 9px; font-weight: 700; }
.wallet-swap-box { display: grid; grid-template-columns: 1fr 110px; gap: 8px; padding: 13px; background: #e9ebe5; border-radius: 7px; }
.wallet-swap-box input, .wallet-swap-box select { background: var(--wa-paper); }
.wallet-swap-direction { justify-self: center; width: 36px; height: 36px; margin-block: -5px; color: white; background: var(--wa-ink); border: 0; border-radius: 50%; cursor: pointer; }
.wallet-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100; max-width: 330px; padding: 13px 16px; color: white; background: var(--wa-ink); border: 1px solid #47534b; border-radius: 7px; box-shadow: 0 12px 32px rgba(0,0,0,.25); font-size: 10px; opacity: 0; pointer-events: none; transform: translateY(14px); transition: opacity 180ms ease, transform 180ms ease; }
.wallet-toast.show { opacity: 1; transform: translateY(0); }
.wallet-toast.error { background: #7e2d24; border-color: #aa5145; }
.privacy-on .private-value { color: transparent !important; text-shadow: 0 0 10px rgba(16,20,17,.45); user-select: none; }
.privacy-on .wallet-balance-panel .private-value { text-shadow: 0 0 12px rgba(255,255,255,.55); }
.wallet-mobile-nav { display: none; }

@media (max-width: 1080px) {
  .wallet-shell { grid-template-columns: 210px minmax(0,1fr); }
  .wallet-overview { grid-template-columns: 1.3fr .7fr; }
  .wallet-contacts { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .wallet-shell { display: block; }
  .wallet-sidebar { position: fixed; left: 0; top: 0; z-index: 50; width: 260px; transform: translateX(-100%); transition: transform 200ms ease; }
  .wallet-sidebar.open { transform: translateX(0); box-shadow: 20px 0 60px rgba(0,0,0,.3); }
  .wallet-sidebar-close { position: absolute; right: 16px; top: 27px; display: grid; place-items: center; width: 35px; height: 35px; color: white; background: #1b221d; border: 1px solid #3c4941; border-radius: 50%; font-size: 19px; cursor: pointer; }
  .wallet-topbar { padding-inline: 18px; }
  .wallet-menu-button { display: grid; place-items: center; width: 38px; height: 38px; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 50%; }
  .wallet-page-title { margin-right: auto; margin-left: 10px; }
  .wallet-main { width: min(calc(100% - 32px), 1200px); padding-bottom: 100px; }
  .wallet-main > *, .wallet-overview, .wallet-overview > *, .wallet-grid-section, .wallet-section { min-width: 0; width: 100%; }
  .wallet-overview, .wallet-grid-section { grid-template-columns: 1fr; }
  .wallet-table-card { overflow-x: auto; }
  .wallet-allocation-panel { min-height: 280px; }
  .wallet-settings-grid { grid-template-columns: 1fr; }
  .wallet-mobile-nav { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 40; display: grid; grid-template-columns: repeat(5,1fr); min-height: 62px; padding: 6px; color: #87938b; background: rgba(16,20,17,.96); border: 1px solid #39453d; border-radius: 8px; backdrop-filter: blur(14px); }
  .wallet-mobile-nav a, .wallet-mobile-nav button { display: grid; place-items: center; align-content: center; gap: 3px; color: inherit; background: transparent; border: 0; font-size: 7px; }
  .wallet-mobile-nav i { font-size: 16px; font-style: normal; }.wallet-mobile-nav .active { color: var(--wa-mint); }
}

@media (max-width: 600px) {
  .wallet-topbar { min-height: 66px; }
  .wallet-page-title { display: none; }
  .wallet-icon-button { width: 36px; height: 36px; }
  .wallet-account-button { max-width: 165px; }
  .wallet-main { gap: 14px; padding-top: 16px; }
  .wallet-balance-panel { min-height: 360px; padding: 22px; }
  .wallet-balance-top { padding-right: 0; }
  .wallet-balance-panel::after { right: 22px; top: 60px; width: 58px; height: 58px; box-shadow: 5px 5px 0 white; font-size: 24px; }
  .wallet-balance-panel > strong { margin-top: 48px; font-size: 45px; }
  .wallet-quick-actions { left: 18px; right: 18px; bottom: 19px; display: grid; grid-template-columns: 1fr 1fr; }
  .wallet-quick-actions button, .wallet-quick-actions a { justify-content: center; }
  .wallet-section { padding: 20px 16px; }
  .wallet-section-head { align-items: flex-start; flex-direction: column; gap: 14px; }
  .wallet-section-head h1, .wallet-section-head h2 { font-size: 22px; }
  .wallet-section-actions { width: 100%; }
  .wallet-search { flex: 1; min-width: 0; }
  .wallet-table-card { margin-inline: -16px; border-inline: 0; border-radius: 0; }
  .wallet-data-table { min-width: 620px; }
  .wallet-data-table th:nth-child(3), .wallet-data-table td:nth-child(3), .wallet-data-table th:nth-child(5), .wallet-data-table td:nth-child(5) { display: none; }
  .wallet-contacts { grid-template-columns: 1fr; }
  .wallet-settings-grid { margin-inline: -16px; border-left: 0; }
  .wallet-settings-grid article { border-right: 0; }
  .wallet-security-score { align-self: flex-start; }
  .wallet-dialog { width: calc(100% - 20px); }
  .wallet-dialog-card { box-shadow: 5px 5px 0 var(--wa-mint); }
  .wallet-dialog-body { padding: 18px; }
  .wallet-dialog-actions { padding: 14px 18px 18px; }
  .wallet-transfer-summary { grid-template-columns: 1fr; }
  .wallet-toast { left: 16px; right: 16px; bottom: 88px; max-width: none; }
}

.wallet-sidebar { overflow-y: auto; }
.wallet-app textarea { width: 100%; padding: 11px 12px; color: var(--wa-ink); background: white; border: 1px solid var(--wa-line); border-radius: 6px; outline: none; resize: vertical; font: inherit; font-size: 10px; line-height: 1.55; }
.wallet-app textarea:focus { border-color: var(--wa-green); box-shadow: 0 0 0 3px rgba(22,133,75,.1); }
.wallet-operations-grid, .wallet-treasury-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wallet-operations-grid > article, .wallet-policy-card, .wallet-reserve-card, .wallet-developer-grid > article { min-width: 0; padding: 18px; background: #ebede7; border: 1px solid var(--wa-line); border-radius: 7px; }
.wallet-operation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.wallet-operation-head span { color: var(--wa-green); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wallet-operation-head h3 { margin-top: 4px; font-size: 17px; }
.wallet-operation-head > i { display: grid; place-items: center; width: 32px; height: 32px; background: var(--wa-mint); border: 1px solid var(--wa-ink); border-radius: 50%; font-style: normal; }
.wallet-operation-list { display: grid; gap: 7px; margin-top: 17px; }
.wallet-operation-empty { min-height: 110px; display: grid; place-items: center; color: var(--wa-muted); border: 1px dashed #bfc4bd; border-radius: 6px; font-size: 9px; text-align: center; }
.wallet-operation-item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 12px; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 6px; }
.wallet-operation-item strong, .wallet-operation-item small { display: block; }.wallet-operation-item strong { font-size: 10px; }.wallet-operation-item small { margin-top: 3px; color: var(--wa-muted); font-size: 8px; }
.wallet-operation-item > div:last-child { display: flex; align-items: center; gap: 7px; }
.wallet-operation-item button { padding: 6px 8px; color: var(--wa-green); background: #e0f6e7; border: 0; border-radius: 4px; font-size: 8px; font-weight: 700; cursor: pointer; }
.wallet-operation-item button.send-batch { color: var(--wa-ink); background: var(--wa-mint); }
.wallet-treasury-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 12px; border-top: 1px solid var(--wa-line); border-left: 1px solid var(--wa-line); }
.wallet-treasury-metrics article { min-height: 128px; padding: 18px; border-right: 1px solid var(--wa-line); border-bottom: 1px solid var(--wa-line); }
.wallet-treasury-metrics span, .wallet-treasury-metrics strong, .wallet-treasury-metrics small { display: block; }
.wallet-treasury-metrics span { color: var(--wa-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-treasury-metrics strong { margin-top: 20px; font-size: 27px; }
.wallet-treasury-metrics small { margin-top: 4px; color: var(--wa-muted); font-size: 8px; }
.wallet-policy-card, .wallet-reserve-card { display: grid; gap: 16px; }
.wallet-policy-card > label, .wallet-developer-grid label { display: grid; gap: 7px; color: var(--wa-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-policy-card input, .wallet-developer-grid input { width: 100%; height: 41px; padding: 0 11px; color: var(--wa-ink); background: white; border: 1px solid var(--wa-line); border-radius: 6px; outline: none; }
.wallet-policy-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wallet-policy-row strong, .wallet-policy-row small { display: block; }.wallet-policy-row strong { font-size: 10px; }.wallet-policy-row small { max-width: 310px; margin-top: 3px; color: var(--wa-muted); font-size: 8px; line-height: 1.45; }
.wallet-policy-card .wallet-primary-button, .wallet-developer-grid .wallet-primary-button { width: fit-content; }
.wallet-signal-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 36px; border-bottom: 1px solid var(--wa-line); font-size: 9px; }
.wallet-signal-row span { color: var(--wa-muted); }.wallet-signal-row strong { font-size: 9px; }
.wallet-reserve-card > a { color: var(--wa-green); font-size: 9px; font-weight: 700; }
.wallet-proposal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wallet-proposal-grid article { display: flex; flex-direction: column; min-height: 265px; padding: 18px; background: #ebede7; border: 1px solid var(--wa-line); border-radius: 7px; }
.wallet-proposal-grid article > span { color: var(--wa-green); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.wallet-proposal-grid h3 { margin-top: 25px; font-size: 17px; line-height: 1.2; }
.wallet-proposal-grid p { margin-top: 10px; color: var(--wa-muted); font-size: 9px; line-height: 1.55; }
.wallet-proposal-grid article > div { display: flex; gap: 5px; margin-top: auto; padding-top: 17px; }
.wallet-proposal-grid button { flex: 1; min-height: 31px; color: var(--wa-ink); background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 5px; font-size: 8px; cursor: pointer; }
.wallet-proposal-grid button.selected { background: var(--wa-mint); border-color: var(--wa-ink); font-weight: 700; }
.proposal-result { margin-top: 9px; color: var(--wa-muted); font-size: 8px; }
.wallet-section-note { margin-top: 14px; color: var(--wa-muted); font-size: 8px; line-height: 1.55; }
.wallet-developer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wallet-developer-grid > article { display: grid; align-content: start; gap: 15px; }
.wallet-developer-grid > article > p { color: var(--wa-muted); font-size: 9px; line-height: 1.55; }
.wallet-key-box { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; min-width: 0; padding: 8px; background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 6px; }
.wallet-key-box code { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.wallet-key-box button { color: var(--wa-green); background: transparent; border: 0; font-size: 8px; font-weight: 700; cursor: pointer; }
.wallet-event-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.wallet-event-tags span { padding: 6px 7px; color: var(--wa-muted); background: var(--wa-paper); border: 1px solid var(--wa-line); border-radius: 999px; font-size: 7px; }

@media (max-width: 1080px) {
  .wallet-developer-grid { grid-template-columns: 1fr 1fr; }
  .wallet-developer-grid > article:last-child { grid-column: span 2; }
}

@media (max-width: 820px) {
  .wallet-proposal-grid { grid-template-columns: 1fr; }
  .wallet-proposal-grid article { min-height: 225px; }
}

@media (max-width: 600px) {
  .wallet-operations-grid, .wallet-treasury-grid, .wallet-developer-grid { grid-template-columns: 1fr; }
  .wallet-developer-grid > article:last-child { grid-column: auto; }
  .wallet-treasury-metrics { grid-template-columns: 1fr; margin-inline: -16px; border-left: 0; }
  .wallet-treasury-metrics article { min-height: 105px; border-right: 0; }
  .wallet-treasury-metrics strong { margin-top: 12px; }
  .wallet-business-section .wallet-section-actions { align-items: stretch; flex-direction: column; }
  .wallet-business-section .wallet-section-actions > * { width: 100%; }
}

/* WCAG 2.2 accessibility layer */
html { font-size: 100%; scroll-padding-top: 104px; }
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
main { scroll-margin-top: 104px; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 1000; padding: 12px 16px; color: #101411; background: #ffffff; border: 3px solid #101411; border-radius: 6px; font-size: 16px; font-weight: 700; transform: translateY(-180%); transition: transform 120ms ease; }
.skip-link:focus { transform: translateY(0); }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #0b6bcb !important; outline-offset: 3px !important; box-shadow: 0 0 0 2px #ffffff !important; }
:where(button, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) { min-height: 44px; }
::placeholder { color: #59645d; opacity: 1; }

.new-home { --nh-muted: #4f5a53; --nh-line: #a8afa8; --nh-green: #0f6b38; font-size: 16px; line-height: 1.6; }
.new-home .new-nav-links a, .new-home .text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.new-home .new-button { min-height: 48px; padding-inline: 22px; font-size: 15px; }
.new-home .hero-copy > p, .new-home .split-heading > p, .new-home .split-heading > .live-heading-side > p, .new-home .center-heading > p:last-child { font-size: 17px; line-height: 1.7; }
.new-home :is(.status-chip, .new-eyebrow, .feature-number, .window-brand, .window-status, .preview-heading small, .preview-heading > span, .float-card span, .float-card small, .tape-label, .tape-track span, .market-tape > p, .lab-card-head span, .lab-card-head > i, .risk-stack article > span, .risk-stack i, .glossary-grid span, .faq-list summary span, .footer-columns strong, .footer-bottom-new, .infrastructure-card > span, .infrastructure-card > em) { font-size: 13px; line-height: 1.45; }
.new-home :is(.hero-proof, .market-status-new, .lab-note, .window-content, .mini-market, .learning-tags span, .check-row span, .business-audiences span, .infra-flow i, .infra-code span) { font-size: 13px; line-height: 1.5; }
.new-home :is(.feature-block > p, .flow-grid p, .use-panel > div:last-child > p:not(.new-eyebrow), .reserve-panel-new > div:last-child > p:not(.new-eyebrow), .risk-intro > p:not(.new-eyebrow), .risk-stack p, .glossary-grid p, .faq-list details p, .infrastructure-card > p) { font-size: 16px; line-height: 1.7; }
.new-home :is(input, select, textarea) { min-height: 48px; font-size: 16px; }
.new-home table th { font-size: 13px; line-height: 1.4; }
.new-home table th { color: #4f5a53; }
.new-home table td { color: var(--nh-ink); font-size: 15px; line-height: 1.5; }
.new-home .positive { color: #0f6b38 !important; }.new-home .negative { color: #aa2f24 !important; }
.new-home .faq-list summary { min-height: 88px; font-size: 18px; }
.new-home .faq-list summary i { width: 36px; height: 36px; }
.new-home .footer-top p, .new-home .footer-columns a { font-size: 14px; line-height: 1.55; }
.new-home .footer-social a { width: 44px; height: 44px; }
.new-home .refresh-circle, .new-home .menu-toggle { min-width: 48px; min-height: 48px; }
.new-home small { font-size: 12px; line-height: 1.45; }
.new-home :is(.preview-coins, .preview-coins *, .mini-market *, .flow-grid article > span, .coin-cell span, .use-tab span, .reserve-tab span, .chart-dot span) { font-size: 12px; line-height: 1.45; }
.new-home .reserve-layout-new .reserve-tab span { font-size: 12px; }
.new-home .preview-heading small, .new-home .preview-coins p small { color: #4f5a53; }
.new-home .feature-number { color: #3e4942; }
.new-home .coin-logo.usdt, .new-home .coin-logo.dai { color: #101411; }

.wallet-app { --wa-muted: #4f5a53; --wa-line: #a8afa8; --wa-green: #0f6b38; font-size: 16px; line-height: 1.55; }
.wallet-app strong, .wallet-app b { color: inherit; }
.wallet-app .wallet-shell { grid-template-columns: 280px minmax(0, 1fr); }
.wallet-app .wallet-sidebar { padding-inline: 20px; }
.wallet-app .wallet-nav a { min-height: 48px; font-size: 15px; }
.wallet-app .wallet-side-footer > a, .wallet-app .wallet-side-footer > button { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; }
.wallet-app .wallet-network-card span, .wallet-app .wallet-page-title span, .wallet-app .wallet-panel-head span, .wallet-app .wallet-section-head > div:first-child > span, .wallet-app .wallet-operation-head span, .wallet-app .wallet-treasury-metrics span, .wallet-app .wallet-proposal-grid article > span, .wallet-app .wallet-dialog-head span { font-size: 12px; line-height: 1.45; }
.wallet-app .wallet-network-card strong, .wallet-app .wallet-account-button span, .wallet-app .wallet-balance-top > div, .wallet-app .wallet-change, .wallet-app #allocationRing small, .wallet-app .wallet-allocation-legend span { font-size: 13px; line-height: 1.45; }
.wallet-app .wallet-balance-panel > p, .wallet-app .wallet-operation-empty, .wallet-app .wallet-operation-item small, .wallet-app .wallet-treasury-metrics small, .wallet-app .wallet-policy-row small, .wallet-app .wallet-proposal-grid p, .wallet-app .proposal-result, .wallet-app .wallet-section-note, .wallet-app .wallet-developer-grid > article > p, .wallet-app .wallet-settings-grid small, .wallet-app .wallet-contact-chip small, .wallet-app .wallet-contact-card small, .wallet-app .wallet-empty-state p { font-size: 14px; line-height: 1.6; }
.wallet-app .wallet-panel-head strong, .wallet-app .wallet-page-title strong { font-size: 17px; }
.wallet-app .wallet-quick-actions button, .wallet-app .wallet-quick-actions a, .wallet-app .wallet-secondary-button, .wallet-app .wallet-primary-button, .wallet-app .wallet-proposal-grid button, .wallet-app .wallet-operation-item button { min-height: 44px; font-size: 14px; }
.wallet-app .wallet-search { min-height: 48px; }
.wallet-app .wallet-search input, .wallet-app select, .wallet-app textarea, .wallet-app .wallet-dialog-body input, .wallet-app .wallet-dialog-body select, .wallet-app .wallet-policy-card input, .wallet-app .wallet-developer-grid input { min-height: 48px; font-size: 16px; }
.wallet-app .wallet-data-table th { font-size: 13px; line-height: 1.45; }
.wallet-app .wallet-data-table td { color: var(--wa-ink); font-size: 15px; line-height: 1.5; }
.wallet-app .wallet-asset small, .wallet-app .wallet-chain-tag { font-size: 13px; }
.wallet-app .wallet-activity-item { min-height: 76px; }
.wallet-app .wallet-activity-item strong, .wallet-app .wallet-activity-amount strong, .wallet-app .wallet-contact-chip strong, .wallet-app .wallet-contact-card strong, .wallet-app .wallet-settings-grid strong, .wallet-app .wallet-operation-item strong, .wallet-app .wallet-policy-row strong { font-size: 15px; }
.wallet-app .wallet-activity-item small, .wallet-app .wallet-activity-amount a { font-size: 13px; }
.wallet-app .wallet-empty-state strong { font-size: 16px; }
.wallet-app .wallet-security-score, .wallet-app .wallet-text-action, .wallet-app .wallet-reserve-card > a, .wallet-app .wallet-signal-row, .wallet-app .wallet-signal-row strong { font-size: 13px; }
.wallet-app .wallet-dialog-body label, .wallet-app .wallet-policy-card > label, .wallet-app .wallet-developer-grid label { font-size: 14px; line-height: 1.45; }
.wallet-app .wallet-transfer-summary span, .wallet-app .wallet-transfer-summary strong, .wallet-app .wallet-form-message, .wallet-app .wallet-address-box span, .wallet-app .wallet-address-box strong, .wallet-app .wallet-faucet-link, .wallet-app .wallet-receive-card p { font-size: 14px; line-height: 1.55; }
.wallet-app .wallet-key-box code, .wallet-app .wallet-key-box button, .wallet-app .wallet-event-tags span { font-size: 13px; }
.wallet-app .wallet-toast { max-width: 420px; padding: 16px 18px; font-size: 15px; line-height: 1.5; }
.wallet-app .wallet-icon-button, .wallet-app .wallet-menu-button, .wallet-app .wallet-sidebar-close { min-width: 44px; min-height: 44px; }
.wallet-app .wallet-menu-button { color: var(--wa-ink); }
.wallet-app .wallet-row-menu, .wallet-app .wallet-contact-card button { min-width: 44px; min-height: 44px; }
.wallet-app .wallet-contact-chip button, .wallet-app .wallet-operation-item button { min-width: 44px; }
.wallet-app :is(.wallet-contact-card, .wallet-operation-item) button[aria-label^="Delete"] { color: var(--wa-ink); }
.wallet-app .wallet-balance-top button { width: 28px; height: 28px; font-size: 13px; }

body:not(.new-home):not(.wallet-app) :is(.nav, .eyebrow, .panel-kicker, .live-pill) { font-size: 14px; }
body:not(.new-home):not(.wallet-app) :is(.button, .nav-cta, .primary-button, .secondary-button, .secondary-light) { min-height: 48px; font-size: 16px; }
body:not(.new-home):not(.wallet-app) :is(input, select, textarea) { min-height: 48px; font-size: 16px; }
body:not(.new-home):not(.wallet-app) :is(th) { font-size: 13px; }
body:not(.new-home):not(.wallet-app) :is(td, .legal-content p) { font-size: 16px; line-height: 1.65; }

@media (max-width: 1080px) {
  .wallet-app .wallet-shell { grid-template-columns: 240px minmax(0, 1fr); }
}

@media (max-width: 820px) {
  .wallet-app .wallet-shell { display: block; }
  .wallet-app .wallet-mobile-nav { min-height: 72px; }
  .wallet-app .wallet-mobile-nav a, .wallet-app .wallet-mobile-nav button { min-height: 56px; font-size: 12px; }
  .wallet-app .wallet-mobile-nav i { font-size: 19px; }
  .wallet-app .wallet-main { padding-bottom: 112px; }
}

@media (max-width: 600px) {
  .wallet-app .wallet-top-actions { gap: 6px; }
  .wallet-app .wallet-account-button { min-height: 44px; }
  .wallet-app .wallet-account-button span { max-width: 112px; }
  .wallet-app .wallet-balance-panel { min-height: 390px; }
  .wallet-app .wallet-dialog-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid CanvasText !important; box-shadow: none !important; }
}

/* Current legal pages */
.legal-new { background: var(--nh-bg); }
.legal-new-inner { width: min(calc(100% - 48px), 1200px); margin-inline: auto; }
.legal-new-hero { position: relative; overflow: hidden; color: white; background-color: var(--nh-ink); background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; }
.legal-new-hero::after { content: "A"; position: absolute; right: max(48px, calc((100vw - 1200px) / 2)); top: 90px; display: grid; place-items: center; width: 180px; height: 180px; color: var(--nh-ink); background: var(--nh-mint); border-radius: 50%; box-shadow: 14px 14px 0 rgba(255,255,255,.92); font-size: 72px; font-weight: 700; opacity: .94; }
.legal-terms-hero::after { background: var(--nh-blue); }
.legal-new-hero .legal-new-inner { min-height: 600px; padding-block: 105px 82px; }
.legal-new-hero .new-eyebrow { color: var(--nh-mint); }
.legal-new-hero h1 { max-width: 940px; margin-top: 25px; font-size: clamp(58px,7vw,92px); line-height: .98; }
.legal-hero-meta { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; margin-top: 70px; padding-top: 24px; border-top: 1px solid #3b473f; }
.legal-hero-meta p { max-width: 720px; color: #b4beb7; font-size: 17px; line-height: 1.7; }
.legal-hero-meta span { color: var(--nh-mint); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.legal-summary-band { background: var(--nh-yellow); border-block: 1px solid var(--nh-ink); }
.legal-terms-summary { background: var(--nh-blue); }
.legal-summary-band .legal-new-inner { display: grid; grid-template-columns: repeat(3,1fr); }
.legal-summary-band article { min-height: 170px; padding: 28px; border-right: 1px solid var(--nh-ink); }
.legal-summary-band article:first-child { border-left: 1px solid var(--nh-ink); }
.legal-summary-band span { font-size: 12px; font-weight: 700; }
.legal-summary-band strong { display: block; margin-top: 26px; font-size: 22px; }
.legal-summary-band p { margin-top: 7px; color: #514c2d; font-size: 14px; line-height: 1.55; }
.legal-terms-summary p { color: #405266; }
.legal-new-body { background: var(--nh-paper); }
.legal-new-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 80px; padding-block: 100px 120px; }
.legal-toc { position: sticky; top: 108px; align-self: start; }
.legal-toc > p { color: var(--nh-green); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.legal-toc nav { display: grid; margin-top: 18px; border-top: 1px solid var(--nh-line); }
.legal-toc nav a { display: flex; align-items: center; min-height: 48px; color: var(--nh-muted); border-bottom: 1px solid var(--nh-line); font-size: 14px; font-weight: 600; }
.legal-toc nav a:hover { color: var(--nh-ink); padding-left: 6px; }
.legal-related { display: inline-flex; align-items: center; min-height: 48px; margin-top: 22px; color: var(--nh-green); font-size: 14px; font-weight: 700; }
.legal-articles { min-width: 0; }
.legal-articles > section { scroll-margin-top: 105px; padding: 0 0 70px; margin-bottom: 70px; border-bottom: 1px solid var(--nh-line); }
.legal-articles > section:last-child { margin-bottom: 0; }
.legal-articles > section > span { color: var(--nh-green); font-size: 12px; font-weight: 700; letter-spacing: .1em; }
.legal-articles h2 { max-width: 760px; margin-top: 12px; font-size: clamp(34px,4vw,51px); line-height: 1.08; }
.legal-articles p { max-width: 820px; margin-top: 20px; color: var(--nh-muted); font-size: 16px; line-height: 1.8; }
.legal-articles ul { display: grid; gap: 11px; max-width: 820px; margin: 22px 0 0; padding-left: 22px; color: var(--nh-muted); font-size: 16px; line-height: 1.65; }
.legal-articles a { color: var(--nh-green); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.legal-callout, .legal-warning { max-width: 820px; margin-top: 26px; padding: 23px; background: var(--nh-mint); border: 1px solid var(--nh-ink); border-radius: 8px; box-shadow: 6px 6px 0 var(--nh-ink); }
.legal-warning { background: var(--nh-yellow); }
.legal-callout strong, .legal-warning strong { display: block; font-size: 18px; }
.legal-callout p, .legal-warning p { margin-top: 7px; color: #3f5546; font-size: 14px; line-height: 1.65; }
.legal-warning p { color: #514c2d; }
.legal-service-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 820px; margin-top: 25px; }
.legal-service-list a { display: grid; min-height: 96px; padding: 17px; color: var(--nh-ink); background: var(--nh-bg); border: 1px solid var(--nh-line); border-radius: 7px; text-decoration: none; }
.legal-service-list a:hover { background: var(--nh-mint); border-color: var(--nh-ink); }
.legal-service-list strong { font-size: 15px; }.legal-service-list span { align-self: end; margin-top: 12px; color: var(--nh-muted); font-size: 13px; }
.footer-app-link { color: var(--nh-ink); background: var(--nh-mint); border-color: var(--nh-mint); }
.footer-app-link:hover { background: white; border-color: white; }
.new-footer .footer-bottom-new a { color: var(--nh-mint); }
.new-footer [aria-current="page"] { color: white; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) {
  .legal-new-hero::after { right: -45px; top: 85px; width: 145px; height: 145px; font-size: 60px; opacity: .24; }
  .legal-new-layout { grid-template-columns: 220px minmax(0,1fr); gap: 48px; }
}

@media (max-width: 700px) {
  .legal-new-inner { width: min(calc(100% - 32px),1200px); }
  .legal-new-hero .legal-new-inner { min-height: auto; padding-block: 72px 58px; }
  .legal-new-hero h1 { font-size: 52px; }
  .legal-hero-meta { grid-template-columns: 1fr; gap: 18px; margin-top: 48px; }
  .legal-summary-band .legal-new-inner { grid-template-columns: 1fr; }
  .legal-summary-band article, .legal-summary-band article:first-child { min-height: 138px; border-left: 1px solid var(--nh-ink); border-bottom: 1px solid var(--nh-ink); }
  .legal-summary-band article:last-child { border-bottom: 0; }
  .legal-summary-band strong { margin-top: 17px; }
  .legal-new-layout { grid-template-columns: 1fr; gap: 54px; padding-block: 70px 90px; }
  .legal-toc { position: static; }
  .legal-toc nav { grid-template-columns: 1fr 1fr; }
  .legal-toc nav a:nth-child(odd) { border-right: 1px solid var(--nh-line); }
  .legal-articles > section { padding-bottom: 52px; margin-bottom: 52px; }
  .legal-articles h2 { font-size: 34px; }
  .legal-service-list { grid-template-columns: 1fr; }
  .legal-footer .footer-top { align-items: stretch; }
  .legal-footer .footer-app-link { width: 100%; }
}