/* Diamond Commander Boot Camp - brand tokens, copied to match Diamond Commander
 * exactly (navy + field-green chrome, cream surfaces, aged-gold CTA). Light is
 * the default; dark mode via prefers-color-scheme and [data-theme]. */
:root{
  color-scheme:light;
  --font-display:"Archivo",-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Barlow",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --navy:#102720; --navy-2:#183c32; --navy-3:#265343; --on-navy:#fff9e9; --on-navy-soft:#d8d0b2;
  --accent:#1e6a4c; --accent-press:#14513a; --accent-soft:#e5f1e8; --accent-ink:#104d36; --accent-line:#a9d0b7;
  --field:#378355; --field-soft:#e7f4e9;
  --gold:#b68a3f; --gold-top:#d5b566; --gold-press:#836123; --gold-soft:#fbf2dc; --on-gold:#182018;
  --page-backdrop:#d9ddd2; --bg:#eff1e9; --bg-2:#e4e8de; --surface:#fffdf6; --surface-2:#f6f6ef;
  --ink:#172018; --ink-soft:#4b5b4e; --ink-faint:#687669; --line:#dce1d5; --line-strong:#c5cec0;
  --danger:#c81e1e; --danger-ink:#b91c1c; --danger-soft:#fef2f2;
  --ok:#15803d; --ok-soft:#ecfdf3; --warn:#e69f00; --warn-ink:#8a5a00; --warn-soft:#fff7e6;
  --if:#175943; --of:#397e4d;
  --r-xl:18px; --r-lg:14px; --r:12px; --r-sm:10px; --r-xs:8px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(16,39,32,.08),0 1px 3px rgba(16,39,32,.10);
  --shadow-md:0 6px 18px rgba(16,39,32,.11),0 2px 6px rgba(16,39,32,.07);
  --shadow-lg:0 18px 44px rgba(16,39,32,.22);
  --cta-shadow:0 2px 0 var(--gold-press),0 6px 16px rgba(182,138,63,.30);
  --ring:0 0 0 3px rgba(30,106,76,.28);
  --maxw:1080px;
  --field-mesh:radial-gradient(900px 460px at 100% -8%,rgba(30,106,76,.13),transparent 60%),radial-gradient(760px 420px at -6% 110%,rgba(182,138,63,.11),transparent 58%);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --navy:#0b1713; --navy-2:#10271f; --navy-3:#1a3a2e; --on-navy:#fff8e5; --on-navy-soft:#d4ceb7;
  --accent:#63be86; --accent-press:#3e9a67; --accent-soft:#163d2b; --accent-ink:#b7efc9; --accent-line:#39775a;
  --field:#6ac98a; --field-soft:#173c2a;
  --gold:#d3ad5a; --gold-top:#e2c275; --gold-press:#906b29; --gold-soft:#392e1a; --on-gold:#172019;
  --page-backdrop:#07100c; --bg:#0d1711; --bg-2:#111e16; --surface:#16231b; --surface-2:#1d2d23;
  --ink:#f7f1df; --ink-soft:#c0c9bb; --ink-faint:#98a798; --line:#2d4135; --line-strong:#405646;
  --danger:#ff8787; --danger-ink:#ff8787; --danger-soft:#3c1e20;
  --ok:#75d69a; --ok-soft:#173c2a; --warn:#f2bd58; --warn-ink:#f2bd58; --warn-soft:#3a301c;
  --if:#247653; --of:#397e4d;
  --shadow-sm:0 1px 2px rgba(0,0,0,.28),0 1px 3px rgba(0,0,0,.22);
  --shadow-md:0 6px 18px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.22);
  --shadow-lg:0 18px 44px rgba(0,0,0,.48);
  --cta-shadow:0 2px 0 var(--gold-press),0 6px 16px rgba(0,0,0,.34);
  --ring:0 0 0 3px rgba(99,190,134,.32);
  --field-mesh:radial-gradient(900px 460px at 100% -8%,rgba(54,124,79,.22),transparent 60%),radial-gradient(760px 420px at -6% 110%,rgba(211,173,90,.12),transparent 58%);
}
@media (prefers-color-scheme:dark){:root:not([data-theme]){
  color-scheme:dark;
  --navy:#0b1713; --navy-2:#10271f; --navy-3:#1a3a2e; --on-navy:#fff8e5; --on-navy-soft:#d4ceb7;
  --accent:#63be86; --accent-press:#3e9a67; --accent-soft:#163d2b; --accent-ink:#b7efc9; --accent-line:#39775a;
  --field:#6ac98a; --field-soft:#173c2a;
  --gold:#d3ad5a; --gold-top:#e2c275; --gold-press:#906b29; --gold-soft:#392e1a; --on-gold:#172019;
  --page-backdrop:#07100c; --bg:#0d1711; --bg-2:#111e16; --surface:#16231b; --surface-2:#1d2d23;
  --ink:#f7f1df; --ink-soft:#c0c9bb; --ink-faint:#98a798; --line:#2d4135; --line-strong:#405646;
  --danger:#ff8787; --danger-soft:#3c1e20; --ok:#75d69a; --warn:#f2bd58; --warn-ink:#f2bd58; --warn-soft:#3a301c;
  --if:#247653; --of:#397e4d;
  --shadow-md:0 6px 18px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.22);
  --cta-shadow:0 2px 0 var(--gold-press),0 6px 16px rgba(0,0,0,.34);
}}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
body{margin:0;background:var(--bg);background-image:var(--field-mesh);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.muted{color:var(--ink-soft)}
.kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;font-weight:800;color:var(--accent)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:15px;border-radius:var(--r);padding:12px 20px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}
.btn:hover{border-color:var(--accent-line)}
.btn-cta{background:linear-gradient(180deg,var(--gold-top),var(--gold));color:var(--on-gold);border:none;box-shadow:var(--cta-shadow)}
.btn-cta:hover{filter:brightness(1.04)}
.btn-accent{background:var(--accent);color:#fff;border:none}
.btn-accent:hover{background:var(--accent-press)}
.btn-ghost{background:transparent}
.btn-sm{padding:8px 13px;font-size:13.5px;border-radius:var(--r-sm)}

/* nav + footer shared by landing/legal */
.nav{position:sticky;top:0;z-index:20;background:linear-gradient(100deg,var(--navy),var(--navy-2));color:var(--on-navy);border-bottom:1px solid rgba(0,0,0,.25)}
.nav .row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:900;font-size:19px;white-space:nowrap;color:var(--on-navy)}
.brand .gem{color:var(--gold-top)}
.footer{background:linear-gradient(100deg,var(--navy),var(--navy-2));color:var(--on-navy-soft);margin-top:60px;padding:34px 0}
.footer a{color:var(--on-navy);font-weight:600}
.footer .cols{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}

/* Shared mobile rules for landing + legal pages */
@media(max-width:600px){
  .wrap{padding:0 16px}
  .nav .row{padding:11px 0;gap:10px}
  .brand{font-size:16px}
  .brand .gem{font-size:14px}
  .footer{margin-top:40px;padding:26px 0}
  .footer .cols{gap:18px}
  .legal{padding:26px 16px 16px !important}
  .legal h1{font-size:25px !important}
  .legal h2{font-size:18px !important}
  .legal p,.legal li{font-size:15px !important}
  th,td{font-size:12.5px !important;padding:6px 8px !important}
}