*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #5f5f5f;--color-accent: #2563eb;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh}.container{max-width:860px;margin:0 auto;padding:0 1.5rem}.hero{padding:5rem 0 4rem;border-bottom:1px solid var(--color-border)}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text)}.hero .subtitle{margin-top:1rem;font-size:1.125rem;color:var(--color-text-muted);max-width:480px}.what-built{padding:4rem 0 5rem}.what-built h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;letter-spacing:-.015em;margin-bottom:2rem}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem 1.5rem}.card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-accent)}.card p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.55}