: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}.chosen-route{display:block;color:#0f5b42;font-size:.7rem;font-weight:700;margin-bottom:.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}