:root {
  color-scheme: light;
  --bg: #f6f3ec;
  --surface: #fffdf8;
  --ink: #1a1a1a;
  --muted: #5c5850;
  --accent: #0e5a45;
  --accent-dark: #0a4535;
  --on-accent: #ffffff;
  --border: rgba(26, 24, 20, 0.14);
  --danger: #8a3b2e;
  --radius-s: 0.45rem;
  --radius-m: 0.85rem;
  --radius-l: 1.25rem;
  --pill: 999px;
  --shadow: 0 0.5rem 1.5rem rgb(26 26 26 / 5%);
  --font: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", monospace;
}
*, *::before, *::after { box-sizing: border-box; }
.nco-site { min-width: 0; }
.nco-site {
  margin: 0; min-height: 100vh; color: var(--ink);
  background: linear-gradient(180deg, var(--bg) 0%, #f1eee7 60%, var(--bg) 100%);
  font-family: var(--font); font-size: 1rem; line-height: 1.55;
}
button, input, select { font: inherit; }
h1, h2, h3, p { margin-block-start: 0; }
h1, h2 { line-height: 1.05; letter-spacing: -0.025em; }
button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid var(--accent); outline-offset: 3px;
}
.shell { width: min(100% - 2rem, 68rem); margin-inline: auto; }
@media (min-width: 40rem) { .shell { width: min(100% - 3rem, 68rem); } }

/* Header */
.site-header {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 0.5rem 1.5rem; padding-block: 1rem; border-bottom: 1px solid var(--border);
}
.brand { display: inline-flex; align-items: center; gap: 0.7rem; min-width: 0; }
.brand-mark { width: 2.6rem; height: auto; flex: none; color: var(--accent); }
.brand-name { display: block; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.035em; line-height: 1.05; }
.brand-sub { display: block; color: var(--muted); font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase; }
.lang-switch { display: inline-flex; flex: none; gap: 0.15rem; padding: 0.2rem; border: 1px solid var(--border); border-radius: var(--pill); background: var(--surface); }
.lang-switch button {
  min-width: 3rem; min-height: 2.75rem; padding: 0 0.7rem; border: 0; border-radius: var(--pill);
  background: transparent; color: var(--muted); cursor: pointer;
  font-family: var(--mono); font-size: 0.85rem; font-weight: 700;
}
.lang-switch button[aria-pressed="true"] { background: var(--ink); color: var(--bg); }

/* Hero */
.hero { padding: clamp(1.5rem, 4vw, 2.75rem) 0 2.5rem; }
.kicker { display: flex; align-items: center; gap: 0.5rem; margin: 0; color: var(--accent); font-family: var(--mono); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
.kicker-mark { width: 0.55rem; height: 0.55rem; background: var(--accent); border-radius: 1px; }
.hero h1 { max-width: 17ch; margin: 0.5rem 0 0.85rem; font-size: clamp(2.15rem, 8vw, 4.5rem); }
.lede { max-width: 46ch; margin-bottom: 1.5rem; color: var(--muted); font-size: clamp(1.05rem, 2.4vw, 1.2rem); line-height: 1.5; }
.rate-strip { margin: 0 0 0.5rem; padding: 0.8rem 1rem; border: 1px solid var(--border); border-radius: var(--radius-m); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); color: var(--muted); font-size: 0.82rem; line-height: 1.5; }
.rate-label { display: block; margin-bottom: 0.15rem; color: var(--accent); font-family: var(--mono); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.rate-values { color: var(--ink); font-family: var(--mono); font-size: 0.78rem; }
.status-line { display: flex; align-items: center; gap: 0.5rem; margin: 0.5rem 0 0; color: var(--muted); font-size: 0.8rem; }
.status-dot { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--accent); flex: none; }

/* Calculator grid */
.calc-grid { display: grid; gap: 1.5rem; align-items: start; }
@media (min-width: 56rem) { .calc-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 2.5rem; } .result-panel { position: sticky; top: 1.5rem; } }
.panel { min-width: 0; padding: clamp(1.15rem, 4vw, 2rem); border: 1px solid var(--border); border-radius: var(--radius-l); background: var(--surface); box-shadow: var(--shadow); }
.panel h2 { margin-bottom: 1.5rem; font-size: clamp(1.35rem, 4vw, 1.75rem); }

/* Inputs */
.field { display: grid; gap: 0.35rem; margin-bottom: 1rem; min-width: 0; }
.field:last-child { margin-bottom: 0; }
label, legend { font-weight: 500; }
input, select {
  width: 100%; min-height: 3rem; padding: 0.7rem 0.8rem;
  border: 1px solid var(--border); border-radius: var(--radius-s);
  background: var(--surface); color: var(--ink); font-variant-numeric: tabular-nums;
}
input:hover, select:hover { border-color: color-mix(in srgb, var(--ink) 35%, var(--border)); }
input[aria-invalid="true"] { border-color: var(--danger); }
.hint { margin: 0; color: var(--muted); font-size: 0.85rem; line-height: 1.4; }
.asset-field { min-width: 0; margin: 0 0 1rem; padding: 0; border: 0; }
.asset-field legend { margin-bottom: 0.4rem; padding: 0; }
.asset-options { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 34rem) { .asset-options { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.asset-option { position: relative; display: block; min-width: 0; font-weight: 500; }
.asset-option input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; border: 0; opacity: 0; }
.asset-option-body {
  display: flex; align-items: center; gap: 0.55rem; min-height: 3rem; padding: 0.4rem 0.7rem;
  border: 1px solid var(--border); border-radius: var(--radius-m); background: var(--surface); cursor: pointer;
}
.asset-option input:checked + .asset-option-body { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); box-shadow: inset 0 0 0 1px var(--accent); }
.asset-option input:focus-visible + .asset-option-body { outline: 3px solid var(--accent); outline-offset: 3px; }
.asset-ticker { font-family: var(--mono); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em; }
.coin-svg { display: block; flex: none; width: 1.5rem; height: 1.5rem; }

.switch-row { display: grid; gap: 0.4rem; margin-block: 1rem; }
.switch { display: flex; align-items: center; gap: 0.75rem; min-height: 3rem; cursor: pointer; font-weight: 500; }
.switch input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: -1px; padding: 0; border: 0; opacity: 0; }
.switch-track { position: relative; flex: none; width: 2.75rem; height: 1.55rem; border-radius: var(--pill); background: color-mix(in srgb, var(--muted) 28%, var(--surface)); }
.switch-track::after { content: ""; position: absolute; top: 0.2rem; left: 0.2rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--surface); box-shadow: 0 1px 2px rgb(0 0 0 / 20%); }
.switch input:checked + .switch-track { background: var(--accent); }
.switch input:checked + .switch-track::after { transform: translateX(1.2rem); }
.switch input:focus-visible + .switch-track { outline: 3px solid var(--accent); outline-offset: 3px; }
.notice {
  margin: 0 0 1rem; padding: 0.75rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: var(--radius-m);
  background: color-mix(in srgb, var(--danger) 8%, var(--surface)); font-size: 0.9rem; line-height: 1.45;
}
.tax-note {
  margin: 0 0 1rem; padding: 0.75rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border)); border-radius: var(--radius-m);
  background: color-mix(in srgb, var(--accent) 7%, var(--surface)); font-size: 0.9rem; line-height: 1.45;
}
.fine-print { margin: 0; color: var(--muted); font-size: 0.8rem; line-height: 1.45; }
.sample-route { margin: 1rem 0 0; color: var(--muted); font-size: 0.85rem; line-height: 1.45; }
.assumptions { margin-top: 1rem; padding-top: 0.5rem; border-top: 1px solid var(--border); }
.assumptions summary { display: flex; align-items: center; min-height: 2.75rem; cursor: pointer; font-weight: 700; }
.assumptions[open] summary { margin-bottom: 1rem; }
.assumption-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); }
.assumption-grid .field { margin-bottom: 0; }
.link-button { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.5rem 0; border: 0; background: transparent; color: var(--accent); cursor: pointer; font-weight: 700; text-decoration: underline; text-underline-offset: 0.18em; }

/* Result panel */
.result-panel { background: color-mix(in srgb, var(--accent) 86%, var(--ink)); border-color: transparent; color: var(--on-accent); box-shadow: 0 1.5rem 3rem rgb(26 26 26 / 22%); }
.result-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgb(255 255 255 / 26%); }
.result-top h2 { margin: 0; color: rgb(255 255 255 / 78%); font-family: var(--mono); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.stamp { flex: none; padding: 0.18rem 0.42rem; border: 1px solid rgb(255 255 255 / 26%); border-radius: 2px; color: rgb(255 255 255 / 78%); font-family: var(--mono); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; transform: rotate(-2deg); white-space: nowrap; }
.result-eyebrow { margin: 1.5rem 0 0; color: rgb(255 255 255 / 78%); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.big-number {
  margin: 0.55rem 0 0.4rem; font-weight: 700; line-height: 1; letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums; white-space: nowrap;
  font-size: clamp(1.55rem, 9.5vw, 4.5rem);
}
@media (min-width: 56rem) { .big-number { font-size: clamp(1.9rem, 4.2vw, 4.5rem); } }
.result-sub { margin-bottom: 1.5rem; color: rgb(255 255 255 / 78%); font-size: 0.95rem; line-height: 1.45; }
.bar { display: flex; height: 0.75rem; overflow: hidden; border: 1px solid rgb(255 255 255 / 26%); border-radius: var(--pill); background: rgb(255 255 255 / 12%); }
.bar-kept { width: 0; background: var(--on-accent); }
.bar-lost { width: 0; background: color-mix(in srgb, var(--danger) 55%, var(--on-accent)); }
.bar-labels { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin-top: 0.5rem; color: rgb(255 255 255 / 78%); font-size: 0.78rem; }
.bar-labels strong { color: var(--on-accent); font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.swatch { display: inline-block; width: 0.6rem; height: 0.6rem; margin-right: 0.35rem; border-radius: 2px; vertical-align: middle; }
.swatch.kept { background: var(--on-accent); }
.swatch.lost { background: color-mix(in srgb, var(--danger) 55%, var(--on-accent)); }
.cost-summary { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 1.5rem 0 1rem; padding: 0.8rem 1rem; border-radius: var(--radius-m); background: rgb(255 255 255 / 12%); color: rgb(255 255 255 / 78%); font-size: 0.9rem; }
.cost-summary strong { color: var(--on-accent); font-family: var(--mono); font-size: 1.05rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.breakdown { display: grid; gap: 0.85rem; margin: 0; }
.brow-line { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; min-width: 0; }
.brow-line dt { color: rgb(255 255 255 / 78%); font-size: 0.92rem; }
.brow-line dd { margin: 0; color: var(--on-accent); font-family: var(--mono); font-size: 0.92rem; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.brow.total { margin-top: 0.35rem; padding-top: 0.5rem; border-top: 1px solid rgb(255 255 255 / 26%); }
.brow.total .brow-line dt { color: var(--on-accent); font-weight: 700; }
.brow.total .brow-line dd { font-size: 1.05rem; font-weight: 700; }
.result-note { margin: 1.5rem 0 0; padding: 0.7rem 0.9rem; border: 1px solid rgb(255 255 255 / 26%); border-radius: var(--radius-m); color: rgb(255 255 255 / 78%); font-size: 0.8rem; line-height: 1.5; }

/* Legal + footer */
.legal { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.legal h2 { margin-bottom: 1rem; color: var(--muted); font-size: 0.95rem; letter-spacing: 0.1em; text-transform: uppercase; }
.legal-grid { display: grid; gap: 1rem; }
@media (min-width: 48rem) { .legal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.legal p { max-width: 70ch; margin: 0; color: var(--muted); font-size: 0.82rem; line-height: 1.55; }
.legal strong { margin-right: 0.35rem; color: var(--ink); font-family: var(--mono); font-size: 0.75rem; }
.proto-note { margin-top: 1rem; color: var(--muted); font-family: var(--mono); font-size: 0.75rem; }
.site-footer { padding-block: 1.5rem 2.5rem; color: var(--muted); font-size: 0.88rem; }

/* Services comparison */
.services { margin-top: 2.5rem; }
.services h2 { margin-bottom: 0.75rem; font-size: clamp(1.35rem, 4vw, 1.75rem); }
.services-intro { max-width: 70ch; margin: 0 0 0.75rem; color: var(--muted); font-size: 0.9rem; line-height: 1.5; }
.services-disclosure {
  display: flex; align-items: flex-start; gap: 0.55rem; max-width: 70ch; margin: 0 0 1.25rem;
  padding: 0.7rem 0.9rem; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border));
  border-radius: var(--radius-m); background: color-mix(in srgb, var(--accent) 7%, var(--surface));
  font-size: 0.85rem; line-height: 1.45;
}
.disclosure-mark {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 1.15rem; height: 1.15rem; margin-top: 0.08rem; border-radius: 50%;
  background: var(--accent); color: var(--on-accent);
  font-family: var(--mono); font-size: 0.7rem; font-weight: 700;
}
.service-cards { display: grid; gap: 1rem; }
@media (min-width: 48rem) { .service-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.service-card {
  display: flex; flex-direction: column; min-width: 0; padding: clamp(1rem, 3.5vw, 1.4rem);
  border: 1px solid var(--border); border-radius: var(--radius-l);
  background: var(--surface); box-shadow: var(--shadow);
}
.service-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem 0.75rem; margin-bottom: 0.75rem; }
.service-head h3 { margin: 0; font-size: 1.15rem; letter-spacing: -0.02em; }
.service-badge {
  padding: 0.18rem 0.5rem; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
  border-radius: var(--pill); color: var(--accent);
  font-family: var(--mono); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;
}
.service-fees { display: grid; gap: 0.45rem; margin: 0 0 1rem; padding-left: 1.1rem; font-size: 0.88rem; line-height: 1.45; }
.service-fees li::marker { color: var(--accent); }
.service-estimate { margin-top: auto; padding: 0.7rem 0.9rem; border-radius: var(--radius-m); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.se-row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; font-size: 0.85rem; color: var(--muted); }
.se-row + .se-row { margin-top: 0.2rem; }
.se-row strong { color: var(--ink); font-family: var(--mono); font-size: 0.95rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.service-route { margin: 0.45rem 0 0; color: var(--muted); font-size: 0.75rem; line-height: 1.4; }
.service-foot { display: grid; gap: 0.55rem; margin-top: 1rem; }
.service-link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem;
  padding: 0.5rem 1.1rem; border-radius: var(--pill);
  background: var(--accent); color: var(--on-accent);
  font-weight: 700; font-size: 0.92rem; text-align: center; text-decoration: none;
}
.service-link:hover { background: var(--accent-dark); }
.service-source { margin: 0; color: var(--muted); font-size: 0.75rem; line-height: 1.45; }
.service-source a { color: var(--accent); }
.services-note { margin: 1rem 0 0; color: var(--muted); font-size: 0.8rem; line-height: 1.5; }
.about { margin-top: 2.5rem; }

.service-noest {
  margin-top: auto; padding: 0.7rem 0.9rem;
  border: 1px dashed color-mix(in srgb, var(--ink) 30%, var(--border)); border-radius: var(--radius-m);
  color: var(--muted); font-size: 0.83rem; line-height: 1.5;
}
.service-limit {
  margin: 0.55rem 0 0; padding: 0.55rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--border)); border-radius: var(--radius-s);
  background: color-mix(in srgb, var(--danger) 8%, var(--surface));
  font-size: 0.8rem; line-height: 1.45;
}
.asset-option-body { position: relative; border-width: 2px !important; }
.asset-option input:checked + .asset-option-body { border-color: var(--accent) !important; background: color-mix(in srgb, var(--accent) 14%, var(--surface)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent); }
.asset-option input:checked + .asset-option-body::after { content: "\2713"; position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--accent); color: #fff; font-size: 0.8rem; line-height: 1.25rem; text-align: center; font-weight: 700; }
.asset-option input:not(:checked) + .asset-option-body:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); }
html, body, #root { margin: 0; min-height: 100%; }
body { background: var(--ds-page); }

.country-nav{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;max-width:1040px;margin:0 auto;padding:12px 16px 0;font:600 14px/1.3 system-ui,sans-serif}
.country-nav span{color:#5b6b60}
.country-nav a{padding:6px 12px;border-radius:999px;border:1px solid #c9d4cc;color:#14452f;text-decoration:none;background:#fff}
.country-nav a.active{background:#14452f;color:#fff;border-color:#14452f}

.guide{max-width:760px;margin:0 auto;padding:16px 16px 56px;color:#1b1b18;font:16px/1.55 system-ui,sans-serif}
.guide h1{font-size:clamp(28px,6vw,44px);line-height:1.1;margin:12px 0}
.guide h2{font-size:20px;margin:28px 0 8px}
.guide ol,.guide ul{padding-left:22px}
.guide li{margin:8px 0}
.guide a{color:#14452f}
.guide .lang-switch{display:flex;gap:6px;justify-content:flex-end}
.guide .lang-switch button{padding:6px 12px;border-radius:999px;border:1px solid #c9d4cc;background:#fff;font:600 13px system-ui;cursor:pointer}
.guide .lang-switch button[aria-pressed=true]{background:#14452f;color:#fff}
.guide-cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:24px 0}
.guide-cta .file-button{background:#14452f;color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none}
.guide-nav{padding-top:6px}

.guide .lang-switch{display:flex;justify-content:flex-end;background:none;border:0;box-shadow:none;padding:0;width:auto;gap:6px}
.guide .lede{max-width:none}
.guide ul{list-style:disc}.guide ol{list-style:decimal}
.guide .guide-cta .file-button{display:inline-block}

.flag{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18);flex:none;vertical-align:-2px}
.gb{margin-left:0;opacity:.7}
h1 .flag{width:36px;height:24px;margin-right:6px;vertical-align:baseline}

.topbar{position:sticky;top:0;z-index:20;background:#f4f1ea;border-bottom:1px solid #dcd8cc;font:600 14px/1.2 system-ui,sans-serif}
#nav{position:sticky;top:0;z-index:20;background:#f4f1ea;border-bottom:1px solid #dcd8cc}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:1040px;margin:0 auto;padding:0 16px}
.topbar .menu{padding:0}
.calc-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;background:#14452f;color:#fff;text-decoration:none;font-weight:700}
.calc-pill .ni{width:16px;height:16px}
.menu{position:relative}
.menu-panel{top:calc(100% + 4px);z-index:30}
.guide a.calc-top,.guide a.file-button{color:#fff}
.calc-top{display:inline-block;background:#14452f;color:#fff;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700}
.sel-wrap{position:relative}.sel-flag{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.sel-wrap select{padding-left:52px!important}
.compare-mode .hero,.compare-mode .calc-grid,.compare-mode .services>h2,.compare-mode .services-intro,.compare-mode .services-disclosure,.compare-mode .services-note{display:none!important}
.compare-mode #service-cards{display:block}.table-scroll{overflow-x:auto;border:1px solid #ccd8d0;border-radius:10px}.compare-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:860px}.compare-table th,.compare-table td{padding:.8rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid #d7dfd9;line-height:1.45}.compare-table thead{background:#124d3c;color:#fff}.compare-table tbody tr:nth-child(even){background:#edf3ee}.compare-table small{display:block;color:#59625c;margin-top:.35rem}.data-sources{font-family:Arial,Helvetica,sans-serif;background:#f4f1ea;color:#233a2b;border-top:1px solid #ccd8d0;padding:1.5rem 0 2rem;margin-top:2rem;font-size:.84rem;line-height:1.55}.data-sources h2{font-size:1.1rem}.data-sources p{margin:.5rem 0}.data-sources a{color:#12513e}
.company-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #a9bfb1;border-radius:8px;color:#0f5b42;background:#fff;margin-right:.25rem}.company-icon:hover{background:#d8eade}.company-icon:focus-visible{outline:3px solid #d6a83a;outline-offset:2px}
.chosen-route{display:block;color:#0f5b42;font-size:.7rem;font-weight:700;margin-top:.25rem}
.table-context,.table-note{font-size:.83rem;margin:.4rem 0 .75rem}.compare-source{padding:.8rem 0;border-bottom:1px solid #ccd8d0}.compare-source a{overflow-wrap:anywhere}.compare-mode .services{margin-top:0!important}
.compare-head{padding:.5rem 0 0}.compare-head h1{margin:.2rem 0 .5rem}.compare-head .lede{font-size:1rem;line-height:1.5;max-width:60rem;color:#444;margin:.6rem 0 1rem}.compare-head a.file-button{display:inline-block;background:#0f4a3a;color:#fff;text-decoration:none;padding:.55rem 1rem;border-radius:999px;font-weight:700}.compare-mode .services{padding-top:.4rem}.compare-head h1{font-size:clamp(1.5rem,4vw,2.2rem);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.unit-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .8rem}.unit-fields .field{margin:0}.unit-fields label{font-size:.82rem;line-height:1.3}.unit-note,.unit-profit{grid-column:1/-1;font-size:.76rem;line-height:1.4;margin:.1rem 0}.coin-symbol{display:inline-grid;place-items:center;border:1px solid #35745e;border-radius:50%;width:24px;height:24px;color:#17543e;font-weight:700}.asset-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.asset-option-body{padding:.55rem .4rem!important;gap:.35rem!important}.asset-ticker{font-size:.85rem}
@media(max-width:33.99rem){.asset-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unit-fields{grid-template-columns:1fr}.asset-option-body{padding:.65rem!important}}
.result-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 .3rem}
[hidden]{display:none!important}
.cta-primary,.cta-secondary{display:inline-block;padding:.65rem 1rem;border-radius:999px;font-weight:700;text-decoration:none;font-size:.95rem}
.cta-primary{background:#fff;color:#0f4a3a}
.cta-secondary{border:2px solid #fff;color:#fff}
.cta-note{font-size:.78rem;opacity:.85;margin:.2rem 0 .6rem}
@media(min-width:56rem){
#calc-form{display:grid!important;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.2rem;align-items:start}
#calc-form>*{grid-column:1/-1;margin-bottom:.6rem!important}
#calc-form>.field:nth-child(1){grid-column:1;order:1}
#calc-form>.asset-field{order:3}
#calc-form>.field:nth-of-type(2){grid-column:2;order:2}
#calc-form>.field:nth-of-type(3){grid-column:1;order:4}
#calc-form>:nth-child(n+5){order:5}
#calc-form .hint{display:none}
#calc-form .fine-print{margin:0!important}
.panel h2{margin-bottom:.8rem!important}
.panel{padding:1.2rem 1.5rem!important}
}
.hero{padding:.6rem 0 .6rem!important}
.hero h1{font-size:clamp(1.5rem,2.6vw,2.1rem)!important;line-height:1.1!important;margin:.25rem 0 .4rem!important;letter-spacing:-.02em!important}
.hero .lede{display:none!important}
.hero h1{max-width:none!important}
.hero .kicker{margin:0!important}
.hero .rate-strip{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;padding:.4rem .75rem!important;margin:.3rem 0!important}
.hero .rate-strip>*{margin:0!important;font-size:.72rem!important}
.hero .status-line{margin:.2rem 0 0!important;font-size:.75rem!important}
.site-header{padding-top:.4rem!important;padding-bottom:.4rem!important}
.site-header .brand-mark{width:2rem!important}
.site-header .lang-switch{transform:scale(.85);transform-origin:right center}
@media(max-width:700px){.hero{padding:0.75rem 0 1rem!important}.hero h1{font-size:1.9rem!important;margin:.35rem 0 .5rem!important}.hero .lede,.hero .status-line{display:none}.site-header{padding-top:.5rem}}
.topbar summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:40px;cursor:pointer;color:#14452f}
.topbar summary::-webkit-details-marker{display:none}
.topbar .ni{width:18px;height:18px;flex:none}
.menu-panel{position:absolute;left:auto;right:0;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid #c9d4cc;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:8px;display:flex;flex-direction:column;gap:2px}
.menu-panel a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#14452f;text-decoration:none}
.menu-panel a.active{background:#14452f;color:#fff}
.menu-h{display:flex;align-items:center;gap:8px;margin:8px 12px 2px;color:#5b6b60;font-size:12px;text-transform:uppercase;letter-spacing:.06em}

a.brand{color:inherit;text-decoration:none}a.brand:focus-visible{outline:2px solid #158465;outline-offset:4px}.topbar .brand-mark{width:26px;height:22px}.topbar .brand-name{font-size:17px}.topbar .brand-sub{font-size:7px}.topbar .brand{gap:7px} .provider-page a.file-button{background:#14452f;color:#fff;display:inline-block;padding:.6rem 1rem;border-radius:999px;text-decoration:none}.provider-logo{object-fit:contain;vertical-align:middle;border-radius:8px}.provider-page dl{display:grid;grid-template-columns:10rem 1fr;gap:.5rem}.provider-page dt{font-weight:700}.provider-page dd{margin:0}.provider-page li a{overflow-wrap:anywhere}.company-icon img{object-fit:contain;border-radius:4px}.fit-badge{display:inline-block;padding:.2rem .4rem;background:#dce9df;border-radius:5px;font-weight:700;font-size:.75rem}.fit-help{font-size:.78rem;line-height:1.4}.payout-filter{display:flex;gap:.6rem;align-items:center;font-size:.85rem}.payout-filter select{padding:.4rem;border:1px solid #afc1b4;border-radius:6px;max-width:70%}.compare-table{min-width:1040px}.market-bottom{margin:1.2rem 0;padding:1rem;border:1px solid #ccd8d0;border-radius:10px;font-size:.8rem;line-height:1.5}.market-bottom .rate-label,.market-bottom .rate-values{display:block}.coin-unit-price{display:block;font-size:.65rem;line-height:1.2;letter-spacing:0;font-weight:400;white-space:normal}.asset-option-body{align-items:center}

.asset-option-body{display:grid!important;grid-template-columns:22px minmax(0,1fr);grid-template-rows:24px 18px;gap:5px 6px!important;padding:10px 8px!important;min-height:76px;align-content:center}.asset-ticker{font-family:var(--sans,Arial,sans-serif);font-size:12px!important;letter-spacing:0;white-space:nowrap}.coin-svg{width:22px!important;height:22px!important}.coin-unit-price{grid-column:1/-1;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:11px!important;line-height:18px;white-space:nowrap!important;color:#40574c;letter-spacing:-.2px}.asset-option input:checked+.asset-option-body::after{width:12px;height:12px;line-height:12px;font-size:8px;right:4px;top:4px;transform:none}.asset-option:has(input[value=OTHER]) .asset-ticker{font-size:10px!important}.asset-options{gap:8px!important}@media(max-width:543px){.asset-option-body{padding:10px 12px!important;grid-template-columns:24px 1fr;min-height:76px}.coin-unit-price{font-size:12px!important}.asset-ticker{font-size:13px!important}.asset-option:has(input[value=OTHER]) .asset-ticker{font-size:12px!important}}

.market-bottom{box-sizing:border-box;width:calc(100% - 32px);max-width:1088px!important;margin:28px auto 0!important;padding:22px 24px!important;background:#edf2eb;border:1px solid #ced8ce;border-radius:14px 14px 0 0!important;font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.65!important;letter-spacing:0!important}.market-bottom .rate-label{font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.6!important;letter-spacing:0!important;text-transform:none!important}.market-bottom .rate-values{margin-top:10px;font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1.7!important;letter-spacing:0!important}.data-sources{box-sizing:border-box;max-width:1088px!important;width:calc(100% - 32px);margin:0 auto 32px!important;padding:22px 24px!important;background:#f6f7f2!important;border:1px solid #ced8ce!important;border-top:0!important;border-radius:0 0 14px 14px;font-size:14px!important;line-height:1.65!important}.data-sources h2{font-size:18px!important;margin:0 0 12px}.data-sources p{margin:8px 0}.market-bottom a,.data-sources a{color:#144f3b;text-underline-offset:3px}.data-sources:only-child{border-radius:14px}

.provider-page a.official-bottom{font-weight:700;padding:14px 24px;font-size:18px}.provider-page a.provider-secondary{background:transparent;color:#14452f;border:1px solid #b6c8bb;padding:9px 16px;font-size:14px}

html{background:#f6f3ec;min-height:100%}body{margin:0;min-height:100vh;background:#f6f3ec;color:#1a1a1a;font-family:var(--font);line-height:1.55}#app.nco-site{background:transparent}.data-sources{margin-bottom:0!important}body{padding-bottom:32px}

.guide .guide-cta{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch}.guide .guide-cta>a{flex:1 1 0;min-width:0;display:flex!important;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;min-height:44px;padding:8px 14px!important;border-radius:999px;font:700 14px/1.25 system-ui,sans-serif;text-decoration:none!important}.guide .guide-cta>a.file-button{background:#fffefa!important;border:1.5px solid #14452f!important;color:#14452f!important}.guide .guide-cta>a.service-link{background:#14452f!important;border:1.5px solid #14452f!important;color:#fff!important;box-shadow:0 2px 8px rgba(20,69,47,.28)}.guide .guide-cta>a.service-link:hover{background:#0d3321!important}a.service-link{background:#14452f!important;color:#fff!important;font-weight:700;border-radius:999px;text-decoration:none}.guide .guide-cta>a:focus-visible{outline:2px solid #158465;outline-offset:2px}@media(min-width:640px){.guide .guide-cta>a{flex:0 0 auto;padding:8px 22px!important}}

.topbar{flex-wrap:nowrap!important}.topbar .nav-left{flex-wrap:nowrap!important}@media(max-width:560px){.topbar select.nav-sel{padding:0 22px 0 10px!important;font-size:12.5px!important;background-position:right 8px center}.topbar .nav-right{gap:5px}.topbar .brand{gap:7px}.topbar .brand-word{height:16px}.topbar .brand-mark{width:32px!important;height:32px!important}}

.topbar select.nav-sel{min-height:0!important;height:32px!important;width:auto!important;min-width:0!important;box-sizing:border-box;padding:0 28px 0 13px!important;margin:0;line-height:30px!important;font-size:13px!important;letter-spacing:0;text-transform:none}

.site-links .guides-label{color:#4a5a52;font-weight:600}.site-links .fsep{flex-basis:100%;height:0}

.topbar .nav-right{display:flex;align-items:center;gap:8px}.nav-sel{appearance:none;-webkit-appearance:none;height:32px;border:1.5px solid #cfcabd;border-radius:999px;background:#fffefa url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%23144f3b%27 stroke-width=%271.8%27/%3E%3C/svg%3E") no-repeat right 11px center;padding:0 28px 0 13px;font:700 13px/1 system-ui,sans-serif;color:#144f3b;cursor:pointer}.nav-sel:focus-visible{outline:2px solid #158465;outline-offset:2px}.cur-tabs,.nav-lang{display:none!important}

.topbar .brand{gap:10px}.topbar .brand-mark{width:46px!important;height:46px!important;flex:none}.topbar .brand-text{display:flex;align-items:center}.topbar .brand-word{height:25px;width:auto;display:block}@media(max-width:560px){.topbar .brand-mark{width:34px!important;height:34px!important}.topbar .brand-word{height:18px}}

.site-header{display:none!important}.topbar{flex-wrap:wrap;padding-top:6px!important;padding-bottom:6px!important;row-gap:4px}.topbar .nav-left{flex-wrap:wrap;row-gap:4px}.topbar .brand-mark{width:36px!important;height:36px!important}.topbar .brand-name{font-size:21px!important;letter-spacing:-.03em;line-height:1}.bn-net{font-weight:300;color:#4fae6c}.bn-cash{font-weight:800;color:#0d482a}.cur-tabs{display:inline-flex;gap:4px}.cur-tabs a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1.5px solid #cfcabd;background:#fffefa;color:#144f3b;text-decoration:none;font-weight:700;font-size:13px}.cur-tabs a.active{background:#14452f;border-color:#14452f;color:#fff}.cur-tabs a:focus-visible{outline:2px solid #158465;outline-offset:2px}@media(max-width:560px){.topbar .brand-name{font-size:18px!important}.topbar .brand-mark{width:30px!important;height:30px!important}.cur-tabs a{padding:0 9px}}

#nav .topbar{max-width:1120px;padding:0 16px;box-sizing:border-box}.topbar .nav-left{display:flex;align-items:center;gap:14px;min-width:0}.topbar .menu-panel{left:0;right:auto}.nav-lang{display:inline-flex;background:#fffefa;border:1px solid #cfcabd;border-radius:999px;padding:2px;gap:2px}.nav-lang button{border:0;background:transparent;border-radius:999px;height:26px;min-width:38px;padding:0 10px;font:700 12px/1 system-ui,sans-serif;letter-spacing:.04em;color:#144f3b;cursor:pointer}.nav-lang button[aria-pressed="true"]{background:#14452f;color:#fff}.nav-lang button:focus-visible{outline:2px solid #158465;outline-offset:2px}.site-header .lang-switch,.guide .lang-switch{display:none!important}.site-header{justify-content:flex-start!important}

body:has(.legal-page) .market-bottom{display:none!important}body:has(.legal-page) .data-sources{width:auto;max-width:760px!important;margin:8px auto 0!important;padding:18px 16px 6px!important;background:transparent!important;border:0!important;border-top:1px solid #d9d4c6!important;border-radius:0!important;font-size:13px!important;line-height:1.6!important;color:#4a5a52}body:has(.legal-page) .data-sources h2{font-size:14px!important;margin:0 0 6px;color:#233a2b}body:has(.legal-page) .data-sources p{margin:4px 0}body:has(.legal-page) .site-links{padding-top:6px}

.payout-filter{display:flex;width:fit-content;max-width:100%;gap:12px}.payout-filter select{width:auto!important;min-width:180px;max-width:100%;flex:0 1 auto;padding:8px 32px 8px 12px!important;min-height:40px}@media(max-width:500px){.payout-filter{width:100%;gap:10px}.payout-filter select{min-width:0;max-width:240px;flex:1}}

.result-cta a{white-space:nowrap}
.price-time{margin:8px 2px 0;font-size:12.5px;line-height:1.4;color:#4a5a52}
.row-actions{white-space:nowrap;min-width:150px}.row-actions a{display:block;text-align:center;text-decoration:none;border-radius:999px;font-size:13px;line-height:1.2}
.row-official{background:#0f4d3f;color:#fff!important;font-weight:700;padding:10px 14px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.row-official:hover{background:#0b3a30}
.row-explain{margin-top:8px;color:#14452f!important;border:1px solid #b6c8bb;padding:6px 12px;font-weight:500;background:transparent}.row-explain:hover{background:#ece8dc}
.row-actions a:focus-visible{outline:2px solid #158465;outline-offset:2px}
.site-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:8px 16px 36px;font-size:14px}.site-links a{color:#144f3b;text-underline-offset:3px}.legal-page{max-width:760px;margin:0 auto;padding:8px 16px 40px;line-height:1.65}.legal-page h1{margin-bottom:6px}.legal-page h2{font-size:19px;margin:26px 0 6px}.legal-page .legal-date{color:#4a5a52;font-size:14px;margin-top:0}.legal-page p{margin:8px 0}.legal-page a{color:#144f3b;overflow-wrap:anywhere}
.compare-mode .payout-filter{font-size:14px;gap:10px;align-items:center;margin:4px 0 2px}.compare-mode .payout-filter select{min-width:150px!important;min-height:34px!important;font-size:14px;padding:5px 28px 5px 10px!important}.compare-mode .table-context{font-size:13px!important;color:#3f5248;margin:6px 0 4px!important;line-height:1.45}.fit-help-d{font-size:13px;margin:0 0 12px}.fit-help-d summary{cursor:pointer;color:#144f3b;width:fit-content}.fit-help-d .fit-help{margin:6px 0 0;font-size:13px;color:#3f5248}
.help-box{margin:6px 0 12px}.sale-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sale-head h2{margin:0}.help-btn{display:inline-flex;align-items:center;gap:6px;background:#fffefa;border:1.5px solid #cfcabd;border-radius:999px;padding:3px 10px 3px 4px;font:inherit;font-size:12.5px;cursor:pointer;color:#144f3b}
.help-btn:hover{background:#ece8dc}.help-btn:focus-visible{outline:2px solid #158465;outline-offset:2px}.help-q{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0f4d3f;color:#fff;font-weight:700;font-size:11px}
.help-count{background:#b3472f;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.help-count[hidden]{display:none}
.help-panel{margin-top:10px;padding:12px 16px;background:#fffefa;border:1px solid #cfcabd;border-radius:12px;font-size:14px;line-height:1.5}.help-panel[hidden]{display:none}.help-panel h3{font-size:14px;margin:8px 0 4px}.help-panel ul{margin:0 0 6px;padding-left:20px}.help-panel li{margin:3px 0}.help-note{font-size:12.5px;color:#4a5a52;margin:8px 0 0}
.m-actions{display:none}
@media(max-width:700px){.compare-table .row-actions,.compare-table thead th:last-child{display:none}.m-actions{display:block;margin-top:10px}.m-actions a{display:block;text-align:center;text-decoration:none;border-radius:999px;font-size:12px;line-height:1.2}.m-actions .row-official{padding:9px 8px;white-space:normal}.m-actions .row-explain{margin-top:6px;padding:5px 8px}}
.native-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;overflow:hidden}
.cpick{position:relative}
.cpick-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:#fffefa;color:inherit;border:1.5px solid #cfcabd;border-radius:10px;padding:10px 14px;min-height:46px;font:inherit}
.cpick-btn:focus-visible,.cpick-btn[aria-expanded=true]{outline:none;border-color:#0f4d3f;box-shadow:0 0 0 2px #0f4d3f}
.cpick-text{flex:1;min-width:0}.cpick-flag{display:flex;align-items:center;flex:none}
.cpick-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 0;flex:none}
.cpick-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:6px;list-style:none;background:#fffefa;border:1.5px solid #cfcabd;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:260px;overflow:auto}
.cpick-list[hidden]{display:none}
.cpick-list li{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:8px;cursor:pointer}
.cpick-list li.active,.cpick-list li:hover{background:#ece8dc}
.cpick-list li[aria-selected=true]{font-weight:600}