:root{--white: #ffffff;--canvas: #f8f7f5;--stone: #eeece8;--border: #e2dfd9;--ink: #1a1917;--mid: #6b6863;--lite: #a8a5a0;--gold: #c9a84c;--gold-hover: #e8c97a;--gold-tint: #f0e4b8;--gold-wash: rgba(201, 168, 76, .1);--surface: rgba(255, 255, 255, .78);--shadow: 0 18px 48px rgba(26, 25, 23, .08);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", "Helvetica Neue", sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--max-width: 1200px;--page-padding: 64px;--radius-card: 4px;--radius-input: 2px;--shadow-card: 0 1px 3px rgba(26, 25, 23, .05), 0 1px 2px rgba(26, 25, 23, .04);--shadow-card-hover: 0 8px 32px rgba(26, 25, 23, .07);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-enter: .4s}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--white);color:var(--ink);font-family:Outfit,sans-serif;transition:background var(--duration-base) ease,color var(--duration-base) ease}html.dark{--white: #1e1d1b;--canvas: #141412;--stone: #272623;--border: #3a3835;--ink: #f0eee9;--mid: #a8a5a0;--lite: #5a5854;--surface: rgba(30, 29, 27, .92);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .5);background:var(--canvas)}body{min-height:100vh}button,input,select{font:inherit}.shell{min-height:100vh}.panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--mid)}.metric{font-family:DM Mono,monospace}.headline{font-family:Cormorant Garamond,serif}.button-primary,.button-secondary{border-radius:4px;padding:.8rem 1.1rem;cursor:pointer;transition:.18s ease}.button-primary{border:1px solid var(--gold);background:var(--ink);color:var(--white)}.button-primary:hover{border-color:var(--gold-hover);transform:translateY(-1px)}.button-secondary{border:1px solid var(--border);background:var(--white);color:var(--ink)}.field{display:grid;gap:.45rem}.field input,.field select{border:1px solid var(--border);background:#ffffffe6;border-radius:4px;padding:.8rem .9rem}.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}
