body{margin:0;font-family:Inter,sans-serif;background:#0e1116;color:#e6e8ee}
nav{display:flex;justify-content:space-between;padding:24px}
a{color:#9aa3b2;text-decoration:none;margin-left:16px}
.hero-ui{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding:120px 24px;max-width:1200px;margin:auto}
.hero-visual{background:#141925;border-radius:20px;padding:24px}
.hero-visual img{width:100%;border-radius:12px}
.button-primary{background:linear-gradient(135deg,#4fd1c5,#3aa7a0);padding:14px 28px;border-radius:14px;color:#0e1116;font-weight:600}
.button-secondary{border:1px solid #1f2633;padding:14px 28px;border-radius:14px;color:#e6e8ee}
.container{max-width:1100px;margin:auto;padding:64px 24px}
footer{text-align:center;padding:32px;color:#9aa3b2;font-size:13px}