@font-face {
  font-family: Inter;
  src: url('../fonts/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Terminus (TTF)';
  src: url('../fonts/TerminusTTF-4.49.3.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
body.website, body.wallet-page {
  height: auto;
  min-height: 100svh;
  display: block;
  padding: 0;
  background: #faf9f6;
  color: #222320;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
}
.website a, .wallet-page a { color: inherit; text-underline-offset: 3px; }
.website a:hover, .wallet-page a:hover { color: #a94f00; }
.website :focus-visible, .wallet-page :focus-visible { outline-color: #f7931a; }
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 10; padding: 12px; background: #fff; }
.skip-link:focus { top: 12px; }
.first-screen { max-width: 1440px; margin: 0 auto; padding: 12px 32px 0; display: grid; gap: 16px; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; }
.site-brand { display: inline-flex; flex: 0 0 auto; }
.site-brand img { display: block; width: 192px; height: auto; }
.site-header nav { display: flex; gap: 28px; align-items: center; font-size: 13px; }
.site-header nav a { text-decoration: none; }
.site-intro { text-align: center; padding: 6px 0 0; }
.site-intro h1 { margin: 0 0 9px; font-size: clamp(26px,2.45vw,35px); line-height: 1.2; font-weight: 600; letter-spacing: -.035em; }
.site-intro > p { max-width: 900px; margin: 0 auto; color: #686b63; font-size: 14px; line-height: 1.65; }
.demo-experience { margin-top: 28px; }
.demo-heading { margin-bottom: 20px; text-align: center; }
.demo-heading h2 { display: flex; align-items: center; gap: 20px; margin: 0 0 6px; font-size: 12px; line-height: 1.5; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.demo-heading h2::before, .demo-heading h2::after { content: ''; flex: 1; border-top: 1px solid #dedfd8; }
.demo-heading p { margin: 0; color: #686b63; font-size: 13px; line-height: 1.6; }
.demo-expand-controls { position: absolute; top: -44px; left: 50%; transform: translateX(-50%); width: var(--laptop-width); display: flex; justify-content: flex-end; }
#demo-warning { position: absolute; left: 10.714286%; top: 2.168675%; transform: translateY(calc(-100% - 2px)); margin: 0; color: #a04742; font-size: 11px; font-weight: 600; line-height: 1.45; letter-spacing: .025em; white-space: nowrap; }
#expand-demo { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-right: 10.714286%; padding: 9px 12px; border: 1px solid #dedfd8; border-radius: 8px; background: #fff; color: #222320; font-size: 13px; }
#expand-demo svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#expand-demo:is(:hover,:focus-visible) { border-color: #f7931a; }
#expand-demo:is(:hover,:focus-visible) svg { color: #f7931a; }
.demo-stage { min-height: 0; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 24px; align-items: center; }
.companion-card { align-self: start; margin-top: 12px; padding: 18px; border: 1px solid #dedfd8; border-radius: 12px; background: #fff; font-size: 12px; line-height: 1.55; }
.eyebrow { margin: 0 0 10px; font-size: 10px; line-height: 1.4; font-weight: 600; letter-spacing: .12em; color: #686b63; }
.companion-card h2 { margin: 0 0 10px; font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.companion-card > p:not(.eyebrow) { margin: 0 0 10px; }
.companion-card strong { font-weight: 600; }
.companion-illustration { margin: 0 0 8px; }
.companion-illustration img { display: block; width: 100%; height: auto; }
.companion-illustration figcaption { display: grid; grid-template-columns: 35% 55%; column-gap: 10%; margin-top: 2px; text-align: center; font-size: 10px; line-height: 12px; color: #686b63; }
.companion-link { display: block; font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.companion-address { margin-top: 8px; text-align: center; }
.companion-address p { margin: 0 0 4px; font-size: 11px; color: #686b63; }
#companion-qr { margin-inline: auto; }
.qr-code { display: block; width: 144px; max-width: 100%; background: #fff; }
.qr-code svg { display: block; width: 100%; height: auto; shape-rendering: crispEdges; }
.companion-card .card-note { margin: 10px 0 0 !important; font-size: 10px; color: #686b63; text-align: center; }
.website .scene { --laptop-width: min(980px,100%,calc(max(520px,100svh - 140px) * 1120 / 830)); position: relative; height: auto; container-type: inline-size; gap: 8px; align-self: start; }
.website #device { width: var(--laptop-width); aspect-ratio: 1120 / 830; border: 0; border-radius: 0; box-shadow: none; }
.website .laptop-art, .website .device-brand, .website #camera-led { display: block; }
.website #screen-wrapper { left: 13.214286%; top: 5.903614%; width: 73.571429%; height: 62.048193%; }
.website #screen { image-rendering: pixelated; }
.website #boot-cover, .website #boot-controls, .website #keyboard-prompt, #keyboard-reminder, .website #camera-request, .website #about-dialog { font-family: 'Terminus (TTF)', ui-monospace, monospace; font-synthesis: none; }
.website .boot-card { width: min(480px,100%); text-align: left; }
.website #boot-title { color: #faf9f6; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: .04em; text-transform: uppercase; }
.website #boot-title::before { content: '> '; color: #f7931a; }
.website #boot-message, .website #boot-estimate { color: #babdb3; font-size: 16px; line-height: 1.5; }
.website #boot-estimate { margin: 16px 0 0; }
.website #startup { margin-top: 24px; }
.website #startup li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; gap: 8px 12px; margin-bottom: 18px; }
.website #startup li:last-child { margin-bottom: 0; }
.website #startup label { min-width: 0; color: #faf9f6; font-size: 16px; font-weight: 400; }
.website #startup .asset-size { color: #92978b; }
.website #startup .asset-progress { display: contents; }
.website #startup small { grid-column: 2; grid-row: 1; color: #faf9f6; font-size: 16px; font-weight: 400; font-variant-numeric: tabular-nums; }
.website #startup progress, .website #boot-progress-bar { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 14px; margin: 0; appearance: none; border: 0; border-radius: 0; overflow: hidden; background: #33362e; mask-image: repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px); }
.website #startup progress::-webkit-progress-bar, .website #boot-progress-bar::-webkit-progress-bar { border-radius: 0; background: #33362e; }
.website #startup progress::-webkit-progress-value, .website #boot-progress-bar::-webkit-progress-value { border-radius: 0; background: #f7931a; }
.website #startup progress::-moz-progress-bar, .website #boot-progress-bar::-moz-progress-bar { border-radius: 0; background: #f7931a; }
.website #startup progress:indeterminate::-moz-progress-bar, .website #boot-progress-bar:indeterminate::-moz-progress-bar { background: transparent; }
.website #boot-progress { position: relative; width: 100%; margin: 20px 0 0; }
.website #startup [data-state="active"] .asset-progress::after, .website #boot-progress::after { content: ''; width: var(--startup-progress,0%); height: 14px; background: linear-gradient(90deg,transparent 42%,#faf9f680 42% 50%,transparent 50%) 100% 0 / 200% 100%; mask-image: repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px); pointer-events: none; animation: startup-sheen 2.2s steps(24) infinite; }
.website #startup .asset-progress::after { grid-column: 1 / -1; grid-row: 2; align-self: center; }
.website #boot-progress::after { position: absolute; left: 0; top: 0; }
.website #startup [data-state="active"]:has(progress:is(:indeterminate,[value="0"])) .asset-progress::after, .website #boot-progress:has(progress:indeterminate)::after { width: 100%; background-image: linear-gradient(90deg,transparent 42%,#f7931a 42% 50%,transparent 50%); }
.website #boot-progress:has(progress[value="1"])::after { content: none; }
@keyframes startup-sheen { to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .website #startup [data-state="active"] .asset-progress::after, .website #boot-progress::after { animation: none; } }
.website #keyboard-prompt { grid-template-columns: minmax(0,1fr); place-items: center; padding: 12px; }
.website #keyboard-prompt, .website #camera-request, .website #screen-wrapper:has(#keyboard-reminder:not([hidden]))::after, .website #about-dialog::backdrop { background: rgb(0 0 0 / 10%); backdrop-filter: blur(1px); }
.website #screen-wrapper:has(#keyboard-reminder:not([hidden]))::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.website #keyboard-guide, #keyboard-reminder, .website .camera-card, .website #about-dialog { padding: 8px 34px; border: 1px solid #f7931a; border-radius: 2px; background: #2b2e26; color: #faf9f6; box-shadow: 0 3px 0 #0009, 0 8px 20px #0006; text-align: center; }
.website #keyboard-guide { position: relative; width: max-content; max-width: min(440px,100%); padding-inline: 14px; }
.notice-close { position: absolute; top: 2px; right: 2px; display: grid; place-items: center; width: 28px; height: 28px; color: #f7931a; font-size: 20px; line-height: 1; }
.website #keyboard-instructions, #keyboard-reminder strong, .website .camera-card h2, .website #about-title { color: #faf9f6; font-size: 18px; font-weight: 400; line-height: 1.5; }
.website #keyboard-instructions::before, #keyboard-reminder strong::before, .website .camera-card h2::before, .website #about-title::before { content: '[ '; color: #f7931a; }
.website #keyboard-instructions::after, #keyboard-reminder strong::after, .website .camera-card h2::after, .website #about-title::after { content: ' ]'; color: #f7931a; }
.website #keyboard-instructions::before { content: '['; margin-right: 2px; }
.website #keyboard-instructions::after { content: ']'; margin-left: 2px; }
.website #keyboard-instructions strong { font-weight: 400; }
.website .keyboard-navigation, .website .guide-keys, .website .keyboard-release, #keyboard-reminder > span { display: block; margin-top: 5px; color: #d2d5c9; font-size: 16px; line-height: 1.4; }
.website .keyboard-release { margin-top: 2px; }
#keyboard-reminder { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); width: max-content; max-width: calc(100% - 24px); transition: opacity 160ms ease-out; }
#keyboard-reminder[data-fading="true"] { opacity: 0; }
#keyboard-reminder strong { display: block; }
.website #keyboard-guide kbd, #keyboard-reminder kbd { color: #f7931a; }
#keyboard-reminder button { position: absolute; inset: 0; width: 100%; border: 0; border-radius: inherit; background: transparent; }
@media (prefers-reduced-motion: reduce) { #keyboard-reminder { transition: none; } }
.website .camera-card { width: min(440px,100%); padding: 16px; }
.website .camera-card p { color: #d2d5c9; font-size: 16px; line-height: 1.4; }
.website .camera-actions button, .website #about-dialog .close-panel { padding: 8px 12px; border: 1px solid #62665d; border-radius: 2px; background: #191a18; color: #faf9f6; font-size: 16px; }
.website #camera-enable { border-color: #f7931a; background: #f7931a; color: #191a18; }
.website .camera-actions button:hover:not(:disabled), .website #about-dialog .close-panel:hover { border-color: #f7931a; }
.website #about-dialog { padding: 20px; color-scheme: dark; font-size: 16px; text-align: left; }
.website #diagnostics { font-size: 16px; }
.website #log { color: #d2d5c9; font: inherit; line-height: 1.4; }
.demo-note { max-width: 580px; margin: 0 20px; color: #686b63; font-size: 11px; line-height: 1.6; text-align: center; }
.power-recess-cover { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.laptop-power { position: absolute; left: 87.589286%; top: 76.566265%; width: 48px; height: 44px; transform: translate(-50%,-50%); display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #f7931a; }
.laptop-power svg { width: 44px; height: auto; overflow: visible; }
.laptop-power circle { fill: #16191d; stroke: #777d75; stroke-width: 1.2; }
.laptop-power path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.laptop-power:hover:not(:disabled) circle, .laptop-power:focus-visible circle { stroke: #f7931a; stroke-width: 2; }
.laptop-power:active:not(:disabled) svg { transform: translateY(1px); }
#power-label { position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); padding: 6px 9px; border-radius: 5px; background: #222320; color: #faf9f6; font-size: 11px; white-space: nowrap; visibility: hidden; pointer-events: none; }
.laptop-power:hover:not(:disabled) #power-label, .laptop-power:focus-visible #power-label { visibility: visible; }
.website #camera-panel { top: auto; right: 20px; bottom: 20px; width: 300px; max-height: calc(100dvh - 40px); border-color: #dedfd8; background: #fff; }
.website #camera-panel .panel-heading { margin: 0; }
.website #camera-panel h2 { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.camera-indicator { width: 6px; height: 6px; border-radius: 50%; background: #686b63; }
.website:has(#camera-led[data-active="true"]) .camera-indicator { background: #3a9958; }
.preview-actions { display: flex; gap: 6px; }
.website #camera-panel button { background: #faf9f6; border-color: #dedfd8; padding: 5px 7px; font-size: 11px; white-space: nowrap; }
.website #camera-panel button:hover:not(:disabled) { border-color: #a94f00; }
.website #camera-video { max-height: 190px; }
#camera-preview { margin-top: 10px; }
.website #camera-status { color: #686b63; font-size: 11px; line-height: 1.6; }
.website #camera-panel[data-collapsed="true"] { width: auto; }
.website[data-demo-expanded="true"] { overflow: hidden; }
.website[data-demo-expanded="true"] .scene { position: fixed; inset: 0; z-index: 5; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 12px; padding: 16px; container-type: normal; background: #191a18; color: #faf9f6; }
.expanded-controls { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.website[data-demo-expanded="true"] #demo-warning { position: static; transform: none; color: #e4a09a; }
#demo-exit { min-height: 44px; padding: 9px 13px; border: 1px solid #62665d; border-radius: 8px; background: #282b25; color: #faf9f6; font-size: 13px; }
#demo-exit:hover { border-color: #f7931a; }
#demo-exit kbd { margin-left: 8px; color: #b5b5ad; font-size: 11px; }
.website[data-demo-expanded="true"] #device { flex: 1 1 0; display: grid; place-items: center; min-height: 0; width: 100%; height: auto; aspect-ratio: auto; container-type: size; }
.website[data-demo-expanded="true"] #device > :not(#screen-wrapper), .website[data-demo-expanded="true"] .demo-note, .website[data-demo-expanded="true"] .demo-expand-controls { display: none; }
.website[data-demo-expanded="true"] #screen-wrapper { position: relative; inset: auto; width: min(100cqw,calc(100cqh * 8 / 5)); height: auto; aspect-ratio: 8 / 5; }
.website[data-demo-expanded="true"] #camera-panel { z-index: 6; }
.phone-demo-message { display: none; width: min(560px,100%); margin-inline: auto; padding: 20px 0; border-block: 1px solid #dedfd8; }
.phone-demo-message h2 { margin: 0 0 10px; font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.phone-demo-message p { margin: 0; color: #686b63; line-height: 1.7; }
.phone-demo-message img { display: block; width: 100%; height: auto; margin-top: 16px; }
.site-details { max-width: 1120px; margin: 0 auto; padding: 48px 32px 64px; scroll-margin-top: 24px; }
.details-heading { max-width: 760px; margin-bottom: 54px; }
.details-heading h2, .get-started h2 { margin: 0 0 14px; font-size: clamp(27px,3vw,38px); line-height: 1.2; letter-spacing: -.035em; font-weight: 600; }
.details-heading > p:not(.eyebrow) { margin: 0 0 16px; color: #686b63; font-size: 17px; line-height: 1.7; }
.details-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 72px; row-gap: 48px; }
.details-grid article { border-top: 1px solid #dedfd8; padding-top: 16px; }
.section-number { display: block; margin-bottom: 14px; color: #a85a0c; font-size: 12px; font-weight: 500; }
.details-grid h3 { font-size: 20px; font-weight: 600; letter-spacing: -.02em; margin: 0 0 12px; }
.details-grid p, .details-grid ul, .get-started p { color: #686b63; font-size: 15px; line-height: 1.8; margin: 0 0 12px; }
.details-grid ul { padding-left: 20px; }
.details-grid li { padding-left: 2px; margin-bottom: 12px; }
.details-grid strong { color: #222320; font-weight: 600; }
.get-started { margin-top: 80px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 48px; scroll-margin-top: 32px; }
.primary-link { display: inline-block; padding: 13px 18px; border: 1px solid #f7931a; border-radius: 8px; background: #f7931a; color: #222320 !important; text-decoration: none; font-weight: 500; font-size: 13px; }
.primary-link:hover { background: #ffab3f; }
.site-footer { max-width: 1376px; margin: 0 auto; padding: 24px 32px; border-top: 1px solid #dedfd8; display: flex; justify-content: space-between; gap: 20px; color: #686b63; font-size: 12px; }
.noscript-note { padding: 24px; }
@media (max-width: 1150px) and (min-width: 1000px) {
  .first-screen { padding-inline: 24px; }
  .demo-stage { grid-template-columns: 220px minmax(0,1fr); gap: 12px; }
  .companion-card { padding: 14px; }
}
@media (max-width: 999px) {
  .first-screen { padding: 14px 24px 0; }
  .site-header nav { gap: 18px; font-size: 12px; }
  .site-intro { max-width: 850px; margin: 0 auto; }
  .site-intro h1 { font-size: clamp(26px,3.2vw,32px); }
  .demo-heading { margin-bottom: 48px; }
  .demo-stage { display: flex; flex-direction: column; gap: 16px; }
  .website .scene { --laptop-width: min(800px,100%); order: -1; width: 100%; flex: 0 0 auto; }
  .companion-card { align-self: auto; margin-top: 0; width: min(480px,100%); font-size: 14px; padding: 24px; }
  .companion-card h2 { font-size: 22px; }
  .companion-link { font-size: 14px; }
  .details-grid { gap: 32px; }
  .get-started { grid-template-columns: 1fr; gap: 20px; }
  .primary-link { justify-self: start; }
}
@media (max-width: 600px) {
  .first-screen { padding-inline: 20px; }
  .site-header { align-items: center; }
  .site-brand img { width: 150px; }
  .site-header nav { gap: 14px; }
  .site-header nav a:first-child { display: none; }
  .site-intro h1 { font-size: 30px; }
  .site-intro > p { font-size: 14px; }
  .site-details { padding: 48px 24px; }
  .details-grid { grid-template-columns: 1fr; }
  .details-heading { margin-bottom: 36px; }
  .details-heading > p:not(.eyebrow) { font-size: 15px; }
  .get-started { margin-top: 48px; }
  .site-footer { flex-direction: column; padding: 24px; }
}
@media (max-width: 767px), (max-width: 999px) and (max-height: 500px) {
  .website .first-screen { gap: 24px; }
  .website .demo-experience, .website #camera-panel { display: none; }
  .website .phone-demo-message { display: block; }
}
.wallet-shell { width: min(560px,100%); margin: 0 auto; padding: 12px 20px 24px; }
.wallet-shell > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.wallet-shell .site-brand img { width: 160px; }
.demo-badge { font-size: 11px; font-weight: 500; color: #915411; border: 1px solid #dfc6a6; border-radius: 6px; padding: 4px 8px; }
.wallet-shell h1 { font-size: 30px; letter-spacing: -.035em; line-height: 1.2; margin: 0 0 8px; }
.wallet-shell p { color: #686b63; line-height: 1.7; }
.wallet-shell .eyebrow { margin-bottom: 6px; }
#seed-step > p:not(.eyebrow):not(.step-note) { margin: 0 0 8px; }
.wallet-shell strong { font-weight: 600; color: #222320; }
.wallet-shell .step-note { font-size: 12px; }
.paper-backup { margin: 12px 0; filter: drop-shadow(1px 3px 2px #22232018) drop-shadow(2px 8px 12px #2223200d); }
.paper-sheet {
  padding: 20px 18px 20px 38px;
  background:
    radial-gradient(circle at 13px 58px, #faf9f6 4px, #bfb8a7 5px, transparent 6px),
    radial-gradient(circle at 13px 50%, #faf9f6 4px, #bfb8a7 5px, transparent 6px),
    radial-gradient(circle at 13px calc(100% - 58px), #faf9f6 4px, #bfb8a7 5px, transparent 6px),
    linear-gradient(to right, transparent 28px, #e3aaa982 28px, #e3aaa982 29px, transparent 29px),
    repeating-linear-gradient(to bottom, transparent 0 23px, #c8dce66b 23px 24px), #fffdf4;
  clip-path: polygon(0 9px, 4% 3px, 8% 8px, 12% 2px, 17% 7px, 22% 1px, 27% 5px, 32% 0,
    38% 7px, 43% 2px, 49% 8px, 54% 1px, 60% 5px, 65% 0, 71% 7px, 77% 2px, 83% 8px, 89% 1px, 95% 6px, 100% 2px,
    100% calc(100% - 5px), 96% calc(100% - 1px), 91% calc(100% - 6px), 86% 100%, 81% calc(100% - 4px),
    76% calc(100% - 1px), 70% calc(100% - 7px), 64% calc(100% - 2px), 58% 100%, 52% calc(100% - 5px),
    46% calc(100% - 1px), 40% calc(100% - 6px), 34% 100%, 28% calc(100% - 4px), 22% calc(100% - 1px),
    16% calc(100% - 7px), 10% calc(100% - 2px), 5% 100%, 0 calc(100% - 4px));
}
.paper-backup .qr-code { width: 248px; margin: 8px auto; background: transparent; }
.paper-backup .qr-code svg > rect { fill: none; }
.wallet-shell ol { padding-left: 22px; color: #686b63; line-height: 1.7; }
.wallet-shell li { margin-bottom: 9px; }
.demo-words { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px 12px; font-size: 12px; margin-top: 16px; }
.demo-words span { white-space: nowrap; }
.demo-words b { font-weight: 400; color: #686b63; margin-right: 5px; }
.wallet-shell .primary-link { margin-top: 8px; }
#seed-next, #scan-next { display: block; width: 100%; margin-top: 0; }
#seed-words { margin-top: 16px; font-size: 13px; }
.text-button { display: inline-block; border: 0; padding: 12px; margin-top: 8px; font: inherit; background: none; color: #686b63; text-decoration: underline; text-underline-offset: 3px; }
.payment-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; border-block: 1px solid #dedfd8; margin: 12px 0; padding-block: 8px; }
.payment-summary > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.payment-summary dt { color: #686b63; font-size: 12px; }
.payment-summary dd { margin: 0; font-weight: 500; }
.payment-address { grid-column: 1 / -1; font-size: 12px; }
.payment-address dd { font-size: 11px; white-space: nowrap; }
.wallet-shell .payment-instructions { margin: 8px 0; line-height: 1.5; }
.wallet-shell .payment-qr { width: min(288px,max(180px,40svh),100%); margin: 8px auto 12px; }
#reply-video { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; background: #222320; }
#reply-progress { display: block; width: 100%; height: 6px; margin-top: 12px; accent-color: #f7931a; }
@media (max-height: 650px) {
  .paper-backup .qr-code { width: clamp(180px, 38svh, 232px); }
}
@media (max-width: 380px) {
  .wallet-shell { padding-inline: 18px; }
  .demo-words { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 380px) and (max-height: 500px) {
  .wallet-shell { padding-top: 8px; }
  .wallet-shell > header { margin-bottom: 6px; }
  .wallet-shell .site-brand img { width: 140px; }
  .wallet-shell h1 { font-size: 26px; margin-bottom: 6px; }
  #seed-step > p:not(.eyebrow):not(.step-note) { line-height: 1.5; }
  .paper-backup { margin-block: 8px; }
  .paper-sheet { padding-block: 12px; }
  .paper-backup .qr-code { margin-block: 4px; }
  .payment-summary { margin-block: 8px; padding-block: 6px; row-gap: 4px; }
  .wallet-shell .payment-instructions { font-size: 13px; margin-block: 6px; }
  .wallet-shell .payment-qr { width: 180px; margin-block: 4px; }
}