/*
 * donate.u.cash root landing overlay. The CONSOLE CHASSIS (cdn.u.cash/uxc/css/admin.css) supplies
 * the pay.u.cash logged-in look: the :root token layer, light + dark palettes, .uxc-title /
 * .uxc-text / .uxc-btn, sharp corners. This file is LAYOUT ONLY and sources every color from the
 * --uxc-* variables (no literals, no .uxc-dark-mode overrides: the chassis owns the palettes).
 * Dark mode still rides the .uxc-dark-mode class contract (landing.js), never a media query.
 */

body{padding:64px 0 24px}

/* Reading column (the chassis .uxc-main is full-width; the landing centers a calm column). */
.uxc-landing-main{max-width:760px;margin:0 auto;padding:0 20px}

/* Open header: quiet host chip, chassis .uxc-title headline, one sub line; hairline closes it. */
.uxc-landing-head{padding:0 0 22px;border-bottom:1px solid var(--uxc-border-color)}
.uxc-landing-host{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--uxc-text-secondary)}
.uxc-landing-title{margin:6px 0 0;color:var(--uxc-text-primary)}
.uxc-landing-sub{margin-top:8px;max-width:600px}

/* Numbered feature rows: accent numerals (text only, the accent-contrast law), hairlines between. */
.uxc-landing-rows{padding:4px 0 0}
.uxc-landing-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--uxc-border-color)}
.uxc-landing-row:last-child{border-bottom:none}
.uxc-landing-row-n{flex:none;width:34px;font-size:12px;line-height:22px;color:var(--uxc-accent)}
.uxc-landing-row-t{font-size:16px;line-height:22px;font-weight:600;color:var(--uxc-text-primary)}
.uxc-landing-row-b{margin-top:2px;max-width:600px}

/* One CTA (the chassis gold-outline .uxc-btn), the URL shape, and the honest unlock line. */
.uxc-landing-cta{padding:24px 0 8px}
.uxc-landing-create{display:block;box-sizing:border-box;width:100%;max-width:420px;height:46px;line-height:47px;text-align:center}
.uxc-landing-example{margin-top:14px}
.uxc-landing-tier{margin-top:8px;font-size:12px;color:var(--uxc-text-secondary)}
.uxc-landing-hl{border:1px solid var(--uxc-border-color);padding:4px 10px;margin-left:8px}

/* Footers: powered-by + legal, quiet and centered. */
.uxc-landing-foot{text-align:center;font-size:12px;margin-top:8px}
.uxc-landing-legal{text-align:center;font-size:12px;padding:8px 0 4px;opacity:.7}

/* ---------- mobile ---------- */
@media(max-width:600px){
body{padding:26px 0 16px}
.uxc-landing-main{padding:0 16px}
.uxc-landing-title{font-size:25px;line-height:32px}
.uxc-landing-head{padding:0 0 16px}
.uxc-landing-row{gap:14px;padding:15px 0}
.uxc-landing-row-n{width:28px}
.uxc-landing-create{max-width:none;height:48px;line-height:49px}
.uxc-landing-hl{margin-left:6px}
}