:root{--black: #000000;--surface: #111111;--surface-raised: #1A1A1A;--border: #222222;--border-visible: #333333;--text-disabled: #A0A0A0;--text-secondary: #FFFFFF;--text-primary: #FFFFFF;--text-display: #FFFFFF;--accent: #D71921;--accent-subtle: rgba(215,25,33,.15);--success: #4A9E5C;--warning: #D4A843;--interactive: #5B9BF6;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background-color:var(--black);color:var(--text-primary);line-height:1.5;min-height:100vh}.dot-grid{background-image:radial-gradient(circle,var(--border-visible) 1px,transparent 1px);background-size:16px 16px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border)}nav a{color:var(--text-secondary);text-decoration:none;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-left:var(--space-lg);transition:color .2s ease-out}nav a:hover{color:var(--text-display)}nav a.active{color:var(--text-display)}.hero{padding:var(--space-xl) 0;min-height:30vh;display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:Space Grotesk,sans-serif;font-size:72px;font-weight:300;color:var(--text-display);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-lg)}.hero p{font-size:18px;color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-2xl)}.btn{display:inline-block;padding:12px 24px;font-family:Space Mono,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:999px;min-height:44px;transition:all .2s ease-out;cursor:pointer;border:none}.btn-primary{background-color:var(--text-display);color:var(--black)}.btn-primary:hover{background-color:var(--text-primary)}.btn-secondary{background-color:transparent;border:1px solid var(--border-visible);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-display);color:var(--text-display)}.services{padding:var(--space-xl) 0;border-top:1px solid var(--border)}.section-title{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-xl)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.service-card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--space-lg);transition:border-color .2s ease-out}.service-card:hover{border-color:var(--border-visible)}.service-card h3{font-size:24px;font-weight:400;color:var(--text-display);margin-bottom:var(--space-sm);letter-spacing:-.01em}.service-card p{font-size:16px;color:var(--text-secondary);line-height:1.5}.contact{padding:var(--space-xl) 0;border-top:1px solid var(--border)}contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:12px 0;font-family:Space Mono,monospace;font-size:16px;color:var(--text-primary);background-color:transparent;border:none;border-bottom:1px solid var(--border-visible);outline:none;transition:border-color .2s ease-out}.form-input:focus{border-color:var(--text-primary)}.form-input::placeholder{color:var(--text-disabled)}footer{padding:var(--space-xl) 0;border-top:1px solid var(--border);text-align:center}footer p{font-family:Space Mono,monospace;font-size:12px;color:var(--text-disabled);letter-spacing:.04em}.social-links{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md)}.social-links a{color:var(--text-secondary);text-decoration:none;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;transition:color .2s ease-out}.social-links a:hover{color:var(--text-display)}@media(max-width:768px){hero h1{font-size:48px}.services-grid{grid-template-columns:1fr}nav{flex-direction:column;gap:var(--space-md)}nav a{margin-left:0;margin-right:var(--space-md)}nav a:last-child{margin-right:0}}