.Surface-module__2vduWq__root{background:var(--bg);color:var(--text)}.Surface-module__2vduWq__fullViewport{min-height:100vh}.Surface-module__2vduWq__section{gap:var(--space-lg);width:100%;display:grid}.Surface-module__2vduWq__sectionHeader{gap:var(--space-sm);max-width:var(--max-studio);display:grid}.Surface-module__2vduWq__kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-mono-label);letter-spacing:.05em;line-height:var(--leading-mono);text-transform:lowercase}.Surface-module__2vduWq__title{color:var(--text);font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;line-height:var(--leading-heading);margin:0}.Surface-module__2vduWq__description{max-width:64ch;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-body-sm);margin:0;line-height:1.6}.Surface-module__2vduWq__panel{border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px}.Surface-module__2vduWq__panel[data-tone=surface]{background:var(--surface)}.Surface-module__2vduWq__panel[data-tone=elevated]{background:var(--elevated)}.Surface-module__2vduWq__panel[data-tone=accent]{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.Surface-module__2vduWq__padSm{padding:var(--space-md)}.Surface-module__2vduWq__padMd{padding:var(--space-lg)}.Surface-module__2vduWq__padLg{padding:var(--space-xl)}