body { margin: 0; font-family: var(--font-sans); background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; }
.dbn-pad { padding: var(--space-4); }
.dbn-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }

/* Name in running text: Bit in gold, like the wordmark */
.dbn-name { font-family: var(--font-brand); font-weight: 700; }
.dbn-name b { color: var(--gold-text); font-weight: 700; }

/* Brand band: always black, logo on its own ground */
.dbn-band { background: var(--brand-band); color: var(--on-band); }
.dbn-masthead { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding: var(--space-4) var(--space-6); }
.dbn-masthead__logo { display: block; height: 64px; width: auto; max-width: 70%; object-fit: contain; }
.dbn-masthead__meta { text-align: right; font: 600 12px/18px var(--font-brand); letter-spacing: .14em; text-transform: uppercase; color: var(--on-band); white-space: nowrap; }
.dbn-masthead__meta b { display: block; color: var(--gold); font-weight: 600; }
.dbn-band__edge { height: 4px; background: var(--gold-gradient, linear-gradient(180deg, #FEC458 0%, #FBB040 50%, #F69518 100%)); }

/* Payoff line: tracked caps between two short gold rules, as in the logo */
.dbn-payoff { display: flex; align-items: center; justify-content: center; gap: var(--space-3); margin: 0; font: 600 12px/16px var(--font-brand); letter-spacing: .22em; text-transform: uppercase; color: var(--ink); }
.dbn-payoff::before, .dbn-payoff::after { content: ""; width: var(--payoff-rule, 32px); height: 2px; background: var(--gold); flex: none; }
.dbn-band .dbn-payoff { color: var(--on-band); }

/* Eyebrow: section label with one gold rule in front */
.dbn-eyebrow { display: flex; align-items: center; gap: var(--space-2); margin: 0; font: 600 12px/16px var(--font-brand); letter-spacing: .18em; text-transform: uppercase; color: var(--gold-text); }
.dbn-eyebrow::before { content: ""; width: var(--payoff-rule, 32px); height: 2px; background: var(--gold); flex: none; }
.dbn-headline { margin: var(--space-3) 0 0; font: 700 36px/1.15 var(--font-brand); letter-spacing: -.01em; color: var(--ink); }

/* Orbit divider: the logo's arc with three nodes */
.dbn-orbit { display: block; width: 100%; height: 40px; }
.dbn-orbit .arc { fill: none; stroke: var(--gold); stroke-width: var(--orbit-width, 3px); }
.dbn-orbit .rule { stroke: var(--hairline); stroke-width: 1; }
.dbn-orbit .node { fill: var(--gold-light); }

/* Ticker */
.dbn-ticker { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2) var(--space-6); padding: var(--space-3) var(--space-6); background: var(--paper-raised); border-bottom: 1px solid var(--hairline); font: 500 13px/18px var(--font-sans); font-variant-numeric: tabular-nums; color: var(--ink); }
.dbn-ticker b { font: 700 12px/18px var(--font-brand); letter-spacing: .08em; margin-right: var(--space-2); }

/* Change, with the logo's rising bars as the up icon */
.dbn-up, .dbn-down { display: inline-flex; align-items: center; gap: var(--space-1); }
.dbn-up { color: var(--up); }
.dbn-down { color: var(--down); }
.dbn-bars { width: 12px; height: 12px; flex: none; }
.dbn-bars rect { fill: currentColor; }

/* Button: square like the D, solid gold, the gradient on hover */
.dbn-btn { display: inline-flex; align-items: center; gap: var(--space-2); height: 44px; padding: 0 var(--space-6); border-radius: var(--radius-none); border: 0; background: var(--gold); color: var(--on-gold); font: 700 13px/16px var(--font-brand); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; text-decoration: none; }
.dbn-btn:hover { background: var(--gold-gradient, linear-gradient(180deg, #FEC458 0%, #FBB040 50%, #F69518 100%)); }
.dbn-btn--outline { background: transparent; box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--gold-text); }
.dbn-btn--outline:hover { background: var(--gold-soft); }
.dbn-btn:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }

/* Market overview */
.dbn-market { background: var(--paper-raised); padding: 0 var(--space-4); max-width: 380px; }
.dbn-market__row { display: grid; grid-template-columns: 24px 1fr auto auto; gap: var(--space-3); align-items: center; padding: var(--space-3) 0; border-bottom: 1px solid var(--hairline); font: 600 12px/16px var(--font-brand); text-transform: uppercase; letter-spacing: .06em; }
.dbn-market__row:last-child { border-bottom: 0; }
.dbn-coin { width: 24px; height: 24px; border-radius: var(--radius-full); background: var(--gold); color: var(--on-gold); display: grid; place-items: center; font: 700 12px var(--font-brand); }
.dbn-coin--alt { background: var(--ink); color: var(--paper); }
.dbn-market__price { font: 500 14px var(--font-sans); font-variant-numeric: tabular-nums; text-transform: none; letter-spacing: 0; }
.dbn-market__chg { font: 500 13px var(--font-sans); font-variant-numeric: tabular-nums; min-width: 72px; justify-content: flex-end; text-transform: none; letter-spacing: 0; }

/* Signup */
.dbn-signup { max-width: 380px; background: var(--paper-raised); border: 1px solid var(--hairline); }
.dbn-signup__head { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-6); }
.dbn-signup__head img { width: 40px; height: 40px; object-fit: contain; }
.dbn-signup__head h3 { margin: 0; font: 700 16px/1.25 var(--font-brand); text-transform: uppercase; letter-spacing: .06em; color: var(--on-band); }
.dbn-signup__head h3 b { color: var(--gold); }
.dbn-signup__body { padding: var(--space-4) var(--space-6) var(--space-6); }
.dbn-signup p { margin: 0 0 var(--space-4); font-size: 14px; line-height: 22px; color: var(--ink); }
.dbn-input { box-sizing: border-box; width: 100%; height: 44px; padding: 0 var(--space-3); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--paper); color: var(--ink); font: 400 14px var(--font-sans); }
.dbn-input::placeholder { color: var(--ink-muted); }
.dbn-input:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
.dbn-signup .dbn-btn { width: 100%; justify-content: center; margin-top: var(--space-2); }
.dbn-fine { margin: var(--space-3) 0 0; font-size: 12px; line-height: 18px; color: var(--ink-muted); }

/* Email header: the stacked lockup on black, for the daily mail and transactional mails */
.dbn-mailhead { text-align: center; padding: var(--space-6) var(--space-4) var(--space-4); }
.dbn-mailhead img { display: block; margin: 0 auto; width: 180px; height: auto; }
.dbn-mail { max-width: 560px; margin: 0 auto; background: var(--paper-raised); }
.dbn-mail__body { padding: var(--space-6); font-size: 15px; line-height: 24px; }
.dbn-mail__body h2 { margin: 0 0 var(--space-3); font: 700 22px/1.25 var(--font-brand); color: var(--ink); }
.dbn-mail__body p { margin: 0 0 var(--space-3); }
.dbn-mail__foot { padding: var(--space-4) var(--space-6); border-top: 1px solid var(--hairline); font-size: 12px; line-height: 18px; color: var(--ink-muted); }