:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg: #000000;--text: #ffffff;--surface: #111111;--border: #333333;--accent: #ffffff;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px}[data-theme=light]{--bg: #ffffff;--text: #000000;--surface: #f4f4f4;--border: #e0e0e0;--accent: #000000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{background:none;border:none;font-family:inherit;cursor:pointer;color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-weight:500;border:1px solid var(--border);transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.btn:hover{background-color:var(--text);color:var(--bg);border-color:var(--text)}::selection{background:var(--text);color:var(--bg)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2rem,5vw,4rem);align-items:center}@media(max-width:1024px){.hero-grid{display:flex;flex-direction:column-reverse;gap:2rem}.hero-grid>*{width:100%}.hero-visual{order:unset}}