/* V7 — DiRuzzo Capital. Automatic services typing without a cursor bar.
   The 606 CSS-pixel reading width is measured from the supplied phone screenshot.
   The browser scales this composition to the phone screen; pinch-to-zoom remains available.
   On desktop, the page continues to use the full available width, like diruzzo.com. */
:root { color-scheme: dark; }
html { background: #000; font-size: 16px; -webkit-text-size-adjust: none; text-size-adjust: none; }
body { margin: 0.5rem; background: #000; color: #808080; }
main, section { display: block; }
p, h1, h2 { margin: 0; padding: 0; line-height: normal; }
a:link { color: #0563c1; text-decoration: underline; }
a:visited { color: #954f72; }
a:focus-visible { outline: 2px solid #cc9900; outline-offset: 3px; }
img { border: 0; max-width: 100%; }
.image-row { line-height: 0; }
.brand-logo { width: 34.625rem; height: auto; aspect-ratio: 554 / 201; }
.market-chart { width: 28.0625rem; height: auto; aspect-ratio: 449 / 812; object-fit: fill; }
.social-icon { width: 2.5625rem; height: 2.1875rem; }
.center { text-align: center; }
.justified { text-align: justify; }
.hanging { margin-left: 3rem; text-indent: -1.5rem; }
.divider, .divider-wide { height: 0.375rem; border: 0; padding: 0; background: #808080; width: calc(100% + 2px); }
.divider { margin: 0.583333333rem 0; }
.divider-wide { margin: 0.75rem 0; }
.spacer { user-select: none; }
.copy { font-family: Arial, sans-serif; font-size: 1.166666667rem; font-weight: 700; color: #808080; }
.type-01 { font-family: Calibri, sans-serif; font-size: 0.916666667rem; font-weight: 400; color: #000000; }
.type-02 { color: #cc9900; font-family: Arial, sans-serif; font-size: 1.5rem; font-weight: 700; }
.gray { color: #808080; }
.type-04 { font-size: 1.333333333rem; }
.type-05 { font-weight: 400; }
.type-06 { color: #808080; font-family: Arial, sans-serif; font-size: 1.333333333rem; font-weight: 700; }
.type-07 { font-size: 1.166666667rem; font-weight: 400; }
.type-08 { color: #cc9900; font-family: Arial, sans-serif; font-size: 1.333333333rem; font-weight: 700; }
.type-09 { font-size: 1.333333333rem; color: #cc9900; }
.reference-number { font-size: 1.666666667rem; color: #cc9900; }
.type-11 { font-family: Calibri, sans-serif; font-size: 0.916666667rem; font-weight: 400; }
.type-12 { font-family: Arial, sans-serif; font-size: 1.666666667rem; font-weight: 700; color: #808080; }
.type-13 { color: #808080; font-family: Arial, sans-serif; font-size: 2.166666667rem; font-weight: 700; }
.type-14 { font-family: "Segoe UI Symbol", sans-serif; }
.type-15 { font-family: Arial, sans-serif; font-size: 1.166666667rem; font-weight: 700; color: #cc9900; }
.type-16 { font-family: "Segoe UI Symbol", sans-serif; color: #00b0f0; }
.type-17 { color: #cc9900; font-family: Arial, sans-serif; font-size: 1.166666667rem; font-style: italic; font-weight: 700; }
.gold { color: #cc9900; }
.type-19 { color: #92d050; }
.type-20 { color: #ff0000; }
.type-21 { font-family: Calibri, sans-serif; font-size: 0.916666667rem; color: #000000; }
.type-22 { font-family: Arial, sans-serif; font-size: 1.166666667rem; font-weight: 700; }
.type-23 { font-size: 1.666666667rem; }
.type-24 { color: #808080; font-family: Arial, sans-serif; font-size: 1.166666667rem; font-weight: 400; }
.type-25 { font-weight: 700; }
.type-26 { font-weight: 700; color: #bfbfbf; }
.type-27 { color: #808080; font-family: Arial, sans-serif; font-size: 1.083333333rem; font-weight: 400; }
.type-28 { font-size: 1.166666667rem; font-weight: 700; }
.type-29 { font-size: 1.166666667rem; font-weight: 700; color: #bfbfbf; }
.type-30 { font-size: 1.166666667rem; }
.type-31 { color: #bfbfbf; font-family: Arial, sans-serif; font-size: 1.166666667rem; font-weight: 700; }
.type-32 { font-family: Calibri, sans-serif; font-size: 0.916666667rem; }
.type-33 { font-weight: 400; color: #808080; }
.type-34 { font-family: "Times New Roman", serif; font-size: 0.583333333rem; }
.type-35 { color: #cc9900; font-family: Arial, sans-serif; font-size: 1.666666667rem; font-weight: 700; }
.type-36 { white-space: pre-wrap; word-spacing: 0px; }
.type-37 { font-style: italic; }
.type-38 { color: #808080; font-family: Arial, sans-serif; font-size: 1.166666667rem; font-style: italic; font-weight: 400; }
.type-39 { font-family: "Segoe UI Symbol", sans-serif; font-weight: 700; color: #00b0f0; }
.type-40 { font-family: Calibri, sans-serif; font-size: 0.916666667rem; font-weight: 700; color: #000000; }
.type-41 { color: #808080; font-family: Arial, sans-serif; font-size: 1rem; font-weight: 700; }
.type-42 { font-family: Calibri, sans-serif; font-size: 1rem; font-weight: 700; color: #000000; }
.type-43 { color: #808080; font-family: Arial, sans-serif; font-size: 0.25rem; font-weight: 700; }
.type-44 { font-family: Arial, sans-serif; font-size: 1.5rem; font-weight: 700; color: #808080; }

/* The unchanged source reserves the full layout and stays readable to assistive technology. */
.typewriter-running { position: relative; }
.typewriter-running > .typewriter-source { opacity: 0; }
.typewriter-layer { position: absolute; inset: 0; display: block; pointer-events: none; }
.typewriter-char { position: relative; visibility: hidden; }
.typewriter-char.is-visible { visibility: visible; }