[hidden] { display: none !important; }
.theme-toggle { display: grid; place-items: center; flex: none; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--muted, #4e5d6f); cursor: pointer; }
.theme-toggle:hover { background: #e8eef6; color: var(--ink, #17202c); }
.theme-toggle:focus-visible, .theme-reset:focus-visible { outline: 3px solid #88bdff; outline-offset: 3px; }
.theme-toggle svg { width: 20px; height: 20px; }
.theme-icon-sun, .theme-toggle[data-mode="dark"] .theme-icon-moon { display: none; }
.theme-toggle[data-mode="dark"] .theme-icon-sun { display: block; }
.theme-reset { min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--muted, #4e5d6f); font: inherit; font-size: .82rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.theme-reset:hover { color: var(--ink, #17202c); }
.theme-reset[aria-disabled="true"] { text-decoration: none; cursor: default; }

:root[data-theme="dark"] { color-scheme: dark; --ink: #ecf2fa; --muted: #b2c1d2; --blue: #75b8ff; --line: #34465a; --canvas: #101a27; }
[data-theme="dark"] body { background: #101a27; color: #ecf2fa; }
[data-theme="dark"] a { color: #83c1ff; }
[data-theme="dark"] .theme-toggle:hover { background: #23364c; }
[data-theme="dark"] header, [data-theme="dark"] header.site-header { border-color: #34465a; }
[data-theme="dark"] nav a, [data-theme="dark"] .plain-link, [data-theme="dark"] footer a { color: #c1d4e9; }
[data-theme="dark"] nav a[aria-current="page"] { color: #75b8ff; }
[data-theme="dark"] nav a:hover, [data-theme="dark"] .plain-link:hover, [data-theme="dark"] footer a:hover { color: #83c1ff; }
[data-theme="dark"] .button, [data-theme="dark"] nav .nav-cta { background: #75b8ff; border-color: #75b8ff; color: #0c233c; box-shadow: none; }
[data-theme="dark"] .button:hover, [data-theme="dark"] nav .nav-cta:hover { background: #a2d0ff; color: #0c233c; }
[data-theme="dark"] .eyebrow, [data-theme="dark"] .availability, [data-theme="dark"] .proof span, [data-theme="dark"] .feature-copy ul, [data-theme="dark"] footer, [data-theme="dark"] .meta { color: #a5b8cc; }
[data-theme="dark"] .proof strong { color: #ecf2fa; }
[data-theme="dark"] .screen-stage, [data-theme="dark"] .duo-showcase { border-color: #344e69; background: linear-gradient(140deg, #1a3550, #17283e 65%, #20354a); }
[data-theme="dark"] .step, [data-theme="dark"] .currency-cards article, [data-theme="dark"] .plan, [data-theme="dark"] .import-flow, [data-theme="dark"] .card { background: #1a2839; border-color: #34465a; }
[data-theme="dark"] .step .number, [data-theme="dark"] .import-flow li span { background: #254e79; color: #a8d3ff; }
[data-theme="dark"] .closing { background: #1a3550; }
[data-theme="dark"] .closing p { color: #b2c1d2; }
[data-theme="dark"] .faq summary::after { color: #a8d3ff; }
[data-theme="dark"] .zoomable::after { background: #20364d; color: #ecf2fa; }
[data-theme="dark"] pre { background: #142235; border-color: #34465a; color: #e5eef9; }
[data-theme="dark"] strong { color: #ecf2fa; }
[data-theme="dark"] .grid > div { border-color: #34465a; }
[data-theme="dark"] .quiet { color: #b2c1d2; }
[data-theme="dark"] p, [data-theme="dark"] header { color: #b2c1d2; }
[data-theme="dark"] .intro { color: #b2c1d2; }
[data-theme="dark"] header a { color: #c1d4e9; }
[data-theme="dark"] button:not(.theme-toggle):not(.theme-reset) { background: #75b8ff; color: #0c233c; }
[data-theme="dark"] button:not(.theme-toggle):not(.theme-reset):hover { background: #a2d0ff; }
[data-theme="dark"] .card p, [data-theme="dark"] .step p, [data-theme="dark"] .feature p, [data-theme="dark"] .faq p { color: #b2c1d2; }
[data-theme="dark"] .card .button { color: #0c233c; }
@media (max-width: 820px) {
  header:not(.site-header) { flex-wrap: wrap; }
  header:not(.site-header) .brand { order: 1; }
  header:not(.site-header) .theme-toggle { order: 2; margin-left: auto; }
  header:not(.site-header) nav { order: 3; width: 100%; }
}
@media (max-width: 550px) {
  header.site-header { flex-direction: row; flex-wrap: wrap; align-items: center; }
  header.site-header .brand { order: 1; }
  header.site-header .theme-toggle { order: 2; margin-left: auto; }
  header.site-header nav { order: 3; width: 100%; }
}