:root{font-family:var(--font-sans);background:var(--bg);color:var(--text)}*{box-sizing:border-box}.container{max-width:1080px;margin:0 auto;padding:20px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.btn{border:0;cursor:pointer;background:var(--brand-primary);color:var(--on-primary);padding:10px 14px;border-radius:calc(var(--radius) - 4px);font-weight:800;text-decoration:none;display:inline-block}.btn.secondary{background:var(--brand-secondary)}.row{display:flex;gap:12px;align-items:center}.nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#0000000f}.hero{display:flex;gap:18px;align-items:center;justify-content:space-between}.heroimg{width:360px;max-width:45vw;height:220px;background:var(--hero-illustration) center/cover no-repeat;border-radius:var(--radius);box-shadow:var(--shadow)}