/* ---------- REFERRAL PROGRAM ---------- * * The $500/month partner page. Its own stylesheet, the same split `pricing.css` and `auth.css` * already make: only `refer.html` loads it. * * Unlike the rest of the site, this page is a single bordered FRAME — nav, sections and footer * all sit inside one hairline box centred in the viewport, with the sections divided by rules * rather than by whitespace. That is why so much of main.css is overridden below: its `nav` is * fixed, its `section` carries 160px of padding and its `footer` has its own, none of which suit * a boxed layout. The frame is the page's defining shape — changing it means rewriting this file. * * Tokens all come from main.css. `--dim` plays the single "muted text" role throughout: every * label, caption and body paragraph that is not pure white uses it, so the page has exactly two * text colours plus the red accent. */ /* ---------- FRAME ---------- */ .refer-shell { padding: 20px 16px 96px; } .frame { margin: 0 auto; width: 100%; max-width: 1110px; border: 1px solid var(--line); /* Translucent so the fixed grain layer still reads through the panel. */ background: rgba(10, 10, 10, 0.8); } /* main.css gives every `section` 160px of padding for the full-bleed home page. Inside the frame the rules between sections carry the separation instead, so the padding comes right down. */ .frame section { padding: 40px 20px; } .frame section + section { border-top: 1px solid var(--line); } /* ---------- FRAME NAV ---------- */ /* A `
`, deliberately not a `