@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/inter-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/fonts/inter-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/fonts/inter-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('/fonts/inter-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('/fonts/inter-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/jetbrains-mono-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* lander.css - the public apps.u.cash lander (root page). Dark-first; [data-theme="light"] flips. */

/* Fleet box-sizing law: the uxc kit (header.css/navdrawer.css) and the DS sheets assume the
   universal border-box reset every other consumer ships (u.cash, registry's apps.css). Without
   it .nav-inner = width:100% + 32px padding = 32px past the viewport and the burger parks
   off-screen right (fixed 9/13). */
*, *::before, *::after { box-sizing: border-box; }

/* ===== theme bridge (DS light-dark() tokens resolve against color-scheme) ===== */
:root, [data-theme="dark"] { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }

/* ===== lander palette ===== */
:root {
  --ld-bg: #000; --ld-bg2: #0d0d0d;
  --ld-ink: #fff; --ld-mut: rgba(255,255,255,.62); --ld-dim: rgba(255,255,255,.42);
  --ld-line: rgba(255,255,255,.10); --ld-line-gold: rgba(204,153,51,.25);
  --ld-g: #cc9933; --ld-g2: #e6b347;
  --ld-panel: rgba(255,255,255,.035);
  --ld-maxw: 1080px;
  --ld-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
[data-theme="light"] {
  --ld-bg: #faf7f2; --ld-bg2: #fff;
  --ld-ink: #1c1a17; --ld-mut: #6b665e; --ld-dim: #9a938a;
  --ld-line: #d9d4cb; --ld-line-gold: #cc9933;
  --ld-g: #a37a29; --ld-g2: #c69a3f;
  --ld-panel: #fff;
}

/* ===== page scaffold ===== */
html { background: var(--ld-bg); }
body { margin: 0; background: var(--ld-bg); color: var(--ld-ink); font-family: var(--ld-sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.ld-wrap { max-width: var(--ld-maxw); margin: 0 auto; padding: 0 24px; }
/* 2026-09-20: links only - buttons excluded. This rule was painting .uc-button--accent
   gold-on-gold (and the plain .uc-button text gold); the button kit owns its own colors
   (--uc-accent-contrast already flips white in light / near-black in dark per theme). */
.pg-lander main a:not(.uc-button), .pg-lander footer a:not(.uc-button) { color: var(--ld-g2); text-decoration: none; }
a:hover { text-decoration: none; }

/* ===== hero ===== */
.ld-hero { padding: 84px 0 40px; }
.ld-kicker { font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--ld-g); font-weight: 600; margin: 0 0 14px; }
.ld-hero h1 { font-size: clamp(34px, 5.4vw, 56px); line-height: 1.06; font-weight: 800; letter-spacing: -.02em; margin: 0 0 18px; max-width: 21ch; }
.ld-hero h1 .gold { color: var(--ld-g2); }
.ld-sub { font-size: 17px; color: var(--ld-mut); max-width: 60ch; margin: 0 0 30px; }
.ld-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 44px; }

/* ===== statline -> ds/73 uc-stat + uc-reveal (2026-09-13 adoption) ===== */

/* ===== stage ladder ===== */
.ld-ladder { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 34px 0 8px; }
.ld-ladder .uc-card, .ld-ladder .ld-lstep { padding: 16px; border: 1px solid var(--ld-line); border-radius: 10px; background: var(--ld-panel); }
.ld-lstep h3 { margin: 10px 0 6px; font-size: 15px; font-weight: 700; }
.ld-lstep p { margin: 0; font-size: 13px; color: var(--ld-mut); }

/* ===== chips ===== */
.ld-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; border: 1px solid transparent; }
.ld-chip.is-live  { background: var(--ld-g); color: #000; border-color: var(--ld-g); }
.ld-chip.is-beta  { background: rgba(204,153,51,.14); color: var(--ld-g2); border-color: rgba(204,153,51,.45); }
.ld-chip.is-alpha { background: transparent; color: var(--ld-mut); border-color: var(--ld-line); }
.ld-chip.is-dev   { background: transparent; color: var(--ld-dim); border-color: var(--ld-dim); border-style: dashed; }
[data-theme="light"] .ld-chip.is-live { color: #fff; }

/* ===== sections + card grid ===== */
.ld-section { padding: 34px 0 6px; }
.ld-sec-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.ld-sec-head .n { font-size: 12px; color: var(--ld-g); font-weight: 600; letter-spacing: .1em; }
.ld-sec-head h2 { font-size: 24px; font-weight: 800; letter-spacing: -.01em; margin: 0; }
.ld-sec-head .of { font-size: 12.5px; color: var(--ld-dim); margin-left: auto; }
.ld-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.ld-card { border: 1px solid var(--ld-line); border-radius: 10px; background: var(--ld-panel); padding: 18px 16px 16px; display: flex; flex-direction: column; gap: 8px; transition: border-color .15s; }
.ld-card:hover { border-color: var(--ld-line-gold); }
.ld-card h3 { margin: 0; font-size: 15.5px; font-weight: 700; }
.ld-card p { margin: 0; font-size: 13px; color: var(--ld-mut); flex: 1; }
.ld-card .host { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: var(--ld-dim); }

/* ===== how we build ===== */
.ld-build { margin: 44px 0 0; border: 1px solid var(--ld-line-gold); border-radius: 10px; background: var(--ld-panel); padding: 26px 26px 22px; }
.ld-build h2 { margin: 0 0 10px; font-size: 20px; font-weight: 800; }
.ld-build p { margin: 0 0 10px; color: var(--ld-mut); font-size: 14.5px; max-width: 75ch; }
.ld-build p:last-child { margin: 0; }
.ld-build .gold { color: var(--ld-g2); }

/* ===== footer ===== */
.ld-footer { margin-top: 64px; border-top: 1px solid var(--ld-line); padding: 30px 0 44px; }
.ld-footer .row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.ld-footer img { height: 22px; width: auto; }
.ld-footer .links { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; }
.ld-footer .links a { color: var(--ld-mut); }
.ld-footer .links a:hover { color: var(--ld-g2); }
.ld-footer .fine { margin-top: 14px; font-size: 12px; color: var(--ld-dim); }

/* old .nav chrome retired 2026-09-15: the lander rides the fleet console shell. */

/* ===== responsive ===== */
@media (max-width: 900px) { .ld-stats { grid-template-columns: repeat(3, 1fr); } .ld-ladder { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
  .ld-stats { grid-template-columns: repeat(2, 1fr); }
  .ld-ladder { grid-template-columns: 1fr; }
  .ld-hero { padding: 56px 0 30px; }
}