:root,:root[data-theme=dark]{--bg: #1c1522;--bg-alt: #221a29;--surface: #271f2f;--surface-raised: #322838;--border: #453747;--text: #f5efe9;--text-muted: #b3a4ac;--text-faint: #7c6d76;--accent-gold: #c9a227;--accent-gold-bright: #e0bc4a;--accent-berry: #c1477a;--accent-sage: #7c9473;--accent-rose: #c1477a;--canvas-cream: #fbf7ee;--shadow-soft: 0 20px 40px -20px rgba(0, 0, 0, .65);--shadow-lift: 0 30px 60px -30px rgba(0, 0, 0, .75)}:root[data-theme=light]{--bg: #f6f1e7;--bg-alt: #efe8da;--surface: #ffffff;--surface-raised: #fbf7ef;--border: #e3d8c4;--text: #2a2018;--text-muted: #6b5d4d;--text-faint: #948467;--accent-gold: #a9781b;--accent-gold-bright: #c7913a;--accent-berry: #a83e64;--accent-sage: #4f7546;--accent-rose: #a83e64;--canvas-cream: #ffffff;--shadow-soft: 0 16px 32px -18px rgba(60, 45, 25, .28);--shadow-lift: 0 24px 48px -24px rgba(60, 45, 25, .32)}:root{--font-display: "Fraunces", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}a{color:inherit}button{font-family:inherit}::selection{background:var(--accent-gold);color:var(--bg)}.brush-divider{width:100%;height:14px;display:block;margin:.25rem 0 1.25rem}.brush-divider path{stroke:var(--accent-gold);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:brush-in .9s cubic-bezier(.65,0,.35,1) forwards}@keyframes brush-in{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.brush-divider path{animation:none;stroke-dashoffset:0}}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold)}.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.85rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;transition:border-color .15s ease,transform .1s ease,background .15s ease}.btn:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:#1a1608}.btn-primary:hover{background:var(--accent-gold-bright);border-color:var(--accent-gold-bright)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-gold-bright);outline-offset:2px}input,select{font-family:inherit;font-size:.95rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-alt);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem}.nav-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.nav-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.compare-tag{position:absolute;top:10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0000008c;padding:.3rem .6rem;border-radius:999px;pointer-events:none}.page{max-width:1000px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.top-nav{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto;padding:1.1rem 1.5rem 0}.top-nav-logo{font-family:var(--font-display);font-weight:600;font-size:1.15rem;text-decoration:none;color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);padding:.4rem;cursor:pointer}.theme-toggle-option{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:.95rem;border:none;background:transparent;color:var(--text-faint);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle-option.theme-toggle-text{width:auto;padding:0 .55rem;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.02em}.theme-toggle-option.active{background:var(--accent-gold);color:#1a1608}@media (max-width: 640px){.top-nav{flex-wrap:wrap;gap:.75rem}}