/* SUPERMAXX legal pages, v3 (2026-09-26): the supermaxx.ai homepage's ground, type and marks.
   The legal origin owns all content and markup; this sheet only restyles it. */
@font-face { font-family: "Instrument Sans"; src: url("/holding-assets/instrument-sans-6219bc4bfdfc.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; }
:root { --bg: #060806; --green: #b9e8c6; --accent: #aaf0b8; --ink: #eef7f0; --ink-2: #bdd2c2; --muted: #8ea896; --line: rgb(200 245 212 / 9%); --line-strong: rgb(200 245 212 / 17%); --glow: rgba(126, 232, 150, .55); --sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color-scheme: dark; }
html { background: var(--bg); }
body { min-height: 100dvh; padding: 20px 16px 0; background: radial-gradient(70% 45% at 50% -5%, rgb(60 149 79 / 18%), transparent 70%), var(--bg); color: var(--ink-2); font: 400 17px/1.7 var(--sans); }
body::after { background: repeating-linear-gradient(180deg, transparent 0 2px, rgb(0 0 0 / 16%) 2px 3px); mix-blend-mode: normal; opacity: 1; }
.wrap { max-width: 720px; }
a { color: var(--accent); border-bottom: 0; text-decoration: underline; text-decoration-color: rgb(170 240 184 / 40%); text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; border-radius: 4px; }

/* The home link reads as the site's brand mark: the sphere and SUPERMAXX. */
.back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-bottom: 56px; font-size: 0; letter-spacing: 0; text-decoration: none; color: var(--ink); }
.back::before { content: ""; width: 28px; height: 28px; flex: none; border-radius: 50%; background: radial-gradient(ellipse at 58% 84%, #eaf6ee 0 14%, #b9e8c6 43%, #7ee896 69%, #356c46 100%); box-shadow: inset 0 0 0 1px rgb(234 246 238 / 20%), 0 0 24px -4px var(--glow); }
.back::after { content: "SUPERMAXX"; font: 600 14px/1 var(--sans); letter-spacing: .06em; }

h1 { margin: 0 0 14px; color: var(--ink); font: 600 clamp(40px, 7vw, 64px)/1.04 var(--sans); letter-spacing: -.04em; text-shadow: none; text-wrap: balance; }
.updated { margin-bottom: 36px; color: var(--green); font: 500 12px/1.6 var(--mono); letter-spacing: .2em; text-transform: uppercase; }
.lede { color: var(--ink); font-size: clamp(18px, 2vw, 20px); line-height: 1.6; }
h2 { margin: 44px 0 12px; padding-top: 28px; border-top: 1px solid var(--line); color: var(--green); font: 500 12px/1.6 var(--mono); letter-spacing: .18em; text-transform: uppercase; }
p { max-width: 65ch; margin-bottom: 16px; }
ul { margin: 0 0 16px 22px; }
li { margin-bottom: 8px; }
li::marker { color: var(--accent); }
strong { color: var(--ink); font-weight: 600; }

/* The footer matches the homepage's: centered, calm, links first. */
.site-foot { max-width: 720px; margin: 72px auto 0; padding: 32px 0 40px; border-top: 1px solid var(--line); text-align: center; }
.foot-links { justify-content: center; gap: 4px; }
.foot-links a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0 12px; border: 0; color: var(--ink-2); font: 400 14px/1 var(--sans); letter-spacing: 0; text-transform: none; text-decoration: none; }
.foot-legal { margin-top: 12px; color: var(--muted); font: 400 12px/1.8 var(--sans); letter-spacing: 0; text-transform: none; }
@media (hover: hover) and (pointer: fine) { a:hover { text-decoration-color: var(--accent); } .foot-links a:hover { color: var(--ink); } .back:hover { color: var(--ink); } }
@media (max-width: 520px) { body { padding-top: 12px; } .back { margin-bottom: 40px; } h2 { margin-top: 36px; } }
@media (forced-colors: active) { .back::before { background: CanvasText; } body::after { display: none; } }

/* instrument-sans.woff2: license at /holding-assets/instrument-sans-OFL-9e27a72ed30e.txt */