:root{--bg:#1c1c1c;--bg-alt:#161616;--bg-dark:#0d0d0d;--card:#0a0a0a;--border:#2a2a2a;--text:#f4f4f4;--text-muted:#a0a0a0;--text-dim:#6f6f6f;--accent:#4a90e2;--max-width:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.site-header{border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.site-header .container{justify-content:space-between;height:4.5rem}.brand,.site-header .container{display:flex;align-items:center}.brand{gap:.85rem;font-size:1.35rem;font-weight:600}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#fff;color:#111;font-weight:700;font-size:1.1rem}.nav{display:flex;gap:2.25rem;font-size:1.05rem;color:var(--text-muted)}.nav a{transition:color .15s ease}.nav a:hover{color:var(--text)}.hero{text-align:center;padding:5.5rem 0 6rem}.eyebrow{color:var(--text-dim);letter-spacing:.14em;font-size:.9rem;font-weight:500;text-transform:uppercase;margin-bottom:1.75rem}.hero h1{font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.12;font-weight:600;letter-spacing:-.02em;max-width:15ch;margin:0 auto 1.75rem}.hero p{color:var(--text-muted);font-size:clamp(1.05rem,2.2vw,1.4rem);max-width:40ch;margin:0 auto}.section{padding:4.5rem 0}.section--about{background:var(--bg-alt)}.section--focus{background:var(--bg)}.section--contact{background:var(--bg-dark)}.section h2{font-size:1.9rem;font-weight:600;margin-bottom:1.75rem}.section--about p{color:var(--text-muted);font-size:1.2rem;max-width:62ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.75rem;gap:1.75rem;margin-top:.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.9rem;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:#3d3d3d;transform:translateY(-2px)}.card-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;color:var(--text);margin-bottom:1.5rem}.card h3{font-size:1.4rem;font-weight:500;margin-bottom:.6rem}.card p{color:var(--text-muted);font-size:1.05rem}.section--contact p{color:var(--text-muted);font-size:1.2rem;margin-bottom:1.75rem}.contact-link{display:inline-flex;align-items:center;gap:.85rem;color:var(--accent);font-size:1.25rem;transition:opacity .15s ease}.contact-link:hover{opacity:.8}.contact-link svg{color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:var(--bg-dark);padding:2.25rem 0;color:var(--text-dim);font-size:.98rem}.footer-grid{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:baseline}.footer-brand{color:var(--text);font-weight:500}.footer-legal{flex-basis:100%;margin-top:.25rem}.footer-legal a{text-decoration:underline;text-underline-offset:2px}.footer-legal a:hover{color:var(--text-muted)}@media (max-width:820px){.cards{grid-template-columns:1fr}.nav{gap:1.4rem;font-size:.95rem}}@media (max-width:560px){.container{padding:0 1.25rem}.brand span.brand-name{display:none}.hero{padding:3.5rem 0 4rem}}