*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif;background:#0a0a0a;color:#f2f2f2}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #222}nav .brand{font-weight:700;letter-spacing:.06em}nav .links{display:flex;gap:20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:40px 0}.hero h1{font-size:48px;line-height:1.05;margin:0}.hero p{opacity:.85}.canvas-wrap{background:#0c0c0c;border:1px solid #222;border-radius:12px;height:520px;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.card{background:#101010;border:1px solid #222;border-radius:10px;padding:16px;min-height:120px}footer{opacity:.7;padding:40px 0;border-top:1px solid #222;margin-top:48px}@media (max-width:900px){.hero{grid-template-columns:1fr}.canvas-wrap{height:420px}.grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid{grid-template-columns:1fr}.hero h1{font-size:36px}}