:root{--black:#111;--white:#fff;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-400:#a8a29e;--gray-500:#78716c;--green:#22c55e;--green-soft:#22c55e1f;--green-light:#86efac;--red:#dc2626;--red-soft:#dc26261a;--amber:#f59e0b;--aqua:#06b6d4;--blue:#3b82f6;--purple:#8b5cf6;--font-sans:var(--font-dm-sans);--font-mono:var(--font-dm-mono);--radius-input:12px;--radius-card:16px;--radius-popup:20px;--radius-modal:24px;--radius-pill:100px;--page-padding-mobile:24px;--container-width:1280px;--container-content:1280px;--article-content-width:720px;--article-measure:680px;--border-subtle:var(--gray-200);--surface-default:var(--white);--surface-subtle:var(--gray-50);--surface-muted:var(--gray-100);--surface-accent:var(--green-soft);--surface-dark:var(--black);--surface-dark-foreground:var(--white);--surface-transparent:transparent;--text-muted:var(--gray-500);--section-space:120px;--section-space-mobile:96px;--button-radius:10px}*,:before,:after{box-sizing:border-box}html{min-height:100%;color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100%;font-family:var(--font-sans), sans-serif;color:var(--black);background:var(--white);flex-direction:column;min-height:100vh;margin:0;font-size:18px;font-weight:400;line-height:1.6;display:flex}main{min-width:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-sans), sans-serif;font-weight:700}h1{letter-spacing:-.03em;font-size:72px;line-height:1.05}h2{letter-spacing:-.02em;font-size:44px;line-height:1.1}h3{letter-spacing:-.02em;font-size:32px;line-height:1.15}h4{letter-spacing:-.01em;font-size:20px;line-height:1.25}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent}img,picture,svg{max-width:100%;display:block}img{height:auto}::selection{color:var(--white);background:var(--black)}.siteMain{flex:1}@media (max-width:767px){:root{--section-space:var(--section-space-mobile)}body{font-size:16px}h1{font-size:48px}h2{font-size:36px}h3{font-size:28px}}