:root{--ink-900:#0a0a0a;--ink-800:#18181b;--ink-700:#27272a;--ink-500:#71717a;--ink-400:#a1a1aa;--ink-300:#d4d4d8;--ink-200:#e4e4e7;--ink-100:#f4f4f5;--ink-50:#fafafa;--surface:#fff;--surface-raised:#fff;--surface-subtle:var(--ink-50);--accent:#c9a84c;--accent-strong:#b8923d;--accent-soft:#f5e9c8;--accent-text:#5a4416;--success:#16a34a;--warning:#eab308;--danger:#dc2626;--info:#3b82f6;--text-mono-xs:11px;--text-mono-sm:13px;--text-mono:14px;--text-eyebrow:12px;--text-body-sm:14px;--text-body:17px;--text-body-lg:20px;--text-lead:22px;--text-h3:28px;--text-h2:40px;--text-h1:56px;--text-display:96px;--text-mega:128px;--tracking-tight:-.025em;--tracking-tighter:-.04em;--tracking-normal:0;--tracking-wide:.04em;--tracking-eyebrow:.18em;--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--motion-fast:.12s;--motion-base:.22s;--motion-slow:.42s;--motion-slower:.72s;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-soft:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-1:0 1px 2px #0000000a,0 1px 1px #00000008;--shadow-2:0 4px 12px #0000000d,0 2px 4px #0000000a;--shadow-3:0 12px 32px #00000012,0 6px 12px #0000000a;--shadow-hover:0 20px 48px #0000001a,0 12px 16px #0000000d;--container:1200px;--container-narrow:960px;--container-prose:720px;--nav-height:72px}[data-theme=dashboard]{--ink-900:#fafafa;--ink-800:#f4f4f5;--ink-700:#e4e4e7;--ink-500:#a1a1aa;--ink-400:#71717a;--ink-300:#3f3f46;--ink-200:#27272a;--ink-100:#18181b;--ink-50:#131316;--surface:#0a0a0b;--surface-raised:#131316;--surface-subtle:#18181b;--accent:#d4b860;--accent-strong:#e2c878;--accent-soft:#2a2517;--accent-text:#d4b860;--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 16px #0006;--shadow-3:0 12px 40px #00000080;--shadow-hover:0 24px 60px #0009}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s;--motion-slower:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.dev-eyebrow{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-500);font-weight:500}.dev-display{font-family:var(--font-playfair),"Playfair Display",Georgia,serif;font-size:clamp(48px,8vw,var(--text-display));font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tracking-tighter);color:var(--ink-900)}.dev-mega{font-family:var(--font-playfair),"Playfair Display",Georgia,serif;font-size:clamp(72px,12vw,var(--text-mega));letter-spacing:var(--tracking-tighter);color:var(--ink-900);font-weight:600;line-height:.95}.dev-h1{font-family:var(--font-playfair),"Playfair Display",Georgia,serif;font-size:clamp(36px,5vw,var(--text-h1));font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--ink-900)}.dev-h2{font-family:var(--font-playfair),"Playfair Display",Georgia,serif;font-size:clamp(28px,3.5vw,var(--text-h2));font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--ink-900)}.dev-h3{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:var(--text-h3);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--ink-900)}.dev-lead{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:clamp(18px,2vw,var(--text-lead));font-weight:400;line-height:var(--lh-relaxed);color:var(--ink-500)}.dev-body{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:var(--text-body);font-weight:400;line-height:var(--lh-relaxed);color:var(--ink-700)}.dev-body-sm{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:var(--text-body-sm);line-height:var(--lh-normal);color:var(--ink-500)}.dev-mono{font-family:ui-monospace,JetBrains Mono,SF Mono,Cascadia Code,Roboto Mono,Menlo,monospace;font-size:var(--text-mono);letter-spacing:0}.dev-mono-sm{font-family:ui-monospace,JetBrains Mono,SF Mono,Cascadia Code,Roboto Mono,Menlo,monospace;font-size:var(--text-mono-sm);letter-spacing:0}.dev-token-underline{white-space:nowrap;display:inline-block;position:relative}.dev-token-underline:after{content:"";background:var(--accent);transform-origin:0;height:.06em;animation:dev-underline-draw var(--motion-slower)var(--ease-out-expo).32s forwards;position:absolute;bottom:-.06em;left:0;right:0;transform:scaleX(0)}@keyframes dev-underline-draw{to{transform:scaleX(1)}}.dev-fade-up{opacity:0;animation:dev-fade-up var(--motion-slow)var(--ease-out-expo)forwards;transform:translateY(12px)}.dev-fade-up--delay-1{animation-delay:60ms}.dev-fade-up--delay-2{animation-delay:.16s}.dev-fade-up--delay-3{animation-delay:.28s}.dev-fade-up--delay-4{animation-delay:.42s}@keyframes dev-fade-up{to{opacity:1;transform:translateY(0)}}
.dev-shell{background:var(--surface);color:var(--ink-900);font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;font-size:var(--text-body);line-height:var(--lh-relaxed);background-image:radial-gradient(circle at 50% -10%,#c9a84c0a,#0000 40%);min-height:100vh}.dev-shell ::selection{background:var(--accent-soft);color:var(--accent-text)}.dev-container{max-width:var(--container);padding:0 var(--space-8);margin:0 auto}.dev-container-narrow{max-width:var(--container-narrow);padding:0 var(--space-8);margin:0 auto}.dev-container-prose{max-width:var(--container-prose);padding:0 var(--space-8);margin:0 auto}.dev-cta-pill{align-items:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--ink-900);color:var(--surface);font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;letter-spacing:-.01em;border-radius:var(--radius-pill);transition:transform var(--motion-fast)var(--ease-out-soft),background var(--motion-fast)var(--ease-out-soft),box-shadow var(--motion-base)var(--ease-out-soft);border:1px solid var(--ink-900);font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.dev-cta-pill:hover{background:var(--ink-700);box-shadow:var(--shadow-2);transform:translateY(-1px)}.dev-cta-pill:active{transform:translateY(0)}.dev-cta-pill:after{content:"→";transition:transform var(--motion-fast)var(--ease-out-soft);display:inline-block}.dev-cta-pill:hover:after{transform:translate(2px)}.dev-cta-ghost{align-items:center;gap:var(--space-2);padding:10px var(--space-5);color:var(--ink-900);font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;border-radius:var(--radius-pill);border:1px solid var(--ink-300);transition:border-color var(--motion-fast)var(--ease-out-soft),color var(--motion-fast)var(--ease-out-soft);background:0 0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.dev-cta-ghost:hover{border-color:var(--ink-900);color:var(--ink-900)}.dev-badge{border-radius:var(--radius-pill);font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.dev-badge--live{background:color-mix(in srgb,var(--success)12%,transparent);color:var(--success)}.dev-badge--live:before{content:"";background:var(--success);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb,var(--success)50%,transparent);border-radius:50%;animation:2.4s ease-out infinite dev-pulse}@keyframes dev-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--success)50%,transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.dev-badge--preview{background:var(--accent-soft);color:var(--accent-text)}.dev-badge--beta{background:var(--ink-100);color:var(--ink-700)}
